@livetiles/reach-components-react 0.4.0-preview.124 → 0.4.0-preview.125

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
@@ -76953,8 +76953,8 @@
76953
76953
  }, void 0);
76954
76954
  };
76955
76955
 
76956
- var Styles$1 = _styled.createGlobalStyle(templateObject_1$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
76957
- var templateObject_1$1c$1;
76956
+ 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"])));
76957
+ var templateObject_1$1d$1;
76958
76958
  var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
76959
76959
 
76960
76960
  var check$1 = function (it) {
@@ -78328,12 +78328,12 @@
78328
78328
  };
78329
78329
 
78330
78330
  var HighlightBubble = function HighlightBubble(style) {
78331
- return _styled.css(templateObject_5$d$1 || (templateObject_5$d$1 = __makeTemplateObject$1(["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "], ["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "])), (style === null || style === void 0 ? void 0 : style.backgroundColor) ? _styled.css(templateObject_1$1b$1 || (templateObject_1$1b$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : _styled.css(templateObject_2$J$1 || (templateObject_2$J$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), defaultPageBackgroundColor), (style === null || style === void 0 ? void 0 : style.color) ? _styled.css(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), style.color) : _styled.css(templateObject_4$i$1 || (templateObject_4$i$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
78331
+ 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) {
78332
78332
  return p.theme.textColors.default;
78333
78333
  }), spacingXxs, spacingS, spacingM);
78334
78334
  };
78335
78335
 
78336
- var templateObject_1$1b$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
78336
+ var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
78337
78337
 
78338
78338
  var EditorHighlight = function EditorHighlight(_a) {
78339
78339
  var tooltipResourceKey = _a.tooltipResourceKey,
@@ -78353,7 +78353,7 @@
78353
78353
  var EditorHighlightBubble = _styled__default["default"].div.withConfig({
78354
78354
  displayName: "EditorHighlight__EditorHighlightBubble",
78355
78355
  componentId: "sc-1d6ahk1-0"
78356
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78356
+ })(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) {
78357
78357
  var readOnly = _a.readOnly;
78358
78358
  return readOnly ? 'inherit' : 'pointer';
78359
78359
  }, function (_a) {
@@ -78372,7 +78372,7 @@
78372
78372
  return isActive ? 1 : 0.4;
78373
78373
  });
78374
78374
 
78375
- var templateObject_1$1a$1, templateObject_2$I$1;
78375
+ var templateObject_1$1b$1, templateObject_2$I$1;
78376
78376
 
78377
78377
  var EditorSettingsDialog = function EditorSettingsDialog(_a) {
78378
78378
  var showDialog = _a.showDialog,
@@ -78427,25 +78427,25 @@
78427
78427
  var Host$y$1 = _styled__default["default"].div.withConfig({
78428
78428
  displayName: "EditorSettingsDialog__Host",
78429
78429
  componentId: "sc-132lfuo-0"
78430
- })(templateObject_1$19$1 || (templateObject_1$19$1 = __makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"], ["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"])), spacingM);
78430
+ })(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);
78431
78431
 
78432
78432
  var EditorSettingsDialogWithFixedWidth = _styled__default["default"](EditorSettingsDialog).withConfig({
78433
78433
  displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
78434
78434
  componentId: "sc-132lfuo-1"
78435
78435
  })(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
78436
78436
 
78437
- var templateObject_1$19$1, templateObject_2$H$1;
78437
+ var templateObject_1$1a$1, templateObject_2$H$1;
78438
78438
 
78439
78439
  var IconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
78440
78440
  displayName: "IconButton",
78441
78441
  componentId: "sc-1mokw5y-0"
78442
- })(templateObject_1$18$1 || (templateObject_1$18$1 = __makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"], ["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"])), function (p) {
78442
+ })(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) {
78443
78443
  var _a;
78444
78444
 
78445
78445
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
78446
78446
  });
78447
78447
 
78448
- var templateObject_1$18$1;
78448
+ var templateObject_1$19$1;
78449
78449
 
78450
78450
  var GutterToggle = function GutterToggle(_a) {
78451
78451
  var checked = _a.checked,
@@ -78482,7 +78482,7 @@
78482
78482
  var Host$x$1 = _styled__default["default"].div.withConfig({
78483
78483
  displayName: "GutterToggle__Host",
78484
78484
  componentId: "sc-1aya63j-0"
78485
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78485
+ })(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"])));
78486
78486
 
78487
78487
  var ToggleIcon = _styled__default["default"](IconButton).withConfig({
78488
78488
  displayName: "GutterToggle__ToggleIcon",
@@ -78494,8 +78494,8 @@
78494
78494
  componentId: "sc-1aya63j-2"
78495
78495
  })(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
78496
78496
 
78497
- var templateObject_1$17$1, templateObject_2$G$1, templateObject_3$s$1;
78498
- var LinkStyle$1 = _styled.css(templateObject_1$16$1 || (templateObject_1$16$1 = __makeTemplateObject$1(["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"], ["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"])), function (p) {
78497
+ var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
78498
+ 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) {
78499
78499
  return p.theme.palette.accent;
78500
78500
  }, function (p) {
78501
78501
  return p.theme.palette.accent;
@@ -78511,7 +78511,7 @@
78511
78511
  componentId: "sc-5x4ijx-1"
78512
78512
  })(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78513
78513
 
78514
- var templateObject_1$16$1, templateObject_2$F$1, templateObject_3$r$1;
78514
+ var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
78515
78515
 
78516
78516
  var NotificationBar = function NotificationBar() {
78517
78517
  var hideNotification = useNotificationContext().hideNotification;
@@ -78560,14 +78560,14 @@
78560
78560
  var Host$w$1 = _styled__default["default"].div.withConfig({
78561
78561
  displayName: "NotificationBar__Host",
78562
78562
  componentId: "sc-17dep9g-0"
78563
- })(templateObject_1$15$1 || (templateObject_1$15$1 = __makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"], ["\n display: block;\n position: relative;\n z-index: 101;\n"])));
78563
+ })(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"])));
78564
78564
 
78565
78565
  var StyledMessageBar = _styled__default["default"](officeUiFabricReact.MessageBar).withConfig({
78566
78566
  displayName: "NotificationBar__StyledMessageBar",
78567
78567
  componentId: "sc-17dep9g-1"
78568
78568
  })(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);
78569
78569
 
78570
- var templateObject_1$15$1, templateObject_2$E$1;
78570
+ var templateObject_1$16$1, templateObject_2$E$1;
78571
78571
 
78572
78572
  var PeoplePicker = function PeoplePicker(props) {
78573
78573
  var _a;
@@ -78832,9 +78832,9 @@
78832
78832
  var Container$1$1 = _styled__default["default"].div.withConfig({
78833
78833
  displayName: "PeoplePicker__Container",
78834
78834
  componentId: "sc-1if6guq-0"
78835
- })(templateObject_1$14$1 || (templateObject_1$14$1 = __makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"], ["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));
78835
+ })(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"])));
78836
78836
 
78837
- var templateObject_1$14$1;
78837
+ var templateObject_1$15$1;
78838
78838
  var $$5$1 = _export$1;
78839
78839
  var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
78840
78840
  var toLength$5$1 = toLength$8$1;
@@ -78930,11 +78930,11 @@
78930
78930
  var Host$v$1 = _styled__default["default"].a.withConfig({
78931
78931
  displayName: "AttachedMediaDownloadLink__Host",
78932
78932
  componentId: "sc-8hqs4q-0"
78933
- })(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"])), spacingXxs, function (p) {
78933
+ })(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) {
78934
78934
  return p.theme.palette.accent;
78935
78935
  }, spacingS);
78936
78936
 
78937
- var templateObject_1$13$1;
78937
+ var templateObject_1$14$1;
78938
78938
 
78939
78939
  var AudioFile = function AudioFile(_a) {
78940
78940
  var fileName = _a.fileName,
@@ -78972,14 +78972,14 @@
78972
78972
  var Host$u$1 = _styled__default["default"].div.withConfig({
78973
78973
  displayName: "AudioFile__Host",
78974
78974
  componentId: "sc-wq9avv-0"
78975
- })(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78975
+ })(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78976
78976
 
78977
- var templateObject_1$12$1;
78977
+ var templateObject_1$13$1;
78978
78978
 
78979
78979
  _styled__default["default"].div.withConfig({
78980
78980
  displayName: "GroupedListItemStyles__GroupedListItemHost",
78981
78981
  componentId: "sc-upeq9r-0"
78982
- })(templateObject_1$11$1 || (templateObject_1$11$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"], ["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])), spacingL, spacingS);
78982
+ })(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);
78983
78983
 
78984
78984
  _styled__default["default"].h2.withConfig({
78985
78985
  displayName: "GroupedListItemStyles__GroupedListItemTitle",
@@ -78988,7 +78988,7 @@
78988
78988
  return p.theme.textColors.default;
78989
78989
  });
78990
78990
 
78991
- var templateObject_1$11$1, templateObject_2$D$1;
78991
+ var templateObject_1$12$1, templateObject_2$D$1;
78992
78992
 
78993
78993
  var AttachmentHost = function AttachmentHost(_a) {
78994
78994
  var children = _a.children,
@@ -79013,7 +79013,7 @@
79013
79013
  var Inner$2$2 = _styled__default["default"].div.withConfig({
79014
79014
  displayName: "AttachmentHost__Inner",
79015
79015
  componentId: "sc-mjwmvo-0"
79016
- })(templateObject_1$10$1 || (templateObject_1$10$1 = __makeTemplateObject$1(["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"], ["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"])), attachmentRoundedCornerSize, function (p) {
79016
+ })(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) {
79017
79017
  return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
79018
79018
  });
79019
79019
 
@@ -79029,12 +79029,12 @@
79029
79029
  componentId: "sc-mjwmvo-2"
79030
79030
  })(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);
