@livetiles/reach-components-react 0.3.26 → 0.3.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/de.async.esm.esm.js +14 -0
- package/en.async.esm.esm.js +8 -1
- package/es.async.esm.esm.js +14 -0
- package/fr.async.esm.esm.js +14 -0
- package/index.d.ts +1 -0
- package/index.esm2.js +213 -189
- package/index.umd.js +333 -190
- package/it.async.esm.esm.js +14 -0
- package/ja.async.esm.esm.js +14 -0
- package/package.json +1 -1
- package/tr.async.esm.esm.js +14 -0
- package/zh-CN.async.esm.esm.js +14 -0
- package/zh-TW.async.esm.esm.js +14 -0
package/index.esm2.js
CHANGED
|
@@ -48398,7 +48398,7 @@ var applyFocusStyle = function applyFocusStyle(input) {
|
|
|
48398
48398
|
};
|
|
48399
48399
|
|
|
48400
48400
|
var templateObject_1$4$3;
|
|
48401
|
-
var GlobalStyles = createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"])), function (p) {
|
|
48401
|
+
var GlobalStyles = createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"])), function (p) {
|
|
48402
48402
|
return p.theme.textColors.default;
|
|
48403
48403
|
});
|
|
48404
48404
|
var templateObject_1$3$3;
|
|
@@ -54777,7 +54777,7 @@ function getKeywordTitle(user, translations, name, language) {
|
|
|
54777
54777
|
return language && translations[language] || translations[user.subscription.defaultLanguage] || name;
|
|
54778
54778
|
}
|
|
54779
54779
|
|
|
54780
|
-
function useClearUnreadItems(itemType, handlers) {
|
|
54780
|
+
function useClearUnreadItems(itemType, handlers, unreadCount) {
|
|
54781
54781
|
var refreshUserDetails = useRefreshUserDetails();
|
|
54782
54782
|
var showToast = useNotificationContext().showToast;
|
|
54783
54783
|
var clearMyUnreadItems = useManageCurrentUserApi().clearMyUnreadItems;
|
|
@@ -54789,6 +54789,16 @@ function useClearUnreadItems(itemType, handlers) {
|
|
|
54789
54789
|
switch (_c.label) {
|
|
54790
54790
|
case 0:
|
|
54791
54791
|
(_a = handlers === null || handlers === void 0 ? void 0 : handlers.onStarted) === null || _a === void 0 ? void 0 : _a.call(handlers);
|
|
54792
|
+
|
|
54793
|
+
if (unreadCount === 0) {
|
|
54794
|
+
showToast("Generic." + (itemType === ItemResourceTypes.Events ? 'events' : 'news') + ".alreadyMarkedAllAsReadMessage", {
|
|
54795
|
+
count: 0
|
|
54796
|
+
});
|
|
54797
|
+
return [2
|
|
54798
|
+
/*return*/
|
|
54799
|
+
];
|
|
54800
|
+
}
|
|
54801
|
+
|
|
54792
54802
|
return [4
|
|
54793
54803
|
/*yield*/
|
|
54794
54804
|
, clearMyUnreadItems(itemType)];
|
|
@@ -77087,8 +77097,8 @@ var Dialog = function Dialog(_a) {
|
|
|
77087
77097
|
}, void 0);
|
|
77088
77098
|
};
|
|
77089
77099
|
|
|
77090
|
-
var Styles$1 = createGlobalStyle(templateObject_1$
|
|
77091
|
-
var templateObject_1$
|
|
77100
|
+
var Styles$1 = 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"])));
|
|
77101
|
+
var templateObject_1$1d$1;
|
|
77092
77102
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
77093
77103
|
|
|
77094
77104
|
var check$1 = function (it) {
|
|
@@ -78462,12 +78472,12 @@ var Tooltip = function Tooltip(props) {
|
|
|
78462
78472
|
};
|
|
78463
78473
|
|
|
78464
78474
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78465
|
-
return css$2(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) ? css$2(templateObject_1$
|
|
78475
|
+
return css$2(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) ? css$2(templateObject_1$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : css$2(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) ? css$2(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), style.color) : css$2(templateObject_4$i$1 || (templateObject_4$i$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
78466
78476
|
return p.theme.textColors.default;
|
|
78467
78477
|
}), spacingXxs, spacingS, spacingM);
|
|
78468
78478
|
};
|
|
78469
78479
|
|
|
78470
|
-
var templateObject_1$
|
|
78480
|
+
var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78471
78481
|
|
|
78472
78482
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78473
78483
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78487,7 +78497,7 @@ var EditorHighlight = function EditorHighlight(_a) {
|
|
|
78487
78497
|
var EditorHighlightBubble = _styled.div.withConfig({
|
|
78488
78498
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78489
78499
|
componentId: "sc-1d6ahk1-0"
|
|
78490
|
-
})(templateObject_1$
|
|
78500
|
+
})(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) {
|
|
78491
78501
|
var readOnly = _a.readOnly;
|
|
78492
78502
|
return readOnly ? 'inherit' : 'pointer';
|
|
78493
78503
|
}, function (_a) {
|
|
@@ -78506,7 +78516,7 @@ _styled.div.withConfig({
|
|
|
78506
78516
|
return isActive ? 1 : 0.4;
|
|
78507
78517
|
});
|
|
78508
78518
|
|
|
78509
|
-
var templateObject_1$
|
|
78519
|
+
var templateObject_1$1b$1, templateObject_2$I$1;
|
|
78510
78520
|
|
|
78511
78521
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78512
78522
|
var showDialog = _a.showDialog,
|
|
@@ -78561,25 +78571,25 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78561
78571
|
var Host$y$1 = _styled.div.withConfig({
|
|
78562
78572
|
displayName: "EditorSettingsDialog__Host",
|
|
78563
78573
|
componentId: "sc-132lfuo-0"
|
|
78564
|
-
})(templateObject_1$
|
|
78574
|
+
})(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);
|
|
78565
78575
|
|
|
78566
78576
|
var EditorSettingsDialogWithFixedWidth = _styled(EditorSettingsDialog).withConfig({
|
|
78567
78577
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78568
78578
|
componentId: "sc-132lfuo-1"
|
|
78569
78579
|
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78570
78580
|
|
|
78571
|
-
var templateObject_1$
|
|
78581
|
+
var templateObject_1$1a$1, templateObject_2$H$1;
|
|
78572
78582
|
|
|
78573
78583
|
var IconButton = _styled(IconButton$1).withConfig({
|
|
78574
78584
|
displayName: "IconButton",
|
|
78575
78585
|
componentId: "sc-1mokw5y-0"
|
|
78576
|
-
})(templateObject_1$
|
|
78586
|
+
})(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) {
|
|
78577
78587
|
var _a;
|
|
78578
78588
|
|
|
78579
78589
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78580
78590
|
});
|
|
78581
78591
|
|
|
78582
|
-
var templateObject_1$
|
|
78592
|
+
var templateObject_1$19$1;
|
|
78583
78593
|
|
|
78584
78594
|
var GutterToggle = function GutterToggle(_a) {
|
|
78585
78595
|
var checked = _a.checked,
|
|
@@ -78616,7 +78626,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78616
78626
|
var Host$x$1 = _styled.div.withConfig({
|
|
78617
78627
|
displayName: "GutterToggle__Host",
|
|
78618
78628
|
componentId: "sc-1aya63j-0"
|
|
78619
|
-
})(templateObject_1$
|
|
78629
|
+
})(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"])));
|
|
78620
78630
|
|
|
78621
78631
|
var ToggleIcon = _styled(IconButton).withConfig({
|
|
78622
78632
|
displayName: "GutterToggle__ToggleIcon",
|
|
@@ -78628,8 +78638,8 @@ var Spacer = _styled.div.withConfig({
|
|
|
78628
78638
|
componentId: "sc-1aya63j-2"
|
|
78629
78639
|
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78630
78640
|
|
|
78631
|
-
var templateObject_1$
|
|
78632
|
-
var LinkStyle$1 = css$2(templateObject_1$
|
|
78641
|
+
var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
|
|
78642
|
+
var LinkStyle$1 = css$2(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) {
|
|
78633
78643
|
return p.theme.palette.accent;
|
|
78634
78644
|
}, function (p) {
|
|
78635
78645
|
return p.theme.palette.accent;
|
|
@@ -78645,7 +78655,7 @@ var Link$2 = _styled(Link$4).withConfig({
|
|
|
78645
78655
|
componentId: "sc-5x4ijx-1"
|
|
78646
78656
|
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78647
78657
|
|
|
78648
|
-
var templateObject_1$
|
|
78658
|
+
var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
|
|
78649
78659
|
|
|
78650
78660
|
var NotificationBar = function NotificationBar() {
|
|
78651
78661
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78694,14 +78704,14 @@ var NotificationBar = function NotificationBar() {
|
|
|
78694
78704
|
var Host$w$1 = _styled.div.withConfig({
|
|
78695
78705
|
displayName: "NotificationBar__Host",
|
|
78696
78706
|
componentId: "sc-17dep9g-0"
|
|
78697
|
-
})(templateObject_1$
|
|
78707
|
+
})(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"])));
|
|
78698
78708
|
|
|
78699
78709
|
var StyledMessageBar = _styled(MessageBar).withConfig({
|
|
78700
78710
|
displayName: "NotificationBar__StyledMessageBar",
|
|
78701
78711
|
componentId: "sc-17dep9g-1"
|
|
78702
78712
|
})(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);
|
|
78703
78713
|
|
|
78704
|
-
var templateObject_1$
|
|
78714
|
+
var templateObject_1$16$1, templateObject_2$E$1;
|
|
78705
78715
|
|
|
78706
78716
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78707
78717
|
var _a;
|
|
@@ -78966,9 +78976,9 @@ function isArray$3$1(accounts) {
|
|
|
78966
78976
|
var Container$1$1 = _styled.div.withConfig({
|
|
78967
78977
|
displayName: "PeoplePicker__Container",
|
|
78968
78978
|
componentId: "sc-1if6guq-0"
|
|
78969
|
-
})(templateObject_1$
|
|
78979
|
+
})(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"])));
|
|
78970
78980
|
|
|
78971
|
-
var templateObject_1$
|
|
78981
|
+
var templateObject_1$15$1;
|
|
78972
78982
|
var $$5$1 = _export$1;
|
|
78973
78983
|
var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
|
|
78974
78984
|
var toLength$5$1 = toLength$8$1;
|
|
@@ -79064,11 +79074,11 @@ var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
|
79064
79074
|
var Host$v$1 = _styled.a.withConfig({
|
|
79065
79075
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
79066
79076
|
componentId: "sc-8hqs4q-0"
|
|
79067
|
-
})(templateObject_1$
|
|
79077
|
+
})(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) {
|
|
79068
79078
|
return p.theme.palette.accent;
|
|
79069
79079
|
}, spacingS);
|
|
79070
79080
|
|
|
79071
|
-
var templateObject_1$
|
|
79081
|
+
var templateObject_1$14$1;
|
|
79072
79082
|
|
|
79073
79083
|
var AudioFile = function AudioFile(_a) {
|
|
79074
79084
|
var fileName = _a.fileName,
|
|
@@ -79106,14 +79116,14 @@ function isAudioFile(fileName) {
|
|
|
79106
79116
|
var Host$u$1 = _styled.div.withConfig({
|
|
79107
79117
|
displayName: "AudioFile__Host",
|
|
79108
79118
|
componentId: "sc-wq9avv-0"
|
|
79109
|
-
})(templateObject_1$
|
|
79119
|
+
})(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
79110
79120
|
|
|
79111
|
-
var templateObject_1$
|
|
79121
|
+
var templateObject_1$13$1;
|
|
79112
79122
|
|
|
79113
79123
|
_styled.div.withConfig({
|
|
79114
79124
|
displayName: "GroupedListItemStyles__GroupedListItemHost",
|
|
79115
79125
|
componentId: "sc-upeq9r-0"
|
|
79116
|
-
})(templateObject_1$
|
|
79126
|
+
})(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);
|
|
79117
79127
|
|
|
79118
79128
|
_styled.h2.withConfig({
|
|
79119
79129
|
displayName: "GroupedListItemStyles__GroupedListItemTitle",
|
|
@@ -79122,7 +79132,7 @@ _styled.h2.withConfig({
|
|
|
79122
79132
|
return p.theme.textColors.default;
|
|
79123
79133
|
});
|
|
79124
79134
|
|
|
79125
|
-
var templateObject_1$
|
|
79135
|
+
var templateObject_1$12$1, templateObject_2$D$1;
|
|
79126
79136
|
|
|
79127
79137
|
var AttachmentHost = function AttachmentHost(_a) {
|
|
79128
79138
|
var children = _a.children,
|
|
@@ -79147,7 +79157,7 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79147
79157
|
var Inner$2$2 = _styled.div.withConfig({
|
|
79148
79158
|
displayName: "AttachmentHost__Inner",
|
|
79149
79159
|
componentId: "sc-mjwmvo-0"
|
|
79150
|
-
})(templateObject_1$
|
|
79160
|
+
})(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) {
|
|
79151
79161
|
return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
|
|
79152
79162
|
});
|
|
79153
79163
|
|
|
@@ -79163,12 +79173,12 @@ var Host$t$1 = _styled.div.withConfig({
|
|
|
79163
79173
|
componentId: "sc-mjwmvo-2"
|
|
79164
79174
|
})(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);
|
|
79165
79175
|
|
|
79166
|
-
var templateObject_1$
|
|
79176
|
+
var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
|
|
79167
79177
|
|
|
79168
79178
|
var ActionButton = _styled(ActionButton$1).withConfig({
|
|
79169
79179
|
displayName: "ActionButton",
|
|
79170
79180
|
componentId: "sc-hmhuj9-0"
|
|
79171
|
-
})(templateObject_1
|
|
79181
|
+
})(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) {
|
|
79172
79182
|
var _a;
|
|
79173
79183
|
|
|
79174
79184
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
@@ -79178,7 +79188,7 @@ var ActionButton = _styled(ActionButton$1).withConfig({
|
|
|
79178
79188
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
79179
79189
|
});
|
|
79180
79190
|
|
|
79181
|
-
var templateObject_1
|
|
79191
|
+
var templateObject_1$10$1;
|
|
79182
79192
|
var regexpStickyHelpers$2 = {};
|
|
79183
79193
|
var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
79184
79194
|
// so we use an intermediate function.
|
|
@@ -80701,9 +80711,9 @@ var mediumMaxContentWidth = minScreenSize.medium - spacingX;
|
|
|
80701
80711
|
_styled.div.withConfig({
|
|
80702
80712
|
displayName: "ListItemsContainer",
|
|
80703
80713
|
componentId: "sc-1ml8hli-0"
|
|
80704
|
-
})(templateObject_1
|
|
80714
|
+
})(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);
|
|
80705
80715
|
|
|
80706
|
-
var templateObject_1
|
|
80716
|
+
var templateObject_1$$$1;
|
|
80707
80717
|
|
|
80708
80718
|
function getGoogleMapsSearchLink(name) {
|
|
80709
80719
|
if (!name) {
|
|
@@ -80751,17 +80761,17 @@ var LeftBannerWrapper = _styled.div.withConfig({
|
|
|
80751
80761
|
displayName: "Utils__LeftBannerWrapper",
|
|
80752
80762
|
componentId: "sc-1qatfzk-0"
|
|
80753
80763
|
})(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) {
|
|
80754
|
-
return p.showPlaceholder && css$2(templateObject_1$
|
|
80764
|
+
return p.showPlaceholder && css$2(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), p.theme.palette.accent);
|
|
80755
80765
|
}, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
|
|
80756
80766
|
return p.defaultWidth ? p.defaultWidth : 250;
|
|
80757
80767
|
}); // react router dom path matcher stops at the next '/' (slash) character
|
|
80758
80768
|
|
|
80759
|
-
var templateObject_1$
|
|
80769
|
+
var templateObject_1$_$1, templateObject_2$B$1;
|
|
80760
80770
|
|
|
80761
80771
|
_styled.div.withConfig({
|
|
80762
80772
|
displayName: "AvailableSubscriptionList__Host",
|
|
80763
80773
|
componentId: "sc-113n7q9-0"
|
|
80764
|
-
})(templateObject_1$
|
|
80774
|
+
})(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"])));
|
|
80765
80775
|
|
|
80766
80776
|
_styled(ActionButton).withConfig({
|
|
80767
80777
|
displayName: "AvailableSubscriptionList__SubscriptionButton",
|
|
@@ -80770,7 +80780,7 @@ _styled(ActionButton).withConfig({
|
|
|
80770
80780
|
return p.theme.palette.accent;
|
|
80771
80781
|
});
|
|
80772
80782
|
|
|
80773
|
-
var templateObject_1$
|
|
80783
|
+
var templateObject_1$Z$1, templateObject_2$A$1;
|
|
80774
80784
|
|
|
80775
80785
|
var Callout = function Callout(_a) {
|
|
80776
80786
|
var children = _a.children,
|
|
@@ -80786,7 +80796,7 @@ var Callout = function Callout(_a) {
|
|
|
80786
80796
|
_styled.span.withConfig({
|
|
80787
80797
|
displayName: "ConfirmDeleteDialog__LinePreserverSpan",
|
|
80788
80798
|
componentId: "sc-1ybmivq-0"
|
|
80789
|
-
})(templateObject_1$
|
|
80799
|
+
})(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
|
|
80790
80800
|
|
|
80791
80801
|
_styled(TextField).withConfig({
|
|
80792
80802
|
displayName: "ConfirmDeleteDialog__StyledTextField",
|
|
@@ -80806,7 +80816,7 @@ _styled(PrimaryButton).withConfig({
|
|
|
80806
80816
|
return p.theme.palette.redDark;
|
|
80807
80817
|
});
|
|
80808
80818
|
|
|
80809
|
-
var templateObject_1$
|
|
80819
|
+
var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
|
|
80810
80820
|
|
|
80811
80821
|
var ConfirmDialog = function ConfirmDialog(_a) {
|
|
80812
80822
|
var showDialog = _a.showDialog,
|
|
@@ -80867,9 +80877,9 @@ var ConfirmDialog = function ConfirmDialog(_a) {
|
|
|
80867
80877
|
_styled.div.withConfig({
|
|
80868
80878
|
displayName: "ConfirmResetDialog__Host",
|
|
80869
80879
|
componentId: "sc-akcggz-0"
|
|
80870
|
-
})(templateObject_1$
|
|
80880
|
+
})(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
|
|
80871
80881
|
|
|
80872
|
-
var templateObject_1$
|
|
80882
|
+
var templateObject_1$X$1;
|
|
80873
80883
|
|
|
80874
80884
|
var RelativeDateTime = function RelativeDateTime(_a) {
|
|
80875
80885
|
var absoluteValue = _a.value;
|
|
@@ -81079,18 +81089,18 @@ var DateTimeRange = function DateTimeRange(_a) {
|
|
|
81079
81089
|
var Host$q$1 = _styled.time.withConfig({
|
|
81080
81090
|
displayName: "DateTime__Host",
|
|
81081
81091
|
componentId: "sc-ulo84j-0"
|
|
81082
|
-
})(templateObject_1$
|
|
81092
|
+
})(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
81083
81093
|
|
|
81084
|
-
var templateObject_1$
|
|
81094
|
+
var templateObject_1$W$1;
|
|
81085
81095
|
|
|
81086
81096
|
_styled.div.withConfig({
|
|
81087
81097
|
displayName: "Divider",
|
|
81088
81098
|
componentId: "sc-1qr9ydh-0"
|
|
81089
|
-
})(templateObject_1$
|
|
81099
|
+
})(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) {
|
|
81090
81100
|
return p.theme.palette.neutralTertiary;
|
|
81091
81101
|
}, defaultPageBackgroundColor);
|
|
81092
81102
|
|
|
81093
|
-
var templateObject_1$
|
|
81103
|
+
var templateObject_1$V$1;
|
|
81094
81104
|
|
|
81095
81105
|
var Dropdown = function Dropdown(_a) {
|
|
81096
81106
|
var _b;
|
|
@@ -81132,9 +81142,9 @@ var EmptyList = function EmptyList(_a) {
|
|
|
81132
81142
|
var Container$3 = _styled.div.withConfig({
|
|
81133
81143
|
displayName: "EmptyList__Container",
|
|
81134
81144
|
componentId: "sc-11jeabk-0"
|
|
81135
|
-
})(templateObject_1$
|
|
81145
|
+
})(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);
|
|
81136
81146
|
|
|
81137
|
-
var templateObject_1$
|
|
81147
|
+
var templateObject_1$U$1;
|
|
81138
81148
|
|
|
81139
81149
|
var hasFlag = function hasFlag(baseValue, flag) {
|
|
81140
81150
|
return baseValue != null && (baseValue & flag) === flag;
|
|
@@ -81173,7 +81183,7 @@ $$2$1({
|
|
|
81173
81183
|
_styled.div.withConfig({
|
|
81174
81184
|
displayName: "FieldTranslationEditor__Host",
|
|
81175
81185
|
componentId: "sc-1s8zb6d-0"
|
|
81176
|
-
})(templateObject_1$
|
|
81186
|
+
})(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"])));
|
|
81177
81187
|
|
|
81178
81188
|
_styled.div.withConfig({
|
|
81179
81189
|
displayName: "FieldTranslationEditor__TranslationField",
|
|
@@ -81195,7 +81205,7 @@ _styled.div.withConfig({
|
|
|
81195
81205
|
componentId: "sc-1s8zb6d-4"
|
|
81196
81206
|
})(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
81197
81207
|
|
|
81198
|
-
var templateObject_1$
|
|
81208
|
+
var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
|
|
81199
81209
|
|
|
81200
81210
|
var Spinner = function Spinner(props) {
|
|
81201
81211
|
var _a = useState$2(props.delay == null),
|
|
@@ -81231,9 +81241,9 @@ var Spinner = function Spinner(props) {
|
|
|
81231
81241
|
var Host$o$1 = _styled.div.withConfig({
|
|
81232
81242
|
displayName: "Spinner__Host",
|
|
81233
81243
|
componentId: "sc-1wroad6-0"
|
|
81234
|
-
})(templateObject_1$
|
|
81244
|
+
})(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"])));
|
|
81235
81245
|
|
|
81236
|
-
var templateObject_1$
|
|
81246
|
+
var templateObject_1$S$1;
|
|
81237
81247
|
var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
|
|
81238
81248
|
var isRegExp$6 = isRegexp$2;
|
|
81239
81249
|
var anObject$j = anObject$e$1;
|
|
@@ -81428,7 +81438,7 @@ var InputPlaceholder = function InputPlaceholder(content) {
|
|
|
81428
81438
|
};
|
|
81429
81439
|
|
|
81430
81440
|
var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
|
|
81431
|
-
return css$2(templateObject_1$
|
|
81441
|
+
return css$2(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);
|
|
81432
81442
|
};
|
|
81433
81443
|
|
|
81434
81444
|
function getImageSize(url) {
|
|
@@ -81540,7 +81550,7 @@ function getFileIconByExtension(extension) {
|
|
|
81540
81550
|
}
|
|
81541
81551
|
}
|
|
81542
81552
|
|
|
81543
|
-
var templateObject_1$
|
|
81553
|
+
var templateObject_1$R$1;
|
|
81544
81554
|
|
|
81545
81555
|
function useFileAccessTokenApi() {
|
|
81546
81556
|
var api = useApi();
|
|
@@ -81693,7 +81703,7 @@ var FileAttachmentList = function FileAttachmentList(_a) {
|
|
|
81693
81703
|
var FilesListHost = _styled.ul.withConfig({
|
|
81694
81704
|
displayName: "FileAttachmentList__FilesListHost",
|
|
81695
81705
|
componentId: "sc-lwztxx-0"
|
|
81696
|
-
})(templateObject_1$
|
|
81706
|
+
})(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"])));
|
|
81697
81707
|
|
|
81698
81708
|
var VideoFilesListHost = _styled.ul.withConfig({
|
|
81699
81709
|
displayName: "FileAttachmentList__VideoFilesListHost",
|
|
@@ -81868,7 +81878,7 @@ var WarningIcon$1 = _styled(Icon).withConfig({
|
|
|
81868
81878
|
return p.theme.palette.redDark;
|
|
81869
81879
|
});
|
|
81870
81880
|
|
|
81871
|
-
var templateObject_1$
|
|
81881
|
+
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;
|
|
81872
81882
|
var FabNavigationPosition;
|
|
81873
81883
|
|
|
81874
81884
|
(function (FabNavigationPosition) {
|
|
@@ -81880,7 +81890,7 @@ _styled.nav.withConfig({
|
|
|
81880
81890
|
displayName: "FloatingActionButton__Navigation",
|
|
81881
81891
|
componentId: "sc-1spkihm-0"
|
|
81882
81892
|
})(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) {
|
|
81883
|
-
return p.positionBottomOnMobile ? css$2(templateObject_1$
|
|
81893
|
+
return p.positionBottomOnMobile ? css$2(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) : css$2(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
|
|
81884
81894
|
});
|
|
81885
81895
|
|
|
81886
81896
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
@@ -81927,7 +81937,7 @@ _styled(DefaultButton).withConfig({
|
|
|
81927
81937
|
componentId: "sc-1spkihm-4"
|
|
81928
81938
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81929
81939
|
|
|
81930
|
-
var templateObject_1$
|
|
81940
|
+
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;
|
|
81931
81941
|
|
|
81932
81942
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81933
81943
|
var _b = _a.tagName,
|
|
@@ -81943,82 +81953,9 @@ var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
|
81943
81953
|
}, void 0));
|
|
81944
81954
|
};
|
|
81945
81955
|
|
|
81946
|
-
|
|
81947
|
-
var icon = _a.icon,
|
|
81948
|
-
isActive = _a.isActive,
|
|
81949
|
-
disabled = _a.disabled,
|
|
81950
|
-
tooltipResourceKey = _a.tooltipResourceKey,
|
|
81951
|
-
onClick = _a.onClick,
|
|
81952
|
-
link = _a.link,
|
|
81953
|
-
className = _a.className,
|
|
81954
|
-
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
81955
|
-
|
|
81956
|
-
var formatMessage = useIntl().formatMessage;
|
|
81957
|
-
|
|
81958
|
-
if (!link && !onClick) {
|
|
81959
|
-
return null;
|
|
81960
|
-
}
|
|
81961
|
-
|
|
81962
|
-
var allClassNames = classNames('header-button', className);
|
|
81963
|
-
var IconElement = !link ? jsx$1(Button, __assign$1({
|
|
81964
|
-
className: allClassNames,
|
|
81965
|
-
disabled: disabled,
|
|
81966
|
-
onClick: function (e) {
|
|
81967
|
-
return onClick(e.currentTarget);
|
|
81968
|
-
},
|
|
81969
|
-
iconProps: {
|
|
81970
|
-
iconName: icon
|
|
81971
|
-
},
|
|
81972
|
-
ariaLabel: formatMessage({
|
|
81973
|
-
id: tooltipResourceKey
|
|
81974
|
-
}),
|
|
81975
|
-
"data-button-type": "header-btn",
|
|
81976
|
-
isActive: isActive
|
|
81977
|
-
}, rest), void 0) : jsx$1(StyledLink$2, __assign$1({
|
|
81978
|
-
className: allClassNames,
|
|
81979
|
-
to: link
|
|
81980
|
-
}, rest, {
|
|
81981
|
-
children: jsx$1(Icon, {
|
|
81982
|
-
iconName: icon
|
|
81983
|
-
}, void 0)
|
|
81984
|
-
}), void 0);
|
|
81985
|
-
return jsx$1(Host$m$1, __assign$1({
|
|
81986
|
-
className: "tooltip-container"
|
|
81987
|
-
}, {
|
|
81988
|
-
children: jsx$1(Tooltip, __assign$1({
|
|
81989
|
-
resourceKey: tooltipResourceKey
|
|
81990
|
-
}, {
|
|
81991
|
-
children: IconElement
|
|
81992
|
-
}), void 0)
|
|
81993
|
-
}), void 0);
|
|
81994
|
-
};
|
|
81995
|
-
|
|
81996
|
-
var Host$m$1 = _styled.div.withConfig({
|
|
81997
|
-
displayName: "IconHeaderButton__Host",
|
|
81998
|
-
componentId: "sc-1jn7i2-0"
|
|
81999
|
-
})(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
82000
|
-
|
|
82001
|
-
var Button = _styled(IconButton$1).withConfig({
|
|
82002
|
-
displayName: "IconHeaderButton__Button",
|
|
82003
|
-
componentId: "sc-1jn7i2-1"
|
|
82004
|
-
})(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) {
|
|
82005
|
-
return !p.isActive && css$2(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82006
|
-
}, function (p) {
|
|
82007
|
-
return p.isActive && css$2(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);
|
|
82008
|
-
});
|
|
81956
|
+
_styled.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);
|
|
82009
81957
|
|
|
82010
|
-
var
|
|
82011
|
-
displayName: "IconHeaderButton__StyledLink",
|
|
82012
|
-
componentId: "sc-1jn7i2-2"
|
|
82013
|
-
})(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) {
|
|
82014
|
-
return css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82015
|
-
});
|
|
82016
|
-
|
|
82017
|
-
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;
|
|
82018
|
-
|
|
82019
|
-
_styled.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);
|
|
82020
|
-
|
|
82021
|
-
var templateObject_1$M$1;
|
|
81958
|
+
var templateObject_1$O$1;
|
|
82022
81959
|
var itemStatisticsCache = {};
|
|
82023
81960
|
var onStatisticsUpdated = new Subject();
|
|
82024
81961
|
|
|
@@ -82078,11 +82015,11 @@ var GridKeywordTitle = function GridKeywordTitle(_a) {
|
|
|
82078
82015
|
var Keyword = _styled.span.withConfig({
|
|
82079
82016
|
displayName: "KeywordTitle__Keyword",
|
|
82080
82017
|
componentId: "sc-18jcqyr-0"
|
|
82081
|
-
})(templateObject_2$
|
|
82082
|
-
return p.underlined && css$2(templateObject_1$
|
|
82018
|
+
})(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82019
|
+
return p.underlined && css$2(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
|
|
82083
82020
|
});
|
|
82084
82021
|
|
|
82085
|
-
var templateObject_1$
|
|
82022
|
+
var templateObject_1$N$1, templateObject_2$v$1;
|
|
82086
82023
|
|
|
82087
82024
|
var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
82088
82025
|
var _b;
|
|
@@ -82103,8 +82040,8 @@ var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
|
82103
82040
|
}, void 0);
|
|
82104
82041
|
};
|
|
82105
82042
|
|
|
82106
|
-
var Styles$2 = createGlobalStyle(templateObject_1$
|
|
82107
|
-
var templateObject_1$
|
|
82043
|
+
var Styles$2 = 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"])));
|
|
82044
|
+
var templateObject_1$M$1;
|
|
82108
82045
|
|
|
82109
82046
|
var Modified = function Modified(_a) {
|
|
82110
82047
|
var modified = _a.modified;
|
|
@@ -82114,7 +82051,7 @@ var Modified = function Modified(_a) {
|
|
|
82114
82051
|
return null;
|
|
82115
82052
|
}
|
|
82116
82053
|
|
|
82117
|
-
return jsxs(Host$
|
|
82054
|
+
return jsxs(Host$l$1, __assign$1({
|
|
82118
82055
|
className: "ms-fontColor-neutralTertiary"
|
|
82119
82056
|
}, {
|
|
82120
82057
|
children: ["\u00A0(", jsx$1(Tooltip, __assign$1({
|
|
@@ -82140,9 +82077,9 @@ var Modified = function Modified(_a) {
|
|
|
82140
82077
|
}
|
|
82141
82078
|
};
|
|
82142
82079
|
|
|
82143
|
-
var Host$
|
|
82080
|
+
var Host$l$1 = _styled.span(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
|
|
82144
82081
|
|
|
82145
|
-
var templateObject_1$
|
|
82082
|
+
var templateObject_1$L$1;
|
|
82146
82083
|
|
|
82147
82084
|
var FullScreenImageViewer = function FullScreenImageViewer(_a) {
|
|
82148
82085
|
var images = _a.images,
|
|
@@ -82342,8 +82279,8 @@ var PhotoSwipeGallery = function PhotoSwipeGallery(_a) {
|
|
|
82342
82279
|
}
|
|
82343
82280
|
};
|
|
82344
82281
|
|
|
82345
|
-
var GeneralFixes = createGlobalStyle(templateObject_1$
|
|
82346
|
-
var templateObject_1$
|
|
82282
|
+
var GeneralFixes = 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"])));
|
|
82283
|
+
var templateObject_1$K$1;
|
|
82347
82284
|
|
|
82348
82285
|
var PhotoGrid = function PhotoGrid(_a) {
|
|
82349
82286
|
var images = _a.images,
|
|
@@ -82366,7 +82303,7 @@ var PhotoGrid = function PhotoGrid(_a) {
|
|
|
82366
82303
|
var showMoreImagesIndicator = images.length > 4;
|
|
82367
82304
|
var hasMultiImages = images.length > 1;
|
|
82368
82305
|
var firstImage = images[0];
|
|
82369
|
-
return jsxs(Host$
|
|
82306
|
+
return jsxs(Host$k$1, __assign$1({
|
|
82370
82307
|
"data-multi-images": hasMultiImages,
|
|
82371
82308
|
className: className,
|
|
82372
82309
|
singleImageHeight: firstImage.height,
|
|
@@ -82457,27 +82394,27 @@ var SingleImagePreview = function SingleImagePreview(_a) {
|
|
|
82457
82394
|
}), void 0);
|
|
82458
82395
|
};
|
|
82459
82396
|
|
|
82460
|
-
var Host$
|
|
82397
|
+
var Host$k$1 = _styled.div.withConfig({
|
|
82461
82398
|
displayName: "PhotoGrid__Host",
|
|
82462
82399
|
componentId: "sc-flk193-0"
|
|
82463
|
-
})(templateObject_2$
|
|
82464
|
-
return p.singleImageWidth && p.singleImageHeight && css$2(templateObject_1$
|
|
82400
|
+
})(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) {
|
|
82401
|
+
return p.singleImageWidth && p.singleImageHeight && css$2(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);
|
|
82465
82402
|
});
|
|
82466
82403
|
|
|
82467
82404
|
var SingleImageHost = _styled.a.withConfig({
|
|
82468
82405
|
displayName: "PhotoGrid__SingleImageHost",
|
|
82469
82406
|
componentId: "sc-flk193-1"
|
|
82470
|
-
})(templateObject_4$
|
|
82471
|
-
return p.applyRoundedCorners && css$2(templateObject_3$
|
|
82407
|
+
})(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) {
|
|
82408
|
+
return p.applyRoundedCorners && css$2(templateObject_3$l$1 || (templateObject_3$l$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
|
|
82472
82409
|
});
|
|
82473
82410
|
|
|
82474
82411
|
var Gallery = _styled.div.withConfig({
|
|
82475
82412
|
displayName: "PhotoGrid__Gallery",
|
|
82476
82413
|
componentId: "sc-flk193-2"
|
|
82477
|
-
})(templateObject_6$
|
|
82414
|
+
})(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) {
|
|
82478
82415
|
return p.backgroundColor;
|
|
82479
82416
|
}, function (p) {
|
|
82480
|
-
return p.applyRoundedCorners && css$2(templateObject_5$
|
|
82417
|
+
return p.applyRoundedCorners && css$2(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
|
|
82481
82418
|
});
|
|
82482
82419
|
|
|
82483
82420
|
var ImageItem = _styled.a.withConfig({
|
|
@@ -82495,15 +82432,87 @@ var MoreIndicator = _styled(DefaultButton).withConfig({
|
|
|
82495
82432
|
componentId: "sc-flk193-5"
|
|
82496
82433
|
})(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);
|
|
82497
82434
|
|
|
82498
|
-
var templateObject_1$
|
|
82435
|
+
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;
|
|
82499
82436
|
|
|
82500
82437
|
function showPhoto(url, title) {
|
|
82501
82438
|
{
|
|
82502
82439
|
return;
|
|
82503
82440
|
}
|
|
82504
82441
|
}
|
|
82505
|
-
// eslint-disable-next-line max-len
|
|
82506
82442
|
|
|
82443
|
+
var IconHeaderButton = function IconHeaderButton(_a) {
|
|
82444
|
+
var icon = _a.icon,
|
|
82445
|
+
isActive = _a.isActive,
|
|
82446
|
+
disabled = _a.disabled,
|
|
82447
|
+
tooltipResourceKey = _a.tooltipResourceKey,
|
|
82448
|
+
onClick = _a.onClick,
|
|
82449
|
+
link = _a.link,
|
|
82450
|
+
className = _a.className,
|
|
82451
|
+
rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
|
|
82452
|
+
|
|
82453
|
+
var formatMessage = useIntl().formatMessage;
|
|
82454
|
+
|
|
82455
|
+
if (!link && !onClick) {
|
|
82456
|
+
return null;
|
|
82457
|
+
}
|
|
82458
|
+
|
|
82459
|
+
var allClassNames = classNames('header-button', className);
|
|
82460
|
+
var IconElement = !link ? jsx$1(Button, __assign$1({
|
|
82461
|
+
className: allClassNames,
|
|
82462
|
+
disabled: disabled,
|
|
82463
|
+
onClick: function (e) {
|
|
82464
|
+
return onClick(e.currentTarget);
|
|
82465
|
+
},
|
|
82466
|
+
iconProps: {
|
|
82467
|
+
iconName: icon
|
|
82468
|
+
},
|
|
82469
|
+
ariaLabel: formatMessage({
|
|
82470
|
+
id: tooltipResourceKey
|
|
82471
|
+
}),
|
|
82472
|
+
"data-button-type": "header-btn",
|
|
82473
|
+
isActive: isActive
|
|
82474
|
+
}, rest), void 0) : jsx$1(StyledLink$2, __assign$1({
|
|
82475
|
+
className: allClassNames,
|
|
82476
|
+
to: link
|
|
82477
|
+
}, rest, {
|
|
82478
|
+
children: jsx$1(Icon, {
|
|
82479
|
+
iconName: icon
|
|
82480
|
+
}, void 0)
|
|
82481
|
+
}), void 0);
|
|
82482
|
+
return jsx$1(Host$j$1, __assign$1({
|
|
82483
|
+
className: "tooltip-container"
|
|
82484
|
+
}, {
|
|
82485
|
+
children: jsx$1(Tooltip, __assign$1({
|
|
82486
|
+
resourceKey: tooltipResourceKey
|
|
82487
|
+
}, {
|
|
82488
|
+
children: IconElement
|
|
82489
|
+
}), void 0)
|
|
82490
|
+
}), void 0);
|
|
82491
|
+
};
|
|
82492
|
+
|
|
82493
|
+
var Host$j$1 = _styled.div.withConfig({
|
|
82494
|
+
displayName: "IconHeaderButton__Host",
|
|
82495
|
+
componentId: "sc-1p61ffo-0"
|
|
82496
|
+
})(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
82497
|
+
|
|
82498
|
+
var Button = _styled(IconButton$1).withConfig({
|
|
82499
|
+
displayName: "IconHeaderButton__Button",
|
|
82500
|
+
componentId: "sc-1p61ffo-1"
|
|
82501
|
+
})(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ", ";\n ", "\n }\n"])), function (p) {
|
|
82502
|
+
return !p.isActive && css$2(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82503
|
+
}, function (p) {
|
|
82504
|
+
return p.isActive && css$2(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);
|
|
82505
|
+
});
|
|
82506
|
+
|
|
82507
|
+
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
82508
|
+
displayName: "IconHeaderButton__StyledLink",
|
|
82509
|
+
componentId: "sc-1p61ffo-2"
|
|
82510
|
+
})(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) {
|
|
82511
|
+
return css$2(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82512
|
+
});
|
|
82513
|
+
|
|
82514
|
+
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
|
|
82515
|
+
// eslint-disable-next-line max-len
|
|
82507
82516
|
|
|
82508
82517
|
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';
|
|
82509
82518
|
var requireObjectCoercible$e = requireObjectCoercible$9$1;
|
|
@@ -82681,7 +82690,7 @@ var ToolbarIconButtonWithToolTip = function ToolbarIconButtonWithToolTip(_a) {
|
|
|
82681
82690
|
}), void 0);
|
|
82682
82691
|
};
|
|
82683
82692
|
|
|
82684
|
-
var LinkStyle$2 = css$2(templateObject_1$
|
|
82693
|
+
var LinkStyle$2 = css$2(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"])));
|
|
82685
82694
|
|
|
82686
82695
|
var StyledLink$1$1 = _styled(TextLink).withConfig({
|
|
82687
82696
|
displayName: "ToolbarIconButtonWithToolTip__StyledLink",
|
|
@@ -82707,7 +82716,7 @@ var ToolbarIconButton = _styled(ToolbarIconButtonWithToolTip).withConfig({
|
|
|
82707
82716
|
return p.theme.textColors.default;
|
|
82708
82717
|
});
|
|
82709
82718
|
|
|
82710
|
-
var templateObject_1$
|
|
82719
|
+
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;
|
|
82711
82720
|
|
|
82712
82721
|
var Search = function Search(props) {
|
|
82713
82722
|
var intl = useIntl();
|
|
@@ -82722,7 +82731,9 @@ var Search = function Search(props) {
|
|
|
82722
82731
|
useEffect$1(function () {
|
|
82723
82732
|
addBackButtonListener(handleBack);
|
|
82724
82733
|
setTimeout(function () {
|
|
82725
|
-
|
|
82734
|
+
var _a;
|
|
82735
|
+
|
|
82736
|
+
return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
82726
82737
|
});
|
|
82727
82738
|
return function () {
|
|
82728
82739
|
removeBackButtonListener(handleBack);
|
|
@@ -82800,7 +82811,7 @@ var StyledTextField = _styled(TextField).withConfig({
|
|
|
82800
82811
|
displayName: "Search__StyledTextField",
|
|
82801
82812
|
componentId: "sc-17f35gt-0"
|
|
82802
82813
|
})(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82803
|
-
return p.useLightTheme ? css$2(templateObject_1$
|
|
82814
|
+
return p.useLightTheme ? css$2(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) {
|
|
82804
82815
|
return p.theme.textColors.default;
|
|
82805
82816
|
}, InputPlaceholder("color: " + p.theme.textColors.default)) : css$2(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) {
|
|
82806
82817
|
return p.theme.textColors.onPrimary;
|
|
@@ -82835,16 +82846,17 @@ var CancelButton$1 = _styled(IconButton).withConfig({
|
|
|
82835
82846
|
var SearchBox = function SearchBox(_a) {
|
|
82836
82847
|
var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
|
|
82837
82848
|
isToolbarMode = _a.isToolbarMode,
|
|
82838
|
-
className = _a.className,
|
|
82839
82849
|
onExecuteSearch = _a.onExecuteSearch,
|
|
82840
82850
|
onSearchTextChange = _a.onSearchTextChange,
|
|
82841
|
-
searchText = _a.searchText
|
|
82851
|
+
searchText = _a.searchText,
|
|
82852
|
+
showSearchBoxInput = _a.showSearchBoxInput,
|
|
82853
|
+
className = _a.className;
|
|
82842
82854
|
|
|
82843
82855
|
var _b = useState$2(!!searchText),
|
|
82844
82856
|
showSearchInputFieldState = _b[0],
|
|
82845
82857
|
setShowSearchInputField = _b[1];
|
|
82846
82858
|
|
|
82847
|
-
var showSearchInputField = showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
|
|
82859
|
+
var showSearchInputField = showSearchBoxInput || showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
|
|
82848
82860
|
// but instead via a property
|
|
82849
82861
|
|
|
82850
82862
|
useEffect$1(function () {
|
|
@@ -82883,7 +82895,7 @@ var SearchBox = function SearchBox(_a) {
|
|
|
82883
82895
|
}
|
|
82884
82896
|
};
|
|
82885
82897
|
|
|
82886
|
-
var templateObject_1$
|
|
82898
|
+
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;
|
|
82887
82899
|
var TableSortOrder;
|
|
82888
82900
|
|
|
82889
82901
|
(function (TableSortOrder) {
|
|
@@ -82894,7 +82906,7 @@ var TableSortOrder;
|
|
|
82894
82906
|
_styled(Icon).withConfig({
|
|
82895
82907
|
displayName: "SortableTable__Order",
|
|
82896
82908
|
componentId: "sc-6tqdpa-0"
|
|
82897
|
-
})(templateObject_1$
|
|
82909
|
+
})(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
|
|
82898
82910
|
|
|
82899
82911
|
_styled.span.withConfig({
|
|
82900
82912
|
displayName: "SortableTable__Title",
|
|
@@ -82942,7 +82954,7 @@ _styled(Spinner).withConfig({
|
|
|
82942
82954
|
componentId: "sc-6tqdpa-6"
|
|
82943
82955
|
})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
|
|
82944
82956
|
|
|
82945
|
-
var templateObject_1$
|
|
82957
|
+
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;
|
|
82946
82958
|
|
|
82947
82959
|
var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
82948
82960
|
return jsx$1(StyledToggle, __assign$1({}, props, {
|
|
@@ -82953,15 +82965,15 @@ var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
|
82953
82965
|
var StyledToggle = _styled(Toggle).withConfig({
|
|
82954
82966
|
displayName: "ToggleWithLabel__StyledToggle",
|
|
82955
82967
|
componentId: "sc-lcovfq-0"
|
|
82956
|
-
})(templateObject_1$
|
|
82968
|
+
})(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) {
|
|
82957
82969
|
return p.theme.semanticColors.inputBackgroundCheckedHovered;
|
|
82958
82970
|
});
|
|
82959
82971
|
|
|
82960
|
-
var templateObject_1$
|
|
82961
|
-
var unreadCommentHighlight = css$2(templateObject_1$
|
|
82972
|
+
var templateObject_1$E$1;
|
|
82973
|
+
var unreadCommentHighlight = css$2(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) {
|
|
82962
82974
|
return p.theme.palette.accent;
|
|
82963
82975
|
});
|
|
82964
|
-
var templateObject_1$
|
|
82976
|
+
var templateObject_1$D$1;
|
|
82965
82977
|
|
|
82966
82978
|
function getGroupName(group, user, intl) {
|
|
82967
82979
|
return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
|
|
@@ -82973,7 +82985,7 @@ _styled.div.withConfig({
|
|
|
82973
82985
|
displayName: "VerificationStatusIcon__Host",
|
|
82974
82986
|
componentId: "sc-b3nb8-0"
|
|
82975
82987
|
})(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) {
|
|
82976
|
-
return p.isInvalid && css$2(templateObject_1$
|
|
82988
|
+
return p.isInvalid && css$2(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
82977
82989
|
return p.theme.palette.redDark;
|
|
82978
82990
|
});
|
|
82979
82991
|
});
|
|
@@ -82983,7 +82995,7 @@ _styled(Icon).withConfig({
|
|
|
82983
82995
|
componentId: "sc-b3nb8-1"
|
|
82984
82996
|
})(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
|
|
82985
82997
|
|
|
82986
|
-
var templateObject_1$
|
|
82998
|
+
var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
|
|
82987
82999
|
|
|
82988
83000
|
var OpacityAnimation = function OpacityAnimation(_a) {
|
|
82989
83001
|
var enterDuration = _a.enterDuration,
|
|
@@ -83015,14 +83027,14 @@ var OpacityAnimation = function OpacityAnimation(_a) {
|
|
|
83015
83027
|
}, void 0);
|
|
83016
83028
|
};
|
|
83017
83029
|
|
|
83018
|
-
var AnimationStyle = createGlobalStyle(templateObject_1$
|
|
83030
|
+
var AnimationStyle = 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) {
|
|
83019
83031
|
return p.name;
|
|
83020
83032
|
}, function (p) {
|
|
83021
83033
|
return p.enterDuration;
|
|
83022
83034
|
}, function (p) {
|
|
83023
83035
|
return p.leaveDuration;
|
|
83024
83036
|
});
|
|
83025
|
-
var templateObject_1$
|
|
83037
|
+
var templateObject_1$B$1;
|
|
83026
83038
|
|
|
83027
83039
|
var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
83028
83040
|
var contentLanguageCode = _a.contentLanguageCode,
|
|
@@ -83141,20 +83153,20 @@ var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
|
83141
83153
|
}
|
|
83142
83154
|
};
|
|
83143
83155
|
|
|
83144
|
-
var StyledActionButton$2 = _styled(ActionButton)(templateObject_1$
|
|
83156
|
+
var StyledActionButton$2 = _styled(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) {
|
|
83145
83157
|
return p.theme.textColors.default;
|
|
83146
83158
|
});
|
|
83147
83159
|
|
|
83148
|
-
var templateObject_1$
|
|
83160
|
+
var templateObject_1$A$1;
|
|
83149
83161
|
|
|
83150
83162
|
var ChoiceGroup = _styled(ChoiceGroup$1).withConfig({
|
|
83151
83163
|
displayName: "ChoiceGroup",
|
|
83152
83164
|
componentId: "sc-11bpj01-0"
|
|
83153
|
-
})(templateObject_1$
|
|
83165
|
+
})(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) {
|
|
83154
83166
|
return p.theme.palette.accent;
|
|
83155
83167
|
});
|
|
83156
83168
|
|
|
83157
|
-
var templateObject_1$
|
|
83169
|
+
var templateObject_1$z$1;
|
|
83158
83170
|
|
|
83159
83171
|
var CommentActionMenu = function CommentActionMenu(_a) {
|
|
83160
83172
|
var comment = _a.comment,
|
|
@@ -83278,7 +83290,7 @@ var CommentActionMenu = function CommentActionMenu(_a) {
|
|
|
83278
83290
|
var Buttons$4 = _styled.div.withConfig({
|
|
83279
83291
|
displayName: "CommentActionMenu__Buttons",
|
|
83280
83292
|
componentId: "sc-qsk1nc-0"
|
|
83281
|
-
})(templateObject_1$
|
|
83293
|
+
})(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"])));
|
|
83282
83294
|
|
|
83283
83295
|
var MenuButton$1 = _styled(IconButton).withConfig({
|
|
83284
83296
|
displayName: "CommentActionMenu__MenuButton",
|
|
@@ -83297,18 +83309,18 @@ var StyledCallout$4 = _styled(Callout$1).withConfig({
|
|
|
83297
83309
|
componentId: "sc-qsk1nc-3"
|
|
83298
83310
|
})(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
|
|
83299
83311
|
|
|
83300
|
-
var templateObject_1$
|
|
83312
|
+
var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
|
|
83301
83313
|
|
|
83302
83314
|
var DeleteAttachmentButton = _styled(IconButton$1).withConfig({
|
|
83303
83315
|
displayName: "DeleteAttachmentButton",
|
|
83304
83316
|
componentId: "sc-d7hswf-0"
|
|
83305
|
-
})(templateObject_1$
|
|
83317
|
+
})(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) {
|
|
83306
83318
|
return p.theme.textColors.default;
|
|
83307
83319
|
}, function (p) {
|
|
83308
83320
|
return p.theme.textColors.default;
|
|
83309
83321
|
});
|
|
83310
83322
|
|
|
83311
|
-
var templateObject_1$
|
|
83323
|
+
var templateObject_1$x$1;
|
|
83312
83324
|
|
|
83313
83325
|
var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
83314
83326
|
var toggleAll = _a.toggleAll,
|
|
@@ -83341,7 +83353,7 @@ var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
|
83341
83353
|
var Host$g = _styled.div.withConfig({
|
|
83342
83354
|
displayName: "ToggleAllButtons__Host",
|
|
83343
83355
|
componentId: "sc-kbn3b4-0"
|
|
83344
|
-
})(templateObject_1$
|
|
83356
|
+
})(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
83345
83357
|
|
|
83346
83358
|
var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
83347
83359
|
displayName: "ToggleAllButtons__StyledButton",
|
|
@@ -83350,7 +83362,7 @@ var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
|
83350
83362
|
return p.theme.palette.accent;
|
|
83351
83363
|
});
|
|
83352
83364
|
|
|
83353
|
-
var templateObject_1$
|
|
83365
|
+
var templateObject_1$w$1, templateObject_2$n$1;
|
|
83354
83366
|
|
|
83355
83367
|
var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
83356
83368
|
var iconName = props.iconName,
|
|
@@ -83369,10 +83381,17 @@ var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
|
83369
83381
|
_styled(InternalTopActionButton).withConfig({
|
|
83370
83382
|
displayName: "TopActionButton",
|
|
83371
83383
|
componentId: "sc-1lam7c6-0"
|
|
83372
|
-
})(templateObject_1$
|
|
83384
|
+
})(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) {
|
|
83373
83385
|
return p.theme.palette.accent;
|
|
83374
83386
|
});
|
|
83375
83387
|
|
|
83388
|
+
var templateObject_1$v$1;
|
|
83389
|
+
|
|
83390
|
+
_styled(IconButton).withConfig({
|
|
83391
|
+
displayName: "HeaderMenuButton__MenuButton",
|
|
83392
|
+
componentId: "sc-170vvq2-0"
|
|
83393
|
+
})(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1([""], [""])));
|
|
83394
|
+
|
|
83376
83395
|
var templateObject_1$u$1;
|
|
83377
83396
|
|
|
83378
83397
|
var ChannelTitle = function ChannelTitle(_a) {
|
|
@@ -85127,24 +85146,28 @@ var templateObject_1$7$2, templateObject_2$5$2, templateObject_3$4$2, templateOb
|
|
|
85127
85146
|
var ToolbarMarkAllNewsAsReadButton = function ToolbarMarkAllNewsAsReadButton(_a) {
|
|
85128
85147
|
var onMarkAsReadStarted = _a.onMarkAsReadStarted,
|
|
85129
85148
|
onMarkAsReadFinished = _a.onMarkAsReadFinished,
|
|
85130
|
-
disabled = _a.disabled
|
|
85149
|
+
disabled = _a.disabled,
|
|
85150
|
+
unreadCount = _a.unreadCount;
|
|
85131
85151
|
return jsx$1(ToolbarMarkAllAsReadButton, {
|
|
85132
85152
|
itemType: ItemResourceTypes.News,
|
|
85133
85153
|
disabled: disabled,
|
|
85134
85154
|
onMarkAsReadStarted: onMarkAsReadStarted,
|
|
85135
|
-
onMarkAsReadFinished: onMarkAsReadFinished
|
|
85155
|
+
onMarkAsReadFinished: onMarkAsReadFinished,
|
|
85156
|
+
unreadCount: unreadCount
|
|
85136
85157
|
}, void 0);
|
|
85137
85158
|
};
|
|
85138
85159
|
|
|
85139
85160
|
var ToolbarMarkAllEventsAsReadButton = function ToolbarMarkAllEventsAsReadButton(_a) {
|
|
85140
85161
|
var onMarkAsReadStarted = _a.onMarkAsReadStarted,
|
|
85141
85162
|
onMarkAsReadFinished = _a.onMarkAsReadFinished,
|
|
85142
|
-
disabled = _a.disabled
|
|
85163
|
+
disabled = _a.disabled,
|
|
85164
|
+
unreadCount = _a.unreadCount;
|
|
85143
85165
|
return jsx$1(ToolbarMarkAllAsReadButton, {
|
|
85144
85166
|
itemType: ItemResourceTypes.Events,
|
|
85145
85167
|
disabled: disabled,
|
|
85146
85168
|
onMarkAsReadStarted: onMarkAsReadStarted,
|
|
85147
|
-
onMarkAsReadFinished: onMarkAsReadFinished
|
|
85169
|
+
onMarkAsReadFinished: onMarkAsReadFinished,
|
|
85170
|
+
unreadCount: unreadCount
|
|
85148
85171
|
}, void 0);
|
|
85149
85172
|
};
|
|
85150
85173
|
|
|
@@ -85152,12 +85175,13 @@ var ToolbarMarkAllAsReadButton = function ToolbarMarkAllAsReadButton(_a) {
|
|
|
85152
85175
|
var itemType = _a.itemType,
|
|
85153
85176
|
onMarkAsReadStarted = _a.onMarkAsReadStarted,
|
|
85154
85177
|
onMarkAsReadFinished = _a.onMarkAsReadFinished,
|
|
85155
|
-
disabled = _a.disabled
|
|
85178
|
+
disabled = _a.disabled,
|
|
85179
|
+
unreadCount = _a.unreadCount;
|
|
85156
85180
|
var features = useFeatures();
|
|
85157
85181
|
var clearUnreadItems = useClearUnreadItems(itemType, {
|
|
85158
85182
|
onStarted: onMarkAsReadStarted,
|
|
85159
85183
|
onFinished: onMarkAsReadFinished
|
|
85160
|
-
});
|
|
85184
|
+
}, unreadCount);
|
|
85161
85185
|
|
|
85162
85186
|
if (!features.unreadTracking) {
|
|
85163
85187
|
return null;
|
|
@@ -87386,9 +87410,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87386
87410
|
}), void 0);
|
|
87387
87411
|
};
|
|
87388
87412
|
|
|
87389
|
-
var version$1 = "0.3.
|
|
87390
|
-
var buildId = "
|
|
87391
|
-
var commitId = "
|
|
87413
|
+
var version$1 = "0.3.28";
|
|
87414
|
+
var buildId = "97435";
|
|
87415
|
+
var commitId = "0e7fdaabcf47bc0b451f22df3f7dd27c791ece2e";
|
|
87392
87416
|
var isCustomerBuild = false;
|
|
87393
87417
|
var buildInfo = {
|
|
87394
87418
|
version: version$1,
|