@livetiles/reach-components-react 0.4.0-preview.123 → 0.4.0-preview.127
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/en.async.esm.esm.js +8 -1
- package/index.esm2.js +202 -182
- package/index.umd.js +210 -183
- package/package.json +1 -1
package/index.umd.js
CHANGED
|
@@ -54434,6 +54434,16 @@
|
|
|
54434
54434
|
VideoSource[VideoSource["Kaltura"] = 4] = "Kaltura";
|
|
54435
54435
|
})(VideoSource || (VideoSource = {}));
|
|
54436
54436
|
|
|
54437
|
+
var StringVideoSource;
|
|
54438
|
+
|
|
54439
|
+
(function (StringVideoSource) {
|
|
54440
|
+
StringVideoSource["YouTube"] = "YOUTUBE";
|
|
54441
|
+
StringVideoSource["Vimeo"] = "VIMEO";
|
|
54442
|
+
StringVideoSource["MicrosoftStream"] = "MICROSOFTSTREAM";
|
|
54443
|
+
StringVideoSource["GenericUrl"] = "GENERICURL";
|
|
54444
|
+
StringVideoSource["Kaltura"] = "KALTURA";
|
|
54445
|
+
})(StringVideoSource || (StringVideoSource = {}));
|
|
54446
|
+
|
|
54437
54447
|
var UploadState;
|
|
54438
54448
|
|
|
54439
54449
|
(function (UploadState) {
|
|
@@ -76943,8 +76953,8 @@
|
|
|
76943
76953
|
}, void 0);
|
|
76944
76954
|
};
|
|
76945
76955
|
|
|
76946
|
-
var Styles$1 = _styled.createGlobalStyle(templateObject_1$
|
|
76947
|
-
var templateObject_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;
|
|
76948
76958
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
76949
76959
|
|
|
76950
76960
|
var check$1 = function (it) {
|
|
@@ -78318,12 +78328,12 @@
|
|
|
78318
78328
|
};
|
|
78319
78329
|
|
|
78320
78330
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78321
|
-
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$
|
|
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) {
|
|
78322
78332
|
return p.theme.textColors.default;
|
|
78323
78333
|
}), spacingXxs, spacingS, spacingM);
|
|
78324
78334
|
};
|
|
78325
78335
|
|
|
78326
|
-
var templateObject_1$
|
|
78336
|
+
var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78327
78337
|
|
|
78328
78338
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78329
78339
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78343,7 +78353,7 @@
|
|
|
78343
78353
|
var EditorHighlightBubble = _styled__default["default"].div.withConfig({
|
|
78344
78354
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78345
78355
|
componentId: "sc-1d6ahk1-0"
|
|
78346
|
-
})(templateObject_1$
|
|
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) {
|
|
78347
78357
|
var readOnly = _a.readOnly;
|
|
78348
78358
|
return readOnly ? 'inherit' : 'pointer';
|
|
78349
78359
|
}, function (_a) {
|
|
@@ -78362,7 +78372,7 @@
|
|
|
78362
78372
|
return isActive ? 1 : 0.4;
|
|
78363
78373
|
});
|
|
78364
78374
|
|
|
78365
|
-
var templateObject_1$
|
|
78375
|
+
var templateObject_1$1b$1, templateObject_2$I$1;
|
|
78366
78376
|
|
|
78367
78377
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78368
78378
|
var showDialog = _a.showDialog,
|
|
@@ -78417,25 +78427,25 @@
|
|
|
78417
78427
|
var Host$y$1 = _styled__default["default"].div.withConfig({
|
|
78418
78428
|
displayName: "EditorSettingsDialog__Host",
|
|
78419
78429
|
componentId: "sc-132lfuo-0"
|
|
78420
|
-
})(templateObject_1$
|
|
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);
|
|
78421
78431
|
|
|
78422
78432
|
var EditorSettingsDialogWithFixedWidth = _styled__default["default"](EditorSettingsDialog).withConfig({
|
|
78423
78433
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78424
78434
|
componentId: "sc-132lfuo-1"
|
|
78425
78435
|
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78426
78436
|
|
|
78427
|
-
var templateObject_1$
|
|
78437
|
+
var templateObject_1$1a$1, templateObject_2$H$1;
|
|
78428
78438
|
|
|
78429
78439
|
var IconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
78430
78440
|
displayName: "IconButton",
|
|
78431
78441
|
componentId: "sc-1mokw5y-0"
|
|
78432
|
-
})(templateObject_1$
|
|
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) {
|
|
78433
78443
|
var _a;
|
|
78434
78444
|
|
|
78435
78445
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78436
78446
|
});
|
|
78437
78447
|
|
|
78438
|
-
var templateObject_1$
|
|
78448
|
+
var templateObject_1$19$1;
|
|
78439
78449
|
|
|
78440
78450
|
var GutterToggle = function GutterToggle(_a) {
|
|
78441
78451
|
var checked = _a.checked,
|
|
@@ -78472,7 +78482,7 @@
|
|
|
78472
78482
|
var Host$x$1 = _styled__default["default"].div.withConfig({
|
|
78473
78483
|
displayName: "GutterToggle__Host",
|
|
78474
78484
|
componentId: "sc-1aya63j-0"
|
|
78475
|
-
})(templateObject_1$
|
|
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"])));
|
|
78476
78486
|
|
|
78477
78487
|
var ToggleIcon = _styled__default["default"](IconButton).withConfig({
|
|
78478
78488
|
displayName: "GutterToggle__ToggleIcon",
|
|
@@ -78484,8 +78494,8 @@
|
|
|
78484
78494
|
componentId: "sc-1aya63j-2"
|
|
78485
78495
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78486
78496
|
|
|
78487
|
-
var templateObject_1$
|
|
78488
|
-
var LinkStyle$1 = _styled.css(templateObject_1$
|
|
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) {
|
|
78489
78499
|
return p.theme.palette.accent;
|
|
78490
78500
|
}, function (p) {
|
|
78491
78501
|
return p.theme.palette.accent;
|
|
@@ -78501,7 +78511,7 @@
|
|
|
78501
78511
|
componentId: "sc-5x4ijx-1"
|
|
78502
78512
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78503
78513
|
|
|
78504
|
-
var templateObject_1$
|
|
78514
|
+
var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78505
78515
|
|
|
78506
78516
|
var NotificationBar = function NotificationBar() {
|
|
78507
78517
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78550,14 +78560,14 @@
|
|
|
78550
78560
|
var Host$w$1 = _styled__default["default"].div.withConfig({
|
|
78551
78561
|
displayName: "NotificationBar__Host",
|
|
78552
78562
|
componentId: "sc-17dep9g-0"
|
|
78553
|
-
})(templateObject_1$
|
|
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"])));
|
|
78554
78564
|
|
|
78555
78565
|
var StyledMessageBar = _styled__default["default"](officeUiFabricReact.MessageBar).withConfig({
|
|
78556
78566
|
displayName: "NotificationBar__StyledMessageBar",
|
|
78557
78567
|
componentId: "sc-17dep9g-1"
|
|
78558
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);
|
|
78559
78569
|
|
|
78560
|
-
var templateObject_1$
|
|
78570
|
+
var templateObject_1$16$1, templateObject_2$E$1;
|
|
78561
78571
|
|
|
78562
78572
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78563
78573
|
var _a;
|
|
@@ -78822,9 +78832,9 @@
|
|
|
78822
78832
|
var Container$1$1 = _styled__default["default"].div.withConfig({
|
|
78823
78833
|
displayName: "PeoplePicker__Container",
|
|
78824
78834
|
componentId: "sc-1if6guq-0"
|
|
78825
|
-
})(templateObject_1$
|
|
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"])));
|
|
78826
78836
|
|
|
78827
|
-
var templateObject_1$
|
|
78837
|
+
var templateObject_1$15$1;
|
|
78828
78838
|
var $$5$1 = _export$1;
|
|
78829
78839
|
var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
|
|
78830
78840
|
var toLength$5$1 = toLength$8$1;
|
|
@@ -78920,11 +78930,11 @@
|
|
|
78920
78930
|
var Host$v$1 = _styled__default["default"].a.withConfig({
|
|
78921
78931
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
78922
78932
|
componentId: "sc-8hqs4q-0"
|
|
78923
|
-
})(templateObject_1$
|
|
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) {
|
|
78924
78934
|
return p.theme.palette.accent;
|
|
78925
78935
|
}, spacingS);
|
|
78926
78936
|
|
|
78927
|
-
var templateObject_1$
|
|
78937
|
+
var templateObject_1$14$1;
|
|
78928
78938
|
|
|
78929
78939
|
var AudioFile = function AudioFile(_a) {
|
|
78930
78940
|
var fileName = _a.fileName,
|
|
@@ -78962,14 +78972,14 @@
|
|
|
78962
78972
|
var Host$u$1 = _styled__default["default"].div.withConfig({
|
|
78963
78973
|
displayName: "AudioFile__Host",
|
|
78964
78974
|
componentId: "sc-wq9avv-0"
|
|
78965
|
-
})(templateObject_1$
|
|
78975
|
+
})(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
78966
78976
|
|
|
78967
|
-
var templateObject_1$
|
|
78977
|
+
var templateObject_1$13$1;
|
|
78968
78978
|
|
|
78969
78979
|
_styled__default["default"].div.withConfig({
|
|
78970
78980
|
displayName: "GroupedListItemStyles__GroupedListItemHost",
|
|
78971
78981
|
componentId: "sc-upeq9r-0"
|
|
78972
|
-
})(templateObject_1$
|
|
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);
|
|
78973
78983
|
|
|
78974
78984
|
_styled__default["default"].h2.withConfig({
|
|
78975
78985
|
displayName: "GroupedListItemStyles__GroupedListItemTitle",
|
|
@@ -78978,7 +78988,7 @@
|
|
|
78978
78988
|
return p.theme.textColors.default;
|
|
78979
78989
|
});
|
|
78980
78990
|
|
|
78981
|
-
var templateObject_1$
|
|
78991
|
+
var templateObject_1$12$1, templateObject_2$D$1;
|
|
78982
78992
|
|
|
78983
78993
|
var AttachmentHost = function AttachmentHost(_a) {
|
|
78984
78994
|
var children = _a.children,
|
|
@@ -79003,7 +79013,7 @@
|
|
|
79003
79013
|
var Inner$2$2 = _styled__default["default"].div.withConfig({
|
|
79004
79014
|
displayName: "AttachmentHost__Inner",
|
|
79005
79015
|
componentId: "sc-mjwmvo-0"
|
|
79006
|
-
})(templateObject_1$
|
|
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) {
|
|
79007
79017
|
return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
|
|
79008
79018
|
});
|
|
79009
79019
|
|
|
@@ -79019,12 +79029,12 @@
|
|
|
79019
79029
|
componentId: "sc-mjwmvo-2"
|
|
79020
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);
|
|
79021
79031
|
|
|
79022
|
-
var templateObject_1$
|
|
79032
|
+
var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
|
|
79023
79033
|
|
|
79024
79034
|
var ActionButton = _styled__default["default"](officeUiFabricReact.ActionButton).withConfig({
|
|
79025
79035
|
displayName: "ActionButton",
|
|
79026
79036
|
componentId: "sc-hmhuj9-0"
|
|
79027
|
-
})(templateObject_1
|
|
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) {
|
|
79028
79038
|
var _a;
|
|
79029
79039
|
|
|
79030
79040
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
@@ -79034,7 +79044,7 @@
|
|
|
79034
79044
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
79035
79045
|
});
|
|
79036
79046
|
|
|
79037
|
-
var templateObject_1
|
|
79047
|
+
var templateObject_1$10$1;
|
|
79038
79048
|
var regexpStickyHelpers$2 = {};
|
|
79039
79049
|
var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
79040
79050
|
// so we use an intermediate function.
|
|
@@ -80557,9 +80567,9 @@
|
|
|
80557
80567
|
_styled__default["default"].div.withConfig({
|
|
80558
80568
|
displayName: "ListItemsContainer",
|
|
80559
80569
|
componentId: "sc-1ml8hli-0"
|
|
80560
|
-
})(templateObject_1
|
|
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);
|
|
80561
80571
|
|
|
80562
|
-
var templateObject_1
|
|
80572
|
+
var templateObject_1$$$1;
|
|
80563
80573
|
|
|
80564
80574
|
function getGoogleMapsSearchLink(name) {
|
|
80565
80575
|
if (!name) {
|
|
@@ -80607,17 +80617,17 @@
|
|
|
80607
80617
|
displayName: "Utils__LeftBannerWrapper",
|
|
80608
80618
|
componentId: "sc-1qatfzk-0"
|
|
80609
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) {
|
|
80610
|
-
return p.showPlaceholder && _styled.css(templateObject_1$
|
|
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);
|
|
80611
80621
|
}, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
|
|
80612
80622
|
return p.defaultWidth ? p.defaultWidth : 250;
|
|
80613
80623
|
}); // react router dom path matcher stops at the next '/' (slash) character
|
|
80614
80624
|
|
|
80615
|
-
var templateObject_1$
|
|
80625
|
+
var templateObject_1$_$1, templateObject_2$B$1;
|
|
80616
80626
|
|
|
80617
80627
|
_styled__default["default"].div.withConfig({
|
|
80618
80628
|
displayName: "AvailableSubscriptionList__Host",
|
|
80619
80629
|
componentId: "sc-113n7q9-0"
|
|
80620
|
-
})(templateObject_1$
|
|
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"])));
|
|
80621
80631
|
|
|
80622
80632
|
_styled__default["default"](ActionButton).withConfig({
|
|
80623
80633
|
displayName: "AvailableSubscriptionList__SubscriptionButton",
|
|
@@ -80626,7 +80636,7 @@
|
|
|
80626
80636
|
return p.theme.palette.accent;
|
|
80627
80637
|
});
|
|
80628
80638
|
|
|
80629
|
-
var templateObject_1$
|
|
80639
|
+
var templateObject_1$Z$1, templateObject_2$A$1;
|
|
80630
80640
|
|
|
80631
80641
|
var Callout = function Callout(_a) {
|
|
80632
80642
|
var children = _a.children,
|
|
@@ -80642,7 +80652,7 @@
|
|
|
80642
80652
|
_styled__default["default"].span.withConfig({
|
|
80643
80653
|
displayName: "ConfirmDeleteDialog__LinePreserverSpan",
|
|
80644
80654
|
componentId: "sc-1ybmivq-0"
|
|
80645
|
-
})(templateObject_1$
|
|
80655
|
+
})(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
|
|
80646
80656
|
|
|
80647
80657
|
_styled__default["default"](officeUiFabricReact.TextField).withConfig({
|
|
80648
80658
|
displayName: "ConfirmDeleteDialog__StyledTextField",
|
|
@@ -80662,7 +80672,7 @@
|
|
|
80662
80672
|
return p.theme.palette.redDark;
|
|
80663
80673
|
});
|
|
80664
80674
|
|
|
80665
|
-
var templateObject_1$
|
|
80675
|
+
var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
|
|
80666
80676
|
|
|
80667
80677
|
var ConfirmDialog = function ConfirmDialog(_a) {
|
|
80668
80678
|
var showDialog = _a.showDialog,
|
|
@@ -80723,9 +80733,9 @@
|
|
|
80723
80733
|
_styled__default["default"].div.withConfig({
|
|
80724
80734
|
displayName: "ConfirmResetDialog__Host",
|
|
80725
80735
|
componentId: "sc-akcggz-0"
|
|
80726
|
-
})(templateObject_1$
|
|
80736
|
+
})(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
|
|
80727
80737
|
|
|
80728
|
-
var templateObject_1$
|
|
80738
|
+
var templateObject_1$X$1;
|
|
80729
80739
|
|
|
80730
80740
|
var RelativeDateTime = function RelativeDateTime(_a) {
|
|
80731
80741
|
var absoluteValue = _a.value;
|
|
@@ -80935,18 +80945,18 @@
|
|
|
80935
80945
|
var Host$q$1 = _styled__default["default"].time.withConfig({
|
|
80936
80946
|
displayName: "DateTime__Host",
|
|
80937
80947
|
componentId: "sc-ulo84j-0"
|
|
80938
|
-
})(templateObject_1$
|
|
80948
|
+
})(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
80939
80949
|
|
|
80940
|
-
var templateObject_1$
|
|
80950
|
+
var templateObject_1$W$1;
|
|
80941
80951
|
|
|
80942
80952
|
_styled__default["default"].div.withConfig({
|
|
80943
80953
|
displayName: "Divider",
|
|
80944
80954
|
componentId: "sc-1qr9ydh-0"
|
|
80945
|
-
})(templateObject_1$
|
|
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) {
|
|
80946
80956
|
return p.theme.palette.neutralTertiary;
|
|
80947
80957
|
}, defaultPageBackgroundColor);
|
|
80948
80958
|
|
|
80949
|
-
var templateObject_1$
|
|
80959
|
+
var templateObject_1$V$1;
|
|
80950
80960
|
|
|
80951
80961
|
var Dropdown = function Dropdown(_a) {
|
|
80952
80962
|
var _b;
|
|
@@ -80988,9 +80998,9 @@
|
|
|
80988
80998
|
var Container$3 = _styled__default["default"].div.withConfig({
|
|
80989
80999
|
displayName: "EmptyList__Container",
|
|
80990
81000
|
componentId: "sc-11jeabk-0"
|
|
80991
|
-
})(templateObject_1$
|
|
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);
|
|
80992
81002
|
|
|
80993
|
-
var templateObject_1$
|
|
81003
|
+
var templateObject_1$U$1;
|
|
80994
81004
|
|
|
80995
81005
|
var hasFlag = function hasFlag(baseValue, flag) {
|
|
80996
81006
|
return baseValue != null && (baseValue & flag) === flag;
|
|
@@ -81029,7 +81039,7 @@
|
|
|
81029
81039
|
_styled__default["default"].div.withConfig({
|
|
81030
81040
|
displayName: "FieldTranslationEditor__Host",
|
|
81031
81041
|
componentId: "sc-1s8zb6d-0"
|
|
81032
|
-
})(templateObject_1$
|
|
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"])));
|
|
81033
81043
|
|
|
81034
81044
|
_styled__default["default"].div.withConfig({
|
|
81035
81045
|
displayName: "FieldTranslationEditor__TranslationField",
|
|
@@ -81051,7 +81061,7 @@
|
|
|
81051
81061
|
componentId: "sc-1s8zb6d-4"
|
|
81052
81062
|
})(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
81053
81063
|
|
|
81054
|
-
var templateObject_1$
|
|
81064
|
+
var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
|
|
81055
81065
|
|
|
81056
81066
|
var Spinner = function Spinner(props) {
|
|
81057
81067
|
var _a = React$d.useState(props.delay == null),
|
|
@@ -81087,9 +81097,9 @@
|
|
|
81087
81097
|
var Host$o$1 = _styled__default["default"].div.withConfig({
|
|
81088
81098
|
displayName: "Spinner__Host",
|
|
81089
81099
|
componentId: "sc-1wroad6-0"
|
|
81090
|
-
})(templateObject_1$
|
|
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"])));
|
|
81091
81101
|
|
|
81092
|
-
var templateObject_1$
|
|
81102
|
+
var templateObject_1$S$1;
|
|
81093
81103
|
var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
|
|
81094
81104
|
var isRegExp$6 = isRegexp$2;
|
|
81095
81105
|
var anObject$j = anObject$e$1;
|
|
@@ -81284,7 +81294,7 @@
|
|
|
81284
81294
|
};
|
|
81285
81295
|
|
|
81286
81296
|
var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
|
|
81287
|
-
return _styled.css(templateObject_1$
|
|
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);
|
|
81288
81298
|
};
|
|
81289
81299
|
|
|
81290
81300
|
function getImageSize(url) {
|
|
@@ -81396,7 +81406,7 @@
|
|
|
81396
81406
|
}
|
|
81397
81407
|
}
|
|
81398
81408
|
|
|
81399
|
-
var templateObject_1$
|
|
81409
|
+
var templateObject_1$R$1;
|
|
81400
81410
|
|
|
81401
81411
|
function useFileAccessTokenApi() {
|
|
81402
81412
|
var api = useApi();
|
|
@@ -81549,7 +81559,7 @@
|
|
|
81549
81559
|
var FilesListHost = _styled__default["default"].ul.withConfig({
|
|
81550
81560
|
displayName: "FileAttachmentList__FilesListHost",
|
|
81551
81561
|
componentId: "sc-lwztxx-0"
|
|
81552
|
-
})(templateObject_1$
|
|
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"])));
|
|
81553
81563
|
|
|
81554
81564
|
var VideoFilesListHost = _styled__default["default"].ul.withConfig({
|
|
81555
81565
|
displayName: "FileAttachmentList__VideoFilesListHost",
|
|
@@ -81724,7 +81734,7 @@
|
|
|
81724
81734
|
return p.theme.palette.redDark;
|
|
81725
81735
|
});
|
|
81726
81736
|
|
|
81727
|
-
var templateObject_1$
|
|
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;
|
|
81728
81738
|
var FabNavigationPosition;
|
|
81729
81739
|
|
|
81730
81740
|
(function (FabNavigationPosition) {
|
|
@@ -81736,7 +81746,7 @@
|
|
|
81736
81746
|
displayName: "FloatingActionButton__Navigation",
|
|
81737
81747
|
componentId: "sc-1spkihm-0"
|
|
81738
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) {
|
|
81739
|
-
return p.positionBottomOnMobile ? _styled.css(templateObject_1$
|
|
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);
|
|
81740
81750
|
});
|
|
81741
81751
|
|
|
81742
81752
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
@@ -81783,7 +81793,7 @@
|
|
|
81783
81793
|
componentId: "sc-1spkihm-4"
|
|
81784
81794
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81785
81795
|
|
|
81786
|
-
var templateObject_1$
|
|
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;
|
|
81787
81797
|
|
|
81788
81798
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81789
81799
|
var _b = _a.tagName,
|
|
@@ -81799,82 +81809,9 @@
|
|
|
81799
81809
|
}, void 0));
|
|
81800
81810
|
};
|
|
81801
81811
|
|
|
81802
|
-
|
|
81803
|
-
var icon = _a.icon,
|
|
81804
|
-
isActive = _a.isActive,
|
|
81805
|
-
disabled = _a.disabled,
|
|
81806
|
-
tooltipResourceKey = _a.tooltipResourceKey,
|
|
81807
|
-
onClick = _a.onClick,
|
|
81808
|
-
link = _a.link,
|
|
81809
|
-
className = _a.className,
|
|
81810
|
-
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
81811
|
-
|
|
81812
|
-
var formatMessage = useIntl().formatMessage;
|
|
81813
|
-
|
|
81814
|
-
if (!link && !onClick) {
|
|
81815
|
-
return null;
|
|
81816
|
-
}
|
|
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);
|
|
81817
81813
|
|
|
81818
|
-
|
|
81819
|
-
var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
|
|
81820
|
-
className: allClassNames,
|
|
81821
|
-
disabled: disabled,
|
|
81822
|
-
onClick: function (e) {
|
|
81823
|
-
return onClick(e.currentTarget);
|
|
81824
|
-
},
|
|
81825
|
-
iconProps: {
|
|
81826
|
-
iconName: icon
|
|
81827
|
-
},
|
|
81828
|
-
ariaLabel: formatMessage({
|
|
81829
|
-
id: tooltipResourceKey
|
|
81830
|
-
}),
|
|
81831
|
-
"data-button-type": "header-btn",
|
|
81832
|
-
isActive: isActive
|
|
81833
|
-
}, rest), void 0) : jsxRuntime.jsx(StyledLink$2, __assign$1({
|
|
81834
|
-
className: allClassNames,
|
|
81835
|
-
to: link
|
|
81836
|
-
}, rest, {
|
|
81837
|
-
children: jsxRuntime.jsx(officeUiFabricReact.Icon, {
|
|
81838
|
-
iconName: icon
|
|
81839
|
-
}, void 0)
|
|
81840
|
-
}), void 0);
|
|
81841
|
-
return jsxRuntime.jsx(Host$m$1, __assign$1({
|
|
81842
|
-
className: "tooltip-container"
|
|
81843
|
-
}, {
|
|
81844
|
-
children: jsxRuntime.jsx(Tooltip, __assign$1({
|
|
81845
|
-
resourceKey: tooltipResourceKey
|
|
81846
|
-
}, {
|
|
81847
|
-
children: IconElement
|
|
81848
|
-
}), void 0)
|
|
81849
|
-
}), void 0);
|
|
81850
|
-
};
|
|
81851
|
-
|
|
81852
|
-
var Host$m$1 = _styled__default["default"].div.withConfig({
|
|
81853
|
-
displayName: "IconHeaderButton__Host",
|
|
81854
|
-
componentId: "sc-1jn7i2-0"
|
|
81855
|
-
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
81856
|
-
|
|
81857
|
-
var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
81858
|
-
displayName: "IconHeaderButton__Button",
|
|
81859
|
-
componentId: "sc-1jn7i2-1"
|
|
81860
|
-
})(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) {
|
|
81861
|
-
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);
|
|
81862
|
-
}, function (p) {
|
|
81863
|
-
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);
|
|
81864
|
-
});
|
|
81865
|
-
|
|
81866
|
-
var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
|
|
81867
|
-
displayName: "IconHeaderButton__StyledLink",
|
|
81868
|
-
componentId: "sc-1jn7i2-2"
|
|
81869
|
-
})(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) {
|
|
81870
|
-
return _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
81871
|
-
});
|
|
81872
|
-
|
|
81873
|
-
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;
|
|
81874
|
-
|
|
81875
|
-
_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);
|
|
81876
|
-
|
|
81877
|
-
var templateObject_1$M$1;
|
|
81814
|
+
var templateObject_1$O$1;
|
|
81878
81815
|
var itemStatisticsCache = {};
|
|
81879
81816
|
var onStatisticsUpdated = new Subject();
|
|
81880
81817
|
|
|
@@ -81934,11 +81871,11 @@
|
|
|
81934
81871
|
var Keyword = _styled__default["default"].span.withConfig({
|
|
81935
81872
|
displayName: "KeywordTitle__Keyword",
|
|
81936
81873
|
componentId: "sc-18jcqyr-0"
|
|
81937
|
-
})(templateObject_2$
|
|
81938
|
-
return p.underlined && _styled.css(templateObject_1$
|
|
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 "])));
|
|
81939
81876
|
});
|
|
81940
81877
|
|
|
81941
|
-
var templateObject_1$
|
|
81878
|
+
var templateObject_1$N$1, templateObject_2$v$1;
|
|
81942
81879
|
|
|
81943
81880
|
var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
81944
81881
|
var _b;
|
|
@@ -81959,8 +81896,8 @@
|
|
|
81959
81896
|
}, void 0);
|
|
81960
81897
|
};
|
|
81961
81898
|
|
|
81962
|
-
var Styles$2 = _styled.createGlobalStyle(templateObject_1$
|
|
81963
|
-
var templateObject_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;
|
|
81964
81901
|
|
|
81965
81902
|
var Modified = function Modified(_a) {
|
|
81966
81903
|
var modified = _a.modified;
|
|
@@ -81970,7 +81907,7 @@
|
|
|
81970
81907
|
return null;
|
|
81971
81908
|
}
|
|
81972
81909
|
|
|
81973
|
-
return jsxRuntime.jsxs(Host$
|
|
81910
|
+
return jsxRuntime.jsxs(Host$l$1, __assign$1({
|
|
81974
81911
|
className: "ms-fontColor-neutralTertiary"
|
|
81975
81912
|
}, {
|
|
81976
81913
|
children: ["\u00A0(", jsxRuntime.jsx(Tooltip, __assign$1({
|
|
@@ -81996,9 +81933,9 @@
|
|
|
81996
81933
|
}
|
|
81997
81934
|
};
|
|
81998
81935
|
|
|
81999
|
-
var Host$
|
|
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);
|
|
82000
81937
|
|
|
82001
|
-
var templateObject_1$
|
|
81938
|
+
var templateObject_1$L$1;
|
|
82002
81939
|
|
|
82003
81940
|
var FullScreenImageViewer = function FullScreenImageViewer(_a) {
|
|
82004
81941
|
var images = _a.images,
|
|
@@ -82198,8 +82135,8 @@
|
|
|
82198
82135
|
}
|
|
82199
82136
|
};
|
|
82200
82137
|
|
|
82201
|
-
var GeneralFixes = _styled.createGlobalStyle(templateObject_1$
|
|
82202
|
-
var templateObject_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;
|
|
82203
82140
|
|
|
82204
82141
|
var PhotoGrid = function PhotoGrid(_a) {
|
|
82205
82142
|
var images = _a.images,
|
|
@@ -82222,7 +82159,7 @@
|
|
|
82222
82159
|
var showMoreImagesIndicator = images.length > 4;
|
|
82223
82160
|
var hasMultiImages = images.length > 1;
|
|
82224
82161
|
var firstImage = images[0];
|
|
82225
|
-
return jsxRuntime.jsxs(Host$
|
|
82162
|
+
return jsxRuntime.jsxs(Host$k$1, __assign$1({
|
|
82226
82163
|
"data-multi-images": hasMultiImages,
|
|
82227
82164
|
className: className,
|
|
82228
82165
|
singleImageHeight: firstImage.height,
|
|
@@ -82313,27 +82250,27 @@
|
|
|
82313
82250
|
}), void 0);
|
|
82314
82251
|
};
|
|
82315
82252
|
|
|
82316
|
-
var Host$
|
|
82253
|
+
var Host$k$1 = _styled__default["default"].div.withConfig({
|
|
82317
82254
|
displayName: "PhotoGrid__Host",
|
|
82318
82255
|
componentId: "sc-flk193-0"
|
|
82319
|
-
})(templateObject_2$
|
|
82320
|
-
return p.singleImageWidth && p.singleImageHeight && _styled.css(templateObject_1$
|
|
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);
|
|
82321
82258
|
});
|
|
82322
82259
|
|
|
82323
82260
|
var SingleImageHost = _styled__default["default"].a.withConfig({
|
|
82324
82261
|
displayName: "PhotoGrid__SingleImageHost",
|
|
82325
82262
|
componentId: "sc-flk193-1"
|
|
82326
|
-
})(templateObject_4$
|
|
82327
|
-
return p.applyRoundedCorners && _styled.css(templateObject_3$
|
|
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 "])));
|
|
82328
82265
|
});
|
|
82329
82266
|
|
|
82330
82267
|
var Gallery = _styled__default["default"].div.withConfig({
|
|
82331
82268
|
displayName: "PhotoGrid__Gallery",
|
|
82332
82269
|
componentId: "sc-flk193-2"
|
|
82333
|
-
})(templateObject_6$
|
|
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) {
|
|
82334
82271
|
return p.backgroundColor;
|
|
82335
82272
|
}, function (p) {
|
|
82336
|
-
return p.applyRoundedCorners && _styled.css(templateObject_5$
|
|
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 "])));
|
|
82337
82274
|
});
|
|
82338
82275
|
|
|
82339
82276
|
var ImageItem = _styled__default["default"].a.withConfig({
|
|
@@ -82351,15 +82288,87 @@
|
|
|
82351
82288
|
componentId: "sc-flk193-5"
|
|
82352
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);
|
|
82353
82290
|
|
|
82354
|
-
var templateObject_1$
|
|
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;
|
|
82355
82292
|
|
|
82356
82293
|
function showPhoto(url, title) {
|
|
82357
82294
|
{
|
|
82358
82295
|
return;
|
|
82359
82296
|
}
|
|
82360
82297
|
}
|
|
82361
|
-
// eslint-disable-next-line max-len
|
|
82362
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
|
|
82363
82372
|
|
|
82364
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';
|
|
82365
82374
|
var requireObjectCoercible$e = requireObjectCoercible$9$1;
|
|
@@ -82537,7 +82546,7 @@
|
|
|
82537
82546
|
}), void 0);
|
|
82538
82547
|
};
|
|
82539
82548
|
|
|
82540
|
-
var LinkStyle$2 = _styled.css(templateObject_1$
|
|
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"])));
|
|
82541
82550
|
|
|
82542
82551
|
var StyledLink$1$1 = _styled__default["default"](TextLink).withConfig({
|
|
82543
82552
|
displayName: "ToolbarIconButtonWithToolTip__StyledLink",
|
|
@@ -82563,7 +82572,7 @@
|
|
|
82563
82572
|
return p.theme.textColors.default;
|
|
82564
82573
|
});
|
|
82565
82574
|
|
|
82566
|
-
var templateObject_1$
|
|
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;
|
|
82567
82576
|
|
|
82568
82577
|
var Search$1 = function Search(props) {
|
|
82569
82578
|
var intl = useIntl();
|
|
@@ -82578,7 +82587,9 @@
|
|
|
82578
82587
|
React$d.useEffect(function () {
|
|
82579
82588
|
addBackButtonListener(handleBack);
|
|
82580
82589
|
setTimeout(function () {
|
|
82581
|
-
|
|
82590
|
+
var _a;
|
|
82591
|
+
|
|
82592
|
+
return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
82582
82593
|
});
|
|
82583
82594
|
return function () {
|
|
82584
82595
|
removeBackButtonListener(handleBack);
|
|
@@ -82656,7 +82667,7 @@
|
|
|
82656
82667
|
displayName: "Search__StyledTextField",
|
|
82657
82668
|
componentId: "sc-17f35gt-0"
|
|
82658
82669
|
})(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82659
|
-
return p.useLightTheme ? _styled.css(templateObject_1$
|
|
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) {
|
|
82660
82671
|
return p.theme.textColors.default;
|
|
82661
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) {
|
|
82662
82673
|
return p.theme.textColors.onPrimary;
|
|
@@ -82691,16 +82702,17 @@
|
|
|
82691
82702
|
var SearchBox = function SearchBox(_a) {
|
|
82692
82703
|
var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
|
|
82693
82704
|
isToolbarMode = _a.isToolbarMode,
|
|
82694
|
-
className = _a.className,
|
|
82695
82705
|
onExecuteSearch = _a.onExecuteSearch,
|
|
82696
82706
|
onSearchTextChange = _a.onSearchTextChange,
|
|
82697
|
-
searchText = _a.searchText
|
|
82707
|
+
searchText = _a.searchText,
|
|
82708
|
+
showSearchBoxInput = _a.showSearchBoxInput,
|
|
82709
|
+
className = _a.className;
|
|
82698
82710
|
|
|
82699
82711
|
var _b = React$d.useState(!!searchText),
|
|
82700
82712
|
showSearchInputFieldState = _b[0],
|
|
82701
82713
|
setShowSearchInputField = _b[1];
|
|
82702
82714
|
|
|
82703
|
-
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
|
|
82704
82716
|
// but instead via a property
|
|
82705
82717
|
|
|
82706
82718
|
React$d.useEffect(function () {
|
|
@@ -82739,7 +82751,7 @@
|
|
|
82739
82751
|
}
|
|
82740
82752
|
};
|
|
82741
82753
|
|
|
82742
|
-
var templateObject_1$
|
|
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;
|
|
82743
82755
|
var TableSortOrder;
|
|
82744
82756
|
|
|
82745
82757
|
(function (TableSortOrder) {
|
|
@@ -82750,7 +82762,7 @@
|
|
|
82750
82762
|
_styled__default["default"](officeUiFabricReact.Icon).withConfig({
|
|
82751
82763
|
displayName: "SortableTable__Order",
|
|
82752
82764
|
componentId: "sc-6tqdpa-0"
|
|
82753
|
-
})(templateObject_1$
|
|
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"])));
|
|
82754
82766
|
|
|
82755
82767
|
_styled__default["default"].span.withConfig({
|
|
82756
82768
|
displayName: "SortableTable__Title",
|
|
@@ -82798,7 +82810,7 @@
|
|
|
82798
82810
|
componentId: "sc-6tqdpa-6"
|
|
82799
82811
|
})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
|
|
82800
82812
|
|
|
82801
|
-
var templateObject_1$
|
|
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;
|
|
82802
82814
|
|
|
82803
82815
|
var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
82804
82816
|
return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
|
|
@@ -82809,15 +82821,15 @@
|
|
|
82809
82821
|
var StyledToggle = _styled__default["default"](officeUiFabricReact.Toggle).withConfig({
|
|
82810
82822
|
displayName: "ToggleWithLabel__StyledToggle",
|
|
82811
82823
|
componentId: "sc-lcovfq-0"
|
|
82812
|
-
})(templateObject_1$
|
|
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) {
|
|
82813
82825
|
return p.theme.semanticColors.inputBackgroundCheckedHovered;
|
|
82814
82826
|
});
|
|
82815
82827
|
|
|
82816
|
-
var templateObject_1$
|
|
82817
|
-
var unreadCommentHighlight = _styled.css(templateObject_1$
|
|
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) {
|
|
82818
82830
|
return p.theme.palette.accent;
|
|
82819
82831
|
});
|
|
82820
|
-
var templateObject_1$
|
|
82832
|
+
var templateObject_1$D$1;
|
|
82821
82833
|
|
|
82822
82834
|
function getGroupName(group, user, intl) {
|
|
82823
82835
|
return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
|
|
@@ -82829,7 +82841,7 @@
|
|
|
82829
82841
|
displayName: "VerificationStatusIcon__Host",
|
|
82830
82842
|
componentId: "sc-b3nb8-0"
|
|
82831
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) {
|
|
82832
|
-
return p.isInvalid && _styled.css(templateObject_1$
|
|
82844
|
+
return p.isInvalid && _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
82833
82845
|
return p.theme.palette.redDark;
|
|
82834
82846
|
});
|
|
82835
82847
|
});
|
|
@@ -82839,7 +82851,7 @@
|
|
|
82839
82851
|
componentId: "sc-b3nb8-1"
|
|
82840
82852
|
})(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
|
|
82841
82853
|
|
|
82842
|
-
var templateObject_1$
|
|
82854
|
+
var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
|
|
82843
82855
|
|
|
82844
82856
|
var OpacityAnimation = function OpacityAnimation(_a) {
|
|
82845
82857
|
var enterDuration = _a.enterDuration,
|
|
@@ -82871,14 +82883,14 @@
|
|
|
82871
82883
|
}, void 0);
|
|
82872
82884
|
};
|
|
82873
82885
|
|
|
82874
|
-
var AnimationStyle = _styled.createGlobalStyle(templateObject_1$
|
|
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) {
|
|
82875
82887
|
return p.name;
|
|
82876
82888
|
}, function (p) {
|
|
82877
82889
|
return p.enterDuration;
|
|
82878
82890
|
}, function (p) {
|
|
82879
82891
|
return p.leaveDuration;
|
|
82880
82892
|
});
|
|
82881
|
-
var templateObject_1$
|
|
82893
|
+
var templateObject_1$B$1;
|
|
82882
82894
|
|
|
82883
82895
|
var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
82884
82896
|
var contentLanguageCode = _a.contentLanguageCode,
|
|
@@ -82997,20 +83009,20 @@
|
|
|
82997
83009
|
}
|
|
82998
83010
|
};
|
|
82999
83011
|
|
|
83000
|
-
var StyledActionButton$2 = _styled__default["default"](ActionButton)(templateObject_1$
|
|
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) {
|
|
83001
83013
|
return p.theme.textColors.default;
|
|
83002
83014
|
});
|
|
83003
83015
|
|
|
83004
|
-
var templateObject_1$
|
|
83016
|
+
var templateObject_1$A$1;
|
|
83005
83017
|
|
|
83006
83018
|
var ChoiceGroup = _styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({
|
|
83007
83019
|
displayName: "ChoiceGroup",
|
|
83008
83020
|
componentId: "sc-11bpj01-0"
|
|
83009
|
-
})(templateObject_1$
|
|
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) {
|
|
83010
83022
|
return p.theme.palette.accent;
|
|
83011
83023
|
});
|
|
83012
83024
|
|
|
83013
|
-
var templateObject_1$
|
|
83025
|
+
var templateObject_1$z$1;
|
|
83014
83026
|
|
|
83015
83027
|
var CommentActionMenu = function CommentActionMenu(_a) {
|
|
83016
83028
|
var comment = _a.comment,
|
|
@@ -83134,7 +83146,7 @@
|
|
|
83134
83146
|
var Buttons$4 = _styled__default["default"].div.withConfig({
|
|
83135
83147
|
displayName: "CommentActionMenu__Buttons",
|
|
83136
83148
|
componentId: "sc-qsk1nc-0"
|
|
83137
|
-
})(templateObject_1$
|
|
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"])));
|
|
83138
83150
|
|
|
83139
83151
|
var MenuButton$1 = _styled__default["default"](IconButton).withConfig({
|
|
83140
83152
|
displayName: "CommentActionMenu__MenuButton",
|
|
@@ -83153,18 +83165,18 @@
|
|
|
83153
83165
|
componentId: "sc-qsk1nc-3"
|
|
83154
83166
|
})(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
|
|
83155
83167
|
|
|
83156
|
-
var templateObject_1$
|
|
83168
|
+
var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
|
|
83157
83169
|
|
|
83158
83170
|
var DeleteAttachmentButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
83159
83171
|
displayName: "DeleteAttachmentButton",
|
|
83160
83172
|
componentId: "sc-d7hswf-0"
|
|
83161
|
-
})(templateObject_1$
|
|
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) {
|
|
83162
83174
|
return p.theme.textColors.default;
|
|
83163
83175
|
}, function (p) {
|
|
83164
83176
|
return p.theme.textColors.default;
|
|
83165
83177
|
});
|
|
83166
83178
|
|
|
83167
|
-
var templateObject_1$
|
|
83179
|
+
var templateObject_1$x$1;
|
|
83168
83180
|
|
|
83169
83181
|
var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
83170
83182
|
var toggleAll = _a.toggleAll,
|
|
@@ -83197,7 +83209,7 @@
|
|
|
83197
83209
|
var Host$g = _styled__default["default"].div.withConfig({
|
|
83198
83210
|
displayName: "ToggleAllButtons__Host",
|
|
83199
83211
|
componentId: "sc-kbn3b4-0"
|
|
83200
|
-
})(templateObject_1$
|
|
83212
|
+
})(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
83201
83213
|
|
|
83202
83214
|
var StyledButton$1$1 = _styled__default["default"](ActionButton).withConfig({
|
|
83203
83215
|
displayName: "ToggleAllButtons__StyledButton",
|
|
@@ -83206,7 +83218,7 @@
|
|
|
83206
83218
|
return p.theme.palette.accent;
|
|
83207
83219
|
});
|
|
83208
83220
|
|
|
83209
|
-
var templateObject_1$
|
|
83221
|
+
var templateObject_1$w$1, templateObject_2$n$1;
|
|
83210
83222
|
|
|
83211
83223
|
var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
83212
83224
|
var iconName = props.iconName,
|
|
@@ -83225,10 +83237,17 @@
|
|
|
83225
83237
|
_styled__default["default"](InternalTopActionButton).withConfig({
|
|
83226
83238
|
displayName: "TopActionButton",
|
|
83227
83239
|
componentId: "sc-1lam7c6-0"
|
|
83228
|
-
})(templateObject_1$
|
|
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) {
|
|
83229
83241
|
return p.theme.palette.accent;
|
|
83230
83242
|
});
|
|
83231
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
|
+
|
|
83232
83251
|
var templateObject_1$u$1;
|
|
83233
83252
|
|
|
83234
83253
|
var ChannelTitle = function ChannelTitle(_a) {
|
|
@@ -87242,9 +87261,9 @@
|
|
|
87242
87261
|
}), void 0);
|
|
87243
87262
|
};
|
|
87244
87263
|
|
|
87245
|
-
var version$1 = "0.4.0-preview.
|
|
87246
|
-
var buildId = "
|
|
87247
|
-
var commitId = "
|
|
87264
|
+
var version$1 = "0.4.0-preview.127";
|
|
87265
|
+
var buildId = "96908";
|
|
87266
|
+
var commitId = "4417e0cdc6809b60c298ec22bcf52419bfbec310";
|
|
87248
87267
|
var isCustomerBuild = false;
|
|
87249
87268
|
var buildInfo = {
|
|
87250
87269
|
version: version$1,
|
|
@@ -126190,7 +126209,8 @@
|
|
|
126190
126209
|
},[gallery.images]);if(!images||images.length===0){return null;}var hasMoreImages=images.length>1;// the paging dots should be shown only if the number of images is less than or equal to 15
|
|
126191
126210
|
// without this limitation the paging dots breaks the layout in mobile view
|
|
126192
126211
|
var showPagingDots=hasMoreImages&&images.length<=15;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GalleryContainer,__assign({"data-photo-gallery-container":true},{children:jsxRuntime.jsx(InlineObjectToolbarWrapper,__assign({toolbar:jsxRuntime.jsx(ImageToolbar,{showFullScreenButton:showFullScreenButton,onFullScreen:function(e){e.stopPropagation();handleOpenFullScreen();},showCloseButton:showCloseButton,onClose:function(e){e.stopPropagation();onCloseGallery===null||onCloseGallery===void 0?void 0:onCloseGallery();}},void 0)},{children:jsxRuntime.jsx(Carousel,__assign({renderBottomCenterControls:function(props){return showPagingDots?jsxRuntime.jsx(PagingDots,__assign({},props),void 0):null;},renderCenterLeftControls:function(_a){var previousSlide=_a.previousSlide;return hasMoreImages&&!env.isTouchDevice?jsxRuntime.jsx(CarouselButton,{iconProps:{iconName:'CaretLeftSolid8'},onClick:function(e){e.stopPropagation();previousSlide();},ariaLabel:formatMessage({id:'Generic.prev'}),"data-button":"prev"},void 0):null;},renderCenterRightControls:function(_a){var nextSlide=_a.nextSlide;return hasMoreImages&&!env.isTouchDevice?jsxRuntime.jsx(CarouselButton,{iconProps:{iconName:'CaretRightSolid8'},onClick:function(e){e.stopPropagation();nextSlide();},ariaLabel:formatMessage({id:'Generic.next'}),"data-button":"next"},void 0):null;},renderTopRightControls:function(_a){_a.currentSlide;return null;},swiping:hasMoreImages,dragging:hasMoreImages,wrapAround:true,afterSlide:function(slideIndex){return setFullScreenItemIndex(slideIndex);},defaultControlsConfig:{pagingDotsStyle:{fill:themePrimary},pagingDotsContainerClassName:'slider-dots'}},{children:images.map(function(image){return jsxRuntime.jsxs(Slide,{children:[jsxRuntime.jsx(Figure$1,__assign({height:height},{children:jsxRuntime.jsx(ImageWrapper,{children:jsxRuntime.jsx("img",{"data-photo-gallery-image":image.imageId,src:image.previewUrl,alt:image.imageTitle||''},void 0)},void 0)}),void 0),image.imageTitle&&jsxRuntime.jsx(Caption,__assign({"data-photo-gallery-image-caption":image.imageTitle},{children:image.imageTitle}),void 0)]},image.imageId);})}),void 0)}),void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:!isFullScreenOpen,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]},void 0);function handleOpenFullScreen(){onOpenFullScreen===null||onOpenFullScreen===void 0?void 0:onOpenFullScreen();setIsFullScreenOpen(true);// if we are in the editor the pullToRefreshContext is null
|
|
126193
|
-
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1z||(templateObject_1$1z=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled__default["default"](IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$V||(templateObject_2$V=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$D||(templateObject_3$D=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled__default["default"].div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$p||(templateObject_4$p=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled__default["default"].figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$a||(templateObject_7$a=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?_styled.css(templateObject_5$n||(templateObject_5$n=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?_styled.css(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled__default["default"].span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$9||(templateObject_8$9=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$7||(templateObject_9$7=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled__default["default"].a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$6||(templateObject_10$6=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1z,templateObject_2$V,templateObject_3$D,templateObject_4$p,templateObject_5$n,templateObject_6$e,templateObject_7$a,templateObject_8$9,templateObject_9$7,templateObject_10$6;var DetailViewContext=/*#__PURE__*/React$d.createContext(null);function useDetailViewContext(){return React$d.useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;return jsxRuntime.jsx(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,width!==null&&width!==void 0?width:getMaxImageWidth(),height);}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageNode.getAttribute('data-image-title'),width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var _b;var image=_a.blockProps;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var imageWidth=getImageWidth(image);var imageUrl=(_b=image.previewUrl)!==null&&_b!==void 0?_b:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);return jsxRuntime.jsx(Host$B,{children:jsxRuntime.jsxs(Figure,__assign({width:imageWidth,onClick:function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}},{children:[jsxRuntime.jsx("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsxRuntime.jsx("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);};var Host$B=_styled__default["default"].div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1y||(templateObject_1$1y=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled__default["default"].figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$U||(templateObject_2$U=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}return {imageId:imageId,imageTitle:node.getAttribute('data-image-caption'),width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1y,templateObject_2$U;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxRuntime.jsxs(Host$A,{children:[jsxRuntime.jsx(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsxRuntime.jsx(PropertiesContainer,{children:jsxRuntime.jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_q=contact.properties.mobilePhone)===null||_q===void 0?void 0:_q.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_r=userInfo.properties)===null||_r===void 0?void 0:_r.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_s=contact.properties.address)===null||_s===void 0?void 0:_s.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_u=(_t=userInfo.properties)===null||_t===void 0?void 0:_t.officeLocation)!==null&&_u!==void 0?_u:(_v=userInfo.properties)===null||_v===void 0?void 0:_v.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_w=contact.properties.additionalInfo)===null||_w===void 0?void 0:_w.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_x=userInfo.properties)===null||_x===void 0?void 0:_x.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
126212
|
+
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1z||(templateObject_1$1z=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled__default["default"](IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$V||(templateObject_2$V=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$D||(templateObject_3$D=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled__default["default"].div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$p||(templateObject_4$p=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled__default["default"].figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$a||(templateObject_7$a=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?_styled.css(templateObject_5$n||(templateObject_5$n=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?_styled.css(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled__default["default"].span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$9||(templateObject_8$9=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$7||(templateObject_9$7=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled__default["default"].a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$6||(templateObject_10$6=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1z,templateObject_2$V,templateObject_3$D,templateObject_4$p,templateObject_5$n,templateObject_6$e,templateObject_7$a,templateObject_8$9,templateObject_9$7,templateObject_10$6;var DetailViewContext=/*#__PURE__*/React$d.createContext(null);function useDetailViewContext(){return React$d.useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;return jsxRuntime.jsx(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,width!==null&&width!==void 0?width:getMaxImageWidth(),height);}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageNode.getAttribute('data-image-title'),width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var _b;var image=_a.blockProps;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var imageWidth=getImageWidth(image);var imageUrl=(_b=image.previewUrl)!==null&&_b!==void 0?_b:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);return jsxRuntime.jsx(Host$B,{children:jsxRuntime.jsxs(Figure,__assign({width:imageWidth,onClick:function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}},{children:[jsxRuntime.jsx("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsxRuntime.jsx("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);};var Host$B=_styled__default["default"].div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1y||(templateObject_1$1y=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled__default["default"].figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$U||(templateObject_2$U=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){var _a,_b;if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}var imageTitle=(_b=(_a=node.querySelector('p[data-image-caption]'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
126213
|
+
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1y,templateObject_2$U;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxRuntime.jsxs(Host$A,{children:[jsxRuntime.jsx(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsxRuntime.jsx(PropertiesContainer,{children:jsxRuntime.jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_q=contact.properties.mobilePhone)===null||_q===void 0?void 0:_q.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_r=userInfo.properties)===null||_r===void 0?void 0:_r.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_s=contact.properties.address)===null||_s===void 0?void 0:_s.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_u=(_t=userInfo.properties)===null||_t===void 0?void 0:_t.officeLocation)!==null&&_u!==void 0?_u:(_v=userInfo.properties)===null||_v===void 0?void 0:_v.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_w=contact.properties.additionalInfo)===null||_w===void 0?void 0:_w.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_x=userInfo.properties)===null||_x===void 0?void 0:_x.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
126194
126214
|
return [2/*return*/,null];case 4:return [2/*return*/];}});});}};var Host$A=_styled__default["default"].div.withConfig({displayName:"InlineContactViewer__Host",componentId:"sc-1rvwltt-0"})(templateObject_1$1x||(templateObject_1$1x=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var PropertiesContainer=_styled__default["default"].div.withConfig({displayName:"InlineContactViewer__PropertiesContainer",componentId:"sc-1rvwltt-1"})(templateObject_2$T||(templateObject_2$T=__makeTemplateObject(["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"],["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"])),spacingS,fontSizeSmall);var StyledAvatar$1=_styled__default["default"](Avatar).withConfig({displayName:"InlineContactViewer__StyledAvatar",componentId:"sc-1rvwltt-2"})(templateObject_3$C||(templateObject_3$C=__makeTemplateObject(["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"],["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"])),fontSizeSmall);var templateObject_1$1x,templateObject_2$T,templateObject_3$C;var FileListHost=_styled__default["default"].ul.withConfig({displayName:"InlineFileStyles__FileListHost",componentId:"sc-1qjkw11-0"})(templateObject_1$1w||(templateObject_1$1w=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"])));var FileListItem=_styled__default["default"].li.withConfig({displayName:"InlineFileStyles__FileListItem",componentId:"sc-1qjkw11-1"})(templateObject_2$S||(templateObject_2$S=__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"])),spacingM,minScreenSize.small,spacingS-5);var FileContainerStyle=_styled.css(templateObject_3$B||(templateObject_3$B=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"],["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"])),spacingS,spacingS+5,fontSizeSmall);var FileIconStyle=_styled.css(templateObject_4$o||(templateObject_4$o=__makeTemplateObject(["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"],["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"])),spacingS,fontSizeLarge-3);var templateObject_1$1w,templateObject_2$S,templateObject_3$B,templateObject_4$o;var InlineFileDownloadButton=function InlineFileDownloadButton(_a){var getFileUrl=_a.getFileUrl,fileName=_a.fileName,title=_a.title,fileAccessToken=_a.fileAccessToken,additionalContent=_a.additionalContent,className=_a.className;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;var iconName=getFileIcon(fileName);if(!getFileUrl){return jsxRuntime.jsxs(FileHost,__assign({className:className,title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0);}return jsxRuntime.jsx(DownloadButton$3,__assign({className:className,onClick:createDownloadClickHandler('_blank',function(){return __awaiter(void 0,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(token)];}});});})},{children:jsxRuntime.jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var FileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileDownloadButton__FileHost",componentId:"sc-1nadbt8-0"})(templateObject_1$1v||(templateObject_1$1v=__makeTemplateObject(["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"],["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"])),FileContainerStyle,FileIconStyle);var DownloadButton$3=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InlineFileDownloadButton__DownloadButton",componentId:"sc-1nadbt8-1"})(templateObject_2$R||(templateObject_2$R=__makeTemplateObject(["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"],["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"])),function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var DownloadLink$1=_styled__default["default"].a.withConfig({displayName:"InlineFileDownloadButton__DownloadLink",componentId:"sc-1nadbt8-2"})(templateObject_3$A||(templateObject_3$A=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"])),function(p){return p.theme.palette.neutralPrimary;});var templateObject_1$1v,templateObject_2$R,templateObject_3$A;var InlinePageDocumentDownloadButton=function InlinePageDocumentDownloadButton(_a){var fileUrl=_a.fileUrl,fileName=_a.fileName,title=_a.title,fileIconName=_a.fileIconName,onClick=_a.onClick,className=_a.className;var iconName=fileIconName||getFileIcon(fileName);return jsxRuntime.jsx(DownloadLink$1,__assign({href:fileUrl,target:"_blank",rel:"noopener noreferrer",onClick:onClick,className:className},{children:jsxRuntime.jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var InlineQuoteViewer=function InlineQuoteViewer(_a){var _b,_c;var quoteDetails=_a.quoteDetails,onClick=_a.onClick,className=_a.className;var upn=(_b=quoteDetails.author)===null||_b===void 0?void 0:_b.userPrincipalName;var displayName=(_c=quoteDetails.author)===null||_c===void 0?void 0:_c.displayName;var showAvatar=upn&"eDetails.showAvatar;return jsxRuntime.jsxs(Host$z,__assign({onClick:onClick,"data-inline-quote":true,className:className},{children:[jsxRuntime.jsx("blockquote",{children:quoteDetails.text},void 0),showAvatar&&jsxRuntime.jsx("figcaption",{children:jsxRuntime.jsx(PersonaCard,__assign({upn:upn},{children:jsxRuntime.jsx(Avatar,{upn:upn,text:displayName,secondaryText:upn},void 0)}),void 0)},void 0),!showAvatar&&displayName&&jsxRuntime.jsx("figcaption",{children:displayName},void 0)]}),void 0);};var Host$z=_styled__default["default"].figure.withConfig({displayName:"InlineQuoteViewer__Host",componentId:"sc-1kb6gh1-0"})(templateObject_1$1u||(templateObject_1$1u=__makeTemplateObject(["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"],["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;},spacingM,2*spacingXl,spacingXl,spacingS,fontSizeSmall,maxScreenSize.medium);var templateObject_1$1u;var InlineQuote=function InlineQuote(_a){var quoteDetails=_a.blockProps;return jsxRuntime.jsx(InlineQuoteViewer,{quoteDetails:quoteDetails},void 0);};var InlineQuoteMapper={component:InlineQuote,type:EntityType.Quote,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d;if(nodeName!=='div'){return null;}var quoteId=node.getAttribute('data-quote-id');if(quoteId==null){return null;}var upn=node.getAttribute('data-quote-authorupn');var text=(_b=(_a=node.querySelector('blockquote'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
126195
126215
|
node.getAttribute('data-quote-text');var displayName=(_d=(_c=node.querySelector('figcaption'))===null||_c===void 0?void 0:_c.innerText)!==null&&_d!==void 0?_d:// use legacy attribute for old content
|
|
126196
126216
|
node.getAttribute('data-quote-authorname');var showAvatar=node.getAttribute('data-quote-showavatar')==='true';var hasAuthor=upn||displayName;return {id:quoteId,text:text,author:hasAuthor?{userPrincipalName:upn,displayName:displayName}:null,showAvatar:showAvatar};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
|
|
@@ -145135,6 +145155,8 @@
|
|
|
145135
145155
|
"PageTitle.chat": "Chat",
|
|
145136
145156
|
"PageTitle.feed": "Feed",
|
|
145137
145157
|
"PageTitle.stream": "Stream",
|
|
145158
|
+
"PageTitle.analytics.usage": "User Activity Analytics",
|
|
145159
|
+
"PageTitle.analytics.news": "News Analytics",
|
|
145138
145160
|
"Gutter.open": "Open",
|
|
145139
145161
|
"Gutter.rename": "Rename",
|
|
145140
145162
|
"Gutter.edit": "Edit",
|
|
@@ -146761,7 +146783,12 @@
|
|
|
146761
146783
|
"SkipLinks.toFilter": "Skip to filter",
|
|
146762
146784
|
"Stream.allLoaded": "You have reached the end of your stream",
|
|
146763
146785
|
"Stream.emptyList": "Your stream is empty at the moment",
|
|
146764
|
-
"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.}}"
|
|
146786
|
+
"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.}}",
|
|
146787
|
+
"Page.header.unread.only": "View only unread",
|
|
146788
|
+
"Page.header.unread.showAll": "View all",
|
|
146789
|
+
"Page.header.search": "Search",
|
|
146790
|
+
"Page.header.filter": "Filter",
|
|
146791
|
+
"Page.header.markAll": "Mark all as read"
|
|
146765
146792
|
};
|
|
146766
146793
|
|
|
146767
146794
|
var en_async_esm = /*#__PURE__*/Object.freeze({
|