79031
79031
 
79032
- var templateObject_1$10$1, templateObject_2$C$1, templateObject_3$q$1;
79032
+ var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
79033
79033
 
79034
79034
  var ActionButton = _styled__default["default"](officeUiFabricReact.ActionButton).withConfig({
79035
79035
  displayName: "ActionButton",
79036
79036
  componentId: "sc-hmhuj9-0"
79037
- })(templateObject_1$$$1 || (templateObject_1$$$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"])), function (p) {
79037
+ })(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) {
79038
79038
  var _a;
79039
79039
 
79040
79040
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
@@ -79044,7 +79044,7 @@
79044
79044
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
79045
79045
  });
79046
79046
 
79047
- var templateObject_1$$$1;
79047
+ var templateObject_1$10$1;
79048
79048
  var regexpStickyHelpers$2 = {};
79049
79049
  var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
79050
79050
  // so we use an intermediate function.
@@ -80567,9 +80567,9 @@
80567
80567
  _styled__default["default"].div.withConfig({
80568
80568
  displayName: "ListItemsContainer",
80569
80569
  componentId: "sc-1ml8hli-0"
80570
- })(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);
80570
+ })(templateObject_1$$$1 || (templateObject_1$$$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"])), spacingS, maxScreenSize.small, spacingM, smallScreenSpacing, smallScreenSpacing, minScreenSize.small, spacingM, smallMaxContentWidth, minScreenSize.medium, mediumMaxContentWidth);
80571
80571
 
80572
- var templateObject_1$_$1;
80572
+ var templateObject_1$$$1;
80573
80573
 
80574
80574
  function getGoogleMapsSearchLink(name) {
80575
80575
  if (!name) {
@@ -80617,17 +80617,17 @@
80617
80617
  displayName: "Utils__LeftBannerWrapper",
80618
80618
  componentId: "sc-1qatfzk-0"
80619
80619
  })(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) {
80620
- return p.showPlaceholder && _styled.css(templateObject_1$Z$1 || (templateObject_1$Z$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), p.theme.palette.accent);
80620
+ 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);
80621
80621
  }, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
80622
80622
  return p.defaultWidth ? p.defaultWidth : 250;
80623
80623
  }); // react router dom path matcher stops at the next '/' (slash) character
