@livetiles/reach-components-react 0.3.43 → 0.3.47

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
@@ -76967,8 +76967,8 @@
76967
76967
  }, void 0);
76968
76968
  };
76969
76969
 
76970
- 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"])));
76971
- var templateObject_1$1d$1;
76970
+ var Styles$1 = _styled.createGlobalStyle(templateObject_1$1e$1 || (templateObject_1$1e$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"])));
76971
+ var templateObject_1$1e$1;
76972
76972
  var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
76973
76973
 
76974
76974
  var check$1 = function (it) {
@@ -78342,12 +78342,12 @@
78342
78342
  };
78343
78343
 
78344
78344
  var HighlightBubble = function HighlightBubble(style) {
78345
- 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) {
78345
+ 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$1d$1 || (templateObject_1$1d$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : _styled.css(templateObject_2$K$1 || (templateObject_2$K$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$u$1 || (templateObject_3$u$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) {
78346
78346
  return p.theme.textColors.default;
78347
78347
  }), spacingXxs, spacingS, spacingM);
78348
78348
  };
78349
78349
 
78350
- var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
78350
+ var templateObject_1$1d$1, templateObject_2$K$1, templateObject_3$u$1, templateObject_4$i$1, templateObject_5$d$1;
78351
78351
 
78352
78352
  var EditorHighlight = function EditorHighlight(_a) {
78353
78353
  var tooltipResourceKey = _a.tooltipResourceKey,
@@ -78367,7 +78367,7 @@
78367
78367
  var EditorHighlightBubble = _styled__default["default"].div.withConfig({
78368
78368
  displayName: "EditorHighlight__EditorHighlightBubble",
78369
78369
  componentId: "sc-1d6ahk1-0"
78370
- })(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) {
78370
+ })(templateObject_1$1c$1 || (templateObject_1$1c$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) {
78371
78371
  var readOnly = _a.readOnly;
78372
78372
  return readOnly ? 'inherit' : 'pointer';
78373
78373
  }, function (_a) {
@@ -78378,7 +78378,7 @@
78378
78378
  _styled__default["default"].div.withConfig({
78379
78379
  displayName: "EditorHighlight__ChannelsEditorBubbleHost",
78380
78380
  componentId: "sc-1d6ahk1-1"
78381
- })(templateObject_2$I$1 || (templateObject_2$I$1 = __makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), function (_a) {
78381
+ })(templateObject_2$J$1 || (templateObject_2$J$1 = __makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), function (_a) {
78382
78382
  var readOnly = _a.readOnly;
78383
78383
  return readOnly ? 'inherit' : 'pointer';
78384
78384
  }, function (_a) {
@@ -78386,7 +78386,7 @@
78386
78386
  return isActive ? 1 : 0.4;
78387
78387
  });
78388
78388
 
78389
- var templateObject_1$1b$1, templateObject_2$I$1;
78389
+ var templateObject_1$1c$1, templateObject_2$J$1;
78390
78390
 
78391
78391
  var EditorSettingsDialog = function EditorSettingsDialog(_a) {
78392
78392
  var showDialog = _a.showDialog,
@@ -78413,7 +78413,7 @@
78413
78413
  },
78414
78414
  onDismiss: onClose
78415
78415
  }, {
78416
- children: [jsxRuntime.jsx(Host$y$1, __assign$1({
78416
+ children: [jsxRuntime.jsx(Host$z$1, __assign$1({
78417
78417
  className: className
78418
78418
  }, {
78419
78419
  children: children
@@ -78438,28 +78438,28 @@
78438
78438
  }), void 0);
78439
78439
  };
78440
78440
 
78441
- var Host$y$1 = _styled__default["default"].div.withConfig({
78441
+ var Host$z$1 = _styled__default["default"].div.withConfig({
78442
78442
  displayName: "EditorSettingsDialog__Host",
78443
78443
  componentId: "sc-132lfuo-0"
78444
- })(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);
78444
+ })(templateObject_1$1b$1 || (templateObject_1$1b$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);
78445
78445
 
78446
78446
  var EditorSettingsDialogWithFixedWidth = _styled__default["default"](EditorSettingsDialog).withConfig({
78447
78447
  displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
78448
78448
  componentId: "sc-132lfuo-1"
78449
- })(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
78449
+ })(templateObject_2$I$1 || (templateObject_2$I$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
78450
78450
 
78451
- var templateObject_1$1a$1, templateObject_2$H$1;
78451
+ var templateObject_1$1b$1, templateObject_2$I$1;
78452
78452
 
78453
78453
  var IconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
78454
78454
  displayName: "IconButton",
78455
78455
  componentId: "sc-1mokw5y-0"
78456
- })(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) {
78456
+ })(templateObject_1$1a$1 || (templateObject_1$1a$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) {
78457
78457
  var _a;
78458
78458
 
78459
78459
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
78460
78460
  });
78461
78461
 
78462
- var templateObject_1$19$1;
78462
+ var templateObject_1$1a$1;
78463
78463
 
78464
78464
  var GutterToggle = function GutterToggle(_a) {
78465
78465
  var checked = _a.checked,
@@ -78472,7 +78472,7 @@
78472
78472
  ariaLabelResourceKey = _a.ariaLabelResourceKey;
78473
78473
  var formatMessage = useIntl().formatMessage;
78474
78474
  var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
78475
- return jsxRuntime.jsx(Host$x$1, __assign$1({
78475
+ return jsxRuntime.jsx(Host$y$1, __assign$1({
78476
78476
  className: className
78477
78477
  }, {
78478
78478
  children: !readOnly ? jsxRuntime.jsx(Tooltip, __assign$1({
@@ -78493,23 +78493,23 @@
78493
78493
  }), void 0);
78494
78494
  };
78495
78495
 
78496
- var Host$x$1 = _styled__default["default"].div.withConfig({
78496
+ var Host$y$1 = _styled__default["default"].div.withConfig({
78497
78497
  displayName: "GutterToggle__Host",
78498
78498
  componentId: "sc-1aya63j-0"
78499
- })(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"])));
78499
+ })(templateObject_1$19$1 || (templateObject_1$19$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"])));
78500
78500
 
78501
78501
  var ToggleIcon = _styled__default["default"](IconButton).withConfig({
78502
78502
  displayName: "GutterToggle__ToggleIcon",
78503
78503
  componentId: "sc-1aya63j-1"
78504
- })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78504
+ })(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
78505
78505
 
78506
78506
  var Spacer = _styled__default["default"].div.withConfig({
78507
78507
  displayName: "GutterToggle__Spacer",
78508
78508
  componentId: "sc-1aya63j-2"
78509
- })(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
78509
+ })(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
78510
78510
 
78511
- var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
78512
- 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) {
78511
+ var templateObject_1$19$1, templateObject_2$H$1, templateObject_3$t$1;
78512
+ var LinkStyle$1 = _styled.css(templateObject_1$18$1 || (templateObject_1$18$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) {
78513
78513
  return p.theme.palette.accent;
78514
78514
  }, function (p) {
78515
78515
  return p.theme.palette.accent;
@@ -78518,14 +78518,14 @@
78518
78518
  var ExternalLink$2 = _styled__default["default"](officeUiFabricReact.Link).withConfig({
78519
78519
  displayName: "Link__ExternalLink",
78520
78520
  componentId: "sc-5x4ijx-0"
78521
- })(templateObject_2$F$1 || (templateObject_2$F$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78521
+ })(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78522
78522
 
78523
78523
  var Link$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
78524
78524
  displayName: "Link",
78525
78525
  componentId: "sc-5x4ijx-1"
78526
- })(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78526
+ })(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78527
78527
 
78528
- var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
78528
+ var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
78529
78529
 
78530
78530
  var NotificationBar = function NotificationBar() {
78531
78531
  var hideNotification = useNotificationContext().hideNotification;
@@ -78541,7 +78541,7 @@
78541
78541
  return null;
78542
78542
  }
78543
78543
 
78544
- return jsxRuntime.jsx(Host$w$1, __assign$1({
78544
+ return jsxRuntime.jsx(Host$x$1, __assign$1({
78545
78545
  className: "notification-wrapper",
78546
78546
  "data-notification-bar": true
78547
78547
  }, {
@@ -78571,17 +78571,17 @@
78571
78571
  }), void 0);
78572
78572
  };
78573
78573
 
78574
- var Host$w$1 = _styled__default["default"].div.withConfig({
78574
+ var Host$x$1 = _styled__default["default"].div.withConfig({
78575
78575
  displayName: "NotificationBar__Host",
78576
78576
  componentId: "sc-17dep9g-0"
78577
- })(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"])));
78577
+ })(templateObject_1$17$1 || (templateObject_1$17$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"])));
78578
78578
 
78579
78579
  var StyledMessageBar = _styled__default["default"](officeUiFabricReact.MessageBar).withConfig({
78580
78580
  displayName: "NotificationBar__StyledMessageBar",
78581
78581
  componentId: "sc-17dep9g-1"
78582
- })(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);
78582
+ })(templateObject_2$F$1 || (templateObject_2$F$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);
78583
78583
 
78584
- var templateObject_1$16$1, templateObject_2$E$1;
78584
+ var templateObject_1$17$1, templateObject_2$F$1;
78585
78585
 
78586
78586
  var PeoplePicker = function PeoplePicker(props) {
78587
78587
  var _a;
@@ -78848,9 +78848,9 @@
78848
78848
  var Container$1$1 = _styled__default["default"].div.withConfig({
78849
78849
  displayName: "PeoplePicker__Container",
78850
78850
  componentId: "sc-1if6guq-0"
78851
- })(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"])));
78851
+ })(templateObject_1$16$1 || (templateObject_1$16$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"])));
78852
78852
 
78853
- var templateObject_1$15$1;
78853
+ var templateObject_1$16$1;
78854
78854
  var $$5$1 = _export$1;
78855
78855
  var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
78856
78856
  var toLength$5$1 = toLength$8$1;
@@ -78929,7 +78929,7 @@
78929
78929
  var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
78930
78930
  var fileName = _a.fileName,
78931
78931
  url = _a.url;
78932
- return jsxRuntime.jsx(Host$v$1, __assign$1({
78932
+ return jsxRuntime.jsx(Host$w$1, __assign$1({
78933
78933
  href: url,
78934
78934
  target: "_blank",
78935
78935
  download: fileName,
@@ -78943,14 +78943,14 @@
78943
78943
  }), void 0);
78944
78944
  };
78945
78945
 
78946
- var Host$v$1 = _styled__default["default"].a.withConfig({
78946
+ var Host$w$1 = _styled__default["default"].a.withConfig({
78947
78947
  displayName: "AttachedMediaDownloadLink__Host",
78948
78948
  componentId: "sc-8hqs4q-0"
78949
- })(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) {
78949
+ })(templateObject_1$15$1 || (templateObject_1$15$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) {
78950
78950
  return p.theme.palette.accent;
78951
78951
  }, spacingS);
78952
78952
 
78953
- var templateObject_1$14$1;
78953
+ var templateObject_1$15$1;
78954
78954
 
78955
78955
  var AudioFile = function AudioFile(_a) {
78956
78956
  var fileName = _a.fileName,
@@ -78960,7 +78960,7 @@
78960
78960
  return null;
78961
78961
  }
78962
78962
 
78963
- return jsxRuntime.jsxs(Host$u$1, {
78963
+ return jsxRuntime.jsxs(Host$v$1, {
78964
78964
  children: [jsxRuntime.jsx(AttachedMediaDownloadLink, {
78965
78965
  fileName: fileName,
78966
78966
  url: url
@@ -78985,26 +78985,26 @@
78985
78985
  return fileType && fileType.toString().startsWith('audio/');
78986
78986
  }
78987
78987
 
78988
- var Host$u$1 = _styled__default["default"].div.withConfig({
78988
+ var Host$v$1 = _styled__default["default"].div.withConfig({
78989
78989
  displayName: "AudioFile__Host",
78990
78990
  componentId: "sc-wq9avv-0"
78991
- })(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78991
+ })(templateObject_1$14$1 || (templateObject_1$14$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78992
78992
 
78993
- var templateObject_1$13$1;
78993
+ var templateObject_1$14$1;
78994
78994
 
78995
78995
  _styled__default["default"].div.withConfig({
78996
78996
  displayName: "GroupedListItemStyles__GroupedListItemHost",
78997
78997
  componentId: "sc-upeq9r-0"
78998
- })(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);
78998
+ })(templateObject_1$13$1 || (templateObject_1$13$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);
78999
78999
 
79000
79000
  _styled__default["default"].h2.withConfig({
79001
79001
  displayName: "GroupedListItemStyles__GroupedListItemTitle",
79002
79002
  componentId: "sc-upeq9r-1"
79003
- })(templateObject_2$D$1 || (templateObject_2$D$1 = __makeTemplateObject$1(["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"], ["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"])), spacingL, spacingL, fontSizeMedium + 2, function (p) {
79003
+ })(templateObject_2$E$1 || (templateObject_2$E$1 = __makeTemplateObject$1(["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"], ["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"])), spacingL, spacingL, fontSizeMedium + 2, function (p) {
79004
79004
  return p.theme.textColors.default;
79005
79005
  });
79006
79006
 
79007
- var templateObject_1$12$1, templateObject_2$D$1;
79007
+ var templateObject_1$13$1, templateObject_2$E$1;
79008
79008
 
79009
79009
  var AttachmentHost = function AttachmentHost(_a) {
79010
79010
  var children = _a.children,
@@ -79012,7 +79012,7 @@
79012
79012
  domIdentifier = _a.domIdentifier,
79013
79013
  backgroundColor = _a.backgroundColor,
79014
79014
  className = _a.className;
79015
- return jsxRuntime.jsxs(Host$t$1, __assign$1({
79015
+ return jsxRuntime.jsxs(Host$u$1, __assign$1({
79016
79016
  className: className
79017
79017
  }, {
79018
79018
  children: [deleteButton && jsxRuntime.jsx(ButtonHost, {
@@ -79029,28 +79029,28 @@
79029
79029
  var Inner$2$2 = _styled__default["default"].div.withConfig({
79030
79030
  displayName: "AttachmentHost__Inner",
79031
79031
  componentId: "sc-mjwmvo-0"
79032
- })(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) {
79032
+ })(templateObject_1$12$1 || (templateObject_1$12$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) {
79033
79033
  return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
79034
79034
  });
79035
79035
 
79036
79036
  var ButtonHost = _styled__default["default"].div.withConfig({
79037
79037
  displayName: "AttachmentHost__ButtonHost",
79038
79038
  componentId: "sc-mjwmvo-1"
79039
- })(templateObject_2$C$1 || (templateObject_2$C$1 = __makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"])), function (p) {
79039
+ })(templateObject_2$D$1 || (templateObject_2$D$1 = __makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"])), function (p) {
79040
79040
  return p.theme.palette.white;
79041
79041
  }, attachmentRoundedCornerSize - 1, attachmentRoundedCornerSize);
79042
79042
 
79043
- var Host$t$1 = _styled__default["default"].div.withConfig({
79043
+ var Host$u$1 = _styled__default["default"].div.withConfig({
79044
79044
  displayName: "AttachmentHost__Host",
79045
79045
  componentId: "sc-mjwmvo-2"
79046
- })(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);
79046
+ })(templateObject_3$r$1 || (templateObject_3$r$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);
79047
79047
 
79048
- var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
79048
+ var templateObject_1$12$1, templateObject_2$D$1, templateObject_3$r$1;
79049
79049
 
79050
79050
  var ActionButton = _styled__default["default"](officeUiFabricReact.ActionButton).withConfig({
79051
79051
  displayName: "ActionButton",
79052
79052
  componentId: "sc-hmhuj9-0"
79053
- })(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) {
79053
+ })(templateObject_1$11$1 || (templateObject_1$11$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) {
79054
79054
  var _a;
79055
79055
 
79056
79056
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
@@ -79060,7 +79060,7 @@
79060
79060
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
79061
79061
  });
79062
79062
 
79063
- var templateObject_1$10$1;
79063
+ var templateObject_1$11$1;
79064
79064
  var regexpStickyHelpers$2 = {};
79065
79065
  var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
79066
79066
  // so we use an intermediate function.
@@ -80583,9 +80583,9 @@
80583
80583
  _styled__default["default"].div.withConfig({
80584
80584
  displayName: "ListItemsContainer",
80585
80585
  componentId: "sc-1ml8hli-0"
80586
- })(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);
80586
+ })(templateObject_1$10$1 || (templateObject_1$10$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);
80587
80587
 
80588
- var templateObject_1$$$1;
80588
+ var templateObject_1$10$1;
80589
80589
 
80590
80590
  function getGoogleMapsSearchLink(name) {
80591
80591
  if (!name) {
@@ -80632,27 +80632,27 @@
80632
80632
  var LeftBannerWrapper = _styled__default["default"].div.withConfig({
80633
80633
  displayName: "Utils__LeftBannerWrapper",
80634
80634
  componentId: "sc-1qatfzk-0"
80635
- })(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) {
80636
- 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);
80635
+ })(templateObject_2$C$1 || (templateObject_2$C$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) {
80636
+ 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);
80637
80637
  }, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
80638
80638
  return p.defaultWidth ? p.defaultWidth : 250;
80639
80639
  }); // react router dom path matcher stops at the next '/' (slash) character
80640
80640
 
80641
- var templateObject_1$_$1, templateObject_2$B$1;
80641
+ var templateObject_1$$$1, templateObject_2$C$1;
80642
80642
 
80643
80643
  _styled__default["default"].div.withConfig({
80644
80644
  displayName: "AvailableSubscriptionList__Host",
80645
80645
  componentId: "sc-113n7q9-0"
80646
- })(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"])));
80646
+ })(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
80647
80647
 
80648
80648
  _styled__default["default"](ActionButton).withConfig({
80649
80649
  displayName: "AvailableSubscriptionList__SubscriptionButton",
80650
80650
  componentId: "sc-113n7q9-1"
80651
- })(templateObject_2$A$1 || (templateObject_2$A$1 = __makeTemplateObject$1(["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"], ["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"])), function (p) {
80651
+ })(templateObject_2$B$1 || (templateObject_2$B$1 = __makeTemplateObject$1(["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"], ["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"])), function (p) {
80652
80652
  return p.theme.palette.accent;
80653
80653
  });
80654
80654
 
80655
- var templateObject_1$Z$1, templateObject_2$A$1;
80655
+ var templateObject_1$_$1, templateObject_2$B$1;
80656
80656
 
80657
80657
  var Callout = function Callout(_a) {
80658
80658
  var children = _a.children,
@@ -80671,17 +80671,17 @@
80671
80671
  _styled__default["default"].span.withConfig({
80672
80672
  displayName: "ConfirmDeleteDialog__LinePreserverSpan",
80673
80673
  componentId: "sc-1ybmivq-0"
80674
- })(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80674
+ })(templateObject_1$Z$1 || (templateObject_1$Z$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80675
80675
 
80676
80676
  _styled__default["default"](officeUiFabricReact.TextField).withConfig({
80677
80677
  displayName: "ConfirmDeleteDialog__StyledTextField",
80678
80678
  componentId: "sc-1ybmivq-1"
80679
- })(templateObject_2$z$1 || (templateObject_2$z$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingM);
80679
+ })(templateObject_2$A$1 || (templateObject_2$A$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingM);
80680
80680
 
80681
80681
  _styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({
80682
80682
  displayName: "ConfirmDeleteDialog__DeleteButton",
80683
80683
  componentId: "sc-1ybmivq-2"
80684
- })(templateObject_3$p$1 || (templateObject_3$p$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"])), function (p) {
80684
+ })(templateObject_3$q$1 || (templateObject_3$q$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"])), function (p) {
80685
80685
  return p.theme.palette.red;
80686
80686
  }, function (p) {
80687
80687
  return p.theme.palette.red;
@@ -80691,7 +80691,7 @@
80691
80691
  return p.theme.palette.redDark;
80692
80692
  });
80693
80693
 
80694
- var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
80694
+ var templateObject_1$Z$1, templateObject_2$A$1, templateObject_3$q$1;
80695
80695
 
80696
80696
  var ConfirmDialog = function ConfirmDialog(_a) {
80697
80697
  var showDialog = _a.showDialog,
@@ -80752,9 +80752,9 @@
80752
80752
  _styled__default["default"].div.withConfig({
80753
80753
  displayName: "ConfirmResetDialog__Host",
80754
80754
  componentId: "sc-akcggz-0"
80755
- })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80755
+ })(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80756
80756
 
80757
- var templateObject_1$X$1;
80757
+ var templateObject_1$Y$1;
80758
80758
 
80759
80759
  var RelativeDateTime = function RelativeDateTime(_a) {
80760
80760
  var absoluteValue = _a.value;
@@ -80892,7 +80892,7 @@
80892
80892
  };
80893
80893
 
80894
80894
  if (!props.showWeekDay && shouldShowRelativeDate) {
80895
- return jsxRuntime.jsx(Host$q$1, __assign$1({
80895
+ return jsxRuntime.jsx(Host$r$1, __assign$1({
80896
80896
  className: classNames(props.className)
80897
80897
  }, timeProps, {
80898
80898
  children: jsxRuntime.jsx(RelativeDateTime, {
@@ -80901,7 +80901,7 @@
80901
80901
  }), void 0);
80902
80902
  }
80903
80903
 
80904
- return jsxRuntime.jsxs(Host$q$1, __assign$1({
80904
+ return jsxRuntime.jsxs(Host$r$1, __assign$1({
80905
80905
  className: classNames(props.className)
80906
80906
  }, timeProps, {
80907
80907
  children: [jsxRuntime.jsx(FormattedDate, {
@@ -80961,21 +80961,21 @@
80961
80961
  }), void 0);
80962
80962
  };
80963
80963
 
80964
- var Host$q$1 = _styled__default["default"].time.withConfig({
80964
+ var Host$r$1 = _styled__default["default"].time.withConfig({
80965
80965
  displayName: "DateTime__Host",
80966
80966
  componentId: "sc-ulo84j-0"
80967
- })(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80967
+ })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80968
80968
 
80969
- var templateObject_1$W$1;
80969
+ var templateObject_1$X$1;
80970
80970
 
80971
80971
  _styled__default["default"].div.withConfig({
80972
80972
  displayName: "Divider",
80973
80973
  componentId: "sc-1qr9ydh-0"
80974
- })(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) {
80974
+ })(templateObject_1$W$1 || (templateObject_1$W$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) {
80975
80975
  return p.theme.palette.neutralTertiary;
80976
80976
  }, defaultPageBackgroundColor);
80977
80977
 
80978
- var templateObject_1$V$1;
80978
+ var templateObject_1$W$1;
80979
80979
 
80980
80980
  var Dropdown = function Dropdown(_a) {
80981
80981
  var _b;
@@ -81017,9 +81017,9 @@
81017
81017
  var Container$3 = _styled__default["default"].div.withConfig({
81018
81018
  displayName: "EmptyList__Container",
81019
81019
  componentId: "sc-11jeabk-0"
81020
- })(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);
81020
+ })(templateObject_1$V$1 || (templateObject_1$V$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);
81021
81021
 
81022
- var templateObject_1$U$1;
81022
+ var templateObject_1$V$1;
81023
81023
 
81024
81024
  var hasFlag = function hasFlag(baseValue, flag) {
81025
81025
  return baseValue != null && (baseValue & flag) === flag;
@@ -81058,17 +81058,17 @@
81058
81058
  _styled__default["default"].div.withConfig({
81059
81059
  displayName: "FieldTranslationEditor__Host",
81060
81060
  componentId: "sc-1s8zb6d-0"
81061
- })(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"])));
81061
+ })(templateObject_1$U$1 || (templateObject_1$U$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"])));
81062
81062
 
81063
81063
  _styled__default["default"].div.withConfig({
81064
81064
  displayName: "FieldTranslationEditor__TranslationField",
81065
81065
  componentId: "sc-1s8zb6d-1"
81066
- })(templateObject_2$y$1 || (templateObject_2$y$1 = __makeTemplateObject$1(["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"], ["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"])));
81066
+ })(templateObject_2$z$1 || (templateObject_2$z$1 = __makeTemplateObject$1(["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"], ["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"])));
81067
81067
 
81068
81068
  _styled__default["default"](officeUiFabricReact.TextField).withConfig({
81069
81069
  displayName: "FieldTranslationEditor__StyledTextField",
81070
81070
  componentId: "sc-1s8zb6d-2"
81071
- })(templateObject_3$o$1 || (templateObject_3$o$1 = __makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"], ["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));
81071
+ })(templateObject_3$p$1 || (templateObject_3$p$1 = __makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"], ["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));
81072
81072
 
81073
81073
  _styled__default["default"].div.withConfig({
81074
81074
  displayName: "FieldTranslationEditor__Header",
@@ -81080,7 +81080,7 @@
81080
81080
  componentId: "sc-1s8zb6d-4"
81081
81081
  })(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
81082
81082
 
81083
- var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
81083
+ var templateObject_1$U$1, templateObject_2$z$1, templateObject_3$p$1, templateObject_4$h$1, templateObject_5$c$1;
81084
81084
 
81085
81085
  var Spinner = function Spinner(props) {
81086
81086
  var _a = React$d.useState(props.delay == null),
@@ -81104,7 +81104,7 @@
81104
81104
  return null;
81105
81105
  }
81106
81106
 
81107
- return jsxRuntime.jsx(Host$o$1, __assign$1({
81107
+ return jsxRuntime.jsx(Host$p$1, __assign$1({
81108
81108
  className: props.className
81109
81109
  }, {
81110
81110
  children: jsxRuntime.jsx(officeUiFabricReact.Spinner, __assign$1({}, props, {
@@ -81113,12 +81113,12 @@
81113
81113
  }), void 0);
81114
81114
  };
81115
81115
 
81116
- var Host$o$1 = _styled__default["default"].div.withConfig({
81116
+ var Host$p$1 = _styled__default["default"].div.withConfig({
81117
81117
  displayName: "Spinner__Host",
81118
81118
  componentId: "sc-1wroad6-0"
81119
- })(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"])));
81119
+ })(templateObject_1$T$1 || (templateObject_1$T$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"])));
81120
81120
 
81121
- var templateObject_1$S$1;
81121
+ var templateObject_1$T$1;
81122
81122
  var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
81123
81123
  var isRegExp$6 = isRegexp$2;
81124
81124
  var anObject$j = anObject$e$1;
@@ -81313,7 +81313,7 @@
81313
81313
  };
81314
81314
 
81315
81315
  var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
81316
- 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);
81316
+ return _styled.css(templateObject_1$S$1 || (templateObject_1$S$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);
81317
81317
  };
81318
81318
 
81319
81319
  function getImageSize(url) {
@@ -81425,7 +81425,7 @@
81425
81425
  }
81426
81426
  }
81427
81427
 
81428
- var templateObject_1$R$1;
81428
+ var templateObject_1$S$1;
81429
81429
 
81430
81430
  function useFileAccessTokenApi() {
81431
81431
  var api = useApi();
@@ -81578,17 +81578,17 @@
81578
81578
  var FilesListHost = _styled__default["default"].ul.withConfig({
81579
81579
  displayName: "FileAttachmentList__FilesListHost",
81580
81580
  componentId: "sc-lwztxx-0"
81581
- })(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"])));
81581
+ })(templateObject_1$R$1 || (templateObject_1$R$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"])));
81582
81582
 
81583
81583
  var VideoFilesListHost = _styled__default["default"].ul.withConfig({
81584
81584
  displayName: "FileAttachmentList__VideoFilesListHost",
81585
81585
  componentId: "sc-lwztxx-1"
81586
- })(templateObject_2$x$1 || (templateObject_2$x$1 = __makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])), videoAttachmentRoundedCornerSize);
81586
+ })(templateObject_2$y$1 || (templateObject_2$y$1 = __makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])), videoAttachmentRoundedCornerSize);
81587
81587
 
81588
81588
  var VideoFileItem = _styled__default["default"].li.withConfig({
81589
81589
  displayName: "FileAttachmentList__VideoFileItem",
81590
81590
  componentId: "sc-lwztxx-2"
81591
- })(templateObject_3$n$1 || (templateObject_3$n$1 = __makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS);
81591
+ })(templateObject_3$o$1 || (templateObject_3$o$1 = __makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS);
81592
81592
 
81593
81593
  var FileItem = _styled__default["default"].li.withConfig({
81594
81594
  displayName: "FileAttachmentList__FileItem",
@@ -81608,7 +81608,7 @@
81608
81608
  exchangeShortLivedToken = _b.exchangeShortLivedToken,
81609
81609
  createDownloadClickHandler = _b.createDownloadClickHandler;
81610
81610
 
81611
- return jsxRuntime.jsxs(Host$n$1, {
81611
+ return jsxRuntime.jsxs(Host$o$1, {
81612
81612
  children: [attachment.isUploadInProgress && jsxRuntime.jsx(AttachmentOverlay$1, {
81613
81613
  children: jsxRuntime.jsx(CenteredSpinner$1, {
81614
81614
  size: officeUiFabricReact.SpinnerSize.medium
@@ -81691,7 +81691,7 @@
81691
81691
  }
81692
81692
  };
81693
81693
 
81694
- var Host$n$1 = _styled__default["default"].div.withConfig({
81694
+ var Host$o$1 = _styled__default["default"].div.withConfig({
81695
81695
  displayName: "FileAttachmentList__Host",
81696
81696
  componentId: "sc-lwztxx-4"
81697
81697
  })(templateObject_5$b$1 || (templateObject_5$b$1 = __makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ", ";\n"])), function (p) {
@@ -81753,7 +81753,7 @@
81753
81753
  return p.theme.palette.redDark;
81754
81754
  });
81755
81755
 
81756
- 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;
81756
+ var templateObject_1$R$1, templateObject_2$y$1, templateObject_3$o$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;
81757
81757
  var FabNavigationPosition;
81758
81758
 
81759
81759
  (function (FabNavigationPosition) {
@@ -81764,8 +81764,8 @@
81764
81764
  _styled__default["default"].nav.withConfig({
81765
81765
  displayName: "FloatingActionButton__Navigation",
81766
81766
  componentId: "sc-1spkihm-0"
81767
- })(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) {
81768
- 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);
81767
+ })(templateObject_3$n$1 || (templateObject_3$n$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) {
81768
+ return p.positionBottomOnMobile ? _styled.css(templateObject_1$Q$1 || (templateObject_1$Q$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$x$1 || (templateObject_2$x$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
81769
81769
  });
81770
81770
 
81771
81771
  var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
@@ -81812,7 +81812,7 @@
81812
81812
  componentId: "sc-1spkihm-4"
81813
81813
  })(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
81814
81814
 
81815
- 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;
81815
+ var templateObject_1$Q$1, templateObject_2$x$1, templateObject_3$n$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;
81816
81816
 
81817
81817
  var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
81818
81818
  var _b = _a.tagName,
@@ -81828,9 +81828,9 @@
81828
81828
  }, void 0));
81829
81829
  };
81830
81830
 
81831
- _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);
81831
+ _styled__default["default"].div(templateObject_1$P$1 || (templateObject_1$P$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);
81832
81832
 
81833
- var templateObject_1$O$1;
81833
+ var templateObject_1$P$1;
81834
81834
  var itemStatisticsCache = {};
81835
81835
  var onStatisticsUpdated = new Subject();
81836
81836
 
@@ -81890,11 +81890,11 @@
81890
81890
  var Keyword = _styled__default["default"].span.withConfig({
81891
81891
  displayName: "KeywordTitle__Keyword",
81892
81892
  componentId: "sc-18jcqyr-0"
81893
- })(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81894
- 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 "])));
81893
+ })(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81894
+ return p.underlined && _styled.css(templateObject_1$O$1 || (templateObject_1$O$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
81895
81895
  });
81896
81896
 
81897
- var templateObject_1$N$1, templateObject_2$v$1;
81897
+ var templateObject_1$O$1, templateObject_2$w$1;
81898
81898
 
81899
81899
  var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
81900
81900
  var _b;
@@ -81915,8 +81915,8 @@
81915
81915
  }, void 0);
81916
81916
  };
81917
81917
 
81918
- 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"])));
81919
- var templateObject_1$M$1;
81918
+ var Styles$2 = _styled.createGlobalStyle(templateObject_1$N$1 || (templateObject_1$N$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"])));
81919
+ var templateObject_1$N$1;
81920
81920
 
81921
81921
  var Modified = function Modified(_a) {
81922
81922
  var modified = _a.modified;
@@ -81926,7 +81926,7 @@
81926
81926
  return null;
81927
81927
  }
81928
81928
 
81929
- return jsxRuntime.jsxs(Host$l$1, __assign$1({
81929
+ return jsxRuntime.jsxs(Host$m$1, __assign$1({
81930
81930
  className: "ms-fontColor-neutralTertiary"
81931
81931
  }, {
81932
81932
  children: ["\u00A0(", jsxRuntime.jsx(Tooltip, __assign$1({
@@ -81952,9 +81952,9 @@
81952
81952
  }
81953
81953
  };
81954
81954
 
81955
- 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);
81955
+ var Host$m$1 = _styled__default["default"].span(templateObject_1$M$1 || (templateObject_1$M$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
81956
81956
 
81957
- var templateObject_1$L$1;
81957
+ var templateObject_1$M$1;
81958
81958
 
81959
81959
  var FullScreenImageViewer = function FullScreenImageViewer(_a) {
81960
81960
  var images = _a.images,
@@ -82154,8 +82154,8 @@
82154
82154
  }
82155
82155
  };
82156
82156
 
82157
- 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"])));
82158
- var templateObject_1$K$1;
82157
+ var GeneralFixes = _styled.createGlobalStyle(templateObject_1$L$1 || (templateObject_1$L$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"])));
82158
+ var templateObject_1$L$1;
82159
82159
 
82160
82160
  var PhotoGrid = function PhotoGrid(_a) {
82161
82161
  var images = _a.images,
@@ -82178,7 +82178,7 @@
82178
82178
  var showMoreImagesIndicator = images.length > 4;
82179
82179
  var hasMultiImages = images.length > 1;
82180
82180
  var firstImage = images[0];
82181
- return jsxRuntime.jsxs(Host$k$1, __assign$1({
82181
+ return jsxRuntime.jsxs(Host$l$1, __assign$1({
82182
82182
  "data-multi-images": hasMultiImages,
82183
82183
  className: className,
82184
82184
  singleImageHeight: firstImage.height,
@@ -82269,18 +82269,18 @@
82269
82269
  }), void 0);
82270
82270
  };
82271
82271
 
82272
- var Host$k$1 = _styled__default["default"].div.withConfig({
82272
+ var Host$l$1 = _styled__default["default"].div.withConfig({
82273
82273
  displayName: "PhotoGrid__Host",
82274
82274
  componentId: "sc-flk193-0"
82275
- })(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) {
82276
- 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);
82275
+ })(templateObject_2$v$1 || (templateObject_2$v$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) {
82276
+ return p.singleImageWidth && p.singleImageHeight && _styled.css(templateObject_1$K$1 || (templateObject_1$K$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);
82277
82277
  });
82278
82278
 
82279
82279
  var SingleImageHost = _styled__default["default"].a.withConfig({
82280
82280
  displayName: "PhotoGrid__SingleImageHost",
82281
82281
  componentId: "sc-flk193-1"
82282
82282
  })(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) {
82283
- 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 "])));
82283
+ return p.applyRoundedCorners && _styled.css(templateObject_3$m$1 || (templateObject_3$m$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82284
82284
  });
82285
82285
 
82286
82286
  var Gallery = _styled__default["default"].div.withConfig({
@@ -82307,7 +82307,7 @@
82307
82307
  componentId: "sc-flk193-5"
82308
82308
  })(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);
82309
82309
 
82310
- 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;
82310
+ var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
82311
82311
 
82312
82312
  function showPhoto(url, title) {
82313
82313
  {
@@ -82354,7 +82354,7 @@
82354
82354
  iconName: icon
82355
82355
  }, void 0)
82356
82356
  }), void 0);
82357
- return jsxRuntime.jsx(Host$j$1, __assign$1({
82357
+ return jsxRuntime.jsx(Host$k$1, __assign$1({
82358
82358
  className: "tooltip-container"
82359
82359
  }, {
82360
82360
  children: jsxRuntime.jsx(Tooltip, __assign$1({
@@ -82365,18 +82365,18 @@
82365
82365
  }), void 0);
82366
82366
  };
82367
82367
 
82368
- var Host$j$1 = _styled__default["default"].div.withConfig({
82368
+ var Host$k$1 = _styled__default["default"].div.withConfig({
82369
82369
  displayName: "IconHeaderButton__Host",
82370
82370
  componentId: "sc-1p61ffo-0"
82371
- })(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
82371
+ })(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
82372
82372
 
82373
82373
  var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
82374
82374
  displayName: "IconHeaderButton__Button",
82375
82375
  componentId: "sc-1p61ffo-1"
82376
82376
  })(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) {
82377
- 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);
82377
+ return !p.isActive && _styled.css(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
82378
82378
  }, function (p) {
82379
- 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);
82379
+ 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);
82380
82380
  });
82381
82381
 
82382
82382
  var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
@@ -82386,7 +82386,7 @@
82386
82386
  return _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
82387
82387
  });
82388
82388
 
82389
- 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
82389
+ var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
82390
82390
  // eslint-disable-next-line max-len
82391
82391
 
82392
82392
  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';
@@ -82565,17 +82565,17 @@
82565
82565
  }), void 0);
82566
82566
  };
82567
82567
 
82568
- 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"])));
82568
+ var LinkStyle$2 = _styled.css(templateObject_1$I$1 || (templateObject_1$I$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"])));
82569
82569
 
82570
82570
  var StyledLink$1$1 = _styled__default["default"](TextLink).withConfig({
82571
82571
  displayName: "ToolbarIconButtonWithToolTip__StyledLink",
82572
82572
  componentId: "sc-148nazl-0"
82573
- })(templateObject_2$s$1 || (templateObject_2$s$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
82573
+ })(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
82574
82574
 
82575
82575
  var StyledExternalLink = _styled__default["default"](ExternalLinkHandler).withConfig({
82576
82576
  displayName: "ToolbarIconButtonWithToolTip__StyledExternalLink",
82577
82577
  componentId: "sc-148nazl-1"
82578
- })(templateObject_3$j$1 || (templateObject_3$j$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
82578
+ })(templateObject_3$k$1 || (templateObject_3$k$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
82579
82579
 
82580
82580
  var StyledIconButton$3$1 = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
82581
82581
  displayName: "ToolbarIconButtonWithToolTip__StyledIconButton",
@@ -82591,7 +82591,7 @@
82591
82591
  return p.theme.textColors.default;
82592
82592
  });
82593
82593
 
82594
- 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;
82594
+ var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
82595
82595
 
82596
82596
  var Search$1 = function Search(props) {
82597
82597
  var intl = useIntl();
@@ -82617,7 +82617,7 @@
82617
82617
  React$d.useEffect(function () {
82618
82618
  setSearchText(''); // eslint-disable-next-line react-hooks/exhaustive-deps
82619
82619
  }, [location.pathname]);
82620
- return jsxRuntime.jsxs(Host$i$1, __assign$1({
82620
+ return jsxRuntime.jsxs(Host$j$1, __assign$1({
82621
82621
  className: classNames('search-field', props.className),
82622
82622
  useLightTheme: props.useLightTheme
82623
82623
  }, {
@@ -82685,10 +82685,10 @@
82685
82685
  var StyledTextField = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
82686
82686
  displayName: "Search__StyledTextField",
82687
82687
  componentId: "sc-17f35gt-0"
82688
- })(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
82689
- 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) {
82688
+ })(templateObject_3$j$1 || (templateObject_3$j$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
82689
+ return p.useLightTheme ? _styled.css(templateObject_1$H$1 || (templateObject_1$H$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82690
82690
  return p.theme.textColors.default;
82691
- }, 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) {
82691
+ }, InputPlaceholder("color: " + p.theme.textColors.default)) : _styled.css(templateObject_2$s$1 || (templateObject_2$s$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82692
82692
  return p.theme.textColors.onPrimary;
82693
82693
  }, InputPlaceholder("color: " + p.theme.textColors.onPrimary));
82694
82694
  });
@@ -82702,7 +82702,7 @@
82702
82702
  return p.theme.palette.themeDarker;
82703
82703
  });
82704
82704
 
82705
- var Host$i$1 = _styled__default["default"].div.withConfig({
82705
+ var Host$j$1 = _styled__default["default"].div.withConfig({
82706
82706
  displayName: "Search__Host",
82707
82707
  componentId: "sc-17f35gt-2"
82708
82708
  })(templateObject_7$2$2 || (templateObject_7$2$2 = __makeTemplateObject$1(["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ", ";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ", "\n"], ["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ", ";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ", "\n"])), InputPlaceholder("\n font-size: inherit;\n opacity: 0.5;\n "), function (p) {
@@ -82770,7 +82770,7 @@
82770
82770
  }
82771
82771
  };
82772
82772
 
82773
- 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;
82773
+ var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
82774
82774
  var TableSortOrder;
82775
82775
 
82776
82776
  (function (TableSortOrder) {
@@ -82781,13 +82781,13 @@
82781
82781
  _styled__default["default"](officeUiFabricReact.Icon).withConfig({
82782
82782
  displayName: "SortableTable__Order",
82783
82783
  componentId: "sc-6tqdpa-0"
82784
- })(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82784
+ })(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82785
82785
 
82786
82786
  _styled__default["default"].span.withConfig({
82787
82787
  displayName: "SortableTable__Title",
82788
82788
  componentId: "sc-6tqdpa-1"
82789
82789
  })(templateObject_4$a$1 || (templateObject_4$a$1 = __makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ", "\n"], ["\n position: relative;\n padding: 0 5px;\n ", "\n"])), function (p) {
82790
- return p.orderBy ? _styled.css(templateObject_2$q$1 || (templateObject_2$q$1 = __makeTemplateObject$1(["\n padding-right: 18px;\n "], ["\n padding-right: 18px;\n "]))) : _styled.css(templateObject_3$h$1 || (templateObject_3$h$1 = __makeTemplateObject$1(["\n padding-left: 18px;\n "], ["\n padding-left: 18px;\n "])));
82790
+ return p.orderBy ? _styled.css(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n padding-right: 18px;\n "], ["\n padding-right: 18px;\n "]))) : _styled.css(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n padding-left: 18px;\n "], ["\n padding-left: 18px;\n "])));
82791
82791
  });
82792
82792
 
82793
82793
  _styled__default["default"].th.withConfig({
@@ -82829,7 +82829,7 @@
82829
82829
  componentId: "sc-6tqdpa-6"
82830
82830
  })(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
82831
82831
 
82832
- 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;
82832
+ var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
82833
82833
 
82834
82834
  var ToggleWithLabel = function ToggleWithLabel(props) {
82835
82835
  return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
@@ -82840,15 +82840,15 @@
82840
82840
  var StyledToggle = _styled__default["default"](officeUiFabricReact.Toggle).withConfig({
82841
82841
  displayName: "ToggleWithLabel__StyledToggle",
82842
82842
  componentId: "sc-lcovfq-0"
82843
- })(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) {
82843
+ })(templateObject_1$F$1 || (templateObject_1$F$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) {
82844
82844
  return p.theme.semanticColors.inputBackgroundCheckedHovered;
82845
82845
  });
82846
82846
 
82847
- var templateObject_1$E$1;
82848
- 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) {
82847
+ var templateObject_1$F$1;
82848
+ var unreadCommentHighlight = _styled.css(templateObject_1$E$1 || (templateObject_1$E$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) {
82849
82849
  return p.theme.palette.accent;
82850
82850
  });
82851
- var templateObject_1$D$1;
82851
+ var templateObject_1$E$1;
82852
82852
 
82853
82853
  function getGroupName(group, user, intl) {
82854
82854
  return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
@@ -82859,8 +82859,8 @@
82859
82859
  _styled__default["default"].div.withConfig({
82860
82860
  displayName: "VerificationStatusIcon__Host",
82861
82861
  componentId: "sc-b3nb8-0"
82862
- })(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) {
82863
- return p.isInvalid && _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82862
+ })(templateObject_2$q$1 || (templateObject_2$q$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) {
82863
+ return p.isInvalid && _styled.css(templateObject_1$D$1 || (templateObject_1$D$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82864
82864
  return p.theme.palette.redDark;
82865
82865
  });
82866
82866
  });
@@ -82868,9 +82868,9 @@
82868
82868
  _styled__default["default"](officeUiFabricReact.Icon).withConfig({
82869
82869
  displayName: "VerificationStatusIcon__StatusIcon",
82870
82870
  componentId: "sc-b3nb8-1"
82871
- })(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
82871
+ })(templateObject_3$h$1 || (templateObject_3$h$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
82872
82872
 
82873
- var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
82873
+ var templateObject_1$D$1, templateObject_2$q$1, templateObject_3$h$1;
82874
82874
 
82875
82875
  var OpacityAnimation = function OpacityAnimation(_a) {
82876
82876
  var enterDuration = _a.enterDuration,
@@ -82902,14 +82902,14 @@
82902
82902
  }, void 0);
82903
82903
  };
82904
82904
 
82905
- 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) {
82905
+ var AnimationStyle = _styled.createGlobalStyle(templateObject_1$C$1 || (templateObject_1$C$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) {
82906
82906
  return p.name;
82907
82907
  }, function (p) {
82908
82908
  return p.enterDuration;
82909
82909
  }, function (p) {
82910
82910
  return p.leaveDuration;
82911
82911
  });
82912
- var templateObject_1$B$1;
82912
+ var templateObject_1$C$1;
82913
82913
 
82914
82914
  var AutoTranslateButton = function AutoTranslateButton(_a) {
82915
82915
  var contentLanguageCode = _a.contentLanguageCode,
@@ -83028,20 +83028,20 @@
83028
83028
  }
83029
83029
  };
83030
83030
 
83031
- 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) {
83031
+ var StyledActionButton$2 = _styled__default["default"](ActionButton)(templateObject_1$B$1 || (templateObject_1$B$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83032
83032
  return p.theme.textColors.default;
83033
83033
  });
83034
83034
 
83035
- var templateObject_1$A$1;
83035
+ var templateObject_1$B$1;
83036
83036
 
83037
83037
  var ChoiceGroup = _styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({
83038
83038
  displayName: "ChoiceGroup",
83039
83039
  componentId: "sc-11bpj01-0"
83040
- })(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) {
83040
+ })(templateObject_1$A$1 || (templateObject_1$A$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) {
83041
83041
  return p.theme.palette.accent;
83042
83042
  });
83043
83043
 
83044
- var templateObject_1$z$1;
83044
+ var templateObject_1$A$1;
83045
83045
 
83046
83046
  var CommentActionMenu = function CommentActionMenu(_a) {
83047
83047
  var comment = _a.comment,
@@ -83165,17 +83165,17 @@
83165
83165
  var Buttons$4 = _styled__default["default"].div.withConfig({
83166
83166
  displayName: "CommentActionMenu__Buttons",
83167
83167
  componentId: "sc-qsk1nc-0"
83168
- })(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"])));
83168
+ })(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"])));
83169
83169
 
83170
83170
  var MenuButton$1 = _styled__default["default"](IconButton).withConfig({
83171
83171
  displayName: "CommentActionMenu__MenuButton",
83172
83172
  componentId: "sc-qsk1nc-1"
83173
- })(templateObject_2$o$1 || (templateObject_2$o$1 = __makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"], ["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium + 2);
83173
+ })(templateObject_2$p$1 || (templateObject_2$p$1 = __makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"], ["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium + 2);
83174
83174
 
83175
83175
  var StyledActionButton$1 = _styled__default["default"](ActionButton).withConfig({
83176
83176
  displayName: "CommentActionMenu__StyledActionButton",
83177
83177
  componentId: "sc-qsk1nc-2"
83178
- })(templateObject_3$f$1 || (templateObject_3$f$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83178
+ })(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83179
83179
  return p.theme.textColors.default;
83180
83180
  });
83181
83181
 
@@ -83184,23 +83184,23 @@
83184
83184
  componentId: "sc-qsk1nc-3"
83185
83185
  })(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
83186
83186
 
83187
- var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
83187
+ var templateObject_1$z$1, templateObject_2$p$1, templateObject_3$g$1, templateObject_4$9$2;
83188
83188
 
83189
83189
  var DeleteAttachmentButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
83190
83190
  displayName: "DeleteAttachmentButton",
83191
83191
  componentId: "sc-d7hswf-0"
83192
- })(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) {
83192
+ })(templateObject_1$y$1 || (templateObject_1$y$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) {
83193
83193
  return p.theme.textColors.default;
83194
83194
  }, function (p) {
83195
83195
  return p.theme.textColors.default;
83196
83196
  });
83197
83197
 
83198
- var templateObject_1$x$1;
83198
+ var templateObject_1$y$1;
83199
83199
 
83200
83200
  var ToggleAllButtons = function ToggleAllButtons(_a) {
83201
83201
  var toggleAll = _a.toggleAll,
83202
83202
  className = _a.className;
83203
- return jsxRuntime.jsxs(Host$g, __assign$1({
83203
+ return jsxRuntime.jsxs(Host$h, __assign$1({
83204
83204
  className: className
83205
83205
  }, {
83206
83206
  children: [jsxRuntime.jsx(StyledButton$1$1, __assign$1({
@@ -83225,19 +83225,19 @@
83225
83225
  }), void 0);
83226
83226
  };
83227
83227
 
83228
- var Host$g = _styled__default["default"].div.withConfig({
83228
+ var Host$h = _styled__default["default"].div.withConfig({
83229
83229
  displayName: "ToggleAllButtons__Host",
83230
83230
  componentId: "sc-kbn3b4-0"
83231
- })(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83231
+ })(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83232
83232
 
83233
83233
  var StyledButton$1$1 = _styled__default["default"](ActionButton).withConfig({
83234
83234
  displayName: "ToggleAllButtons__StyledButton",
83235
83235
  componentId: "sc-kbn3b4-1"
83236
- })(templateObject_2$n$1 || (templateObject_2$n$1 = __makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"], ["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"])), function (p) {
83236
+ })(templateObject_2$o$1 || (templateObject_2$o$1 = __makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"], ["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"])), function (p) {
83237
83237
  return p.theme.palette.accent;
83238
83238
  });
83239
83239
 
83240
- var templateObject_1$w$1, templateObject_2$n$1;
83240
+ var templateObject_1$x$1, templateObject_2$o$1;
83241
83241
 
83242
83242
  var InternalTopActionButton = function InternalTopActionButton(props) {
83243
83243
  var iconName = props.iconName,
@@ -83256,18 +83256,18 @@
83256
83256
  _styled__default["default"](InternalTopActionButton).withConfig({
83257
83257
  displayName: "TopActionButton",
83258
83258
  componentId: "sc-1lam7c6-0"
83259
- })(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) {
83259
+ })(templateObject_1$w$1 || (templateObject_1$w$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) {
83260
83260
  return p.theme.palette.accent;
83261
83261
  });
83262
83262
 
83263
- var templateObject_1$v$1;
83263
+ var templateObject_1$w$1;
83264
83264
 
83265
83265
  _styled__default["default"](IconButton).withConfig({
83266
83266
  displayName: "HeaderMenuButton__MenuButton",
83267
83267
  componentId: "sc-170vvq2-0"
83268
- })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1([""], [""])));
83268
+ })(templateObject_1$v$1 || (templateObject_1$v$1 = __makeTemplateObject$1([""], [""])));
83269
83269
 
83270
- var templateObject_1$u$1;
83270
+ var templateObject_1$v$1;
83271
83271
 
83272
83272
  var ChannelTitle = function ChannelTitle(_a) {
83273
83273
  var language = _a.language,
@@ -83277,7 +83277,7 @@
83277
83277
  var user = useCurrentUser();
83278
83278
  var channels = React$d.useContext(LazySubscriptionContext).channels;
83279
83279
  var displayValue = getChannelDisplayName(channels, channelOrName, user, language);
83280
- return jsxRuntime.jsx(Host$f$1, __assign$1({
83280
+ return jsxRuntime.jsx(Host$g, __assign$1({
83281
83281
  title: displayValue,
83282
83282
  className: className,
83283
83283
  role: role
@@ -83286,10 +83286,10 @@
83286
83286
  }), void 0);
83287
83287
  };
83288
83288
 
83289
- var Host$f$1 = _styled__default["default"].span.withConfig({
83289
+ var Host$g = _styled__default["default"].span.withConfig({
83290
83290
  displayName: "ChannelTitle__Host",
83291
83291
  componentId: "sc-1lqd4of-0"
83292
- })(templateObject_1$t$1 || (templateObject_1$t$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
83292
+ })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
83293
83293
 
83294
83294
  function isChannel$1(value) {
83295
83295
  return value.id != null;
@@ -83323,26 +83323,26 @@
83323
83323
  return language && translations[language] || translations[user.subscription.defaultLanguage] || channel.name;
83324
83324
  }
83325
83325
 
83326
- var templateObject_1$t$1;
83326
+ var templateObject_1$u$1;
83327
83327
 
83328
83328
  _styled__default["default"](ChannelTitle).withConfig({
83329
83329
  displayName: "ChannelItem__StyledChannelTitle",
83330
83330
  componentId: "sc-bumcwu-0"
83331
- })(templateObject_1$s$1 || (templateObject_1$s$1 = __makeTemplateObject$1(["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"], ["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"])), function (p) {
83331
+ })(templateObject_1$t$1 || (templateObject_1$t$1 = __makeTemplateObject$1(["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"], ["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"])), function (p) {
83332
83332
  return p.applyMargin ? '37' : '0';
83333
83333
  }, fontSizeLarge);
83334
83334
 
83335
83335
  _styled__default["default"].div.withConfig({
83336
83336
  displayName: "ChannelItem__Host",
83337
83337
  componentId: "sc-bumcwu-1"
83338
- })(templateObject_2$m$1 || (templateObject_2$m$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"])), spacingS, spacingS + 5, CardBorderInline(2, 2), fontSizeLarge);
83338
+ })(templateObject_2$n$1 || (templateObject_2$n$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"])), spacingS, spacingS + 5, CardBorderInline(2, 2), fontSizeLarge);
83339
83339
 
83340
83340
  _styled__default["default"](IconButton).withConfig({
83341
83341
  displayName: "ChannelItem__StyledIconButton",
83342
83342
  componentId: "sc-bumcwu-2"
83343
- })(templateObject_3$e$1 || (templateObject_3$e$1 = __makeTemplateObject$1(["\n i {\n font-size: ", "px;\n }\n"], ["\n i {\n font-size: ", "px;\n }\n"])), fontSizeLarge);
83343
+ })(templateObject_3$f$1 || (templateObject_3$f$1 = __makeTemplateObject$1(["\n i {\n font-size: ", "px;\n }\n"], ["\n i {\n font-size: ", "px;\n }\n"])), fontSizeLarge);
83344
83344
 
83345
- var templateObject_1$s$1, templateObject_2$m$1, templateObject_3$e$1;
83345
+ var templateObject_1$t$1, templateObject_2$n$1, templateObject_3$f$1;
83346
83346
 
83347
83347
  var ChannelList$1 = function ChannelList(_a) {
83348
83348
  var channels = _a.channels,
@@ -83357,7 +83357,7 @@
83357
83357
  }
83358
83358
 
83359
83359
  var showMoreIndicator = channels.length > visibleChannelsCount;
83360
- return jsxRuntime.jsxs(Host$d$2, __assign$1({
83360
+ return jsxRuntime.jsxs(Host$e$1, __assign$1({
83361
83361
  className: className,
83362
83362
  "data-has-more-indicator": showMoreIndicator
83363
83363
  }, {
@@ -83443,13 +83443,13 @@
83443
83443
  // The full width of the container => 100%
83444
83444
  // Minus the indicator width which might not be there in the case we have 3 channels or less
83445
83445
 
83446
- var Host$d$2 = _styled__default["default"].div(templateObject_1$r$1 || (templateObject_1$r$1 = __makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"], ["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])), IndicatorWidth + BubbleGap);
83446
+ var Host$e$1 = _styled__default["default"].div(templateObject_1$s$1 || (templateObject_1$s$1 = __makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"], ["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])), IndicatorWidth + BubbleGap);
83447
83447
 
83448
- var ChannelsHost = _styled__default["default"].div(templateObject_2$l$1 || (templateObject_2$l$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"]))); // Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
83448
+ var ChannelsHost = _styled__default["default"].div(templateObject_2$m$1 || (templateObject_2$m$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"]))); // Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
83449
83449
 
83450
83450
 
83451
83451
  var StyledChannelTitle = _styled__default["default"].span(templateObject_5$4$2 || (templateObject_5$4$2 = __makeTemplateObject$1(["\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n"])), function (p) {
83452
- return p.bubbleCount && _styled.css(templateObject_3$d$1 || (templateObject_3$d$1 = __makeTemplateObject$1(["\n max-width: calc(100% / ", " - ", "px);\n "], ["\n max-width: calc(100% / ", " - ", "px);\n "])), p.bubbleCount, BubbleGap);
83452
+ return p.bubbleCount && _styled.css(templateObject_3$e$1 || (templateObject_3$e$1 = __makeTemplateObject$1(["\n max-width: calc(100% / ", " - ", "px);\n "], ["\n max-width: calc(100% / ", " - ", "px);\n "])), p.bubbleCount, BubbleGap);
83453
83453
  }, function (p) {
83454
83454
  return p.bubbleCount && p.bubbleCount > 1 && _styled.css(templateObject_4$8$2 || (templateObject_4$8$2 = __makeTemplateObject$1(["\n margin-right: ", "px;\n "], ["\n margin-right: ", "px;\n "])), BubbleGap);
83455
83455
  }, function (p) {
@@ -83472,14 +83472,14 @@
83472
83472
 
83473
83473
  var CalloutList = _styled__default["default"].ul(templateObject_9$g || (templateObject_9$g = __makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));
83474
83474
 
83475
- var templateObject_1$r$1, templateObject_2$l$1, templateObject_3$d$1, templateObject_4$8$2, templateObject_5$4$2, templateObject_6$2$2, templateObject_7$n, templateObject_8$l, templateObject_9$g;
83475
+ var templateObject_1$s$1, templateObject_2$m$1, templateObject_3$e$1, templateObject_4$8$2, templateObject_5$4$2, templateObject_6$2$2, templateObject_7$n, templateObject_8$l, templateObject_9$g;
83476
83476
 
83477
83477
  _styled__default["default"]('div').withConfig({
83478
83478
  displayName: "ChannelSelector__Host",
83479
83479
  componentId: "sc-2h27u4-0"
83480
- })(templateObject_1$q$1 || (templateObject_1$q$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
83480
+ })(templateObject_1$r$1 || (templateObject_1$r$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
83481
83481
 
83482
- var templateObject_1$q$1;
83482
+ var templateObject_1$r$1;
83483
83483
 
83484
83484
  var ClickableChannelTitles = function ClickableChannelTitles(_a) {
83485
83485
  var channels = _a.channels,
@@ -83492,7 +83492,7 @@
83492
83492
  return null;
83493
83493
  }
83494
83494
 
83495
- return jsxRuntime.jsx(Host$b$1, __assign$1({
83495
+ return jsxRuntime.jsx(Host$c$1, __assign$1({
83496
83496
  className: className,
83497
83497
  "data-channels": channels.join(',')
83498
83498
  }, {
@@ -83525,15 +83525,15 @@
83525
83525
  return value.id != null;
83526
83526
  }
83527
83527
 
83528
- var Host$b$1 = _styled__default["default"].ul.withConfig({
83528
+ var Host$c$1 = _styled__default["default"].ul.withConfig({
83529
83529
  displayName: "ClickableChannelTitles__Host",
83530
83530
  componentId: "sc-1a7ny18-0"
83531
- })(templateObject_1$p$1 || (templateObject_1$p$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"])), fontSizeSmall);
83531
+ })(templateObject_1$q$1 || (templateObject_1$q$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"])), fontSizeSmall);
83532
83532
 
83533
83533
  var ChannelBubble = _styled__default["default"].div.withConfig({
83534
83534
  displayName: "ClickableChannelTitles__ChannelBubble",
83535
83535
  componentId: "sc-1a7ny18-1"
83536
- })(templateObject_2$k$1 || (templateObject_2$k$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
83536
+ })(templateObject_2$l$1 || (templateObject_2$l$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
83537
83537
  return p.backgroundColor ? HighlightBubble({
83538
83538
  backgroundColor: p.backgroundColor
83539
83539
  }) : HighlightBubble();
@@ -83542,7 +83542,7 @@
83542
83542
  var ChannelLink = _styled__default["default"](ReactRouterDom.NavLink).withConfig({
83543
83543
  displayName: "ClickableChannelTitles__ChannelLink",
83544
83544
  componentId: "sc-1a7ny18-2"
83545
- })(templateObject_3$c$1 || (templateObject_3$c$1 = __makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"], ["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"])), function (p) {
83545
+ })(templateObject_3$d$1 || (templateObject_3$d$1 = __makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"], ["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"])), function (p) {
83546
83546
  return p.theme.textColors.default;
83547
83547
  }, spacingXs);
83548
83548
 
@@ -83551,7 +83551,7 @@
83551
83551
  componentId: "sc-1a7ny18-3"
83552
83552
  })(templateObject_4$7$2 || (templateObject_4$7$2 = __makeTemplateObject$1(["\n display: block;\n margin: 2px ", "px 2px 0;\n"], ["\n display: block;\n margin: 2px ", "px 2px 0;\n"])), spacingXs);
83553
83553
 
83554
- var templateObject_1$p$1, templateObject_2$k$1, templateObject_3$c$1, templateObject_4$7$2;
83554
+ var templateObject_1$q$1, templateObject_2$l$1, templateObject_3$d$1, templateObject_4$7$2;
83555
83555
 
83556
83556
  var ToolbarSearch = function ToolbarSearch(_a) {
83557
83557
  var searchText = _a.searchText,
@@ -83582,14 +83582,14 @@
83582
83582
  var SearchBoxLargeScreen = _styled__default["default"].div.withConfig({
83583
83583
  displayName: "ToolbarSearch__SearchBoxLargeScreen",
83584
83584
  componentId: "sc-1f480ry-0"
83585
- })(templateObject_1$o$1 || (templateObject_1$o$1 = __makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"])), maxScreenSize.medium);
83585
+ })(templateObject_1$p$1 || (templateObject_1$p$1 = __makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"])), maxScreenSize.medium);
83586
83586
 
83587
83587
  var SearchIconSmallScreen = _styled__default["default"].div.withConfig({
83588
83588
  displayName: "ToolbarSearch__SearchIconSmallScreen",
83589
83589
  componentId: "sc-1f480ry-1"
83590
- })(templateObject_2$j$1 || (templateObject_2$j$1 = __makeTemplateObject$1(["\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
83590
+ })(templateObject_2$k$1 || (templateObject_2$k$1 = __makeTemplateObject$1(["\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
83591
83591
 
83592
- var templateObject_1$o$1, templateObject_2$j$1;
83592
+ var templateObject_1$p$1, templateObject_2$k$1;
83593
83593
 
83594
83594
  var Toolbar$1 = function Toolbar(_a) {
83595
83595
  var leftSide = _a.leftSide,
@@ -83604,7 +83604,7 @@
83604
83604
  isSearchInputFieldVisible = _b[0],
83605
83605
  setIsSearchInputFieldVisible = _b[1];
83606
83606
 
83607
- return jsxRuntime.jsxs(Host$a$1, __assign$1({
83607
+ return jsxRuntime.jsxs(Host$b$1, __assign$1({
83608
83608
  className: className,
83609
83609
  "data-content-toolbar": true
83610
83610
  }, {
@@ -83651,22 +83651,22 @@
83651
83651
  }
83652
83652
  };
83653
83653
 
83654
- var Host$a$1 = _styled__default["default"].div.withConfig({
83654
+ var Host$b$1 = _styled__default["default"].div.withConfig({
83655
83655
  displayName: "Toolbar__Host",
83656
83656
  componentId: "sc-16ftbxt-0"
83657
- })(templateObject_1$n$1 || (templateObject_1$n$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"])), function (p) {
83657
+ })(templateObject_1$o$1 || (templateObject_1$o$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"])), function (p) {
83658
83658
  return p.theme.palette.white;
83659
83659
  }, spacingXxs);
83660
83660
 
83661
83661
  var LeftSide = _styled__default["default"].div.withConfig({
83662
83662
  displayName: "Toolbar__LeftSide",
83663
83663
  componentId: "sc-16ftbxt-1"
83664
- })(templateObject_2$i$1 || (templateObject_2$i$1 = __makeTemplateObject$1(["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"], ["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"])));
83664
+ })(templateObject_2$j$1 || (templateObject_2$j$1 = __makeTemplateObject$1(["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"], ["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"])));
83665
83665
 
83666
83666
  var RightSide = _styled__default["default"].div.withConfig({
83667
83667
  displayName: "Toolbar__RightSide",
83668
83668
  componentId: "sc-16ftbxt-2"
83669
- })(templateObject_3$b$1 || (templateObject_3$b$1 = __makeTemplateObject$1(["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"], ["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"])));
83669
+ })(templateObject_3$c$1 || (templateObject_3$c$1 = __makeTemplateObject$1(["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"], ["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"])));
83670
83670
 
83671
83671
  var Row = _styled__default["default"].div.withConfig({
83672
83672
  displayName: "Toolbar__Row",
@@ -83678,31 +83678,31 @@
83678
83678
  componentId: "sc-16ftbxt-4"
83679
83679
  })(templateObject_5$3$2 || (templateObject_5$3$2 = __makeTemplateObject$1(["\n display: flex;\n width: 100%;\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n display: flex;\n width: 100%;\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
83680
83680
 
83681
- var templateObject_1$n$1, templateObject_2$i$1, templateObject_3$b$1, templateObject_4$6$2, templateObject_5$3$2;
83681
+ var templateObject_1$o$1, templateObject_2$j$1, templateObject_3$c$1, templateObject_4$6$2, templateObject_5$3$2;
83682
83682
 
83683
83683
  _styled__default["default"](Toolbar$1).withConfig({
83684
83684
  displayName: "ChromelessToolbar__StyledToolbar",
83685
83685
  componentId: "sc-1vovywb-0"
83686
- })(templateObject_1$m$1 || (templateObject_1$m$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingM);
83686
+ })(templateObject_1$n$1 || (templateObject_1$n$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingM);
83687
83687
 
83688
- _styled.createGlobalStyle(templateObject_2$h$1 || (templateObject_2$h$1 = __makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"], ["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"])), minScreenSize.large, spacingM);
83689
- var templateObject_1$m$1, templateObject_2$h$1; // todo: Apply this to all pages and make sure it works in IE
83688
+ _styled.createGlobalStyle(templateObject_2$i$1 || (templateObject_2$i$1 = __makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"], ["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"])), minScreenSize.large, spacingM);
83689
+ var templateObject_1$n$1, templateObject_2$i$1; // todo: Apply this to all pages and make sure it works in IE
83690
83690
 
83691
83691
  _styled__default["default"].p.withConfig({
83692
83692
  displayName: "PageDescription",
83693
83693
  componentId: "sc-xcsmz7-0"
83694
- })(templateObject_1$l$1 || (templateObject_1$l$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"])));
83694
+ })(templateObject_1$m$1 || (templateObject_1$m$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"])));
83695
83695
 
83696
- var templateObject_1$l$1;
83696
+ var templateObject_1$m$1;
83697
83697
 
83698
83698
  _styled__default["default"].div.withConfig({
83699
83699
  displayName: "DragSource__Host",
83700
83700
  componentId: "sc-qzjyds-0"
83701
- })(templateObject_1$k$1 || (templateObject_1$k$1 = __makeTemplateObject$1(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (p) {
83701
+ })(templateObject_1$l$1 || (templateObject_1$l$1 = __makeTemplateObject$1(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (p) {
83702
83702
  return p.theme.palette.neutralTertiaryAlt;
83703
83703
  });
83704
83704
 
83705
- var templateObject_1$k$1;
83705
+ var templateObject_1$l$1;
83706
83706
 
83707
83707
  var EmojiButton = function EmojiButton(_a) {
83708
83708
  var onEmojiSelected = _a.onEmojiSelected,
@@ -83756,12 +83756,12 @@
83756
83756
  var ButtonWrapper = _styled__default["default"].div.withConfig({
83757
83757
  displayName: "EmojiButton__ButtonWrapper",
83758
83758
  componentId: "sc-1eq2zlz-0"
83759
- })(templateObject_1$j$2 || (templateObject_1$j$2 = __makeTemplateObject$1([""], [""])));
83759
+ })(templateObject_1$k$1 || (templateObject_1$k$1 = __makeTemplateObject$1([""], [""])));
83760
83760
 
83761
83761
  var StyledCallout$2 = _styled__default["default"](Callout).withConfig({
83762
83762
  displayName: "EmojiButton__StyledCallout",
83763
83763
  componentId: "sc-1eq2zlz-1"
83764
- })(templateObject_2$g$1 || (templateObject_2$g$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n"])));
83764
+ })(templateObject_2$h$1 || (templateObject_2$h$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n"])));
83765
83765
 
83766
83766
  var LazyEmojiPicker = /*#__PURE__*/React$d.lazy(function () {
83767
83767
  return Promise.resolve().then(function () { return EmojiPicker_esm; });
@@ -83786,11 +83786,11 @@
83786
83786
  var EmojiPickerSuspenseHost = _styled__default["default"].div.withConfig({
83787
83787
  displayName: "EmojiButton__EmojiPickerSuspenseHost",
83788
83788
  componentId: "sc-1eq2zlz-2"
83789
- })(templateObject_3$a$2 || (templateObject_3$a$2 = __makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"], ["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"])), function (p) {
83789
+ })(templateObject_3$b$1 || (templateObject_3$b$1 = __makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"], ["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"])), function (p) {
83790
83790
  return p.isSmaller ? 319 : 400;
83791
83791
  });
83792
83792
 
83793
- var templateObject_1$j$2, templateObject_2$g$1, templateObject_3$a$2;
83793
+ var templateObject_1$k$1, templateObject_2$h$1, templateObject_3$b$1;
83794
83794
 
83795
83795
  var GiphyAttribution = function GiphyAttribution() {
83796
83796
  var env = useConfiguration();
@@ -83808,9 +83808,9 @@
83808
83808
  }, void 0);
83809
83809
  };
83810
83810
 
83811
- var AttributionHost = _styled__default["default"].div(templateObject_1$i$2 || (templateObject_1$i$2 = __makeTemplateObject$1(["\n text-align: right;\n margin-top: ", "px;\n"], ["\n text-align: right;\n margin-top: ", "px;\n"])), spacingXs);
83811
+ var AttributionHost = _styled__default["default"].div(templateObject_1$j$2 || (templateObject_1$j$2 = __makeTemplateObject$1(["\n text-align: right;\n margin-top: ", "px;\n"], ["\n text-align: right;\n margin-top: ", "px;\n"])), spacingXs);
83812
83812
 
83813
- var templateObject_1$i$2;
83813
+ var templateObject_1$j$2;
83814
83814
 
83815
83815
  var GifSelector = function GifSelector(_a) {
83816
83816
  var _b, _c;
@@ -83833,7 +83833,7 @@
83833
83833
  loading = _e[1];
83834
83834
 
83835
83835
  var gifSize = windowSize.width < 550 ? 80 : 100;
83836
- return jsxRuntime.jsxs(Host$8$1, __assign$1({
83836
+ return jsxRuntime.jsxs(Host$9$1, __assign$1({
83837
83837
  className: className
83838
83838
  }, {
83839
83839
  children: [jsxRuntime.jsx(officeUiFabricReact.SearchBox, {
@@ -83880,24 +83880,24 @@
83880
83880
  }
83881
83881
  };
83882
83882
 
83883
- var Host$8$1 = _styled__default["default"].div.withConfig({
83883
+ var Host$9$1 = _styled__default["default"].div.withConfig({
83884
83884
  displayName: "GifSelector__Host",
83885
83885
  componentId: "sc-lame6k-0"
83886
- })(templateObject_1$h$2 || (templateObject_1$h$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingXs);
83886
+ })(templateObject_1$i$2 || (templateObject_1$i$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingXs);
83887
83887
 
83888
83888
  var GifContainer = _styled__default["default"].div.withConfig({
83889
83889
  displayName: "GifSelector__GifContainer",
83890
83890
  componentId: "sc-lame6k-1"
83891
- })(templateObject_2$f$1 || (templateObject_2$f$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"], ["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"])), spacingS, function (p) {
83891
+ })(templateObject_2$g$1 || (templateObject_2$g$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"], ["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"])), spacingS, function (p) {
83892
83892
  return p.columnWidth;
83893
83893
  }, spacingXs);
83894
83894
 
83895
83895
  var ClickableGif = _styled__default["default"](dist$4.Gif).withConfig({
83896
83896
  displayName: "GifSelector__ClickableGif",
83897
83897
  componentId: "sc-lame6k-2"
83898
- })(templateObject_3$9$2 || (templateObject_3$9$2 = __makeTemplateObject$1(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
83898
+ })(templateObject_3$a$2 || (templateObject_3$a$2 = __makeTemplateObject$1(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
83899
83899
 
83900
- var templateObject_1$h$2, templateObject_2$f$1, templateObject_3$9$2;
83900
+ var templateObject_1$i$2, templateObject_2$g$1, templateObject_3$a$2;
83901
83901
 
83902
83902
  var GifSelectorCallout = function GifSelectorCallout(_a) {
83903
83903
  var target = _a.target,
@@ -83918,20 +83918,20 @@
83918
83918
  }), void 0);
83919
83919
  };
83920
83920
 
83921
- var StyledCallout$1$1 = _styled__default["default"](Callout)(templateObject_1$g$2 || (templateObject_1$g$2 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"])));
83921
+ var StyledCallout$1$1 = _styled__default["default"](Callout)(templateObject_1$h$2 || (templateObject_1$h$2 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"])));
83922
83922
 
83923
- var StyledGifSelector = _styled__default["default"](GifSelector)(templateObject_2$e$1 || (templateObject_2$e$1 = __makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"], ["\n overflow-y: auto;\n height: 400px;\n"])));
83923
+ var StyledGifSelector = _styled__default["default"](GifSelector)(templateObject_2$f$1 || (templateObject_2$f$1 = __makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"], ["\n overflow-y: auto;\n height: 400px;\n"])));
83924
83924
 
83925
- var templateObject_1$g$2, templateObject_2$e$1;
83925
+ var templateObject_1$h$2, templateObject_2$f$1;
83926
83926
 
83927
- _styled.createGlobalStyle(templateObject_1$f$2 || (templateObject_1$f$2 = __makeTemplateObject$1(["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"], ["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"])), maxScreenSize.small);
83927
+ _styled.createGlobalStyle(templateObject_1$g$2 || (templateObject_1$g$2 = __makeTemplateObject$1(["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"], ["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"])), maxScreenSize.small);
83928
83928
 
83929
83929
  _styled__default["default"](GifSelector).withConfig({
83930
83930
  displayName: "GifSelectorDialog__StyledDialogGifSelector",
83931
83931
  componentId: "sc-t6p48w-0"
83932
- })(templateObject_2$d$1 || (templateObject_2$d$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingS);
83932
+ })(templateObject_2$e$1 || (templateObject_2$e$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingS);
83933
83933
 
83934
- var templateObject_1$f$2, templateObject_2$d$1;
83934
+ var templateObject_1$g$2, templateObject_2$e$1;
83935
83935
 
83936
83936
  var GifButton = function GifButton(_a) {
83937
83937
  var disabled = _a.disabled,
@@ -84007,7 +84007,7 @@
84007
84007
  return null;
84008
84008
  }
84009
84009
 
84010
- return jsxRuntime.jsx(Host$7$1, __assign$1({
84010
+ return jsxRuntime.jsx(Host$8$1, __assign$1({
84011
84011
  className: className
84012
84012
  }, {
84013
84013
  children: jsxRuntime.jsx(StyledGif, {
@@ -84019,11 +84019,11 @@
84019
84019
  }), void 0);
84020
84020
  };
84021
84021
 
84022
- var Host$7$1 = _styled__default["default"].div(templateObject_1$e$2 || (templateObject_1$e$2 = __makeTemplateObject$1([""], [""])));
84022
+ var Host$8$1 = _styled__default["default"].div(templateObject_1$f$2 || (templateObject_1$f$2 = __makeTemplateObject$1([""], [""])));
84023
84023
 
84024
- var StyledGif = _styled__default["default"](dist$4.Gif)(templateObject_2$c$1 || (templateObject_2$c$1 = __makeTemplateObject$1(["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"], ["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"])), maxScreenSize.small);
84024
+ var StyledGif = _styled__default["default"](dist$4.Gif)(templateObject_2$d$1 || (templateObject_2$d$1 = __makeTemplateObject$1(["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"], ["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"])), maxScreenSize.small);
84025
84025
 
84026
- var templateObject_1$e$2, templateObject_2$c$1;
84026
+ var templateObject_1$f$2, templateObject_2$d$1;
84027
84027
 
84028
84028
  var GifEditList = function GifEditList(_a) {
84029
84029
  var attachments = _a.attachments,
@@ -84038,7 +84038,7 @@
84038
84038
  return null;
84039
84039
  }
84040
84040
 
84041
- return jsxRuntime.jsx(Host$6$1, __assign$1({
84041
+ return jsxRuntime.jsx(Host$7$1, __assign$1({
84042
84042
  className: className,
84043
84043
  "data-gif-attachment-list": true
84044
84044
  }, {
@@ -84066,17 +84066,17 @@
84066
84066
  }), void 0);
84067
84067
  };
84068
84068
 
84069
- var Host$6$1 = _styled__default["default"].div.withConfig({
84069
+ var Host$7$1 = _styled__default["default"].div.withConfig({
84070
84070
  displayName: "GifEditList__Host",
84071
84071
  componentId: "sc-95dldh-0"
84072
- })(templateObject_1$d$2 || (templateObject_1$d$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"])), spacingM);
84072
+ })(templateObject_1$e$2 || (templateObject_1$e$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"])), spacingM);
84073
84073
 
84074
84074
  var StyledAttachmentHost$1 = _styled__default["default"](AttachmentHost).withConfig({
84075
84075
  displayName: "GifEditList__StyledAttachmentHost",
84076
84076
  componentId: "sc-95dldh-1"
84077
- })(templateObject_2$b$2 || (templateObject_2$b$2 = __makeTemplateObject$1(["\n width: auto;\n"], ["\n width: auto;\n"])));
84077
+ })(templateObject_2$c$1 || (templateObject_2$c$1 = __makeTemplateObject$1(["\n width: auto;\n"], ["\n width: auto;\n"])));
84078
84078
 
84079
- var templateObject_1$d$2, templateObject_2$b$2;
84079
+ var templateObject_1$e$2, templateObject_2$c$1;
84080
84080
 
84081
84081
  var GifList = function GifList(_a) {
84082
84082
  var attachments = _a.attachments,
@@ -84089,7 +84089,7 @@
84089
84089
  return null;
84090
84090
  }
84091
84091
 
84092
- return jsxRuntime.jsx(Host$5$1, __assign$1({
84092
+ return jsxRuntime.jsx(Host$6$1, __assign$1({
84093
84093
  className: className,
84094
84094
  "data-gif-url-preview": gifs[0].id
84095
84095
  }, {
@@ -84101,17 +84101,17 @@
84101
84101
  }), void 0);
84102
84102
  };
84103
84103
 
84104
- var Host$5$1 = _styled__default["default"].div.withConfig({
84104
+ var Host$6$1 = _styled__default["default"].div.withConfig({
84105
84105
  displayName: "GifList__Host",
84106
84106
  componentId: "sc-8gg7fj-0"
84107
- })(templateObject_1$c$2 || (templateObject_1$c$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));
84107
+ })(templateObject_1$d$2 || (templateObject_1$d$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));
84108
84108
 
84109
84109
  var StyledAttachmentHost = _styled__default["default"](AttachmentHost).withConfig({
84110
84110
  displayName: "GifList__StyledAttachmentHost",
84111
84111
  componentId: "sc-8gg7fj-1"
84112
- })(templateObject_2$a$2 || (templateObject_2$a$2 = __makeTemplateObject$1(["\n width: auto;\n margin: ", "px 0 0 0;\n"], ["\n width: auto;\n margin: ", "px 0 0 0;\n"])), spacingS);
84112
+ })(templateObject_2$b$2 || (templateObject_2$b$2 = __makeTemplateObject$1(["\n width: auto;\n margin: ", "px 0 0 0;\n"], ["\n width: auto;\n margin: ", "px 0 0 0;\n"])), spacingS);
84113
84113
 
84114
- var templateObject_1$c$2, templateObject_2$a$2;
84114
+ var templateObject_1$d$2, templateObject_2$b$2;
84115
84115
 
84116
84116
  var PageViewType;
84117
84117
 
@@ -84247,7 +84247,7 @@
84247
84247
  showCallout = _c[0],
84248
84248
  setShowCallout = _c[1];
84249
84249
 
84250
- return jsxRuntime.jsxs(Host$4$1, __assign$1({
84250
+ return jsxRuntime.jsxs(Host$5$1, __assign$1({
84251
84251
  className: props.className
84252
84252
  }, (_a = {}, _a[props.dataAttribute] = true, _a), {
84253
84253
  ref: iconRef
@@ -84324,22 +84324,22 @@
84324
84324
  }
84325
84325
  };
84326
84326
 
84327
- var Host$4$1 = _styled__default["default"].div.withConfig({
84327
+ var Host$5$1 = _styled__default["default"].div.withConfig({
84328
84328
  displayName: "IconWithCallout__Host",
84329
84329
  componentId: "sc-1jmscz2-0"
84330
- })(templateObject_1$b$2 || (templateObject_1$b$2 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
84330
+ })(templateObject_1$c$2 || (templateObject_1$c$2 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
84331
84331
 
84332
84332
  var StyledIconButton$1 = _styled__default["default"](IconButton).withConfig({
84333
84333
  displayName: "IconWithCallout__StyledIconButton",
84334
84334
  componentId: "sc-1jmscz2-1"
84335
- })(templateObject_2$9$2 || (templateObject_2$9$2 = __makeTemplateObject$1(["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"], ["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"])));
84335
+ })(templateObject_2$a$2 || (templateObject_2$a$2 = __makeTemplateObject$1(["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"], ["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"])));
84336
84336
 
84337
84337
  var StyledCallout$5 = _styled__default["default"](Callout).withConfig({
84338
84338
  displayName: "IconWithCallout__StyledCallout",
84339
84339
  componentId: "sc-1jmscz2-2"
84340
- })(templateObject_3$8$2 || (templateObject_3$8$2 = __makeTemplateObject$1(["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"], ["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"])));
84340
+ })(templateObject_3$9$2 || (templateObject_3$9$2 = __makeTemplateObject$1(["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"], ["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"])));
84341
84341
 
84342
- var templateObject_1$b$2, templateObject_2$9$2, templateObject_3$8$2;
84342
+ var templateObject_1$c$2, templateObject_2$a$2, templateObject_3$9$2;
84343
84343
  var inlineObjectsClassNames = {
84344
84344
  file: 'news-inline-file',
84345
84345
  image: 'news-inline-image',
@@ -84383,7 +84383,7 @@
84383
84383
  return null;
84384
84384
  }
84385
84385
 
84386
- return jsxRuntime.jsxs(Host$3$1, __assign$1({
84386
+ return jsxRuntime.jsxs(Host$4$1, __assign$1({
84387
84387
  className: className
84388
84388
  }, {
84389
84389
  children: [jsxRuntime.jsx(Tooltip, __assign$1({
@@ -84428,16 +84428,16 @@
84428
84428
  }), void 0);
84429
84429
  };
84430
84430
 
84431
- var Host$3$1 = _styled__default["default"].div.withConfig({
84431
+ var Host$4$1 = _styled__default["default"].div.withConfig({
84432
84432
  displayName: "HorizontalPager__Host",
84433
84433
  componentId: "sc-1b5ja54-0"
84434
- })(templateObject_1$a$2 || (templateObject_1$a$2 = __makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"], ["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"])), spacingM);
84434
+ })(templateObject_1$b$2 || (templateObject_1$b$2 = __makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"], ["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"])), spacingM);
84435
84435
 
84436
84436
  var StyledActionButton = _styled__default["default"](ActionButton).withConfig({
84437
84437
  displayName: "HorizontalPager__StyledActionButton",
84438
84438
  componentId: "sc-1b5ja54-1"
84439
- })(templateObject_3$7$2 || (templateObject_3$7$2 = __makeTemplateObject$1(["\n font-weight: bold;\n\n ", "\n"], ["\n font-weight: bold;\n\n ", "\n"])), function (p) {
84440
- return p.isHidden && _styled.css(templateObject_2$8$2 || (templateObject_2$8$2 = __makeTemplateObject$1(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
84439
+ })(templateObject_3$8$2 || (templateObject_3$8$2 = __makeTemplateObject$1(["\n font-weight: bold;\n\n ", "\n"], ["\n font-weight: bold;\n\n ", "\n"])), function (p) {
84440
+ return p.isHidden && _styled.css(templateObject_2$9$2 || (templateObject_2$9$2 = __makeTemplateObject$1(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
84441
84441
  });
84442
84442
 
84443
84443
  var FirstPageButton = _styled__default["default"](StyledActionButton).withConfig({
@@ -84455,7 +84455,7 @@
84455
84455
  componentId: "sc-1b5ja54-4"
84456
84456
  })(templateObject_6$1$2 || (templateObject_6$1$2 = __makeTemplateObject$1(["\n & > span {\n flex-direction: row-reverse;\n }\n"], ["\n & > span {\n flex-direction: row-reverse;\n }\n"])));
84457
84457
 
84458
- var templateObject_1$a$2, templateObject_2$8$2, templateObject_3$7$2, templateObject_4$5$2, templateObject_5$2$2, templateObject_6$1$2;
84458
+ var templateObject_1$b$2, templateObject_2$9$2, templateObject_3$8$2, templateObject_4$5$2, templateObject_5$2$2, templateObject_6$1$2;
84459
84459
 
84460
84460
  var VerticalPager = function VerticalPager(_a) {
84461
84461
  var onNextClick = _a.onNextClick,
@@ -84473,7 +84473,7 @@
84473
84473
  }, void 0);
84474
84474
  }
84475
84475
 
84476
- return jsxRuntime.jsxs(Host$2$2, __assign$1({
84476
+ return jsxRuntime.jsxs(Host$3$1, __assign$1({
84477
84477
  className: className
84478
84478
  }, {
84479
84479
  children: [jsxRuntime.jsx(TopButton, {
@@ -84496,20 +84496,20 @@
84496
84496
  }), void 0);
84497
84497
  };
84498
84498
 
84499
- var Host$2$2 = _styled__default["default"].div.withConfig({
84499
+ var Host$3$1 = _styled__default["default"].div.withConfig({
84500
84500
  displayName: "VerticalPager__Host",
84501
84501
  componentId: "sc-76hdpk-0"
84502
- })(templateObject_1$9$2 || (templateObject_1$9$2 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
84502
+ })(templateObject_1$a$2 || (templateObject_1$a$2 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
84503
84503
 
84504
84504
  var StyledIconButton$2 = _styled__default["default"](IconButton).withConfig({
84505
84505
  displayName: "VerticalPager__StyledIconButton",
84506
84506
  componentId: "sc-76hdpk-1"
84507
- })(templateObject_2$7$2 || (templateObject_2$7$2 = __makeTemplateObject$1(["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"], ["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"])), defaultDarkColor);
84507
+ })(templateObject_2$8$2 || (templateObject_2$8$2 = __makeTemplateObject$1(["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"], ["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"])), defaultDarkColor);
84508
84508
 
84509
84509
  var TopButton = _styled__default["default"](StyledIconButton$2).withConfig({
84510
84510
  displayName: "VerticalPager__TopButton",
84511
84511
  componentId: "sc-76hdpk-2"
84512
- })(templateObject_3$6$2 || (templateObject_3$6$2 = __makeTemplateObject$1(["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"], ["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"])), function (p) {
84512
+ })(templateObject_3$7$2 || (templateObject_3$7$2 = __makeTemplateObject$1(["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"], ["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"])), function (p) {
84513
84513
  return p.color;
84514
84514
  });
84515
84515
 
@@ -84525,7 +84525,7 @@
84525
84525
  componentId: "sc-76hdpk-4"
84526
84526
  })(templateObject_5$1$2 || (templateObject_5$1$2 = __makeTemplateObject$1(["\n margin: ", "px ", "px;\n"], ["\n margin: ", "px ", "px;\n"])), spacingM, spacingS + 5);
84527
84527
 
84528
- var templateObject_1$9$2, templateObject_2$7$2, templateObject_3$6$2, templateObject_4$4$2, templateObject_5$1$2;
84528
+ var templateObject_1$a$2, templateObject_2$8$2, templateObject_3$7$2, templateObject_4$4$2, templateObject_5$1$2;
84529
84529
  var classof$c = classofRaw$1$1; // `IsArray` abstract operation
84530
84530
  // https://tc39.github.io/ecma262/#sec-isarray
84531
84531
 
@@ -84808,6 +84808,25 @@
84808
84808
  }
84809
84809
  }
84810
84810
 
84811
+ _styled__default["default"].p.withConfig({
84812
+ displayName: "PaginationStatus__AllLoadedStatus",
84813
+ componentId: "sc-ykj2ti-0"
84814
+ })(templateObject_1$9$2 || (templateObject_1$9$2 = __makeTemplateObject$1(["\n margin: 0;\n text-align: center;\n color: ", ";\n"], ["\n margin: 0;\n text-align: center;\n color: ", ";\n"])), function (p) {
84815
+ return p.theme.palette.neutralSecondary;
84816
+ });
84817
+
84818
+ _styled__default["default"].div.withConfig({
84819
+ displayName: "PaginationStatus__Host",
84820
+ componentId: "sc-ykj2ti-1"
84821
+ })(templateObject_2$7$2 || (templateObject_2$7$2 = __makeTemplateObject$1(["\n margin: ", "px 0;\n\n > * {\n margin: 0;\n }\n"], ["\n margin: ", "px 0;\n\n > * {\n margin: 0;\n }\n"])), spacingXl);
84822
+
84823
+ _styled__default["default"].div.withConfig({
84824
+ displayName: "PaginationStatus__LoadStatusPlaceholder",
84825
+ componentId: "sc-ykj2ti-2"
84826
+ })(templateObject_3$6$2 || (templateObject_3$6$2 = __makeTemplateObject$1(["\n height: ", "px;\n"], ["\n height: ", "px;\n"])), spacingM);
84827
+
84828
+ var templateObject_1$9$2, templateObject_2$7$2, templateObject_3$6$2;
84829
+
84811
84830
  var PullToRefreshContext = /*#__PURE__*/React$d.createContext(null);
84812
84831
 
84813
84832
  function refreshScripts(node) {
@@ -86107,7 +86126,7 @@
86107
86126
 
86108
86127
 
86109
86128
  function PageAlert(props) {
86110
- return jsxRuntime.jsx(Host$h, __assign$1({
86129
+ return jsxRuntime.jsx(Host$W, __assign$1({
86111
86130
  "data-page-alert": true
86112
86131
  }, {
86113
86132
  children: jsxRuntime.jsxs(Content$a, {
@@ -86124,7 +86143,7 @@
86124
86143
  }), void 0);
86125
86144
  }
86126
86145
 
86127
- var Host$h = _styled__default["default"].div.withConfig({
86146
+ var Host$W = _styled__default["default"].div.withConfig({
86128
86147
  displayName: "PageAlert__Host",
86129
86148
  componentId: "sc-gj7gx6-0"
86130
86149
  })(templateObject_1$2m || (templateObject_1$2m = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ", ";\n"], ["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ", ";\n"])), function (p) {
@@ -87285,9 +87304,9 @@
87285
87304
  }), void 0);
87286
87305
  };
87287
87306
 
87288
- var version$1 = "0.3.43";
87289
- var buildId = "98956";
87290
- var commitId = "2e8ed3cbad7e277d8a2a1bb8228fc8600d585a58";
87307
+ var version$1 = "0.3.47";
87308
+ var buildId = "100137";
87309
+ var commitId = "6e18044696199d7f32fa021979ed33962b95afa9";
87291
87310
  var isCustomerBuild = false;
87292
87311
  var buildInfo = {
87293
87312
  version: version$1,
@@ -131586,7 +131605,7 @@
131586
131605
  // we just use the id for that, because this one is always different
131587
131606
  var fallbackCompare=function fallbackCompare(){var _a;return ((_a=a.id)===null||_a===void 0?void 0:_a.localeCompare(b===null||b===void 0?void 0:b.id))||0;};if(firstGroupIdOfA===firstGroupIdOfB){return a.position-b.position||fallbackCompare();}return groupPositions[firstGroupIdOfA]-groupPositions[firstGroupIdOfB]||fallbackCompare();}function useInlinePageDocument(documentData,page,basePath){if(basePath===void 0){basePath='pages';}var extension=documentData.extension,fileId=documentData.fileId,originalFileName=documentData.fileName,pageId=documentData.pageId,originalTitle=documentData.title;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var createDocumentClickHandler=usePagesClickHandler().createDocumentClickHandler;var _a=React$d.useMemo(function(){var iconName=getFileIconByExtension(extension);var fileUrl=NewsService.getNewsRoute(buildPath(basePath),pageId,null);return {iconName:iconName,fileUrl:fileUrl};// eslint-disable-next-line react-hooks/exhaustive-deps
131588
131607
  },[extension,pageId]),fileUrl=_a.fileUrl,iconName=_a.iconName;var _b=React$d.useMemo(function(){if(!(page===null||page===void 0?void 0:page.id)){return {title:originalTitle,fileName:originalFileName};}var _a=getFileInfo(page,user),fileInfo=_a.fileInfo,language=_a.language;var onPageDocumentDownloadClick=createDocumentClickHandler(pageId,fileId,language,fileInfo.shouldOpenInBrowser,page.fileAccessToken,basePath);return {title:getTitle(page,user,formatMessage,language),fileName:fileInfo.fileName,onPageDocumentDownloadClick:onPageDocumentDownloadClick};// eslint-disable-next-line react-hooks/exhaustive-deps
131589
- },[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return _styled.css(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n ","\n\n display: flex;\n width: 100%;\n "],["\n ","\n\n display: flex;\n width: 100%;\n "])),function(p){return backgroundColor?_styled.css(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),backgroundColor||p.theme.palette.white):_styled.css(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n ",";\n background-color: ",";\n "],["\n ",";\n background-color: ",";\n "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=_styled.css(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"],["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return _styled.css(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"],["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return _styled.css(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),rightSideOnly?_styled.css(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "],["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "])),radius,radius):_styled.css(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n border-radius: ","px;\n "],["\n border-radius: ","px;\n "])),radius));};var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsxRuntime.jsx(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsxRuntime.jsx(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled__default["default"](Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1Q||(templateObject_1$1Q=__makeTemplateObject(["\n display: inline-flex;\n z-index: 1;\n"],["\n display: inline-flex;\n z-index: 1;\n"])));var StyledIcon$5=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$17||(templateObject_2$17=__makeTemplateObject(["\n margin-left: ","px;\n"],["\n margin-left: ","px;\n"])),spacingXs);var templateObject_1$1Q,templateObject_2$17;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsxRuntime.jsx(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsxRuntime.jsx("span",{children:title},void 0):isDownloadLink?jsxRuntime.jsx("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsxRuntime.jsx("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxRuntime.jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsxRuntime.jsx("span",{children:title},void 0),isExternalContent&&jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxRuntime.jsxs(ReactRouterDom.Link,__assign({to:targetRoute,onClick:onClick},{children:[jsxRuntime.jsx("span",{children:title},void 0),isExternalContent&&jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled__default["default"].h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"],["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1P;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsxRuntime.jsx(Host$H,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxRuntime.jsxs(React$d.Fragment,{children:[i!==0&&jsxRuntime.jsx(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsxRuntime.jsx("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$H=_styled__default["default"].p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"],["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"],["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1O,templateObject_2$16;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxRuntime.jsxs(Host$G,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxRuntime.jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsxRuntime.jsx(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxRuntime.jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxRuntime.jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsxRuntime.jsx(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsxRuntime.jsx(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxRuntime.jsxs(MainContent,{children:[jsxRuntime.jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsxRuntime.jsx(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsxRuntime.jsx(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsxRuntime.jsx(Keywords$2,{children:jsxRuntime.jsx(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsxRuntime.jsx(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled__default["default"](Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"],["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"])),function(p){return !p.fontSize&&_styled.css(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "],["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&_styled.css(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "],["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?_styled.css(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n margin: "," !important;\n "],["\n margin: "," !important;\n "])),p.margin):_styled.css(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n margin: 0 !important;\n "],["\n margin: 0 !important;\n "])));});var Intro$2=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n margin: ","px 0 ","px;\n ","\n"],["\n margin: ","px 0 ","px;\n ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$G=_styled__default["default"].article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var Inner$3=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?_styled.css(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.styleDefinition.height):_styled.css(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n height: auto;\n min-height: 138px;\n "],["\n height: auto;\n min-height: 138px;\n "])));},function(p){var _a;return p.hasBanner&&_styled.css(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "],["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"],["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?_styled.css(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),p.padding):_styled.css(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n padding: ","px;\n "],["\n padding: ","px;\n "])),spacingM);});var MetaInfo$3=_styled__default["default"].div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"],["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled__default["default"].div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled__default["default"].div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n width: calc(\n 100% -\n ","px\n );\n"],["\n width: calc(\n 100% -\n ","px\n );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled__default["default"](ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"])));var Keywords$2=_styled__default["default"].span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"],["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsxRuntime.jsx(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsxRuntime.jsx(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled__default["default"].div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"],["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&_styled.css(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n width: auto;\n height: 100px;\n "],["\n width: auto;\n height: 100px;\n "])));});var FileIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled__default["default"].div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"],["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled__default["default"](LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.applyRoundedCorners&&_styled.css(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5,true));});var templateObject_1$1N,templateObject_2$15,templateObject_3$K,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
131608
+ },[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined,uploadToken:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return _styled.css(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n ","\n\n display: flex;\n width: 100%;\n "],["\n ","\n\n display: flex;\n width: 100%;\n "])),function(p){return backgroundColor?_styled.css(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),backgroundColor||p.theme.palette.white):_styled.css(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n ",";\n background-color: ",";\n "],["\n ",";\n background-color: ",";\n "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=_styled.css(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"],["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return _styled.css(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"],["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return _styled.css(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),rightSideOnly?_styled.css(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "],["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "])),radius,radius):_styled.css(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n border-radius: ","px;\n "],["\n border-radius: ","px;\n "])),radius));};var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsxRuntime.jsx(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsxRuntime.jsx(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled__default["default"](Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1Q||(templateObject_1$1Q=__makeTemplateObject(["\n display: inline-flex;\n z-index: 1;\n"],["\n display: inline-flex;\n z-index: 1;\n"])));var StyledIcon$5=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$17||(templateObject_2$17=__makeTemplateObject(["\n margin-left: ","px;\n"],["\n margin-left: ","px;\n"])),spacingXs);var templateObject_1$1Q,templateObject_2$17;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsxRuntime.jsx(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsxRuntime.jsx("span",{children:title},void 0):isDownloadLink?jsxRuntime.jsx("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsxRuntime.jsx("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxRuntime.jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsxRuntime.jsx("span",{children:title},void 0),isExternalContent&&jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxRuntime.jsxs(ReactRouterDom.Link,__assign({to:targetRoute,onClick:onClick},{children:[jsxRuntime.jsx("span",{children:title},void 0),isExternalContent&&jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled__default["default"].h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"],["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1P;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsxRuntime.jsx(Host$H,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxRuntime.jsxs(React$d.Fragment,{children:[i!==0&&jsxRuntime.jsx(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsxRuntime.jsx("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$H=_styled__default["default"].p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"],["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"],["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1O,templateObject_2$16;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxRuntime.jsxs(Host$G,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxRuntime.jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsxRuntime.jsx(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxRuntime.jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxRuntime.jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsxRuntime.jsx(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsxRuntime.jsx(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxRuntime.jsxs(MainContent,{children:[jsxRuntime.jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsxRuntime.jsx(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsxRuntime.jsx(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsxRuntime.jsx(Keywords$2,{children:jsxRuntime.jsx(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsxRuntime.jsx(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled__default["default"](Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"],["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"])),function(p){return !p.fontSize&&_styled.css(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "],["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&_styled.css(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "],["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?_styled.css(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n margin: "," !important;\n "],["\n margin: "," !important;\n "])),p.margin):_styled.css(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n margin: 0 !important;\n "],["\n margin: 0 !important;\n "])));});var Intro$2=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n margin: ","px 0 ","px;\n ","\n"],["\n margin: ","px 0 ","px;\n ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$G=_styled__default["default"].article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var Inner$3=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?_styled.css(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.styleDefinition.height):_styled.css(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n height: auto;\n min-height: 138px;\n "],["\n height: auto;\n min-height: 138px;\n "])));},function(p){var _a;return p.hasBanner&&_styled.css(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "],["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"],["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?_styled.css(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),p.padding):_styled.css(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n padding: ","px;\n "],["\n padding: ","px;\n "])),spacingM);});var MetaInfo$3=_styled__default["default"].div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"],["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled__default["default"].div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled__default["default"].div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n width: calc(\n 100% -\n ","px\n );\n"],["\n width: calc(\n 100% -\n ","px\n );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled__default["default"](ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"])));var Keywords$2=_styled__default["default"].span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"],["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled__default["default"].div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsxRuntime.jsx(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsxRuntime.jsx(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled__default["default"].div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"],["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&_styled.css(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n width: auto;\n height: 100px;\n "],["\n width: auto;\n height: 100px;\n "])));});var FileIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled__default["default"].div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"],["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled__default["default"](LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.applyRoundedCorners&&_styled.css(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5,true));});var templateObject_1$1N,templateObject_2$15,templateObject_3$K,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
131590
131609
  // https://tc39.github.io/ecma262/#sec-parseint-string-radix
131591
131610
  var numberParseInt=FORCED?function parseInt(string,radix){var S=trim(String(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10));}:$parseInt;var $$3=_export;var parseIntImplementation=numberParseInt;// `parseInt` method
131592
131611
  // https://tc39.github.io/ecma262/#sec-parseint-string-radix
@@ -131679,7 +131698,7 @@
131679
131698
  // for this case the blockProps would be an empty object and
131680
131699
  // we need to set the showPages and showDocuments to true
131681
131700
  var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
131682
- return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$N,templateObject_2$t,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$M,templateObject_2$s;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$L;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$K,templateObject_2$r,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$J;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$I;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$H;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$G;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$F;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$f=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$E,templateObject_2$q,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$D;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$C;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$B;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$A;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$z;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$y,templateObject_2$p;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$x;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$w;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$v;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$u;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"],["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"])),fontSizeNormal,fontSizeSmall);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"],["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"])));_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"],["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n margin-left: 33px; // checkmark icon space\n "],["\n margin-left: 33px; // checkmark icon space\n "])));});_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"],["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])));},spacingX+10);_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"])));var templateObject_1$t,templateObject_2$o,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"],["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n position: relative;\n margin-bottom: 8px;\n"],["\n position: relative;\n margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$i,templateObject_4$a,templateObject_5$9;var $$1$1=_export;var requireObjectCoercible$c=requireObjectCoercible$b;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
131701
+ return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$N,templateObject_2$t,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$M,templateObject_2$s;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$L;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$K,templateObject_2$r,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$J;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$I;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$H;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$G;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$F;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$f=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$E,templateObject_2$q,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$D;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$C;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$B;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$A;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$z;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$y,templateObject_2$p;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$x;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$w;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$v;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$u;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"],["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"])),fontSizeNormal,fontSizeSmall);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"],["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"])));_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"],["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n margin-left: 33px; // checkmark icon space\n "],["\n margin-left: 33px; // checkmark icon space\n "])));});_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"],["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])));},spacingX+10);_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"])));var templateObject_1$t,templateObject_2$o,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"],["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n position: relative;\n margin-bottom: 8px;\n"],["\n position: relative;\n margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$i,templateObject_4$a,templateObject_5$9;var $$1$1=_export;var requireObjectCoercible$c=requireObjectCoercible$b;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
131683
131702
  // https://github.com/tc39/proposal-string-replace-all
131684
131703
  $$1$1({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$c(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$c('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n position: relative;\n"],["\n display: flex;\n align-items: flex-end;\n position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"],["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"],["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"])));var templateObject_1$r,templateObject_2$m,templateObject_3$h;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"],["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"],["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"],["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$g,templateObject_4$9$1,templateObject_5$8;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"],["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n max-width: 100%;\n font-size: large;\n"],["\n max-width: 100%;\n font-size: large;\n"])));var templateObject_1$p,templateObject_2$k,templateObject_3$f;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"],["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"],["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"])));var templateObject_1$o,templateObject_2$j;_styled.createGlobalStyle(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));_styled.createGlobalStyle(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$n,templateObject_2$i,templateObject_3$e;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$m,templateObject_2$h,templateObject_3$d;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$l;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$k,templateObject_2$g;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$j$1,templateObject_2$f,templateObject_3$c,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$i$1,templateObject_2$e;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$h$1,templateObject_2$d,templateObject_3$b,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"],["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"],["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$g$1,templateObject_2$c,templateObject_3$a$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"],["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"],["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"],["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n align-self: flex-start;\n z-index: 1;\n"],["\n align-self: flex-start;\n z-index: 1;\n"])));var templateObject_1$f$1,templateObject_2$b$1,templateObject_3$9$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$e$1||(templateObject_1$e$1=__makeTemplateObject(["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"],["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$a$1||(templateObject_2$a$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n padding: 0;\n margin: 0;\n ","\n"],["\n padding: 0;\n margin: 0;\n ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"],["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$1=__makeTemplateObject(["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"],["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$9$1||(templateObject_2$9$1=__makeTemplateObject(["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$7$1||(templateObject_3$7$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n flex: 1 1 auto;\n width: ","%;\n"],["\n flex: 1 1 auto;\n width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var templateObject_1$d$1,templateObject_2$9$1,templateObject_3$7$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
131685
131704
  var pages=!navigationContext.parent||!navigationContext.parent.id?sortPageNodesByGroupAndPosition(user.groups,navigationContext.siblings):navigationContext.siblings;var previousPage=getSibling(-1);var nextPage=getSibling(1);return jsxRuntime.jsxs(Host$2$1,__assign({className:className,"data-detail-page-navigation":activePageId},{children:[previousPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:false,basePath:basePath,page:previousPage,icon:"ChevronLeftSmall","data-detail-page-navigation-previous-node":previousPage.id,"data-detail-page-navigation-node":previousPage.id},void 0),nextPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:true,className:"next-page-link-button",basePath:basePath,page:nextPage,icon:"ChevronRightSmall","data-detail-page-navigation-next-node":nextPage.id,"data-detail-page-navigation-node":nextPage.id},void 0)]}),void 0);function getSibling(offset){var index=pages.findIndex(function(s){return s.id===activePageId;});return pages[index+offset];}};var Host$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Host",componentId:"sc-19ae9g3-0"})(templateObject_1$c$1||(templateObject_1$c$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n"],["\n display: flex;\n flex-wrap: wrap;\n"])));var PageLinkButton=function PageLinkButton(_a){var basePath=_a.basePath,page=_a.page,icon=_a.icon,isNextNode=_a.isNextNode,className=_a.className,props=__rest(_a,["basePath","page","icon","isNextNode","className"]);var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var title=getTitle(page,user,formatMessage);return jsxRuntime.jsxs(Link,__assign({to:getUrl(),className:className},{children:[!isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0),jsxRuntime.jsx(Content$2$1,__assign({},props,{isNextNode:isNextNode},{children:jsxRuntime.jsx("div",__assign({title:title},{children:title}),void 0)}),void 0),isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0)]}),void 0);function getUrl(){var baseUrl=NewsService.getNewsRoute(basePath,page.id,title);return page.useExternalContent?baseUrl+"?"+queryString.stringify({noRedirect:true}):baseUrl;}};var Link=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesDetailViewNavigation__Link",componentId:"sc-19ae9g3-1"})(templateObject_2$8$1||(templateObject_2$8$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-top: ","px;\n padding-bottom: ","px;\n margin-bottom: 2px;\n\n max-width: 45%;\n width: auto;\n border-radius: 5px;\n\n &.next-page-link-button {\n margin-left: auto;\n }\n\n @media (max-width: ","px) {\n max-width: 100% !important;\n margin-bottom: ","px;\n }\n\n background-color: ",";\n && {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-top: ","px;\n padding-bottom: ","px;\n margin-bottom: 2px;\n\n max-width: 45%;\n width: auto;\n border-radius: 5px;\n\n &.next-page-link-button {\n margin-left: auto;\n }\n\n @media (max-width: ","px) {\n max-width: 100% !important;\n margin-bottom: ","px;\n }\n\n background-color: ",";\n && {\n color: ",";\n }\n"])),spacingS,spacingS,maxScreenSize.small,spacingS,function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.textColors.default;});var LinkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PagesDetailViewNavigation__LinkIcon",componentId:"sc-19ae9g3-2"})(templateObject_3$6$1||(templateObject_3$6$1=__makeTemplateObject(["\n && {\n display: flex;\n justify-content: center;\n font-size: ","px;\n padding: 0 ","px;\n }\n"],["\n && {\n display: flex;\n justify-content: center;\n font-size: ","px;\n padding: 0 ","px;\n }\n"])),fontSizeNormal,spacingM);var Content$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Content",componentId:"sc-19ae9g3-3"})(templateObject_5$3$1||(templateObject_5$3$1=__makeTemplateObject(["\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n padding-right: 23px;\n\n white-space: nowrap;\n overflow: hidden;\n\n div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ","\n"],["\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n padding-right: 23px;\n\n white-space: nowrap;\n overflow: hidden;\n\n div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ","\n"])),function(p){return p.isNextNode&&_styled.css(templateObject_4$3$1||(templateObject_4$3$1=__makeTemplateObject(["\n margin-left: auto;\n padding-left: 23px;\n padding-right: 0;\n "],["\n margin-left: auto;\n padding-left: 23px;\n padding-right: 0;\n "])));});var templateObject_1$c$1,templateObject_2$8$1,templateObject_3$6$1,templateObject_4$3$1,templateObject_5$3$1;_styled__default["default"](Dropdown).withConfig({displayName:"PagesGroupsSelector__StyledDropdown",componentId:"sc-13yd888-0"})(templateObject_1$b$1||(templateObject_1$b$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesGroupsSelector__DropdownOption",componentId:"sc-13yd888-1"})(templateObject_2$7$1||(templateObject_2$7$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$5$1||(templateObject_3$5$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$b$1,templateObject_2$7$1,templateObject_3$5$1;_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Host",componentId:"sc-1z0rxrb-0"})(templateObject_1$a$1||(templateObject_1$a$1=__makeTemplateObject(["\n width: 400px;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n"],["\n width: 400px;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"GroupNotificationsSettings__Title",componentId:"sc-1z0rxrb-1"})(templateObject_2$6$1||(templateObject_2$6$1=__makeTemplateObject(["\n margin-top: 0;\n"],["\n margin-top: 0;\n"])));_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Infos",componentId:"sc-1z0rxrb-2"})(templateObject_3$4$1||(templateObject_3$4$1=__makeTemplateObject(["\n color: ",";\n padding-left: 55px;\n"],["\n color: ",";\n padding-left: 55px;\n"])),function(p){return p.theme.palette.neutralTertiaryAlt;});var templateObject_1$a$1,templateObject_2$6$1,templateObject_3$4$1;function getPostGroups(user){return getGroupsWithExplicitMinRole(GroupRoles.LimitedReader,user,function(g){return g.allowPosts;});}function getPostsBaseRoute(post,user){var _a;var postGroups=getPostGroups(user);var subscriptionHandle=(_a=user.subscription.subscriptionHandle)!==null&&_a!==void 0?_a:user.subscription.id;return postGroups.length>1?"/"+subscriptionHandle+"/posts/groups/"+((post===null||post===void 0?void 0:post.groupId)||''):"/"+subscriptionHandle+"/posts";}function getPostsHashtagFilterRoute(post,user,hashtag){return getPostsBaseRoute(post,user)+"?"+queryString.stringify({search:""+hashtag});}var PostReplies=function PostReplies(_a){var className=_a.className,post=_a.post,comments=_a.comments,initialPageSize=_a.initialPageSize,autoFocusReplyField=_a.autoFocusReplyField,onReplyAdded=_a.onReplyAdded,onReplyDeleted=_a.onReplyDeleted,onThreadReply=_a.onThreadReply;var user=useCurrentUser();var searchPostMentionUsers=usePostsApi().searchPostMentionUsers;if(!post||!post.id){return null;}return jsxRuntime.jsx(StyledPagedCommentsSection,{className:className,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},type:ItemResourceTypes.Posts,scope:ConversationScope.Posts,itemId:post.id,groupIds:[post.groupId],readOnly:false,pageSize:5,initialPageSize:initialPageSize,initialComments:comments,onCommentAdded:onReplyAdded,onCommentDeleted:onReplyDeleted,noItemsYetStringResourceKey:"Posts.replies.empty",autoFocusReplyField:autoFocusReplyField,baseAttachmentPath:"/posts/"+post.id+"/comments",getHashtagFilterRoute:function(hashtag){return getPostsHashtagFilterRoute(post,user,hashtag);},onThreadReply:onThreadReply},post.id);};var StyledPagedCommentsSection=_styled__default["default"](PagedCommentsSection).withConfig({displayName:"PostReplies__StyledPagedCommentsSection",componentId:"sc-8mrgcg-0"})(templateObject_1$9$1||(templateObject_1$9$1=__makeTemplateObject(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n > div {\n width: 100%;\n }\n"])));var templateObject_1$9$1;var PostEditor=function PostEditor(_a){var className=_a.className,post=_a.post,onBeforeSave=_a.onBeforeSave,onSaved=_a.onSaved,onCancel=_a.onCancel,keywordSettings=_a.keywordSettings;var features=useFeatures();var _b=usePostsApi(),searchPostMentionUsers=_b.searchPostMentionUsers,updatePost=_b.updatePost;var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,keywordsByGroupId=_c.keywordsByGroupId;var _d=useNotificationContext(),showToast=_d.showToast,showError=_d.showError;if(allKeywords==null||keywordsByGroupId==null){return null;}return jsxRuntime.jsx(EditCommentWithAttachments,{className:className,onCancel:onCancel,content:post.content,onSave:handleSavePost,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},inputTheme:"dark",item:post,basePath:'/posts',allowKeywords:features.keywords&&features.postKeywords,availableKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords,mandatoryKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords,keywords:post.keywords,saveOnCtrlEnter:true},void 0);function handleSavePost(newContent,attachments,keywords){return __awaiter(this,void 0,void 0,function(){var updatedPost,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);onBeforeSave(__assign(__assign({},post),{content:newContent,attachments:attachments,keywords:keywords}));return [4/*yield*/,updatePost(post.id,newContent,attachments,keywords)];case 1:updatedPost=_a.sent();onSaved(updatedPost);showToast('Posts.successfullyUpdated');return [3/*break*/,3];case 2:error_1=_a.sent();logger.error(error_1);showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}};_styled__default["default"](IconButton).withConfig({displayName:"PostFollowButton__StyledIconButton",componentId:"sc-1i97syp-0"})(templateObject_1$8$1||(templateObject_1$8$1=__makeTemplateObject(["\n && {\n margin: 0;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 20px;\n }\n user-select: none;\n"],["\n && {\n margin: 0;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 20px;\n }\n user-select: none;\n"])));var templateObject_1$8$1;var PostGroup=function PostGroup(_a){var groupId=_a.groupId,to=_a.to,className=_a.className;var intl=useIntl();var user=useCurrentUser();var group=user.groups.find(function(g){return g.id===groupId;});var groupName=getGroupName(group,user,intl);return jsxRuntime.jsx(Group,__assign({"data-post-group":groupId,title:groupName,to:to,className:className},{children:jsxRuntime.jsx("span",{children:groupName},void 0)}),void 0);};var Group=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroup__Group",componentId:"sc-182l34m-0"})(templateObject_1$7$1||(templateObject_1$7$1=__makeTemplateObject(["\n font-size: ","px;\n height: 100%;\n\n span {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ","\n"],["\n font-size: ","px;\n height: 100%;\n\n span {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ","\n"])),fontSizeSmall,function(){return HighlightBubble();});var templateObject_1$7$1;_styled__default["default"].div.withConfig({displayName:"PostDisplay__Host",componentId:"sc-1tope3b-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n ",";\n\n position: relative;\n\n // TODO: The font-sizes should be cleaned up as well,\n // there are too many different places where these are set\n // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n font-size: ","px;\n line-height: ","px;\n\n display: flex;\n flex-direction: column;\n .ms-layer {\n display: none;\n }\n"],["\n ",";\n\n position: relative;\n\n // TODO: The font-sizes should be cleaned up as well,\n // there are too many different places where these are set\n // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n font-size: ","px;\n line-height: ","px;\n\n display: flex;\n flex-direction: column;\n .ms-layer {\n display: none;\n }\n"])),CardBorderInline(2,2),fontSizeSmall,spacingM);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Header",componentId:"sc-1tope3b-1"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n"],["\n display: flex;\n align-items: flex-start;\n"])));var avatarWidth=40;var maxButtonsWidth=120;// max 4 buttons at 30 px each (translate, notifications, like and context menu)
@@ -134990,6 +135009,7 @@
134990
135009
  "PageTitle.chat": "Chat",
134991
135010
  "PageTitle.feed": "Feed",
134992
135011
  "PageTitle.stream": "Stream",
135012
+ "PageTitle.searchEverywhere": "Suche",
134993
135013
  "PageTitle.analytics.usage": "Benutzer-Aktivitätsberichte",
134994
135014
  "PageTitle.analytics.news": "News Berichte",
134995
135015
  "Gutter.open": "Öffnen",
@@ -135681,6 +135701,7 @@
135681
135701
  "FilterPanel.condense": "LiveTiles Reach",
135682
135702
  "FilterPanel.external": "Extern",
135683
135703
  "FilterPanel.channels": "Kanäle",
135704
+ "FilterPanel.itemType": "Elemente",
135684
135705
  "Themes.title": "Farbschema",
135685
135706
  "Themes.selectorDescription": "Wählen Sie ein Farbschema für LiveTiles Reach.",
135686
135707
  "Themes.colorPickerDescription": "Sie können die Farben in der untenstehenden Farbpalette ändern.",
@@ -136046,6 +136067,7 @@
136046
136067
  "PageMenu.area.chat": "Chat",
136047
136068
  "PageMenu.area.feed": "Feed",
136048
136069
  "PageMenu.area.stream": "Stream",
136070
+ "PageMenu.area.searchEverywhere": "Suche",
136049
136071
  "PageMenu.area.analytics.usage": "Benutzer-Aktivität",
136050
136072
  "PageMenu.area.analytics-preview": "Berichte (Preview)",
136051
136073
  "PageMenu.area.otherSubscriptions": "Andere Organisationen",
@@ -136449,7 +136471,8 @@
136449
136471
  "Chats.chatItem.context.leave": "Verlassen",
136450
136472
  "Chats.userLeft.systemMessage": "{user} hat die Gruppe verlassen",
136451
136473
  "ManagePlugins.title": "Plugins",
136452
- "ManagePlugins.addNewPlugin": "Neues Plugin hinzufügen",
136474
+ "ManagePlugins.addNewPlugin": "Plugin hinzufügen",
136475
+ "ManagePlugins.uploadPlugin": "Neues Plugin hochladen",
136453
136476
  "ManagePlugins.updateSucceeded": "Plugin erfolgreich geändert",
136454
136477
  "ManagePlugins.deleteSucceeded": "Plugin erfolgreich gelöscht",
136455
136478
  "ManagePlugins.updateFailed": "Beim Ändern des Plugins ist ein Fehler aufgetreten.",
@@ -136633,7 +136656,10 @@
136633
136656
  "Page.header.unread.showAll": "Alles ansehen",
136634
136657
  "Page.header.search": "Suchen",
136635
136658
  "Page.header.filter": "Filter",
136636
- "Page.header.markAll": "Alles als gelesen markieren"
136659
+ "Page.header.markAll": "Alles als gelesen markieren",
136660
+ "SearchEverywhere.input.placeholder": "Bitte geben Sie einen Suchbegriff ein",
136661
+ "SearchEverywhere.button": "Überall suchen",
136662
+ "SearchEverywhere.allLoaded": "Es gibt keine weiteren Suchergebnisse"
136637
136663
  };
136638
136664
 
136639
136665
  var de_async_esm = /*#__PURE__*/Object.freeze({
@@ -136962,6 +136988,7 @@
136962
136988
  "PageTitle.chat": "Chat",
136963
136989
  "PageTitle.feed": "Feed",
136964
136990
  "PageTitle.stream": "Stream",
136991
+ "PageTitle.searchEverywhere": "Search",
136965
136992
  "PageTitle.analytics.usage": "User Activity Analytics",
136966
136993
  "PageTitle.analytics.news": "News Analytics",
136967
136994
  "Gutter.open": "Ouvrir",
@@ -137653,6 +137680,7 @@
137653
137680
  "FilterPanel.condense": "LiveTiles Reach",
137654
137681
  "FilterPanel.external": "Externe",
137655
137682
  "FilterPanel.channels": "Canaux",
137683
+ "FilterPanel.itemType": "Items",
137656
137684
  "Themes.title": "Couleur du thème",
137657
137685
  "Themes.selectorDescription": "Sélectionnez une couleur pour le thème de LiveTiles Reach.",
137658
137686
  "Themes.colorPickerDescription": "Vous pouvez sélectionner une couleur personnalisée en cliquant ci-dessous.",
@@ -138018,6 +138046,7 @@
138018
138046
  "PageMenu.area.chat": "Chat",
138019
138047
  "PageMenu.area.feed": "Feed",
138020
138048
  "PageMenu.area.stream": "Stream",
138049
+ "PageMenu.area.searchEverywhere": "Search",
138021
138050
  "PageMenu.area.analytics.usage": "User Activity",
138022
138051
  "PageMenu.area.analytics-preview": "Analytique (Preview)",
138023
138052
  "PageMenu.area.otherSubscriptions": "Autres organisations",
@@ -138422,6 +138451,7 @@
138422
138451
  "Chats.userLeft.systemMessage": "{user} left the group",
138423
138452
  "ManagePlugins.title": "Plugins",
138424
138453
  "ManagePlugins.addNewPlugin": "Ajouter un nouveau plugin",
138454
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
138425
138455
  "ManagePlugins.updateSucceeded": "Plugin mis à jour avec succès",
138426
138456
  "ManagePlugins.deleteSucceeded": "Plugin supprimé avec succès",
138427
138457
  "ManagePlugins.updateFailed": "Une erreur s'est produite lors de la tentative de mise à jour du plugin !",
@@ -138605,7 +138635,10 @@
138605
138635
  "Page.header.unread.showAll": "View all",
138606
138636
  "Page.header.search": "Search",
138607
138637
  "Page.header.filter": "Filter",
138608
- "Page.header.markAll": "Mark all as read"
138638
+ "Page.header.markAll": "Mark all as read",
138639
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
138640
+ "SearchEverywhere.button": "Search Everywhere",
138641
+ "SearchEverywhere.allLoaded": "There are no more search results"
138609
138642
  };
138610
138643
 
138611
138644
  var fr_async_esm = /*#__PURE__*/Object.freeze({
@@ -138934,6 +138967,7 @@
138934
138967
  "PageTitle.chat": "Chat",
138935
138968
  "PageTitle.feed": "Feed",
138936
138969
  "PageTitle.stream": "Stream",
138970
+ "PageTitle.searchEverywhere": "Search",
138937
138971
  "PageTitle.analytics.usage": "User Activity Analytics",
138938
138972
  "PageTitle.analytics.news": "News Analytics",
138939
138973
  "Gutter.open": "Abrir",
@@ -139625,6 +139659,7 @@
139625
139659
  "FilterPanel.condense": "LiveTiles Reach",
139626
139660
  "FilterPanel.external": "Externo",
139627
139661
  "FilterPanel.channels": "Canales",
139662
+ "FilterPanel.itemType": "Items",
139628
139663
  "Themes.title": "Color del tema",
139629
139664
  "Themes.selectorDescription": "Seleccione un color del tema para LiveTiles Reach",
139630
139665
  "Themes.colorPickerDescription": "Puede personalizar los colores al hacer clic en las muestras de color debajo.",
@@ -139990,6 +140025,7 @@
139990
140025
  "PageMenu.area.chat": "Chat",
139991
140026
  "PageMenu.area.feed": "Feed",
139992
140027
  "PageMenu.area.stream": "Stream",
140028
+ "PageMenu.area.searchEverywhere": "Search",
139993
140029
  "PageMenu.area.analytics.usage": "Actividad del usuario",
139994
140030
  "PageMenu.area.analytics-preview": "Análisis (previo)",
139995
140031
  "PageMenu.area.otherSubscriptions": "Otras organizaciones",
@@ -140394,6 +140430,7 @@
140394
140430
  "Chats.userLeft.systemMessage": "{user} left the group",
140395
140431
  "ManagePlugins.title": "Complementos",
140396
140432
  "ManagePlugins.addNewPlugin": "Agregar nuevo complemento",
140433
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
140397
140434
  "ManagePlugins.updateSucceeded": "Complemento actualizado con éxito",
140398
140435
  "ManagePlugins.deleteSucceeded": "Complemento eliminado con éxito",
140399
140436
  "ManagePlugins.updateFailed": "Ocurrió un error al intentar actualizar el complemento.",
@@ -140577,7 +140614,10 @@
140577
140614
  "Page.header.unread.showAll": "View all",
140578
140615
  "Page.header.search": "Search",
140579
140616
  "Page.header.filter": "Filter",
140580
- "Page.header.markAll": "Mark all as read"
140617
+ "Page.header.markAll": "Mark all as read",
140618
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
140619
+ "SearchEverywhere.button": "Search Everywhere",
140620
+ "SearchEverywhere.allLoaded": "There are no more search results"
140581
140621
  };
140582
140622
 
140583
140623
  var es_async_esm = /*#__PURE__*/Object.freeze({
@@ -140905,6 +140945,7 @@
140905
140945
  "PageTitle.chat": "聊天",
140906
140946
  "PageTitle.feed": "動態消息",
140907
140947
  "PageTitle.stream": "流",
140948
+ "PageTitle.searchEverywhere": "Search",
140908
140949
  "PageTitle.analytics.usage": "User Activity Analytics",
140909
140950
  "PageTitle.analytics.news": "News Analytics",
140910
140951
  "Gutter.open": "打開",
@@ -141596,6 +141637,7 @@
141596
141637
  "FilterPanel.condense": "LiveTiles Reach",
141597
141638
  "FilterPanel.external": "外部",
141598
141639
  "FilterPanel.channels": "頻道",
141640
+ "FilterPanel.itemType": "Items",
141599
141641
  "Themes.title": "顏色主題",
141600
141642
  "Themes.selectorDescription": "為LiveTiles Reach選擇顏色主題。",
141601
141643
  "Themes.colorPickerDescription": "您可以通過按下方色板來自訂顏色。",
@@ -141961,6 +142003,7 @@
141961
142003
  "PageMenu.area.chat": "聊天",
141962
142004
  "PageMenu.area.feed": "動態消息",
141963
142005
  "PageMenu.area.stream": "流",
142006
+ "PageMenu.area.searchEverywhere": "Search",
141964
142007
  "PageMenu.area.analytics.usage": "用戶活動",
141965
142008
  "PageMenu.area.analytics-preview": "分析(預覽)",
141966
142009
  "PageMenu.area.otherSubscriptions": "其他組織",
@@ -142365,6 +142408,7 @@
142365
142408
  "Chats.userLeft.systemMessage": "{user} left the group",
142366
142409
  "ManagePlugins.title": "插件",
142367
142410
  "ManagePlugins.addNewPlugin": "添加新插件",
142411
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
142368
142412
  "ManagePlugins.updateSucceeded": "成功更新插件",
142369
142413
  "ManagePlugins.deleteSucceeded": "成功刪除插件",
142370
142414
  "ManagePlugins.updateFailed": "嘗試更新插件時出現問題。",
@@ -142548,7 +142592,10 @@
142548
142592
  "Page.header.unread.showAll": "View all",
142549
142593
  "Page.header.search": "Search",
142550
142594
  "Page.header.filter": "Filter",
142551
- "Page.header.markAll": "Mark all as read"
142595
+ "Page.header.markAll": "Mark all as read",
142596
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
142597
+ "SearchEverywhere.button": "Search Everywhere",
142598
+ "SearchEverywhere.allLoaded": "There are no more search results"
142552
142599
  };
142553
142600
 
142554
142601
  var zhTW_async_esm = /*#__PURE__*/Object.freeze({
@@ -142862,6 +142909,7 @@
142862
142909
  "PageTitle.chat": "聊天",
142863
142910
  "PageTitle.feed": "动态消息",
142864
142911
  "PageTitle.stream": "流",
142912
+ "PageTitle.searchEverywhere": "Search",
142865
142913
  "PageTitle.analytics.usage": "User Activity Analytics",
142866
142914
  "PageTitle.analytics.news": "News Analytics",
142867
142915
  "Gutter.open": "打开",
@@ -143553,6 +143601,7 @@
143553
143601
  "FilterPanel.condense": "LiveTiles Reach",
143554
143602
  "FilterPanel.external": "外部",
143555
143603
  "FilterPanel.channels": "频道",
143604
+ "FilterPanel.itemType": "Items",
143556
143605
  "Themes.title": "颜色主题",
143557
143606
  "Themes.selectorDescription": "为 LiveTiles Reach选择一个颜色主题。",
143558
143607
  "Themes.colorPickerDescription": "您可以通过单击下面的色板来自定义颜色。",
@@ -143918,6 +143967,7 @@
143918
143967
  "PageMenu.area.chat": "聊天",
143919
143968
  "PageMenu.area.feed": "动态消息",
143920
143969
  "PageMenu.area.stream": "流",
143970
+ "PageMenu.area.searchEverywhere": "Search",
143921
143971
  "PageMenu.area.analytics.usage": "用户活动",
143922
143972
  "PageMenu.area.analytics-preview": "分析(预览)",
143923
143973
  "PageMenu.area.otherSubscriptions": "其他组织",
@@ -144322,6 +144372,7 @@
144322
144372
  "Chats.userLeft.systemMessage": "{user} left the group",
144323
144373
  "ManagePlugins.title": "插件",
144324
144374
  "ManagePlugins.addNewPlugin": "添加新插件",
144375
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
144325
144376
  "ManagePlugins.updateSucceeded": "已成功更新插件",
144326
144377
  "ManagePlugins.deleteSucceeded": "已成功删除插件",
144327
144378
  "ManagePlugins.updateFailed": "尝试更新插件时出现问题。",
@@ -144505,7 +144556,10 @@
144505
144556
  "Page.header.unread.showAll": "View all",
144506
144557
  "Page.header.search": "Search",
144507
144558
  "Page.header.filter": "Filter",
144508
- "Page.header.markAll": "Mark all as read"
144559
+ "Page.header.markAll": "Mark all as read",
144560
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
144561
+ "SearchEverywhere.button": "Search Everywhere",
144562
+ "SearchEverywhere.allLoaded": "There are no more search results"
144509
144563
  };
144510
144564
 
144511
144565
  var zhCN_async_esm = /*#__PURE__*/Object.freeze({
@@ -144833,6 +144887,7 @@
144833
144887
  "PageTitle.chat": "チャット",
144834
144888
  "PageTitle.feed": "フィード",
144835
144889
  "PageTitle.stream": "ストリーム",
144890
+ "PageTitle.searchEverywhere": "Search",
144836
144891
  "PageTitle.analytics.usage": "User Activity Analytics",
144837
144892
  "PageTitle.analytics.news": "News Analytics",
144838
144893
  "Gutter.open": "開く",
@@ -145524,6 +145579,7 @@
145524
145579
  "FilterPanel.condense": "LiveTiles Reach",
145525
145580
  "FilterPanel.external": "外部",
145526
145581
  "FilterPanel.channels": "チャンネル",
145582
+ "FilterPanel.itemType": "Items",
145527
145583
  "Themes.title": "配色",
145528
145584
  "Themes.selectorDescription": "LiveTiles Reach用の配色を選択する。",
145529
145585
  "Themes.colorPickerDescription": "以下の色見本をクリックして、色をカスタマイズできます。",
@@ -145889,6 +145945,7 @@
145889
145945
  "PageMenu.area.chat": "チャット",
145890
145946
  "PageMenu.area.feed": "フォード",
145891
145947
  "PageMenu.area.stream": "ストリーム",
145948
+ "PageMenu.area.searchEverywhere": "Search",
145892
145949
  "PageMenu.area.analytics.usage": "ユーザーアクティビティ",
145893
145950
  "PageMenu.area.analytics-preview": "分析(プレビュー)",
145894
145951
  "PageMenu.area.otherSubscriptions": "その他の組織",
@@ -146293,6 +146350,7 @@
146293
146350
  "Chats.userLeft.systemMessage": "{user} left the group",
146294
146351
  "ManagePlugins.title": "プラグイン",
146295
146352
  "ManagePlugins.addNewPlugin": "新規プラグイン追加",
146353
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
146296
146354
  "ManagePlugins.updateSucceeded": "プラグインの更新が完了しました",
146297
146355
  "ManagePlugins.deleteSucceeded": "プラグインの削除が完了しました",
146298
146356
  "ManagePlugins.updateFailed": "プラグインを更新しようとしたときに、何らかの問題が発生しました。",
@@ -146476,7 +146534,10 @@
146476
146534
  "Page.header.unread.showAll": "View all",
146477
146535
  "Page.header.search": "Search",
146478
146536
  "Page.header.filter": "Filter",
146479
- "Page.header.markAll": "Mark all as read"
146537
+ "Page.header.markAll": "Mark all as read",
146538
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
146539
+ "SearchEverywhere.button": "Search Everywhere",
146540
+ "SearchEverywhere.allLoaded": "There are no more search results"
146480
146541
  };
146481
146542
 
146482
146543
  var ja_async_esm = /*#__PURE__*/Object.freeze({
@@ -146805,6 +146866,7 @@
146805
146866
  "PageTitle.chat": "Sohbet",
146806
146867
  "PageTitle.feed": "Akış",
146807
146868
  "PageTitle.stream": "Yayın",
146869
+ "PageTitle.searchEverywhere": "Search",
146808
146870
  "PageTitle.analytics.usage": "User Activity Analytics",
146809
146871
  "PageTitle.analytics.news": "News Analytics",
146810
146872
  "Gutter.open": "Aç",
@@ -147496,6 +147558,7 @@
147496
147558
  "FilterPanel.condense": "LiveTiles Reach",
147497
147559
  "FilterPanel.external": "Harici",
147498
147560
  "FilterPanel.channels": "Kanallar",
147561
+ "FilterPanel.itemType": "Items",
147499
147562
  "Themes.title": "Tema rengi",
147500
147563
  "Themes.selectorDescription": "LiveTiles Reach için tema rengi seçin",
147501
147564
  "Themes.colorPickerDescription": "Renkleri aşağıdaki renk örneklerine tıklayarak özelleştirebilirsiniz.",
@@ -147861,6 +147924,7 @@
147861
147924
  "PageMenu.area.chat": "Sohbet",
147862
147925
  "PageMenu.area.feed": "Akış",
147863
147926
  "PageMenu.area.stream": "Yayın",
147927
+ "PageMenu.area.searchEverywhere": "Search",
147864
147928
  "PageMenu.area.analytics.usage": "Kullanıcı Etkinliği",
147865
147929
  "PageMenu.area.analytics-preview": "Analytics (ön izleme)",
147866
147930
  "PageMenu.area.otherSubscriptions": "Diğer kuruluşlar",
@@ -148265,6 +148329,7 @@
148265
148329
  "Chats.userLeft.systemMessage": "{user} left the group",
148266
148330
  "ManagePlugins.title": "Eklentiler",
148267
148331
  "ManagePlugins.addNewPlugin": "Yeni eklenti ekle",
148332
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
148268
148333
  "ManagePlugins.updateSucceeded": "Eklenti başarıyla güncellendi",
148269
148334
  "ManagePlugins.deleteSucceeded": "Eklenti başarıyla silindi",
148270
148335
  "ManagePlugins.updateFailed": "Eklenti güncellenirken bir takım aksilikler oldu",
@@ -148448,7 +148513,10 @@
148448
148513
  "Page.header.unread.showAll": "View all",
148449
148514
  "Page.header.search": "Search",
148450
148515
  "Page.header.filter": "Filter",
148451
- "Page.header.markAll": "Mark all as read"
148516
+ "Page.header.markAll": "Mark all as read",
148517
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
148518
+ "SearchEverywhere.button": "Search Everywhere",
148519
+ "SearchEverywhere.allLoaded": "There are no more search results"
148452
148520
  };
148453
148521
 
148454
148522
  var tr_async_esm = /*#__PURE__*/Object.freeze({
@@ -148778,6 +148846,7 @@
148778
148846
  "PageTitle.chat": "Chiacchierare",
148779
148847
  "PageTitle.feed": "Feed",
148780
148848
  "PageTitle.stream": "Stream",
148849
+ "PageTitle.searchEverywhere": "Search",
148781
148850
  "PageTitle.analytics.usage": "User Activity Analytics",
148782
148851
  "PageTitle.analytics.news": "News Analytics",
148783
148852
  "Gutter.open": "Apri",
@@ -149469,6 +149538,7 @@
149469
149538
  "FilterPanel.condense": "LiveTiles Reach",
149470
149539
  "FilterPanel.external": "Esterno",
149471
149540
  "FilterPanel.channels": "Canali",
149541
+ "FilterPanel.itemType": "Items",
149472
149542
  "Themes.title": "Colore Tema",
149473
149543
  "Themes.selectorDescription": "Seleziona il colore del tema per LiveTiles Reach.",
149474
149544
  "Themes.colorPickerDescription": "Puoi personalizzare i colori cliccando sui campioni di colore qui sotto.",
@@ -149834,6 +149904,7 @@
149834
149904
  "PageMenu.area.chat": "Chiacchierare",
149835
149905
  "PageMenu.area.feed": "Feed",
149836
149906
  "PageMenu.area.stream": "Stream",
149907
+ "PageMenu.area.searchEverywhere": "Search",
149837
149908
  "PageMenu.area.analytics.usage": "User Activity",
149838
149909
  "PageMenu.area.analytics-preview": "Analytics (anteprima)",
149839
149910
  "PageMenu.area.otherSubscriptions": "Altre organizzazioni",
@@ -150238,6 +150309,7 @@
150238
150309
  "Chats.userLeft.systemMessage": "{user} left the group",
150239
150310
  "ManagePlugins.title": "Plugin",
150240
150311
  "ManagePlugins.addNewPlugin": "Aggiungi nuovo plugin",
150312
+ "ManagePlugins.uploadPlugin": "Upload new plugin",
150241
150313
  "ManagePlugins.updateSucceeded": "Plugin aggiornato con successo",
150242
150314
  "ManagePlugins.deleteSucceeded": "Plugin eliminato con successo",
150243
150315
  "ManagePlugins.updateFailed": "Si è verificato un errore durante il tentativo di aggiornare il plugin!",
@@ -150421,7 +150493,10 @@
150421
150493
  "Page.header.unread.showAll": "View all",
150422
150494
  "Page.header.search": "Search",
150423
150495
  "Page.header.filter": "Filter",
150424
- "Page.header.markAll": "Mark all as read"
150496
+ "Page.header.markAll": "Mark all as read",
150497
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
150498
+ "SearchEverywhere.button": "Search Everywhere",
150499
+ "SearchEverywhere.allLoaded": "There are no more search results"
150425
150500
  };
150426
150501
 
150427
150502
  var it_async_esm = /*#__PURE__*/Object.freeze({
@@ -150754,6 +150829,7 @@
150754
150829
  "PageTitle.chat": "Chat",
150755
150830
  "PageTitle.feed": "Feed",
150756
150831
  "PageTitle.stream": "Stream",
150832
+ "PageTitle.searchEverywhere": "Search",
150757
150833
  "PageTitle.analytics.usage": "User Activity Analytics",
150758
150834
  "PageTitle.analytics.news": "News Analytics",
150759
150835
  "Gutter.open": "Open",
@@ -151445,6 +151521,7 @@
151445
151521
  "FilterPanel.condense": "LiveTiles Reach",
151446
151522
  "FilterPanel.external": "External",
151447
151523
  "FilterPanel.channels": "Channels",
151524
+ "FilterPanel.itemType": "Items",
151448
151525
  "Themes.title": "Color Theme",
151449
151526
  "Themes.selectorDescription": "Select a color theme for LiveTiles Reach.",
151450
151527
  "Themes.colorPickerDescription": "You can customize the colors by clicking on the color swatches below.",
@@ -151810,6 +151887,7 @@
151810
151887
  "PageMenu.area.chat": "Chat",
151811
151888
  "PageMenu.area.feed": "Feed",
151812
151889
  "PageMenu.area.stream": "Stream",
151890
+ "PageMenu.area.searchEverywhere": "Search",
151813
151891
  "PageMenu.area.analytics.usage": "User Activity",
151814
151892
  "PageMenu.area.analytics-preview": "Analytics (preview)",
151815
151893
  "PageMenu.area.otherSubscriptions": "Other Organizations",
@@ -152398,7 +152476,10 @@
152398
152476
  "Page.header.unread.showAll": "View all",
152399
152477
  "Page.header.search": "Search",
152400
152478
  "Page.header.filter": "Filter",
152401
- "Page.header.markAll": "Mark all as read"
152479
+ "Page.header.markAll": "Mark all as read",
152480
+ "SearchEverywhere.input.placeholder": "Please enter a search term",
152481
+ "SearchEverywhere.button": "Search Everywhere",
152482
+ "SearchEverywhere.allLoaded": "There are no more search results"
152402
152483
  };
152403
152484
 
152404
152485
  var en_async_esm = /*#__PURE__*/Object.freeze({