80624
80624
 
80625
- var templateObject_1$Z$1, templateObject_2$B$1;
80625
+ var templateObject_1$_$1, templateObject_2$B$1;
80626
80626
 
80627
80627
  _styled__default["default"].div.withConfig({
80628
80628
  displayName: "AvailableSubscriptionList__Host",
80629
80629
  componentId: "sc-113n7q9-0"
80630
- })(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"])));
80630
+ })(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"])));
80631
80631
 
80632
80632
  _styled__default["default"](ActionButton).withConfig({
80633
80633
  displayName: "AvailableSubscriptionList__SubscriptionButton",
@@ -80636,7 +80636,7 @@
80636
80636
  return p.theme.palette.accent;
80637
80637
  });
80638
80638
 
80639
- var templateObject_1$Y$1, templateObject_2$A$1;
80639
+ var templateObject_1$Z$1, templateObject_2$A$1;
80640
80640
 
80641
80641
  var Callout = function Callout(_a) {
80642
80642
  var children = _a.children,
@@ -80652,7 +80652,7 @@
80652
80652
  _styled__default["default"].span.withConfig({
80653
80653
  displayName: "ConfirmDeleteDialog__LinePreserverSpan",
80654
80654
  componentId: "sc-1ybmivq-0"
80655
- })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80655
+ })(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80656
80656
 
80657
80657
  _styled__default["default"](officeUiFabricReact.TextField).withConfig({
80658
80658
  displayName: "ConfirmDeleteDialog__StyledTextField",
@@ -80672,7 +80672,7 @@
80672
80672
  return p.theme.palette.redDark;
80673
80673
  });
80674
80674
 
80675
- var templateObject_1$X$1, templateObject_2$z$1, templateObject_3$p$1;
80675
+ var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
80676
80676
 
80677
80677
  var ConfirmDialog = function ConfirmDialog(_a) {
80678
80678
  var showDialog = _a.showDialog,
@@ -80733,9 +80733,9 @@
80733
80733
  _styled__default["default"].div.withConfig({
80734
80734
  displayName: "ConfirmResetDialog__Host",
80735
80735
  componentId: "sc-akcggz-0"
80736
- })(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80736
+ })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80737
80737
 
80738
- var templateObject_1$W$1;
80738
+ var templateObject_1$X$1;
80739
80739
 
80740
80740
  var RelativeDateTime = function RelativeDateTime(_a) {
80741
80741
  var absoluteValue = _a.value;
@@ -80945,18 +80945,18 @@
80945
80945
  var Host$q$1 = _styled__default["default"].time.withConfig({
80946
80946
  displayName: "DateTime__Host",
80947
80947
  componentId: "sc-ulo84j-0"
80948
- })(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80948
+ })(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80949
80949
 
80950
- var templateObject_1$V$1;
80950
+ var templateObject_1$W$1;
80951
80951
 
80952
80952
  _styled__default["default"].div.withConfig({
80953
80953
  displayName: "Divider",
80954
80954
  componentId: "sc-1qr9ydh-0"
80955
- })(templateObject_1$U$1 || (templateObject_1$U$1 = __makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"], ["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"])), function (p) {
80955
+ })(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) {
80956
80956
  return p.theme.palette.neutralTertiary;
80957
80957
  }, defaultPageBackgroundColor);
80958
80958
 
80959
- var templateObject_1$U$1;
80959
+ var templateObject_1$V$1;
80960
80960
 
80961
80961
  var Dropdown = function Dropdown(_a) {
80962
80962
  var _b;
@@ -80998,9 +80998,9 @@
80998
80998
  var Container$3 = _styled__default["default"].div.withConfig({
80999
80999
  displayName: "EmptyList__Container",
81000
81000
  componentId: "sc-11jeabk-0"
81001
- })(templateObject_1$T$1 || (templateObject_1$T$1 = __makeTemplateObject$1(["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"], ["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"])), minScreenSize.small);
81001
+ })(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);
81002
81002
 
81003
- var templateObject_1$T$1;
81003
+ var templateObject_1$U$1;
81004
81004
 
81005
81005
  var hasFlag = function hasFlag(baseValue, flag) {
81006
81006
  return baseValue != null && (baseValue & flag) === flag;
@@ -81039,7 +81039,7 @@
81039
81039
  _styled__default["default"].div.withConfig({
81040
81040
  displayName: "FieldTranslationEditor__Host",
81041
81041
  componentId: "sc-1s8zb6d-0"
81042
- })(templateObject_1$S$1 || (templateObject_1$S$1 = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"], ["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));
81042
+ })(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"])));
81043
81043
 
81044
81044
  _styled__default["default"].div.withConfig({
81045
81045
  displayName: "FieldTranslationEditor__TranslationField",
@@ -81061,7 +81061,7 @@
81061
81061
  componentId: "sc-1s8zb6d-4"
81062
81062
  })(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
81063
81063
 
81064
- var templateObject_1$S$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
81064
+ var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
81065
81065
 
81066
81066
  var Spinner = function Spinner(props) {
81067
81067
  var _a = React$d.useState(props.delay == null),
@@ -81097,9 +81097,9 @@
81097
81097
  var Host$o$1 = _styled__default["default"].div.withConfig({
81098
81098
  displayName: "Spinner__Host",
81099
81099
  componentId: "sc-1wroad6-0"
81100
- })(templateObject_1$R$1 || (templateObject_1$R$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));
81100
+ })(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"])));
81101
81101
 
81102
- var templateObject_1$R$1;
81102
+ var templateObject_1$S$1;
81103
81103
  var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
81104
81104
  var isRegExp$6 = isRegexp$2;
81105
81105
  var anObject$j = anObject$e$1;
@@ -81294,7 +81294,7 @@
81294
81294
  };
81295
81295
 
81296
81296
  var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
81297
- return _styled.css(templateObject_1$Q$1 || (templateObject_1$Q$1 = __makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])), fontSize * lineHeight * lines, fontSize, lineHeight, lines);
81297
+ 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);
81298
81298
  };
81299
81299
 
81300
81300
  function getImageSize(url) {
@@ -81406,7 +81406,7 @@
81406
81406
  }
81407
81407
  }
81408
81408
 
81409
- var templateObject_1$Q$1;
81409
+ var templateObject_1$R$1;
81410
81410
 
81411
81411
  function useFileAccessTokenApi() {
81412
81412
  var api = useApi();
@@ -81559,7 +81559,7 @@
81559
81559
  var FilesListHost = _styled__default["default"].ul.withConfig({
81560
81560
  displayName: "FileAttachmentList__FilesListHost",
81561
81561
  componentId: "sc-lwztxx-0"
81562
- })(templateObject_1$P$1 || (templateObject_1$P$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));
81562
+ })(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"])));
81563
81563
 
81564
81564
  var VideoFilesListHost = _styled__default["default"].ul.withConfig({
81565
81565
  displayName: "FileAttachmentList__VideoFilesListHost",
@@ -81734,7 +81734,7 @@
81734
81734
  return p.theme.palette.redDark;
81735
81735
  });
81736
81736
 
81737
- var templateObject_1$P$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$9$1, templateObject_7$5$1, templateObject_8$5$1, templateObject_9$4$1, templateObject_10$1$2, templateObject_11$1$2, templateObject_12$8, templateObject_13$7, templateObject_14$7, templateObject_15$7, templateObject_16$7;
81737
+ 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;
81738
81738
  var FabNavigationPosition;
81739
81739
 
81740
81740
  (function (FabNavigationPosition) {
@@ -81746,7 +81746,7 @@
81746
81746
  displayName: "FloatingActionButton__Navigation",
81747
81747
  componentId: "sc-1spkihm-0"
81748
81748
  })(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) {
81749
- return p.positionBottomOnMobile ? _styled.css(templateObject_1$O$1 || (templateObject_1$O$1 = __makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "], ["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "])), minScreenSize.medium, p.offsetTop + 20) : _styled.css(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
81749
+ 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);
81750
81750
  });
81751
81751
 
81752
81752
  var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
@@ -81793,7 +81793,7 @@
81793
81793
  componentId: "sc-1spkihm-4"
81794
81794
  })(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
81795
81795
 
81796
- var templateObject_1$O$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$8$1, templateObject_7$4$2, templateObject_8$4$2, templateObject_9$3$1, templateObject_10$e, templateObject_11$9;
81796
+ 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;
81797
81797
 
81798
81798
  var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
81799
81799
  var _b = _a.tagName,
@@ -81809,82 +81809,9 @@
81809
81809
  }, void 0));
81810
81810
  };
81811
81811
 
81812
- var IconHeaderButton = function IconHeaderButton(_a) {
81813
- var icon = _a.icon,
81814
- isActive = _a.isActive,
81815
- disabled = _a.disabled,
81816
- tooltipResourceKey = _a.tooltipResourceKey,
81817
- onClick = _a.onClick,
81818
- link = _a.link,
81819
- className = _a.className,
81820
- rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
81821
-
81822
- var formatMessage = useIntl().formatMessage;
81823
-
81824
- if (!link && !onClick) {
81825
- return null;
81826
- }
81827
-
81828
- var allClassNames = classNames('header-button', className);
81829
- var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
81830
- className: allClassNames,
81831
- disabled: disabled,
81832
- onClick: function (e) {
81833
- return onClick(e.currentTarget);
81834
- },
81835
- iconProps: {
81836
- iconName: icon
81837
- },
81838
- ariaLabel: formatMessage({
81839
- id: tooltipResourceKey
81840
- }),
81841
- "data-button-type": "header-btn",
81842
- isActive: isActive
81843
- }, rest), void 0) : jsxRuntime.jsx(StyledLink$2, __assign$1({
81844
- className: allClassNames,
81845
- to: link
81846
- }, rest, {
81847
- children: jsxRuntime.jsx(officeUiFabricReact.Icon, {
81848
- iconName: icon
81849
- }, void 0)
81850
- }), void 0);
81851
- return jsxRuntime.jsx(Host$m$1, __assign$1({
81852
- className: "tooltip-container"
81853
- }, {
81854
- children: jsxRuntime.jsx(Tooltip, __assign$1({
81855
- resourceKey: tooltipResourceKey
81856
- }, {
81857
- children: IconElement
81858
- }), void 0)
81859
- }), void 0);
81860
- };
81861
-
81862
- var Host$m$1 = _styled__default["default"].div.withConfig({
81863
- displayName: "IconHeaderButton__Host",
81864
- componentId: "sc-1jn7i2-0"
81865
- })(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
81866
-
81867
- var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
81868
- displayName: "IconHeaderButton__Button",
81869
- componentId: "sc-1jn7i2-1"
81870
- })(templateObject_4$e$1 || (templateObject_4$e$1 = __makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"])), function (p) {
81871
- return !p.isActive && _styled.css(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
81872
- }, function (p) {
81873
- 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);
81874
- });
81875
-
81876
- var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
81877
- displayName: "IconHeaderButton__StyledLink",
81878
- componentId: "sc-1jn7i2-2"
81879
- })(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
81880
- return _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
81881
- });
81882
-
81883
- var templateObject_1$N$1, templateObject_2$v$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1;
81884
-
81885
- _styled__default["default"].div(templateObject_1$M$1 || (templateObject_1$M$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"])), spacingXs, fontSizeSmall);
81812
+ _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);
81886
81813
 
81887
- var templateObject_1$M$1;
81814
+ var templateObject_1$O$1;
81888
81815
  var itemStatisticsCache = {};
81889
81816
  var onStatisticsUpdated = new Subject();
81890
81817
 
@@ -81944,11 +81871,11 @@
81944
81871
  var Keyword = _styled__default["default"].span.withConfig({
81945
81872
  displayName: "KeywordTitle__Keyword",
81946
81873
  componentId: "sc-18jcqyr-0"
81947
- })(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81948
- return p.underlined && _styled.css(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
81874
+ })(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81875
+ 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 "])));
81949
81876
  });
81950
81877
 
81951
- var templateObject_1$L$1, templateObject_2$u$1;
81878
+ var templateObject_1$N$1, templateObject_2$v$1;
81952
81879
 
81953
81880
  var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
81954
81881
  var _b;
@@ -81969,8 +81896,8 @@
81969
81896
  }, void 0);
81970
81897
  };
81971
81898
 
81972
- var Styles$2 = _styled.createGlobalStyle(templateObject_1$K$1 || (templateObject_1$K$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
81973
- var templateObject_1$K$1;
81899
+ 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"])));
81900
+ var templateObject_1$M$1;
81974
81901
 
81975
81902
  var Modified = function Modified(_a) {
81976
81903
  var modified = _a.modified;
@@ -81980,7 +81907,7 @@
81980
81907
  return null;
81981
81908
  }
81982
81909
 
81983
- return jsxRuntime.jsxs(Host$k$1, __assign$1({
81910
+ return jsxRuntime.jsxs(Host$l$1, __assign$1({
81984
81911
  className: "ms-fontColor-neutralTertiary"
81985
81912
  }, {
81986
81913
  children: ["\u00A0(", jsxRuntime.jsx(Tooltip, __assign$1({
@@ -82006,9 +81933,9 @@
82006
81933
  }
82007
81934
  };
82008
81935
 
82009
- var Host$k$1 = _styled__default["default"].span(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
81936
+ 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);
82010
81937
 
82011
- var templateObject_1$J$1;
81938
+ var templateObject_1$L$1;
82012
81939
 
82013
81940
  var FullScreenImageViewer = function FullScreenImageViewer(_a) {
82014
81941
  var images = _a.images,
@@ -82208,8 +82135,8 @@
82208
82135
  }
82209
82136
  };
82210
82137
 
82211
- var GeneralFixes = _styled.createGlobalStyle(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"], ["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"])));
82212
- var templateObject_1$I$1;
82138
+ 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"])));
82139
+ var templateObject_1$K$1;
82213
82140
 
82214
82141
  var PhotoGrid = function PhotoGrid(_a) {
82215
82142
  var images = _a.images,
@@ -82232,7 +82159,7 @@
82232
82159
  var showMoreImagesIndicator = images.length > 4;
82233
82160
  var hasMultiImages = images.length > 1;
82234
82161
  var firstImage = images[0];
82235
- return jsxRuntime.jsxs(Host$j$1, __assign$1({
82162
+ return jsxRuntime.jsxs(Host$k$1, __assign$1({
82236
82163
  "data-multi-images": hasMultiImages,
82237
82164
  className: className,
82238
82165
  singleImageHeight: firstImage.height,
@@ -82323,27 +82250,27 @@
82323
82250
  }), void 0);
82324
82251
  };
82325
82252
 
82326
- var Host$j$1 = _styled__default["default"].div.withConfig({
82253
+ var Host$k$1 = _styled__default["default"].div.withConfig({
82327
82254
  displayName: "PhotoGrid__Host",
82328
82255
  componentId: "sc-flk193-0"
82329
- })(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"], ["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])), function (p) {
82330
- return p.singleImageWidth && p.singleImageHeight && _styled.css(templateObject_1$H$1 || (templateObject_1$H$1 = __makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "], ["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "])), p.singleImageHeight / p.singleImageWidth, p.singleImageWidth, p.singleImageHeight, p.singleImageWidth, p.singleImageHeight / p.singleImageWidth, p.singleImageWidth);
82256
+ })(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) {
82257
+ 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);
82331
82258
  });
82332
82259
 
82333
82260
  var SingleImageHost = _styled__default["default"].a.withConfig({
82334
82261
  displayName: "PhotoGrid__SingleImageHost",
82335
82262
  componentId: "sc-flk193-1"
82336
- })(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"])), function (p) {
82337
- return p.applyRoundedCorners && _styled.css(templateObject_3$k$1 || (templateObject_3$k$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82263
+ })(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) {
82264
+ 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 "])));
82338
82265
  });
82339
82266
 
82340
82267
  var Gallery = _styled__default["default"].div.withConfig({
82341
82268
  displayName: "PhotoGrid__Gallery",
82342
82269
  componentId: "sc-flk193-2"
82343
- })(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"], ["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"])), function (p) {
82270
+ })(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"], ["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"])), function (p) {
82344
82271
  return p.backgroundColor;
82345
82272
  }, function (p) {
82346
- return p.applyRoundedCorners && _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82273
+ return p.applyRoundedCorners && _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82347
82274
  });
82348
82275
 
82349
82276
  var ImageItem = _styled__default["default"].a.withConfig({
@@ -82361,15 +82288,87 @@
82361
82288
  componentId: "sc-flk193-5"
82362
82289
  })(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);
82363
82290
 
82364
- var templateObject_1$H$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
82291
+ 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;
82365
82292
 
82366
82293
  function showPhoto(url, title) {
82367
82294
  {
82368
82295
  return;
82369
82296
  }
82370
82297
  }
82371
- // eslint-disable-next-line max-len
82372
82298
 
82299
+ var IconHeaderButton = function IconHeaderButton(_a) {
82300
+ var icon = _a.icon,
82301
+ isActive = _a.isActive,
82302
+ disabled = _a.disabled,
82303
+ tooltipResourceKey = _a.tooltipResourceKey,
82304
+ onClick = _a.onClick,
82305
+ link = _a.link,
82306
+ className = _a.className,
82307
+ rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
82308
+
82309
+ var formatMessage = useIntl().formatMessage;
82310
+
82311
+ if (!link && !onClick) {
82312
+ return null;
82313
+ }
82314
+
82315
+ var allClassNames = classNames('header-button', className);
82316
+ var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
82317
+ className: allClassNames,
82318
+ disabled: disabled,
82319
+ onClick: function (e) {
82320
+ return onClick(e.currentTarget);
82321
+ },
82322
+ iconProps: {
82323
+ iconName: icon
82324
+ },
82325
+ ariaLabel: formatMessage({
82326
+ id: tooltipResourceKey
82327
+ }),
82328
+ "data-button-type": "header-btn",
82329
+ isActive: isActive
82330
+ }, rest), void 0) : jsxRuntime.jsx(StyledLink$2, __assign$1({
82331
+ className: allClassNames,
82332
+ to: link
82333
+ }, rest, {
82334
+ children: jsxRuntime.jsx(officeUiFabricReact.Icon, {
82335
+ iconName: icon
82336
+ }, void 0)
82337
+ }), void 0);
82338
+ return jsxRuntime.jsx(Host$j$1, __assign$1({
82339
+ className: "tooltip-container"
82340
+ }, {
82341
+ children: jsxRuntime.jsx(Tooltip, __assign$1({
82342
+ resourceKey: tooltipResourceKey
82343
+ }, {
82344
+ children: IconElement
82345
+ }), void 0)
82346
+ }), void 0);
82347
+ };
82348
+
82349
+ var Host$j$1 = _styled__default["default"].div.withConfig({
82350
+ displayName: "IconHeaderButton__Host",
82351
+ componentId: "sc-1p61ffo-0"
82352
+ })(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
82353
+
82354
+ var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
82355
+ displayName: "IconHeaderButton__Button",
82356
+ componentId: "sc-1p61ffo-1"
82357
+ })(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\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"])), function (p) {
82358
+ 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);
82359
+ }, function (p) {
82360
+ 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);
82361
+ });
82362
+
82363
+ var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
82364
+ displayName: "IconHeaderButton__StyledLink",
82365
+ componentId: "sc-1p61ffo-2"
82366
+ })(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
82367
+ return _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
82368
+ });
82369
+
82370
+ 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
82371
+ // eslint-disable-next-line max-len
82373
82372
 
82374
82373
  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';
82375
82374
  var requireObjectCoercible$e = requireObjectCoercible$9$1;
@@ -82547,7 +82546,7 @@
82547
82546
  }), void 0);
82548
82547
  };
82549
82548
 
82550
- var LinkStyle$2 = _styled.css(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));
82549
+ 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"])));
82551
82550
 
82552
82551
  var StyledLink$1$1 = _styled__default["default"](TextLink).withConfig({
82553
82552
  displayName: "ToolbarIconButtonWithToolTip__StyledLink",
@@ -82573,7 +82572,7 @@
82573
82572
  return p.theme.textColors.default;
82574
82573
  });
82575
82574
 
82576
- var templateObject_1$G$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
82575
+ 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;
82577
82576
 
82578
82577
  var Search$1 = function Search(props) {
82579
82578
  var intl = useIntl();
@@ -82588,7 +82587,9 @@
82588
82587
  React$d.useEffect(function () {
82589
82588
  addBackButtonListener(handleBack);
82590
82589
  setTimeout(function () {
82591
- return searchInputRef && searchInputRef.current.focus();
82590
+ var _a;
82591
+
82592
+ return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
82592
82593
  });
82593
82594
  return function () {
82594
82595
  removeBackButtonListener(handleBack);
@@ -82666,7 +82667,7 @@
82666
82667
  displayName: "Search__StyledTextField",
82667
82668
  componentId: "sc-17f35gt-0"
82668
82669
  })(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
82669
- return p.useLightTheme ? _styled.css(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82670
+ 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) {
82670
82671
  return p.theme.textColors.default;
82671
82672
  }, 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) {
82672
82673
  return p.theme.textColors.onPrimary;
@@ -82701,16 +82702,17 @@
82701
82702
  var SearchBox = function SearchBox(_a) {
82702
82703
  var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
82703
82704
  isToolbarMode = _a.isToolbarMode,
82704
- className = _a.className,
82705
82705
  onExecuteSearch = _a.onExecuteSearch,
82706
82706
  onSearchTextChange = _a.onSearchTextChange,
82707
- searchText = _a.searchText;
82707
+ searchText = _a.searchText,
82708
+ showSearchBoxInput = _a.showSearchBoxInput,
82709
+ className = _a.className;
82708
82710
 
82709
82711
  var _b = React$d.useState(!!searchText),
82710
82712
  showSearchInputFieldState = _b[0],
82711
82713
  setShowSearchInputField = _b[1];
82712
82714
 
82713
- var showSearchInputField = showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
82715
+ var showSearchInputField = showSearchBoxInput || showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
82714
82716
  // but instead via a property
82715
82717
 
82716
82718
  React$d.useEffect(function () {
@@ -82749,7 +82751,7 @@
82749
82751
  }
82750
82752
  };
82751
82753
 
82752
- var templateObject_1$F$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
82754
+ 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;
82753
82755
  var TableSortOrder;
82754
82756
 
82755
82757
  (function (TableSortOrder) {
@@ -82760,7 +82762,7 @@
82760
82762
  _styled__default["default"](officeUiFabricReact.Icon).withConfig({
82761
82763
  displayName: "SortableTable__Order",
82762
82764
  componentId: "sc-6tqdpa-0"
82763
- })(templateObject_1$E$1 || (templateObject_1$E$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82765
+ })(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82764
82766
 
82765
82767
  _styled__default["default"].span.withConfig({
82766
82768
  displayName: "SortableTable__Title",
@@ -82808,7 +82810,7 @@
82808
82810
  componentId: "sc-6tqdpa-6"
82809
82811
  })(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
82810
82812
 
82811
- var templateObject_1$E$1, templateObject_2$q$1, templateObject_3$h$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
82813
+ 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;
82812
82814
 
82813
82815
  var ToggleWithLabel = function ToggleWithLabel(props) {
82814
82816
  return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
@@ -82819,15 +82821,15 @@
82819
82821
  var StyledToggle = _styled__default["default"](officeUiFabricReact.Toggle).withConfig({
82820
82822
  displayName: "ToggleWithLabel__StyledToggle",
82821
82823
  componentId: "sc-lcovfq-0"
82822
- })(templateObject_1$D$1 || (templateObject_1$D$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"])), function (p) {
82824
+ })(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) {
82823
82825
  return p.theme.semanticColors.inputBackgroundCheckedHovered;
82824
82826
  });
82825
82827
 
82826
- var templateObject_1$D$1;
82827
- var unreadCommentHighlight = _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"], ["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"])), function (p) {
82828
+ var templateObject_1$E$1;
82829
+ 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) {
82828
82830
  return p.theme.palette.accent;
82829
82831
  });
82830
- var templateObject_1$C$1;
82832
+ var templateObject_1$D$1;
82831
82833
 
82832
82834
  function getGroupName(group, user, intl) {
82833
82835
  return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
@@ -82839,7 +82841,7 @@
82839
82841
  displayName: "VerificationStatusIcon__Host",
82840
82842
  componentId: "sc-b3nb8-0"
82841
82843
  })(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) {
82842
- return p.isInvalid && _styled.css(templateObject_1$B$1 || (templateObject_1$B$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82844
+ return p.isInvalid && _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82843
82845
  return p.theme.palette.redDark;
82844
82846
  });
82845
82847
  });
@@ -82849,7 +82851,7 @@
82849
82851
  componentId: "sc-b3nb8-1"
82850
82852
  })(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
82851
82853
 
82852
- var templateObject_1$B$1, templateObject_2$p$1, templateObject_3$g$1;
82854
+ var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
82853
82855
 
82854
82856
  var OpacityAnimation = function OpacityAnimation(_a) {
82855
82857
  var enterDuration = _a.enterDuration,
@@ -82881,14 +82883,14 @@
82881
82883
  }, void 0);
82882
82884
  };
82883
82885
 
82884
- var AnimationStyle = _styled.createGlobalStyle(templateObject_1$A$1 || (templateObject_1$A$1 = __makeTemplateObject$1(["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"], ["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"])), function (p) {
82886
+ 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) {
82885
82887
  return p.name;
82886
82888
  }, function (p) {
82887
82889
  return p.enterDuration;
82888
82890
  }, function (p) {
82889
82891
  return p.leaveDuration;
82890
82892
  });
82891
- var templateObject_1$A$1;
82893
+ var templateObject_1$B$1;
82892
82894
 
82893
82895
  var AutoTranslateButton = function AutoTranslateButton(_a) {
82894
82896
  var contentLanguageCode = _a.contentLanguageCode,
@@ -83007,20 +83009,20 @@
83007
83009
  }
83008
83010
  };
83009
83011
 
83010
- var StyledActionButton$2 = _styled__default["default"](ActionButton)(templateObject_1$z$1 || (templateObject_1$z$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83012
+ 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) {
83011
83013
  return p.theme.textColors.default;
83012
83014
  });
83013
83015
 
83014
- var templateObject_1$z$1;
83016
+ var templateObject_1$A$1;
83015
83017
 
83016
83018
  var ChoiceGroup = _styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({
83017
83019
  displayName: "ChoiceGroup",
83018
83020
  componentId: "sc-11bpj01-0"
83019
- })(templateObject_1$y$1 || (templateObject_1$y$1 = __makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"], ["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"])), function (p) {
83021
+ })(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) {
83020
83022
  return p.theme.palette.accent;
83021
83023
  });
83022
83024
 
83023
- var templateObject_1$y$1;
83025
+ var templateObject_1$z$1;
83024
83026
 
83025
83027
  var CommentActionMenu = function CommentActionMenu(_a) {
83026
83028
  var comment = _a.comment,
@@ -83144,7 +83146,7 @@
83144
83146
  var Buttons$4 = _styled__default["default"].div.withConfig({
83145
83147
  displayName: "CommentActionMenu__Buttons",
83146
83148
  componentId: "sc-qsk1nc-0"
83147
- })(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
83149
+ })(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"])));
83148
83150
 
83149
83151
  var MenuButton$1 = _styled__default["default"](IconButton).withConfig({
83150
83152
  displayName: "CommentActionMenu__MenuButton",
@@ -83163,18 +83165,18 @@
83163
83165
  componentId: "sc-qsk1nc-3"
83164
83166
  })(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
83165
83167
 
83166
- var templateObject_1$x$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
83168
+ var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
83167
83169
 
83168
83170
  var DeleteAttachmentButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
83169
83171
  displayName: "DeleteAttachmentButton",
83170
83172
  componentId: "sc-d7hswf-0"
83171
- })(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"], ["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])), spacingXs, function (p) {
83173
+ })(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) {
83172
83174
  return p.theme.textColors.default;
83173
83175
  }, function (p) {
83174
83176
  return p.theme.textColors.default;
83175
83177
  });
83176
83178
 
83177
- var templateObject_1$w$1;
83179
+ var templateObject_1$x$1;
83178
83180
 
83179
83181
  var ToggleAllButtons = function ToggleAllButtons(_a) {
83180
83182
  var toggleAll = _a.toggleAll,
@@ -83207,7 +83209,7 @@
83207
83209
  var Host$g = _styled__default["default"].div.withConfig({
83208
83210
  displayName: "ToggleAllButtons__Host",
83209
83211
  componentId: "sc-kbn3b4-0"
83210
- })(templateObject_1$v$1 || (templateObject_1$v$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83212
+ })(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83211
83213
 
83212
83214
  var StyledButton$1$1 = _styled__default["default"](ActionButton).withConfig({
83213
83215
  displayName: "ToggleAllButtons__StyledButton",
@@ -83216,7 +83218,7 @@
83216
83218
  return p.theme.palette.accent;
83217
83219
  });
83218
83220
 
83219
- var templateObject_1$v$1, templateObject_2$n$1;
83221
+ var templateObject_1$w$1, templateObject_2$n$1;
83220
83222
 
83221
83223
  var InternalTopActionButton = function InternalTopActionButton(props) {
83222
83224
  var iconName = props.iconName,
@@ -83235,10 +83237,17 @@
83235
83237
  _styled__default["default"](InternalTopActionButton).withConfig({
83236
83238
  displayName: "TopActionButton",
83237
83239
  componentId: "sc-1lam7c6-0"
83238
- })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"], ["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"])), spacingS, function (p) {
83240
+ })(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) {
83239
83241
  return p.theme.palette.accent;
83240
83242
  });
83241
83243
 
83244
+ var templateObject_1$v$1;
83245
+
83246
+ _styled__default["default"](IconButton).withConfig({
83247
+ displayName: "HeaderMenuButton__MenuButton",
83248
+ componentId: "sc-170vvq2-0"
83249
+ })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1([""], [""])));
83250
+
83242
83251
  var templateObject_1$u$1;
83243
83252
 
83244
83253
  var ChannelTitle = function ChannelTitle(_a) {
@@ -87252,9 +87261,9 @@
87252
87261
  }), void 0);
87253
87262
  };
87254
87263
 
87255
- var version$1 = "0.4.0-preview.124";
87256
- var buildId = "96854";
87257
- var commitId = "f819ed0db374d0d652764ae0cae96b18284d232f";
87264
+ var version$1 = "0.4.0-preview.125";
87265
+ var buildId = "96857";
87266
+ var commitId = "eadbe88cfe7a062989a628b5eb359d44651272bf";
87258
87267
  var isCustomerBuild = false;
87259
87268
  var buildInfo = {
87260
87269
  version: version$1,
@@ -146771,7 +146780,12 @@
146771
146780
  "SkipLinks.toFilter": "Skip to filter",
146772
146781
  "Stream.allLoaded": "You have reached the end of your stream",
146773
146782
  "Stream.emptyList": "Your stream is empty at the moment",
146774
- "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}"
146783
+ "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}",
146784
+ "Page.header.unread.only": "View only unread",
146785
+ "Page.header.unread.showAll": "View all",
146786
+ "Page.header.search": "Search",
146787
+ "Page.header.filter": "Filter",
146788
+ "Page.header.markAll": "Mark all as read"
146775
146789
  };
146776
146790
 
146777
146791
  var en_async_esm = /*#__PURE__*/Object.freeze({