@livetiles/reach-components-react 0.3.42 → 0.3.45
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 +9 -2
- package/en.async.esm.esm.js +9 -2
- package/es.async.esm.esm.js +8 -1
- package/fr.async.esm.esm.js +8 -1
- package/index.esm2.js +283 -254
- package/index.umd.js +357 -265
- package/it.async.esm.esm.js +8 -1
- package/ja.async.esm.esm.js +8 -1
- package/package.json +1 -1
- package/reach-chrome-dummy.d.ts +3 -0
- package/tr.async.esm.esm.js +8 -1
- package/zh-CN.async.esm.esm.js +8 -1
- package/zh-TW.async.esm.esm.js +8 -1
package/index.esm2.js
CHANGED
|
@@ -77110,8 +77110,8 @@ var Dialog = function Dialog(_a) {
|
|
|
77110
77110
|
}, void 0);
|
|
77111
77111
|
};
|
|
77112
77112
|
|
|
77113
|
-
var Styles$1 = createGlobalStyle(templateObject_1$
|
|
77114
|
-
var templateObject_1$
|
|
77113
|
+
var Styles$1 = createGlobalStyle(templateObject_1$1e$1 || (templateObject_1$1e$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
|
|
77114
|
+
var templateObject_1$1e$1;
|
|
77115
77115
|
var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
77116
77116
|
|
|
77117
77117
|
var check$1 = function (it) {
|
|
@@ -78485,12 +78485,12 @@ var Tooltip = function Tooltip(props) {
|
|
|
78485
78485
|
};
|
|
78486
78486
|
|
|
78487
78487
|
var HighlightBubble = function HighlightBubble(style) {
|
|
78488
|
-
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$
|
|
78488
|
+
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$1d$1 || (templateObject_1$1d$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : css$2(templateObject_2$K$1 || (templateObject_2$K$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), defaultPageBackgroundColor), (style === null || style === void 0 ? void 0 : style.color) ? css$2(templateObject_3$u$1 || (templateObject_3$u$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) {
|
|
78489
78489
|
return p.theme.textColors.default;
|
|
78490
78490
|
}), spacingXxs, spacingS, spacingM);
|
|
78491
78491
|
};
|
|
78492
78492
|
|
|
78493
|
-
var templateObject_1$
|
|
78493
|
+
var templateObject_1$1d$1, templateObject_2$K$1, templateObject_3$u$1, templateObject_4$i$1, templateObject_5$d$1;
|
|
78494
78494
|
|
|
78495
78495
|
var EditorHighlight = function EditorHighlight(_a) {
|
|
78496
78496
|
var tooltipResourceKey = _a.tooltipResourceKey,
|
|
@@ -78510,7 +78510,7 @@ var EditorHighlight = function EditorHighlight(_a) {
|
|
|
78510
78510
|
var EditorHighlightBubble = _styled.div.withConfig({
|
|
78511
78511
|
displayName: "EditorHighlight__EditorHighlightBubble",
|
|
78512
78512
|
componentId: "sc-1d6ahk1-0"
|
|
78513
|
-
})(templateObject_1$
|
|
78513
|
+
})(templateObject_1$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
|
|
78514
78514
|
var readOnly = _a.readOnly;
|
|
78515
78515
|
return readOnly ? 'inherit' : 'pointer';
|
|
78516
78516
|
}, function (_a) {
|
|
@@ -78521,7 +78521,7 @@ var EditorHighlightBubble = _styled.div.withConfig({
|
|
|
78521
78521
|
_styled.div.withConfig({
|
|
78522
78522
|
displayName: "EditorHighlight__ChannelsEditorBubbleHost",
|
|
78523
78523
|
componentId: "sc-1d6ahk1-1"
|
|
78524
|
-
})(templateObject_2$
|
|
78524
|
+
})(templateObject_2$J$1 || (templateObject_2$J$1 = __makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), function (_a) {
|
|
78525
78525
|
var readOnly = _a.readOnly;
|
|
78526
78526
|
return readOnly ? 'inherit' : 'pointer';
|
|
78527
78527
|
}, function (_a) {
|
|
@@ -78529,7 +78529,7 @@ _styled.div.withConfig({
|
|
|
78529
78529
|
return isActive ? 1 : 0.4;
|
|
78530
78530
|
});
|
|
78531
78531
|
|
|
78532
|
-
var templateObject_1$
|
|
78532
|
+
var templateObject_1$1c$1, templateObject_2$J$1;
|
|
78533
78533
|
|
|
78534
78534
|
var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
78535
78535
|
var showDialog = _a.showDialog,
|
|
@@ -78556,7 +78556,7 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78556
78556
|
},
|
|
78557
78557
|
onDismiss: onClose
|
|
78558
78558
|
}, {
|
|
78559
|
-
children: [jsx$1(Host$
|
|
78559
|
+
children: [jsx$1(Host$z$1, __assign$1({
|
|
78560
78560
|
className: className
|
|
78561
78561
|
}, {
|
|
78562
78562
|
children: children
|
|
@@ -78581,28 +78581,28 @@ var EditorSettingsDialog = function EditorSettingsDialog(_a) {
|
|
|
78581
78581
|
}), void 0);
|
|
78582
78582
|
};
|
|
78583
78583
|
|
|
78584
|
-
var Host$
|
|
78584
|
+
var Host$z$1 = _styled.div.withConfig({
|
|
78585
78585
|
displayName: "EditorSettingsDialog__Host",
|
|
78586
78586
|
componentId: "sc-132lfuo-0"
|
|
78587
|
-
})(templateObject_1$
|
|
78587
|
+
})(templateObject_1$1b$1 || (templateObject_1$1b$1 = __makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"], ["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"])), spacingM);
|
|
78588
78588
|
|
|
78589
78589
|
var EditorSettingsDialogWithFixedWidth = _styled(EditorSettingsDialog).withConfig({
|
|
78590
78590
|
displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
|
|
78591
78591
|
componentId: "sc-132lfuo-1"
|
|
78592
|
-
})(templateObject_2$
|
|
78592
|
+
})(templateObject_2$I$1 || (templateObject_2$I$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
|
|
78593
78593
|
|
|
78594
|
-
var templateObject_1$
|
|
78594
|
+
var templateObject_1$1b$1, templateObject_2$I$1;
|
|
78595
78595
|
|
|
78596
78596
|
var IconButton = _styled(IconButton$1).withConfig({
|
|
78597
78597
|
displayName: "IconButton",
|
|
78598
78598
|
componentId: "sc-1mokw5y-0"
|
|
78599
|
-
})(templateObject_1$
|
|
78599
|
+
})(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"], ["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"])), function (p) {
|
|
78600
78600
|
var _a;
|
|
78601
78601
|
|
|
78602
78602
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
78603
78603
|
});
|
|
78604
78604
|
|
|
78605
|
-
var templateObject_1$
|
|
78605
|
+
var templateObject_1$1a$1;
|
|
78606
78606
|
|
|
78607
78607
|
var GutterToggle = function GutterToggle(_a) {
|
|
78608
78608
|
var checked = _a.checked,
|
|
@@ -78615,7 +78615,7 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78615
78615
|
ariaLabelResourceKey = _a.ariaLabelResourceKey;
|
|
78616
78616
|
var formatMessage = useIntl().formatMessage;
|
|
78617
78617
|
var name = checked ? activeIconName || iconName || 'CheckboxComposite' : iconName || 'Checkbox';
|
|
78618
|
-
return jsx$1(Host$
|
|
78618
|
+
return jsx$1(Host$y$1, __assign$1({
|
|
78619
78619
|
className: className
|
|
78620
78620
|
}, {
|
|
78621
78621
|
children: !readOnly ? jsx$1(Tooltip, __assign$1({
|
|
@@ -78636,23 +78636,23 @@ var GutterToggle = function GutterToggle(_a) {
|
|
|
78636
78636
|
}), void 0);
|
|
78637
78637
|
};
|
|
78638
78638
|
|
|
78639
|
-
var Host$
|
|
78639
|
+
var Host$y$1 = _styled.div.withConfig({
|
|
78640
78640
|
displayName: "GutterToggle__Host",
|
|
78641
78641
|
componentId: "sc-1aya63j-0"
|
|
78642
|
-
})(templateObject_1$
|
|
78642
|
+
})(templateObject_1$19$1 || (templateObject_1$19$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
|
|
78643
78643
|
|
|
78644
78644
|
var ToggleIcon = _styled(IconButton).withConfig({
|
|
78645
78645
|
displayName: "GutterToggle__ToggleIcon",
|
|
78646
78646
|
componentId: "sc-1aya63j-1"
|
|
78647
|
-
})(templateObject_2$
|
|
78647
|
+
})(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n font-size: ", "px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium, fontSizeMedium + 2);
|
|
78648
78648
|
|
|
78649
78649
|
var Spacer = _styled.div.withConfig({
|
|
78650
78650
|
displayName: "GutterToggle__Spacer",
|
|
78651
78651
|
componentId: "sc-1aya63j-2"
|
|
78652
|
-
})(templateObject_3$
|
|
78652
|
+
})(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
|
|
78653
78653
|
|
|
78654
|
-
var templateObject_1$
|
|
78655
|
-
var LinkStyle$1 = css$2(templateObject_1$
|
|
78654
|
+
var templateObject_1$19$1, templateObject_2$H$1, templateObject_3$t$1;
|
|
78655
|
+
var LinkStyle$1 = css$2(templateObject_1$18$1 || (templateObject_1$18$1 = __makeTemplateObject$1(["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"], ["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"])), function (p) {
|
|
78656
78656
|
return p.theme.palette.accent;
|
|
78657
78657
|
}, function (p) {
|
|
78658
78658
|
return p.theme.palette.accent;
|
|
@@ -78661,14 +78661,14 @@ var LinkStyle$1 = css$2(templateObject_1$17$1 || (templateObject_1$17$1 = __make
|
|
|
78661
78661
|
var ExternalLink$2 = _styled(Link$3).withConfig({
|
|
78662
78662
|
displayName: "Link__ExternalLink",
|
|
78663
78663
|
componentId: "sc-5x4ijx-0"
|
|
78664
|
-
})(templateObject_2$
|
|
78664
|
+
})(templateObject_2$G$1 || (templateObject_2$G$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78665
78665
|
|
|
78666
78666
|
var Link$2 = _styled(Link$4).withConfig({
|
|
78667
78667
|
displayName: "Link",
|
|
78668
78668
|
componentId: "sc-5x4ijx-1"
|
|
78669
|
-
})(templateObject_3$
|
|
78669
|
+
})(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
|
|
78670
78670
|
|
|
78671
|
-
var templateObject_1$
|
|
78671
|
+
var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
|
|
78672
78672
|
|
|
78673
78673
|
var NotificationBar = function NotificationBar() {
|
|
78674
78674
|
var hideNotification = useNotificationContext().hideNotification;
|
|
@@ -78684,7 +78684,7 @@ var NotificationBar = function NotificationBar() {
|
|
|
78684
78684
|
return null;
|
|
78685
78685
|
}
|
|
78686
78686
|
|
|
78687
|
-
return jsx$1(Host$
|
|
78687
|
+
return jsx$1(Host$x$1, __assign$1({
|
|
78688
78688
|
className: "notification-wrapper",
|
|
78689
78689
|
"data-notification-bar": true
|
|
78690
78690
|
}, {
|
|
@@ -78714,17 +78714,17 @@ var NotificationBar = function NotificationBar() {
|
|
|
78714
78714
|
}), void 0);
|
|
78715
78715
|
};
|
|
78716
78716
|
|
|
78717
|
-
var Host$
|
|
78717
|
+
var Host$x$1 = _styled.div.withConfig({
|
|
78718
78718
|
displayName: "NotificationBar__Host",
|
|
78719
78719
|
componentId: "sc-17dep9g-0"
|
|
78720
|
-
})(templateObject_1$
|
|
78720
|
+
})(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"], ["\n display: block;\n position: relative;\n z-index: 101;\n"])));
|
|
78721
78721
|
|
|
78722
78722
|
var StyledMessageBar = _styled(MessageBar).withConfig({
|
|
78723
78723
|
displayName: "NotificationBar__StyledMessageBar",
|
|
78724
78724
|
componentId: "sc-17dep9g-1"
|
|
78725
|
-
})(templateObject_2$
|
|
78725
|
+
})(templateObject_2$F$1 || (templateObject_2$F$1 = __makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ", "px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ", "px;\n }\n\n .ms-MessageBar-icon {\n font-size: ", "px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ", "px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ", "px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ", "px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ", "px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ", "px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ", "px;\n font-weight: bold;\n }\n }\n }\n"], ["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ", "px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ", "px;\n }\n\n .ms-MessageBar-icon {\n font-size: ", "px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ", "px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ", "px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ", "px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ", "px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ", "px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ", "px;\n font-weight: bold;\n }\n }\n }\n"])), fontSizeMedium + 2, fontSizeNormal, fontSizeMedium, fontSizeMedium, fontSizeNormal, fontSizeMedium, fontSizeSmall, spacingL, fontSizeMedium + 2);
|
|
78726
78726
|
|
|
78727
|
-
var templateObject_1$
|
|
78727
|
+
var templateObject_1$17$1, templateObject_2$F$1;
|
|
78728
78728
|
|
|
78729
78729
|
var PeoplePicker = function PeoplePicker(props) {
|
|
78730
78730
|
var _a;
|
|
@@ -78991,9 +78991,9 @@ function isArray$3$1(accounts) {
|
|
|
78991
78991
|
var Container$1$1 = _styled.div.withConfig({
|
|
78992
78992
|
displayName: "PeoplePicker__Container",
|
|
78993
78993
|
componentId: "sc-1if6guq-0"
|
|
78994
|
-
})(templateObject_1$
|
|
78994
|
+
})(templateObject_1$16$1 || (templateObject_1$16$1 = __makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"], ["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));
|
|
78995
78995
|
|
|
78996
|
-
var templateObject_1$
|
|
78996
|
+
var templateObject_1$16$1;
|
|
78997
78997
|
var $$5$1 = _export$1;
|
|
78998
78998
|
var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
|
|
78999
78999
|
var toLength$5$1 = toLength$8$1;
|
|
@@ -79072,7 +79072,7 @@ if (NOT_GENERIC$2 || INCORRECT_NAME$2) {
|
|
|
79072
79072
|
var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
79073
79073
|
var fileName = _a.fileName,
|
|
79074
79074
|
url = _a.url;
|
|
79075
|
-
return jsx$1(Host$
|
|
79075
|
+
return jsx$1(Host$w$1, __assign$1({
|
|
79076
79076
|
href: url,
|
|
79077
79077
|
target: "_blank",
|
|
79078
79078
|
download: fileName,
|
|
@@ -79086,14 +79086,14 @@ var AttachedMediaDownloadLink = function AttachedMediaDownloadLink(_a) {
|
|
|
79086
79086
|
}), void 0);
|
|
79087
79087
|
};
|
|
79088
79088
|
|
|
79089
|
-
var Host$
|
|
79089
|
+
var Host$w$1 = _styled.a.withConfig({
|
|
79090
79090
|
displayName: "AttachedMediaDownloadLink__Host",
|
|
79091
79091
|
componentId: "sc-8hqs4q-0"
|
|
79092
|
-
})(templateObject_1$
|
|
79092
|
+
})(templateObject_1$15$1 || (templateObject_1$15$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"])), spacingXxs, function (p) {
|
|
79093
79093
|
return p.theme.palette.accent;
|
|
79094
79094
|
}, spacingS);
|
|
79095
79095
|
|
|
79096
|
-
var templateObject_1$
|
|
79096
|
+
var templateObject_1$15$1;
|
|
79097
79097
|
|
|
79098
79098
|
var AudioFile = function AudioFile(_a) {
|
|
79099
79099
|
var fileName = _a.fileName,
|
|
@@ -79103,7 +79103,7 @@ var AudioFile = function AudioFile(_a) {
|
|
|
79103
79103
|
return null;
|
|
79104
79104
|
}
|
|
79105
79105
|
|
|
79106
|
-
return jsxs(Host$
|
|
79106
|
+
return jsxs(Host$v$1, {
|
|
79107
79107
|
children: [jsx$1(AttachedMediaDownloadLink, {
|
|
79108
79108
|
fileName: fileName,
|
|
79109
79109
|
url: url
|
|
@@ -79128,26 +79128,26 @@ function isAudioFile(fileName) {
|
|
|
79128
79128
|
return fileType && fileType.toString().startsWith('audio/');
|
|
79129
79129
|
}
|
|
79130
79130
|
|
|
79131
|
-
var Host$
|
|
79131
|
+
var Host$v$1 = _styled.div.withConfig({
|
|
79132
79132
|
displayName: "AudioFile__Host",
|
|
79133
79133
|
componentId: "sc-wq9avv-0"
|
|
79134
|
-
})(templateObject_1$
|
|
79134
|
+
})(templateObject_1$14$1 || (templateObject_1$14$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
79135
79135
|
|
|
79136
|
-
var templateObject_1$
|
|
79136
|
+
var templateObject_1$14$1;
|
|
79137
79137
|
|
|
79138
79138
|
_styled.div.withConfig({
|
|
79139
79139
|
displayName: "GroupedListItemStyles__GroupedListItemHost",
|
|
79140
79140
|
componentId: "sc-upeq9r-0"
|
|
79141
|
-
})(templateObject_1$
|
|
79141
|
+
})(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"], ["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])), spacingL, spacingS);
|
|
79142
79142
|
|
|
79143
79143
|
_styled.h2.withConfig({
|
|
79144
79144
|
displayName: "GroupedListItemStyles__GroupedListItemTitle",
|
|
79145
79145
|
componentId: "sc-upeq9r-1"
|
|
79146
|
-
})(templateObject_2$
|
|
79146
|
+
})(templateObject_2$E$1 || (templateObject_2$E$1 = __makeTemplateObject$1(["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"], ["\n margin: ", "px 0 ", "px 0;\n font-weight: normal;\n font-size: ", "px;\n color: ", ";\n"])), spacingL, spacingL, fontSizeMedium + 2, function (p) {
|
|
79147
79147
|
return p.theme.textColors.default;
|
|
79148
79148
|
});
|
|
79149
79149
|
|
|
79150
|
-
var templateObject_1$
|
|
79150
|
+
var templateObject_1$13$1, templateObject_2$E$1;
|
|
79151
79151
|
|
|
79152
79152
|
var AttachmentHost = function AttachmentHost(_a) {
|
|
79153
79153
|
var children = _a.children,
|
|
@@ -79155,7 +79155,7 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79155
79155
|
domIdentifier = _a.domIdentifier,
|
|
79156
79156
|
backgroundColor = _a.backgroundColor,
|
|
79157
79157
|
className = _a.className;
|
|
79158
|
-
return jsxs(Host$
|
|
79158
|
+
return jsxs(Host$u$1, __assign$1({
|
|
79159
79159
|
className: className
|
|
79160
79160
|
}, {
|
|
79161
79161
|
children: [deleteButton && jsx$1(ButtonHost, {
|
|
@@ -79172,28 +79172,28 @@ var AttachmentHost = function AttachmentHost(_a) {
|
|
|
79172
79172
|
var Inner$2$2 = _styled.div.withConfig({
|
|
79173
79173
|
displayName: "AttachmentHost__Inner",
|
|
79174
79174
|
componentId: "sc-mjwmvo-0"
|
|
79175
|
-
})(templateObject_1$
|
|
79175
|
+
})(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"], ["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"])), attachmentRoundedCornerSize, function (p) {
|
|
79176
79176
|
return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
|
|
79177
79177
|
});
|
|
79178
79178
|
|
|
79179
79179
|
var ButtonHost = _styled.div.withConfig({
|
|
79180
79180
|
displayName: "AttachmentHost__ButtonHost",
|
|
79181
79181
|
componentId: "sc-mjwmvo-1"
|
|
79182
|
-
})(templateObject_2$
|
|
79182
|
+
})(templateObject_2$D$1 || (templateObject_2$D$1 = __makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ", ";\n border-top-right-radius: ", "px;\n border-bottom-left-radius: ", "px;\n"])), function (p) {
|
|
79183
79183
|
return p.theme.palette.white;
|
|
79184
79184
|
}, attachmentRoundedCornerSize - 1, attachmentRoundedCornerSize);
|
|
79185
79185
|
|
|
79186
|
-
var Host$
|
|
79186
|
+
var Host$u$1 = _styled.div.withConfig({
|
|
79187
79187
|
displayName: "AttachmentHost__Host",
|
|
79188
79188
|
componentId: "sc-mjwmvo-2"
|
|
79189
|
-
})(templateObject_3$
|
|
79189
|
+
})(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n margin-top: ", "px;\n"], ["\n position: relative;\n width: 100%;\n margin-top: ", "px;\n"])), spacingM);
|
|
79190
79190
|
|
|
79191
|
-
var templateObject_1$
|
|
79191
|
+
var templateObject_1$12$1, templateObject_2$D$1, templateObject_3$r$1;
|
|
79192
79192
|
|
|
79193
79193
|
var ActionButton = _styled(ActionButton$1).withConfig({
|
|
79194
79194
|
displayName: "ActionButton",
|
|
79195
79195
|
componentId: "sc-hmhuj9-0"
|
|
79196
|
-
})(templateObject_1$
|
|
79196
|
+
})(templateObject_1$11$1 || (templateObject_1$11$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"])), function (p) {
|
|
79197
79197
|
var _a;
|
|
79198
79198
|
|
|
79199
79199
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
@@ -79203,7 +79203,7 @@ var ActionButton = _styled(ActionButton$1).withConfig({
|
|
|
79203
79203
|
return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
|
|
79204
79204
|
});
|
|
79205
79205
|
|
|
79206
|
-
var templateObject_1$
|
|
79206
|
+
var templateObject_1$11$1;
|
|
79207
79207
|
var regexpStickyHelpers$2 = {};
|
|
79208
79208
|
var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
79209
79209
|
// so we use an intermediate function.
|
|
@@ -80726,9 +80726,9 @@ var mediumMaxContentWidth = minScreenSize.medium - spacingX;
|
|
|
80726
80726
|
_styled.div.withConfig({
|
|
80727
80727
|
displayName: "ListItemsContainer",
|
|
80728
80728
|
componentId: "sc-1ml8hli-0"
|
|
80729
|
-
})(templateObject_1
|
|
80729
|
+
})(templateObject_1$10$1 || (templateObject_1$10$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"])), spacingS, maxScreenSize.small, spacingM, smallScreenSpacing, smallScreenSpacing, minScreenSize.small, spacingM, smallMaxContentWidth, minScreenSize.medium, mediumMaxContentWidth);
|
|
80730
80730
|
|
|
80731
|
-
var templateObject_1
|
|
80731
|
+
var templateObject_1$10$1;
|
|
80732
80732
|
|
|
80733
80733
|
function getGoogleMapsSearchLink(name) {
|
|
80734
80734
|
if (!name) {
|
|
@@ -80775,27 +80775,27 @@ function getSubscriptionName(subscription) {
|
|
|
80775
80775
|
var LeftBannerWrapper = _styled.div.withConfig({
|
|
80776
80776
|
displayName: "Utils__LeftBannerWrapper",
|
|
80777
80777
|
componentId: "sc-1qatfzk-0"
|
|
80778
|
-
})(templateObject_2$
|
|
80779
|
-
return p.showPlaceholder && css$2(templateObject_1
|
|
80778
|
+
})(templateObject_2$C$1 || (templateObject_2$C$1 = __makeTemplateObject$1(["\n width: 100%;\n height: calc(\n ((100vw - ", "px * 2) * (1 / ", "))\n );\n ", "\n\n @media (min-width: ", "px) {\n height: calc((", "px * (1 / ", ")));\n }\n\n @media (min-width: ", "px) {\n width: ", "px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"], ["\n width: 100%;\n height: calc(\n ((100vw - ", "px * 2) * (1 / ", "))\n );\n ", "\n\n @media (min-width: ", "px) {\n height: calc((", "px * (1 / ", ")));\n }\n\n @media (min-width: ", "px) {\n width: ", "px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"])), smallScreenSpacing, bannerAspectRatio, function (p) {
|
|
80779
|
+
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);
|
|
80780
80780
|
}, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
|
|
80781
80781
|
return p.defaultWidth ? p.defaultWidth : 250;
|
|
80782
80782
|
}); // react router dom path matcher stops at the next '/' (slash) character
|
|
80783
80783
|
|
|
80784
|
-
var templateObject_1
|
|
80784
|
+
var templateObject_1$$$1, templateObject_2$C$1;
|
|
80785
80785
|
|
|
80786
80786
|
_styled.div.withConfig({
|
|
80787
80787
|
displayName: "AvailableSubscriptionList__Host",
|
|
80788
80788
|
componentId: "sc-113n7q9-0"
|
|
80789
|
-
})(templateObject_1$
|
|
80789
|
+
})(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
80790
80790
|
|
|
80791
80791
|
_styled(ActionButton).withConfig({
|
|
80792
80792
|
displayName: "AvailableSubscriptionList__SubscriptionButton",
|
|
80793
80793
|
componentId: "sc-113n7q9-1"
|
|
80794
|
-
})(templateObject_2$
|
|
80794
|
+
})(templateObject_2$B$1 || (templateObject_2$B$1 = __makeTemplateObject$1(["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"], ["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ", ";\n }\n"])), function (p) {
|
|
80795
80795
|
return p.theme.palette.accent;
|
|
80796
80796
|
});
|
|
80797
80797
|
|
|
80798
|
-
var templateObject_1$
|
|
80798
|
+
var templateObject_1$_$1, templateObject_2$B$1;
|
|
80799
80799
|
|
|
80800
80800
|
var Callout = function Callout(_a) {
|
|
80801
80801
|
var children = _a.children,
|
|
@@ -80814,17 +80814,17 @@ var Callout = function Callout(_a) {
|
|
|
80814
80814
|
_styled.span.withConfig({
|
|
80815
80815
|
displayName: "ConfirmDeleteDialog__LinePreserverSpan",
|
|
80816
80816
|
componentId: "sc-1ybmivq-0"
|
|
80817
|
-
})(templateObject_1$
|
|
80817
|
+
})(templateObject_1$Z$1 || (templateObject_1$Z$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
|
|
80818
80818
|
|
|
80819
80819
|
_styled(TextField).withConfig({
|
|
80820
80820
|
displayName: "ConfirmDeleteDialog__StyledTextField",
|
|
80821
80821
|
componentId: "sc-1ybmivq-1"
|
|
80822
|
-
})(templateObject_2$
|
|
80822
|
+
})(templateObject_2$A$1 || (templateObject_2$A$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingM);
|
|
80823
80823
|
|
|
80824
80824
|
_styled(PrimaryButton).withConfig({
|
|
80825
80825
|
displayName: "ConfirmDeleteDialog__DeleteButton",
|
|
80826
80826
|
componentId: "sc-1ybmivq-2"
|
|
80827
|
-
})(templateObject_3$
|
|
80827
|
+
})(templateObject_3$q$1 || (templateObject_3$q$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n background-color: ", ";\n border-color: ", ";\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n }\n"])), function (p) {
|
|
80828
80828
|
return p.theme.palette.red;
|
|
80829
80829
|
}, function (p) {
|
|
80830
80830
|
return p.theme.palette.red;
|
|
@@ -80834,7 +80834,7 @@ _styled(PrimaryButton).withConfig({
|
|
|
80834
80834
|
return p.theme.palette.redDark;
|
|
80835
80835
|
});
|
|
80836
80836
|
|
|
80837
|
-
var templateObject_1$
|
|
80837
|
+
var templateObject_1$Z$1, templateObject_2$A$1, templateObject_3$q$1;
|
|
80838
80838
|
|
|
80839
80839
|
var ConfirmDialog = function ConfirmDialog(_a) {
|
|
80840
80840
|
var showDialog = _a.showDialog,
|
|
@@ -80895,9 +80895,9 @@ var ConfirmDialog = function ConfirmDialog(_a) {
|
|
|
80895
80895
|
_styled.div.withConfig({
|
|
80896
80896
|
displayName: "ConfirmResetDialog__Host",
|
|
80897
80897
|
componentId: "sc-akcggz-0"
|
|
80898
|
-
})(templateObject_1$
|
|
80898
|
+
})(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
|
|
80899
80899
|
|
|
80900
|
-
var templateObject_1$
|
|
80900
|
+
var templateObject_1$Y$1;
|
|
80901
80901
|
|
|
80902
80902
|
var RelativeDateTime = function RelativeDateTime(_a) {
|
|
80903
80903
|
var absoluteValue = _a.value;
|
|
@@ -81035,7 +81035,7 @@ var DateTime = function DateTime(props) {
|
|
|
81035
81035
|
};
|
|
81036
81036
|
|
|
81037
81037
|
if (!props.showWeekDay && shouldShowRelativeDate) {
|
|
81038
|
-
return jsx$1(Host$
|
|
81038
|
+
return jsx$1(Host$r$1, __assign$1({
|
|
81039
81039
|
className: classNames(props.className)
|
|
81040
81040
|
}, timeProps, {
|
|
81041
81041
|
children: jsx$1(RelativeDateTime, {
|
|
@@ -81044,7 +81044,7 @@ var DateTime = function DateTime(props) {
|
|
|
81044
81044
|
}), void 0);
|
|
81045
81045
|
}
|
|
81046
81046
|
|
|
81047
|
-
return jsxs(Host$
|
|
81047
|
+
return jsxs(Host$r$1, __assign$1({
|
|
81048
81048
|
className: classNames(props.className)
|
|
81049
81049
|
}, timeProps, {
|
|
81050
81050
|
children: [jsx$1(FormattedDate, {
|
|
@@ -81104,21 +81104,21 @@ var DateTimeRange = function DateTimeRange(_a) {
|
|
|
81104
81104
|
}), void 0);
|
|
81105
81105
|
};
|
|
81106
81106
|
|
|
81107
|
-
var Host$
|
|
81107
|
+
var Host$r$1 = _styled.time.withConfig({
|
|
81108
81108
|
displayName: "DateTime__Host",
|
|
81109
81109
|
componentId: "sc-ulo84j-0"
|
|
81110
|
-
})(templateObject_1$
|
|
81110
|
+
})(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
|
|
81111
81111
|
|
|
81112
|
-
var templateObject_1$
|
|
81112
|
+
var templateObject_1$X$1;
|
|
81113
81113
|
|
|
81114
81114
|
_styled.div.withConfig({
|
|
81115
81115
|
displayName: "Divider",
|
|
81116
81116
|
componentId: "sc-1qr9ydh-0"
|
|
81117
|
-
})(templateObject_1$
|
|
81117
|
+
})(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"], ["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"])), function (p) {
|
|
81118
81118
|
return p.theme.palette.neutralTertiary;
|
|
81119
81119
|
}, defaultPageBackgroundColor);
|
|
81120
81120
|
|
|
81121
|
-
var templateObject_1$
|
|
81121
|
+
var templateObject_1$W$1;
|
|
81122
81122
|
|
|
81123
81123
|
var Dropdown = function Dropdown(_a) {
|
|
81124
81124
|
var _b;
|
|
@@ -81160,9 +81160,9 @@ var EmptyList = function EmptyList(_a) {
|
|
|
81160
81160
|
var Container$3 = _styled.div.withConfig({
|
|
81161
81161
|
displayName: "EmptyList__Container",
|
|
81162
81162
|
componentId: "sc-11jeabk-0"
|
|
81163
|
-
})(templateObject_1$
|
|
81163
|
+
})(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"], ["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"])), minScreenSize.small);
|
|
81164
81164
|
|
|
81165
|
-
var templateObject_1$
|
|
81165
|
+
var templateObject_1$V$1;
|
|
81166
81166
|
|
|
81167
81167
|
var hasFlag = function hasFlag(baseValue, flag) {
|
|
81168
81168
|
return baseValue != null && (baseValue & flag) === flag;
|
|
@@ -81201,17 +81201,17 @@ $$2$1({
|
|
|
81201
81201
|
_styled.div.withConfig({
|
|
81202
81202
|
displayName: "FieldTranslationEditor__Host",
|
|
81203
81203
|
componentId: "sc-1s8zb6d-0"
|
|
81204
|
-
})(templateObject_1$
|
|
81204
|
+
})(templateObject_1$U$1 || (templateObject_1$U$1 = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"], ["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));
|
|
81205
81205
|
|
|
81206
81206
|
_styled.div.withConfig({
|
|
81207
81207
|
displayName: "FieldTranslationEditor__TranslationField",
|
|
81208
81208
|
componentId: "sc-1s8zb6d-1"
|
|
81209
|
-
})(templateObject_2$
|
|
81209
|
+
})(templateObject_2$z$1 || (templateObject_2$z$1 = __makeTemplateObject$1(["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"], ["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"])));
|
|
81210
81210
|
|
|
81211
81211
|
_styled(TextField).withConfig({
|
|
81212
81212
|
displayName: "FieldTranslationEditor__StyledTextField",
|
|
81213
81213
|
componentId: "sc-1s8zb6d-2"
|
|
81214
|
-
})(templateObject_3$
|
|
81214
|
+
})(templateObject_3$p$1 || (templateObject_3$p$1 = __makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"], ["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));
|
|
81215
81215
|
|
|
81216
81216
|
_styled.div.withConfig({
|
|
81217
81217
|
displayName: "FieldTranslationEditor__Header",
|
|
@@ -81223,7 +81223,7 @@ _styled.div.withConfig({
|
|
|
81223
81223
|
componentId: "sc-1s8zb6d-4"
|
|
81224
81224
|
})(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
81225
81225
|
|
|
81226
|
-
var templateObject_1$
|
|
81226
|
+
var templateObject_1$U$1, templateObject_2$z$1, templateObject_3$p$1, templateObject_4$h$1, templateObject_5$c$1;
|
|
81227
81227
|
|
|
81228
81228
|
var Spinner = function Spinner(props) {
|
|
81229
81229
|
var _a = useState$2(props.delay == null),
|
|
@@ -81247,7 +81247,7 @@ var Spinner = function Spinner(props) {
|
|
|
81247
81247
|
return null;
|
|
81248
81248
|
}
|
|
81249
81249
|
|
|
81250
|
-
return jsx$1(Host$
|
|
81250
|
+
return jsx$1(Host$p$1, __assign$1({
|
|
81251
81251
|
className: props.className
|
|
81252
81252
|
}, {
|
|
81253
81253
|
children: jsx$1(Spinner$1, __assign$1({}, props, {
|
|
@@ -81256,12 +81256,12 @@ var Spinner = function Spinner(props) {
|
|
|
81256
81256
|
}), void 0);
|
|
81257
81257
|
};
|
|
81258
81258
|
|
|
81259
|
-
var Host$
|
|
81259
|
+
var Host$p$1 = _styled.div.withConfig({
|
|
81260
81260
|
displayName: "Spinner__Host",
|
|
81261
81261
|
componentId: "sc-1wroad6-0"
|
|
81262
|
-
})(templateObject_1$
|
|
81262
|
+
})(templateObject_1$T$1 || (templateObject_1$T$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));
|
|
81263
81263
|
|
|
81264
|
-
var templateObject_1$
|
|
81264
|
+
var templateObject_1$T$1;
|
|
81265
81265
|
var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
|
|
81266
81266
|
var isRegExp$6 = isRegexp$2;
|
|
81267
81267
|
var anObject$j = anObject$e$1;
|
|
@@ -81456,7 +81456,7 @@ var InputPlaceholder = function InputPlaceholder(content) {
|
|
|
81456
81456
|
};
|
|
81457
81457
|
|
|
81458
81458
|
var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
|
|
81459
|
-
return css$2(templateObject_1$
|
|
81459
|
+
return css$2(templateObject_1$S$1 || (templateObject_1$S$1 = __makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])), fontSize * lineHeight * lines, fontSize, lineHeight, lines);
|
|
81460
81460
|
};
|
|
81461
81461
|
|
|
81462
81462
|
function getImageSize(url) {
|
|
@@ -81568,7 +81568,7 @@ function getFileIconByExtension(extension) {
|
|
|
81568
81568
|
}
|
|
81569
81569
|
}
|
|
81570
81570
|
|
|
81571
|
-
var templateObject_1$
|
|
81571
|
+
var templateObject_1$S$1;
|
|
81572
81572
|
|
|
81573
81573
|
function useFileAccessTokenApi() {
|
|
81574
81574
|
var api = useApi();
|
|
@@ -81721,17 +81721,17 @@ var FileAttachmentList = function FileAttachmentList(_a) {
|
|
|
81721
81721
|
var FilesListHost = _styled.ul.withConfig({
|
|
81722
81722
|
displayName: "FileAttachmentList__FilesListHost",
|
|
81723
81723
|
componentId: "sc-lwztxx-0"
|
|
81724
|
-
})(templateObject_1$
|
|
81724
|
+
})(templateObject_1$R$1 || (templateObject_1$R$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));
|
|
81725
81725
|
|
|
81726
81726
|
var VideoFilesListHost = _styled.ul.withConfig({
|
|
81727
81727
|
displayName: "FileAttachmentList__VideoFilesListHost",
|
|
81728
81728
|
componentId: "sc-lwztxx-1"
|
|
81729
|
-
})(templateObject_2$
|
|
81729
|
+
})(templateObject_2$y$1 || (templateObject_2$y$1 = __makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ", "px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])), videoAttachmentRoundedCornerSize);
|
|
81730
81730
|
|
|
81731
81731
|
var VideoFileItem = _styled.li.withConfig({
|
|
81732
81732
|
displayName: "FileAttachmentList__VideoFileItem",
|
|
81733
81733
|
componentId: "sc-lwztxx-2"
|
|
81734
|
-
})(templateObject_3$
|
|
81734
|
+
})(templateObject_3$o$1 || (templateObject_3$o$1 = __makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"], ["\n &:not(:first-child) {\n margin-top: ", "px;\n }\n"])), spacingS);
|
|
81735
81735
|
|
|
81736
81736
|
var FileItem = _styled.li.withConfig({
|
|
81737
81737
|
displayName: "FileAttachmentList__FileItem",
|
|
@@ -81751,7 +81751,7 @@ var FileAttachmentPreview = function FileAttachmentPreview(_a) {
|
|
|
81751
81751
|
exchangeShortLivedToken = _b.exchangeShortLivedToken,
|
|
81752
81752
|
createDownloadClickHandler = _b.createDownloadClickHandler;
|
|
81753
81753
|
|
|
81754
|
-
return jsxs(Host$
|
|
81754
|
+
return jsxs(Host$o$1, {
|
|
81755
81755
|
children: [attachment.isUploadInProgress && jsx$1(AttachmentOverlay$1, {
|
|
81756
81756
|
children: jsx$1(CenteredSpinner$1, {
|
|
81757
81757
|
size: SpinnerSize.medium
|
|
@@ -81834,7 +81834,7 @@ var FileAttachmentPreview = function FileAttachmentPreview(_a) {
|
|
|
81834
81834
|
}
|
|
81835
81835
|
};
|
|
81836
81836
|
|
|
81837
|
-
var Host$
|
|
81837
|
+
var Host$o$1 = _styled.div.withConfig({
|
|
81838
81838
|
displayName: "FileAttachmentList__Host",
|
|
81839
81839
|
componentId: "sc-lwztxx-4"
|
|
81840
81840
|
})(templateObject_5$b$1 || (templateObject_5$b$1 = __makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ", ";\n"])), function (p) {
|
|
@@ -81896,7 +81896,7 @@ var WarningIcon$1 = _styled(Icon).withConfig({
|
|
|
81896
81896
|
return p.theme.palette.redDark;
|
|
81897
81897
|
});
|
|
81898
81898
|
|
|
81899
|
-
var templateObject_1$
|
|
81899
|
+
var templateObject_1$R$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$9$1, templateObject_7$5$1, templateObject_8$5$1, templateObject_9$4$1, templateObject_10$1$2, templateObject_11$1$2, templateObject_12$8, templateObject_13$7, templateObject_14$7, templateObject_15$7, templateObject_16$7;
|
|
81900
81900
|
var FabNavigationPosition;
|
|
81901
81901
|
|
|
81902
81902
|
(function (FabNavigationPosition) {
|
|
@@ -81907,8 +81907,8 @@ var FabNavigationPosition;
|
|
|
81907
81907
|
_styled.nav.withConfig({
|
|
81908
81908
|
displayName: "FloatingActionButton__Navigation",
|
|
81909
81909
|
componentId: "sc-1spkihm-0"
|
|
81910
|
-
})(templateObject_3$
|
|
81911
|
-
return p.positionBottomOnMobile ? css$2(templateObject_1$
|
|
81910
|
+
})(templateObject_3$n$1 || (templateObject_3$n$1 = __makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ", "\n"], ["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ", "\n"])), function (p) {
|
|
81911
|
+
return p.positionBottomOnMobile ? css$2(templateObject_1$Q$1 || (templateObject_1$Q$1 = __makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "], ["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "])), minScreenSize.medium, p.offsetTop + 20) : css$2(templateObject_2$x$1 || (templateObject_2$x$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
|
|
81912
81912
|
});
|
|
81913
81913
|
|
|
81914
81914
|
var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
|
|
@@ -81955,7 +81955,7 @@ _styled(DefaultButton).withConfig({
|
|
|
81955
81955
|
componentId: "sc-1spkihm-4"
|
|
81956
81956
|
})(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
|
|
81957
81957
|
|
|
81958
|
-
var templateObject_1$
|
|
81958
|
+
var templateObject_1$Q$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$8$1, templateObject_7$4$2, templateObject_8$4$2, templateObject_9$3$1, templateObject_10$e, templateObject_11$9;
|
|
81959
81959
|
|
|
81960
81960
|
var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
81961
81961
|
var _b = _a.tagName,
|
|
@@ -81971,9 +81971,9 @@ var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
|
|
|
81971
81971
|
}, void 0));
|
|
81972
81972
|
};
|
|
81973
81973
|
|
|
81974
|
-
_styled.div(templateObject_1$
|
|
81974
|
+
_styled.div(templateObject_1$P$1 || (templateObject_1$P$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"])), spacingXs, fontSizeSmall);
|
|
81975
81975
|
|
|
81976
|
-
var templateObject_1$
|
|
81976
|
+
var templateObject_1$P$1;
|
|
81977
81977
|
var itemStatisticsCache = {};
|
|
81978
81978
|
var onStatisticsUpdated = new Subject();
|
|
81979
81979
|
|
|
@@ -82033,11 +82033,11 @@ var GridKeywordTitle = function GridKeywordTitle(_a) {
|
|
|
82033
82033
|
var Keyword = _styled.span.withConfig({
|
|
82034
82034
|
displayName: "KeywordTitle__Keyword",
|
|
82035
82035
|
componentId: "sc-18jcqyr-0"
|
|
82036
|
-
})(templateObject_2$
|
|
82037
|
-
return p.underlined && css$2(templateObject_1$
|
|
82036
|
+
})(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82037
|
+
return p.underlined && css$2(templateObject_1$O$1 || (templateObject_1$O$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
|
|
82038
82038
|
});
|
|
82039
82039
|
|
|
82040
|
-
var templateObject_1$
|
|
82040
|
+
var templateObject_1$O$1, templateObject_2$w$1;
|
|
82041
82041
|
|
|
82042
82042
|
var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
82043
82043
|
var _b;
|
|
@@ -82058,8 +82058,8 @@ var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
|
|
|
82058
82058
|
}, void 0);
|
|
82059
82059
|
};
|
|
82060
82060
|
|
|
82061
|
-
var Styles$2 = createGlobalStyle(templateObject_1$
|
|
82062
|
-
var templateObject_1$
|
|
82061
|
+
var Styles$2 = createGlobalStyle(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
|
|
82062
|
+
var templateObject_1$N$1;
|
|
82063
82063
|
|
|
82064
82064
|
var Modified = function Modified(_a) {
|
|
82065
82065
|
var modified = _a.modified;
|
|
@@ -82069,7 +82069,7 @@ var Modified = function Modified(_a) {
|
|
|
82069
82069
|
return null;
|
|
82070
82070
|
}
|
|
82071
82071
|
|
|
82072
|
-
return jsxs(Host$
|
|
82072
|
+
return jsxs(Host$m$1, __assign$1({
|
|
82073
82073
|
className: "ms-fontColor-neutralTertiary"
|
|
82074
82074
|
}, {
|
|
82075
82075
|
children: ["\u00A0(", jsx$1(Tooltip, __assign$1({
|
|
@@ -82095,9 +82095,9 @@ var Modified = function Modified(_a) {
|
|
|
82095
82095
|
}
|
|
82096
82096
|
};
|
|
82097
82097
|
|
|
82098
|
-
var Host$
|
|
82098
|
+
var Host$m$1 = _styled.span(templateObject_1$M$1 || (templateObject_1$M$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
|
|
82099
82099
|
|
|
82100
|
-
var templateObject_1$
|
|
82100
|
+
var templateObject_1$M$1;
|
|
82101
82101
|
|
|
82102
82102
|
var FullScreenImageViewer = function FullScreenImageViewer(_a) {
|
|
82103
82103
|
var images = _a.images,
|
|
@@ -82297,8 +82297,8 @@ var PhotoSwipeGallery = function PhotoSwipeGallery(_a) {
|
|
|
82297
82297
|
}
|
|
82298
82298
|
};
|
|
82299
82299
|
|
|
82300
|
-
var GeneralFixes = createGlobalStyle(templateObject_1$
|
|
82301
|
-
var templateObject_1$
|
|
82300
|
+
var GeneralFixes = createGlobalStyle(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"], ["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"])));
|
|
82301
|
+
var templateObject_1$L$1;
|
|
82302
82302
|
|
|
82303
82303
|
var PhotoGrid = function PhotoGrid(_a) {
|
|
82304
82304
|
var images = _a.images,
|
|
@@ -82321,7 +82321,7 @@ var PhotoGrid = function PhotoGrid(_a) {
|
|
|
82321
82321
|
var showMoreImagesIndicator = images.length > 4;
|
|
82322
82322
|
var hasMultiImages = images.length > 1;
|
|
82323
82323
|
var firstImage = images[0];
|
|
82324
|
-
return jsxs(Host$
|
|
82324
|
+
return jsxs(Host$l$1, __assign$1({
|
|
82325
82325
|
"data-multi-images": hasMultiImages,
|
|
82326
82326
|
className: className,
|
|
82327
82327
|
singleImageHeight: firstImage.height,
|
|
@@ -82412,18 +82412,18 @@ var SingleImagePreview = function SingleImagePreview(_a) {
|
|
|
82412
82412
|
}), void 0);
|
|
82413
82413
|
};
|
|
82414
82414
|
|
|
82415
|
-
var Host$
|
|
82415
|
+
var Host$l$1 = _styled.div.withConfig({
|
|
82416
82416
|
displayName: "PhotoGrid__Host",
|
|
82417
82417
|
componentId: "sc-flk193-0"
|
|
82418
|
-
})(templateObject_2$
|
|
82419
|
-
return p.singleImageWidth && p.singleImageHeight && css$2(templateObject_1$
|
|
82418
|
+
})(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"], ["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])), function (p) {
|
|
82419
|
+
return p.singleImageWidth && p.singleImageHeight && css$2(templateObject_1$K$1 || (templateObject_1$K$1 = __makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "], ["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "])), p.singleImageHeight / p.singleImageWidth, p.singleImageWidth, p.singleImageHeight, p.singleImageWidth, p.singleImageHeight / p.singleImageWidth, p.singleImageWidth);
|
|
82420
82420
|
});
|
|
82421
82421
|
|
|
82422
82422
|
var SingleImageHost = _styled.a.withConfig({
|
|
82423
82423
|
displayName: "PhotoGrid__SingleImageHost",
|
|
82424
82424
|
componentId: "sc-flk193-1"
|
|
82425
82425
|
})(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) {
|
|
82426
|
-
return p.applyRoundedCorners && css$2(templateObject_3$
|
|
82426
|
+
return p.applyRoundedCorners && css$2(templateObject_3$m$1 || (templateObject_3$m$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
|
|
82427
82427
|
});
|
|
82428
82428
|
|
|
82429
82429
|
var Gallery = _styled.div.withConfig({
|
|
@@ -82450,7 +82450,7 @@ var MoreIndicator = _styled(DefaultButton).withConfig({
|
|
|
82450
82450
|
componentId: "sc-flk193-5"
|
|
82451
82451
|
})(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);
|
|
82452
82452
|
|
|
82453
|
-
var templateObject_1$
|
|
82453
|
+
var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
|
|
82454
82454
|
|
|
82455
82455
|
function showPhoto(url, title) {
|
|
82456
82456
|
{
|
|
@@ -82497,7 +82497,7 @@ var IconHeaderButton = function IconHeaderButton(_a) {
|
|
|
82497
82497
|
iconName: icon
|
|
82498
82498
|
}, void 0)
|
|
82499
82499
|
}), void 0);
|
|
82500
|
-
return jsx$1(Host$
|
|
82500
|
+
return jsx$1(Host$k$1, __assign$1({
|
|
82501
82501
|
className: "tooltip-container"
|
|
82502
82502
|
}, {
|
|
82503
82503
|
children: jsx$1(Tooltip, __assign$1({
|
|
@@ -82508,18 +82508,18 @@ var IconHeaderButton = function IconHeaderButton(_a) {
|
|
|
82508
82508
|
}), void 0);
|
|
82509
82509
|
};
|
|
82510
82510
|
|
|
82511
|
-
var Host$
|
|
82511
|
+
var Host$k$1 = _styled.div.withConfig({
|
|
82512
82512
|
displayName: "IconHeaderButton__Host",
|
|
82513
82513
|
componentId: "sc-1p61ffo-0"
|
|
82514
|
-
})(templateObject_1$
|
|
82514
|
+
})(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
82515
82515
|
|
|
82516
82516
|
var Button = _styled(IconButton$1).withConfig({
|
|
82517
82517
|
displayName: "IconHeaderButton__Button",
|
|
82518
82518
|
componentId: "sc-1p61ffo-1"
|
|
82519
82519
|
})(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) {
|
|
82520
|
-
return !p.isActive && css$2(templateObject_2$
|
|
82520
|
+
return !p.isActive && css$2(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82521
82521
|
}, function (p) {
|
|
82522
|
-
return p.isActive && css$2(templateObject_3$
|
|
82522
|
+
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);
|
|
82523
82523
|
});
|
|
82524
82524
|
|
|
82525
82525
|
var StyledLink$2 = _styled(Link$4).withConfig({
|
|
@@ -82529,7 +82529,7 @@ var StyledLink$2 = _styled(Link$4).withConfig({
|
|
|
82529
82529
|
return css$2(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
|
|
82530
82530
|
});
|
|
82531
82531
|
|
|
82532
|
-
var templateObject_1$
|
|
82532
|
+
var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
|
|
82533
82533
|
// eslint-disable-next-line max-len
|
|
82534
82534
|
|
|
82535
82535
|
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';
|
|
@@ -82708,17 +82708,17 @@ var ToolbarIconButtonWithToolTip = function ToolbarIconButtonWithToolTip(_a) {
|
|
|
82708
82708
|
}), void 0);
|
|
82709
82709
|
};
|
|
82710
82710
|
|
|
82711
|
-
var LinkStyle$2 = css$2(templateObject_1$
|
|
82711
|
+
var LinkStyle$2 = css$2(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));
|
|
82712
82712
|
|
|
82713
82713
|
var StyledLink$1$1 = _styled(TextLink).withConfig({
|
|
82714
82714
|
displayName: "ToolbarIconButtonWithToolTip__StyledLink",
|
|
82715
82715
|
componentId: "sc-148nazl-0"
|
|
82716
|
-
})(templateObject_2$
|
|
82716
|
+
})(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
|
|
82717
82717
|
|
|
82718
82718
|
var StyledExternalLink = _styled(ExternalLinkHandler).withConfig({
|
|
82719
82719
|
displayName: "ToolbarIconButtonWithToolTip__StyledExternalLink",
|
|
82720
82720
|
componentId: "sc-148nazl-1"
|
|
82721
|
-
})(templateObject_3$
|
|
82721
|
+
})(templateObject_3$k$1 || (templateObject_3$k$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), LinkStyle$2);
|
|
82722
82722
|
|
|
82723
82723
|
var StyledIconButton$3$1 = _styled(IconButton$1).withConfig({
|
|
82724
82724
|
displayName: "ToolbarIconButtonWithToolTip__StyledIconButton",
|
|
@@ -82734,7 +82734,7 @@ var ToolbarIconButton = _styled(ToolbarIconButtonWithToolTip).withConfig({
|
|
|
82734
82734
|
return p.theme.textColors.default;
|
|
82735
82735
|
});
|
|
82736
82736
|
|
|
82737
|
-
var templateObject_1$
|
|
82737
|
+
var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
|
|
82738
82738
|
|
|
82739
82739
|
var Search = function Search(props) {
|
|
82740
82740
|
var intl = useIntl();
|
|
@@ -82760,7 +82760,7 @@ var Search = function Search(props) {
|
|
|
82760
82760
|
useEffect$1(function () {
|
|
82761
82761
|
setSearchText(''); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82762
82762
|
}, [location.pathname]);
|
|
82763
|
-
return jsxs(Host$
|
|
82763
|
+
return jsxs(Host$j$1, __assign$1({
|
|
82764
82764
|
className: classNames('search-field', props.className),
|
|
82765
82765
|
useLightTheme: props.useLightTheme
|
|
82766
82766
|
}, {
|
|
@@ -82828,10 +82828,10 @@ var Search = function Search(props) {
|
|
|
82828
82828
|
var StyledTextField = _styled(TextField).withConfig({
|
|
82829
82829
|
displayName: "Search__StyledTextField",
|
|
82830
82830
|
componentId: "sc-17f35gt-0"
|
|
82831
|
-
})(templateObject_3$
|
|
82832
|
-
return p.useLightTheme ? css$2(templateObject_1$
|
|
82831
|
+
})(templateObject_3$j$1 || (templateObject_3$j$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
82832
|
+
return p.useLightTheme ? css$2(templateObject_1$H$1 || (templateObject_1$H$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
|
|
82833
82833
|
return p.theme.textColors.default;
|
|
82834
|
-
}, InputPlaceholder("color: " + p.theme.textColors.default)) : css$2(templateObject_2$
|
|
82834
|
+
}, InputPlaceholder("color: " + p.theme.textColors.default)) : css$2(templateObject_2$s$1 || (templateObject_2$s$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
|
|
82835
82835
|
return p.theme.textColors.onPrimary;
|
|
82836
82836
|
}, InputPlaceholder("color: " + p.theme.textColors.onPrimary));
|
|
82837
82837
|
});
|
|
@@ -82845,7 +82845,7 @@ var StyledSpinner$1$1 = _styled(Spinner$1).withConfig({
|
|
|
82845
82845
|
return p.theme.palette.themeDarker;
|
|
82846
82846
|
});
|
|
82847
82847
|
|
|
82848
|
-
var Host$
|
|
82848
|
+
var Host$j$1 = _styled.div.withConfig({
|
|
82849
82849
|
displayName: "Search__Host",
|
|
82850
82850
|
componentId: "sc-17f35gt-2"
|
|
82851
82851
|
})(templateObject_7$2$2 || (templateObject_7$2$2 = __makeTemplateObject$1(["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ", ";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ", "\n"], ["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ", ";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ", "\n"])), InputPlaceholder("\n font-size: inherit;\n opacity: 0.5;\n "), function (p) {
|
|
@@ -82913,7 +82913,7 @@ var SearchBox = function SearchBox(_a) {
|
|
|
82913
82913
|
}
|
|
82914
82914
|
};
|
|
82915
82915
|
|
|
82916
|
-
var templateObject_1$
|
|
82916
|
+
var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
|
|
82917
82917
|
var TableSortOrder;
|
|
82918
82918
|
|
|
82919
82919
|
(function (TableSortOrder) {
|
|
@@ -82924,13 +82924,13 @@ var TableSortOrder;
|
|
|
82924
82924
|
_styled(Icon).withConfig({
|
|
82925
82925
|
displayName: "SortableTable__Order",
|
|
82926
82926
|
componentId: "sc-6tqdpa-0"
|
|
82927
|
-
})(templateObject_1$
|
|
82927
|
+
})(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
|
|
82928
82928
|
|
|
82929
82929
|
_styled.span.withConfig({
|
|
82930
82930
|
displayName: "SortableTable__Title",
|
|
82931
82931
|
componentId: "sc-6tqdpa-1"
|
|
82932
82932
|
})(templateObject_4$a$1 || (templateObject_4$a$1 = __makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ", "\n"], ["\n position: relative;\n padding: 0 5px;\n ", "\n"])), function (p) {
|
|
82933
|
-
return p.orderBy ? css$2(templateObject_2$
|
|
82933
|
+
return p.orderBy ? css$2(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n padding-right: 18px;\n "], ["\n padding-right: 18px;\n "]))) : css$2(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n padding-left: 18px;\n "], ["\n padding-left: 18px;\n "])));
|
|
82934
82934
|
});
|
|
82935
82935
|
|
|
82936
82936
|
_styled.th.withConfig({
|
|
@@ -82972,7 +82972,7 @@ _styled(Spinner).withConfig({
|
|
|
82972
82972
|
componentId: "sc-6tqdpa-6"
|
|
82973
82973
|
})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
|
|
82974
82974
|
|
|
82975
|
-
var templateObject_1$
|
|
82975
|
+
var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
|
|
82976
82976
|
|
|
82977
82977
|
var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
82978
82978
|
return jsx$1(StyledToggle, __assign$1({}, props, {
|
|
@@ -82983,15 +82983,15 @@ var ToggleWithLabel = function ToggleWithLabel(props) {
|
|
|
82983
82983
|
var StyledToggle = _styled(Toggle).withConfig({
|
|
82984
82984
|
displayName: "ToggleWithLabel__StyledToggle",
|
|
82985
82985
|
componentId: "sc-lcovfq-0"
|
|
82986
|
-
})(templateObject_1$
|
|
82986
|
+
})(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"])), function (p) {
|
|
82987
82987
|
return p.theme.semanticColors.inputBackgroundCheckedHovered;
|
|
82988
82988
|
});
|
|
82989
82989
|
|
|
82990
|
-
var templateObject_1$
|
|
82991
|
-
var unreadCommentHighlight = css$2(templateObject_1$
|
|
82990
|
+
var templateObject_1$F$1;
|
|
82991
|
+
var unreadCommentHighlight = css$2(templateObject_1$E$1 || (templateObject_1$E$1 = __makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"], ["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"])), function (p) {
|
|
82992
82992
|
return p.theme.palette.accent;
|
|
82993
82993
|
});
|
|
82994
|
-
var templateObject_1$
|
|
82994
|
+
var templateObject_1$E$1;
|
|
82995
82995
|
|
|
82996
82996
|
function getGroupName(group, user, intl) {
|
|
82997
82997
|
return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
|
|
@@ -83002,8 +83002,8 @@ function getGroupName(group, user, intl) {
|
|
|
83002
83002
|
_styled.div.withConfig({
|
|
83003
83003
|
displayName: "VerificationStatusIcon__Host",
|
|
83004
83004
|
componentId: "sc-b3nb8-0"
|
|
83005
|
-
})(templateObject_2$
|
|
83006
|
-
return p.isInvalid && css$2(templateObject_1$
|
|
83005
|
+
})(templateObject_2$q$1 || (templateObject_2$q$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n ", "\n"])), function (p) {
|
|
83006
|
+
return p.isInvalid && css$2(templateObject_1$D$1 || (templateObject_1$D$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
|
|
83007
83007
|
return p.theme.palette.redDark;
|
|
83008
83008
|
});
|
|
83009
83009
|
});
|
|
@@ -83011,9 +83011,9 @@ _styled.div.withConfig({
|
|
|
83011
83011
|
_styled(Icon).withConfig({
|
|
83012
83012
|
displayName: "VerificationStatusIcon__StatusIcon",
|
|
83013
83013
|
componentId: "sc-b3nb8-1"
|
|
83014
|
-
})(templateObject_3$
|
|
83014
|
+
})(templateObject_3$h$1 || (templateObject_3$h$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
|
|
83015
83015
|
|
|
83016
|
-
var templateObject_1$
|
|
83016
|
+
var templateObject_1$D$1, templateObject_2$q$1, templateObject_3$h$1;
|
|
83017
83017
|
|
|
83018
83018
|
var OpacityAnimation = function OpacityAnimation(_a) {
|
|
83019
83019
|
var enterDuration = _a.enterDuration,
|
|
@@ -83045,14 +83045,14 @@ var OpacityAnimation = function OpacityAnimation(_a) {
|
|
|
83045
83045
|
}, void 0);
|
|
83046
83046
|
};
|
|
83047
83047
|
|
|
83048
|
-
var AnimationStyle = createGlobalStyle(templateObject_1$
|
|
83048
|
+
var AnimationStyle = createGlobalStyle(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"], ["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"])), function (p) {
|
|
83049
83049
|
return p.name;
|
|
83050
83050
|
}, function (p) {
|
|
83051
83051
|
return p.enterDuration;
|
|
83052
83052
|
}, function (p) {
|
|
83053
83053
|
return p.leaveDuration;
|
|
83054
83054
|
});
|
|
83055
|
-
var templateObject_1$
|
|
83055
|
+
var templateObject_1$C$1;
|
|
83056
83056
|
|
|
83057
83057
|
var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
83058
83058
|
var contentLanguageCode = _a.contentLanguageCode,
|
|
@@ -83171,20 +83171,20 @@ var AutoTranslateButton = function AutoTranslateButton(_a) {
|
|
|
83171
83171
|
}
|
|
83172
83172
|
};
|
|
83173
83173
|
|
|
83174
|
-
var StyledActionButton$2 = _styled(ActionButton)(templateObject_1$
|
|
83174
|
+
var StyledActionButton$2 = _styled(ActionButton)(templateObject_1$B$1 || (templateObject_1$B$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
|
|
83175
83175
|
return p.theme.textColors.default;
|
|
83176
83176
|
});
|
|
83177
83177
|
|
|
83178
|
-
var templateObject_1$
|
|
83178
|
+
var templateObject_1$B$1;
|
|
83179
83179
|
|
|
83180
83180
|
var ChoiceGroup = _styled(ChoiceGroup$1).withConfig({
|
|
83181
83181
|
displayName: "ChoiceGroup",
|
|
83182
83182
|
componentId: "sc-11bpj01-0"
|
|
83183
|
-
})(templateObject_1$
|
|
83183
|
+
})(templateObject_1$A$1 || (templateObject_1$A$1 = __makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"], ["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"])), function (p) {
|
|
83184
83184
|
return p.theme.palette.accent;
|
|
83185
83185
|
});
|
|
83186
83186
|
|
|
83187
|
-
var templateObject_1$
|
|
83187
|
+
var templateObject_1$A$1;
|
|
83188
83188
|
|
|
83189
83189
|
var CommentActionMenu = function CommentActionMenu(_a) {
|
|
83190
83190
|
var comment = _a.comment,
|
|
@@ -83308,17 +83308,17 @@ var CommentActionMenu = function CommentActionMenu(_a) {
|
|
|
83308
83308
|
var Buttons$4 = _styled.div.withConfig({
|
|
83309
83309
|
displayName: "CommentActionMenu__Buttons",
|
|
83310
83310
|
componentId: "sc-qsk1nc-0"
|
|
83311
|
-
})(templateObject_1$
|
|
83311
|
+
})(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"])));
|
|
83312
83312
|
|
|
83313
83313
|
var MenuButton$1 = _styled(IconButton).withConfig({
|
|
83314
83314
|
displayName: "CommentActionMenu__MenuButton",
|
|
83315
83315
|
componentId: "sc-qsk1nc-1"
|
|
83316
|
-
})(templateObject_2$
|
|
83316
|
+
})(templateObject_2$p$1 || (templateObject_2$p$1 = __makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"], ["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ", "px;\n }\n }\n"])), fontSizeMedium + 2);
|
|
83317
83317
|
|
|
83318
83318
|
var StyledActionButton$1 = _styled(ActionButton).withConfig({
|
|
83319
83319
|
displayName: "CommentActionMenu__StyledActionButton",
|
|
83320
83320
|
componentId: "sc-qsk1nc-2"
|
|
83321
|
-
})(templateObject_3$
|
|
83321
|
+
})(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
|
|
83322
83322
|
return p.theme.textColors.default;
|
|
83323
83323
|
});
|
|
83324
83324
|
|
|
@@ -83327,23 +83327,23 @@ var StyledCallout$4 = _styled(Callout).withConfig({
|
|
|
83327
83327
|
componentId: "sc-qsk1nc-3"
|
|
83328
83328
|
})(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
|
|
83329
83329
|
|
|
83330
|
-
var templateObject_1$
|
|
83330
|
+
var templateObject_1$z$1, templateObject_2$p$1, templateObject_3$g$1, templateObject_4$9$2;
|
|
83331
83331
|
|
|
83332
83332
|
var DeleteAttachmentButton = _styled(IconButton$1).withConfig({
|
|
83333
83333
|
displayName: "DeleteAttachmentButton",
|
|
83334
83334
|
componentId: "sc-d7hswf-0"
|
|
83335
|
-
})(templateObject_1$
|
|
83335
|
+
})(templateObject_1$y$1 || (templateObject_1$y$1 = __makeTemplateObject$1(["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"], ["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])), spacingXs, function (p) {
|
|
83336
83336
|
return p.theme.textColors.default;
|
|
83337
83337
|
}, function (p) {
|
|
83338
83338
|
return p.theme.textColors.default;
|
|
83339
83339
|
});
|
|
83340
83340
|
|
|
83341
|
-
var templateObject_1$
|
|
83341
|
+
var templateObject_1$y$1;
|
|
83342
83342
|
|
|
83343
83343
|
var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
83344
83344
|
var toggleAll = _a.toggleAll,
|
|
83345
83345
|
className = _a.className;
|
|
83346
|
-
return jsxs(Host$
|
|
83346
|
+
return jsxs(Host$h, __assign$1({
|
|
83347
83347
|
className: className
|
|
83348
83348
|
}, {
|
|
83349
83349
|
children: [jsx$1(StyledButton$1$1, __assign$1({
|
|
@@ -83368,19 +83368,19 @@ var ToggleAllButtons = function ToggleAllButtons(_a) {
|
|
|
83368
83368
|
}), void 0);
|
|
83369
83369
|
};
|
|
83370
83370
|
|
|
83371
|
-
var Host$
|
|
83371
|
+
var Host$h = _styled.div.withConfig({
|
|
83372
83372
|
displayName: "ToggleAllButtons__Host",
|
|
83373
83373
|
componentId: "sc-kbn3b4-0"
|
|
83374
|
-
})(templateObject_1$
|
|
83374
|
+
})(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
|
|
83375
83375
|
|
|
83376
83376
|
var StyledButton$1$1 = _styled(ActionButton).withConfig({
|
|
83377
83377
|
displayName: "ToggleAllButtons__StyledButton",
|
|
83378
83378
|
componentId: "sc-kbn3b4-1"
|
|
83379
|
-
})(templateObject_2$
|
|
83379
|
+
})(templateObject_2$o$1 || (templateObject_2$o$1 = __makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"], ["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n color: ", ";\n }\n"])), function (p) {
|
|
83380
83380
|
return p.theme.palette.accent;
|
|
83381
83381
|
});
|
|
83382
83382
|
|
|
83383
|
-
var templateObject_1$
|
|
83383
|
+
var templateObject_1$x$1, templateObject_2$o$1;
|
|
83384
83384
|
|
|
83385
83385
|
var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
83386
83386
|
var iconName = props.iconName,
|
|
@@ -83399,18 +83399,18 @@ var InternalTopActionButton = function InternalTopActionButton(props) {
|
|
|
83399
83399
|
_styled(InternalTopActionButton).withConfig({
|
|
83400
83400
|
displayName: "TopActionButton",
|
|
83401
83401
|
componentId: "sc-1lam7c6-0"
|
|
83402
|
-
})(templateObject_1$
|
|
83402
|
+
})(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"], ["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"])), spacingS, function (p) {
|
|
83403
83403
|
return p.theme.palette.accent;
|
|
83404
83404
|
});
|
|
83405
83405
|
|
|
83406
|
-
var templateObject_1$
|
|
83406
|
+
var templateObject_1$w$1;
|
|
83407
83407
|
|
|
83408
83408
|
_styled(IconButton).withConfig({
|
|
83409
83409
|
displayName: "HeaderMenuButton__MenuButton",
|
|
83410
83410
|
componentId: "sc-170vvq2-0"
|
|
83411
|
-
})(templateObject_1$
|
|
83411
|
+
})(templateObject_1$v$1 || (templateObject_1$v$1 = __makeTemplateObject$1([""], [""])));
|
|
83412
83412
|
|
|
83413
|
-
var templateObject_1$
|
|
83413
|
+
var templateObject_1$v$1;
|
|
83414
83414
|
|
|
83415
83415
|
var ChannelTitle = function ChannelTitle(_a) {
|
|
83416
83416
|
var language = _a.language,
|
|
@@ -83420,7 +83420,7 @@ var ChannelTitle = function ChannelTitle(_a) {
|
|
|
83420
83420
|
var user = useCurrentUser();
|
|
83421
83421
|
var channels = useContext(LazySubscriptionContext).channels;
|
|
83422
83422
|
var displayValue = getChannelDisplayName(channels, channelOrName, user, language);
|
|
83423
|
-
return jsx$1(Host$
|
|
83423
|
+
return jsx$1(Host$g, __assign$1({
|
|
83424
83424
|
title: displayValue,
|
|
83425
83425
|
className: className,
|
|
83426
83426
|
role: role
|
|
@@ -83429,10 +83429,10 @@ var ChannelTitle = function ChannelTitle(_a) {
|
|
|
83429
83429
|
}), void 0);
|
|
83430
83430
|
};
|
|
83431
83431
|
|
|
83432
|
-
var Host$
|
|
83432
|
+
var Host$g = _styled.span.withConfig({
|
|
83433
83433
|
displayName: "ChannelTitle__Host",
|
|
83434
83434
|
componentId: "sc-1lqd4of-0"
|
|
83435
|
-
})(templateObject_1$
|
|
83435
|
+
})(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
83436
83436
|
|
|
83437
83437
|
function isChannel$1(value) {
|
|
83438
83438
|
return value.id != null;
|
|
@@ -83466,26 +83466,26 @@ function getChannelDisplayName(allChannels, channelOrName, user, language) {
|
|
|
83466
83466
|
return language && translations[language] || translations[user.subscription.defaultLanguage] || channel.name;
|
|
83467
83467
|
}
|
|
83468
83468
|
|
|
83469
|
-
var templateObject_1$
|
|
83469
|
+
var templateObject_1$u$1;
|
|
83470
83470
|
|
|
83471
83471
|
_styled(ChannelTitle).withConfig({
|
|
83472
83472
|
displayName: "ChannelItem__StyledChannelTitle",
|
|
83473
83473
|
componentId: "sc-bumcwu-0"
|
|
83474
|
-
})(templateObject_1$
|
|
83474
|
+
})(templateObject_1$t$1 || (templateObject_1$t$1 = __makeTemplateObject$1(["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"], ["\n margin-left: ", "px;\n flex: 1 1 auto;\n font-size: ", ";\n font-weight: bold;\n"])), function (p) {
|
|
83475
83475
|
return p.applyMargin ? '37' : '0';
|
|
83476
83476
|
}, fontSizeLarge);
|
|
83477
83477
|
|
|
83478
83478
|
_styled.div.withConfig({
|
|
83479
83479
|
displayName: "ChannelItem__Host",
|
|
83480
83480
|
componentId: "sc-bumcwu-1"
|
|
83481
|
-
})(templateObject_2$
|
|
83481
|
+
})(templateObject_2$n$1 || (templateObject_2$n$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ", "px ", "px;\n\n ", "\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ", "px;\n }\n }\n"])), spacingS, spacingS + 5, CardBorderInline(2, 2), fontSizeLarge);
|
|
83482
83482
|
|
|
83483
83483
|
_styled(IconButton).withConfig({
|
|
83484
83484
|
displayName: "ChannelItem__StyledIconButton",
|
|
83485
83485
|
componentId: "sc-bumcwu-2"
|
|
83486
|
-
})(templateObject_3$
|
|
83486
|
+
})(templateObject_3$f$1 || (templateObject_3$f$1 = __makeTemplateObject$1(["\n i {\n font-size: ", "px;\n }\n"], ["\n i {\n font-size: ", "px;\n }\n"])), fontSizeLarge);
|
|
83487
83487
|
|
|
83488
|
-
var templateObject_1$
|
|
83488
|
+
var templateObject_1$t$1, templateObject_2$n$1, templateObject_3$f$1;
|
|
83489
83489
|
|
|
83490
83490
|
var ChannelList$1 = function ChannelList(_a) {
|
|
83491
83491
|
var channels = _a.channels,
|
|
@@ -83500,7 +83500,7 @@ var ChannelList$1 = function ChannelList(_a) {
|
|
|
83500
83500
|
}
|
|
83501
83501
|
|
|
83502
83502
|
var showMoreIndicator = channels.length > visibleChannelsCount;
|
|
83503
|
-
return jsxs(Host$
|
|
83503
|
+
return jsxs(Host$e$1, __assign$1({
|
|
83504
83504
|
className: className,
|
|
83505
83505
|
"data-has-more-indicator": showMoreIndicator
|
|
83506
83506
|
}, {
|
|
@@ -83586,13 +83586,13 @@ var IndicatorWidth = 50; // We calculate the space available to show the channel
|
|
|
83586
83586
|
// The full width of the container => 100%
|
|
83587
83587
|
// Minus the indicator width which might not be there in the case we have 3 channels or less
|
|
83588
83588
|
|
|
83589
|
-
var Host$
|
|
83589
|
+
var Host$e$1 = _styled.div(templateObject_1$s$1 || (templateObject_1$s$1 = __makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"], ["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ", "px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])), IndicatorWidth + BubbleGap);
|
|
83590
83590
|
|
|
83591
|
-
var ChannelsHost = _styled.div(templateObject_2$
|
|
83591
|
+
var ChannelsHost = _styled.div(templateObject_2$m$1 || (templateObject_2$m$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"]))); // Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
|
|
83592
83592
|
|
|
83593
83593
|
|
|
83594
83594
|
var StyledChannelTitle = _styled.span(templateObject_5$4$2 || (templateObject_5$4$2 = __makeTemplateObject$1(["\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n"])), function (p) {
|
|
83595
|
-
return p.bubbleCount && css$2(templateObject_3$
|
|
83595
|
+
return p.bubbleCount && css$2(templateObject_3$e$1 || (templateObject_3$e$1 = __makeTemplateObject$1(["\n max-width: calc(100% / ", " - ", "px);\n "], ["\n max-width: calc(100% / ", " - ", "px);\n "])), p.bubbleCount, BubbleGap);
|
|
83596
83596
|
}, function (p) {
|
|
83597
83597
|
return p.bubbleCount && p.bubbleCount > 1 && css$2(templateObject_4$8$2 || (templateObject_4$8$2 = __makeTemplateObject$1(["\n margin-right: ", "px;\n "], ["\n margin-right: ", "px;\n "])), BubbleGap);
|
|
83598
83598
|
}, function (p) {
|
|
@@ -83615,14 +83615,14 @@ var StyledCallout$3 = _styled(Callout)(templateObject_8$l || (templateObject_8$l
|
|
|
83615
83615
|
|
|
83616
83616
|
var CalloutList = _styled.ul(templateObject_9$g || (templateObject_9$g = __makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));
|
|
83617
83617
|
|
|
83618
|
-
var templateObject_1$
|
|
83618
|
+
var templateObject_1$s$1, templateObject_2$m$1, templateObject_3$e$1, templateObject_4$8$2, templateObject_5$4$2, templateObject_6$2$2, templateObject_7$n, templateObject_8$l, templateObject_9$g;
|
|
83619
83619
|
|
|
83620
83620
|
_styled('div').withConfig({
|
|
83621
83621
|
displayName: "ChannelSelector__Host",
|
|
83622
83622
|
componentId: "sc-2h27u4-0"
|
|
83623
|
-
})(templateObject_1$
|
|
83623
|
+
})(templateObject_1$r$1 || (templateObject_1$r$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
83624
83624
|
|
|
83625
|
-
var templateObject_1$
|
|
83625
|
+
var templateObject_1$r$1;
|
|
83626
83626
|
|
|
83627
83627
|
var ClickableChannelTitles = function ClickableChannelTitles(_a) {
|
|
83628
83628
|
var channels = _a.channels,
|
|
@@ -83635,7 +83635,7 @@ var ClickableChannelTitles = function ClickableChannelTitles(_a) {
|
|
|
83635
83635
|
return null;
|
|
83636
83636
|
}
|
|
83637
83637
|
|
|
83638
|
-
return jsx$1(Host$
|
|
83638
|
+
return jsx$1(Host$c$1, __assign$1({
|
|
83639
83639
|
className: className,
|
|
83640
83640
|
"data-channels": channels.join(',')
|
|
83641
83641
|
}, {
|
|
@@ -83668,15 +83668,15 @@ function isChannel(value) {
|
|
|
83668
83668
|
return value.id != null;
|
|
83669
83669
|
}
|
|
83670
83670
|
|
|
83671
|
-
var Host$
|
|
83671
|
+
var Host$c$1 = _styled.ul.withConfig({
|
|
83672
83672
|
displayName: "ClickableChannelTitles__Host",
|
|
83673
83673
|
componentId: "sc-1a7ny18-0"
|
|
83674
|
-
})(templateObject_1$
|
|
83674
|
+
})(templateObject_1$q$1 || (templateObject_1$q$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n font-size: ", "px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n }\n }\n"])), fontSizeSmall);
|
|
83675
83675
|
|
|
83676
83676
|
var ChannelBubble = _styled.div.withConfig({
|
|
83677
83677
|
displayName: "ClickableChannelTitles__ChannelBubble",
|
|
83678
83678
|
componentId: "sc-1a7ny18-1"
|
|
83679
|
-
})(templateObject_2$
|
|
83679
|
+
})(templateObject_2$l$1 || (templateObject_2$l$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
83680
83680
|
return p.backgroundColor ? HighlightBubble({
|
|
83681
83681
|
backgroundColor: p.backgroundColor
|
|
83682
83682
|
}) : HighlightBubble();
|
|
@@ -83685,7 +83685,7 @@ var ChannelBubble = _styled.div.withConfig({
|
|
|
83685
83685
|
var ChannelLink = _styled(NavLink).withConfig({
|
|
83686
83686
|
displayName: "ClickableChannelTitles__ChannelLink",
|
|
83687
83687
|
componentId: "sc-1a7ny18-2"
|
|
83688
|
-
})(templateObject_3$
|
|
83688
|
+
})(templateObject_3$d$1 || (templateObject_3$d$1 = __makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"], ["\n position: relative;\n z-index: 1;\n color: ", ";\n display: inline-block;\n margin: 2px ", "px 2px 0;\n"])), function (p) {
|
|
83689
83689
|
return p.theme.textColors.default;
|
|
83690
83690
|
}, spacingXs);
|
|
83691
83691
|
|
|
@@ -83694,7 +83694,7 @@ var ChannelBubbleWrapper = _styled.span.withConfig({
|
|
|
83694
83694
|
componentId: "sc-1a7ny18-3"
|
|
83695
83695
|
})(templateObject_4$7$2 || (templateObject_4$7$2 = __makeTemplateObject$1(["\n display: block;\n margin: 2px ", "px 2px 0;\n"], ["\n display: block;\n margin: 2px ", "px 2px 0;\n"])), spacingXs);
|
|
83696
83696
|
|
|
83697
|
-
var templateObject_1$
|
|
83697
|
+
var templateObject_1$q$1, templateObject_2$l$1, templateObject_3$d$1, templateObject_4$7$2;
|
|
83698
83698
|
|
|
83699
83699
|
var ToolbarSearch = function ToolbarSearch(_a) {
|
|
83700
83700
|
var searchText = _a.searchText,
|
|
@@ -83725,14 +83725,14 @@ var ToolbarSearch = function ToolbarSearch(_a) {
|
|
|
83725
83725
|
var SearchBoxLargeScreen = _styled.div.withConfig({
|
|
83726
83726
|
displayName: "ToolbarSearch__SearchBoxLargeScreen",
|
|
83727
83727
|
componentId: "sc-1f480ry-0"
|
|
83728
|
-
})(templateObject_1$
|
|
83728
|
+
})(templateObject_1$p$1 || (templateObject_1$p$1 = __makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ", "px) {\n display: none;\n }\n"])), maxScreenSize.medium);
|
|
83729
83729
|
|
|
83730
83730
|
var SearchIconSmallScreen = _styled.div.withConfig({
|
|
83731
83731
|
displayName: "ToolbarSearch__SearchIconSmallScreen",
|
|
83732
83732
|
componentId: "sc-1f480ry-1"
|
|
83733
|
-
})(templateObject_2$
|
|
83733
|
+
})(templateObject_2$k$1 || (templateObject_2$k$1 = __makeTemplateObject$1(["\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
|
|
83734
83734
|
|
|
83735
|
-
var templateObject_1$
|
|
83735
|
+
var templateObject_1$p$1, templateObject_2$k$1;
|
|
83736
83736
|
|
|
83737
83737
|
var Toolbar$1 = function Toolbar(_a) {
|
|
83738
83738
|
var leftSide = _a.leftSide,
|
|
@@ -83747,7 +83747,7 @@ var Toolbar$1 = function Toolbar(_a) {
|
|
|
83747
83747
|
isSearchInputFieldVisible = _b[0],
|
|
83748
83748
|
setIsSearchInputFieldVisible = _b[1];
|
|
83749
83749
|
|
|
83750
|
-
return jsxs(Host$
|
|
83750
|
+
return jsxs(Host$b$1, __assign$1({
|
|
83751
83751
|
className: className,
|
|
83752
83752
|
"data-content-toolbar": true
|
|
83753
83753
|
}, {
|
|
@@ -83794,22 +83794,22 @@ var Toolbar$1 = function Toolbar(_a) {
|
|
|
83794
83794
|
}
|
|
83795
83795
|
};
|
|
83796
83796
|
|
|
83797
|
-
var Host$
|
|
83797
|
+
var Host$b$1 = _styled.div.withConfig({
|
|
83798
83798
|
displayName: "Toolbar__Host",
|
|
83799
83799
|
componentId: "sc-16ftbxt-0"
|
|
83800
|
-
})(templateObject_1$
|
|
83800
|
+
})(templateObject_1$o$1 || (templateObject_1$o$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n box-shadow: 1px 1px 4px grey;\n padding: ", "px;\n min-height: 36px;\n"])), function (p) {
|
|
83801
83801
|
return p.theme.palette.white;
|
|
83802
83802
|
}, spacingXxs);
|
|
83803
83803
|
|
|
83804
83804
|
var LeftSide = _styled.div.withConfig({
|
|
83805
83805
|
displayName: "Toolbar__LeftSide",
|
|
83806
83806
|
componentId: "sc-16ftbxt-1"
|
|
83807
|
-
})(templateObject_2$
|
|
83807
|
+
})(templateObject_2$j$1 || (templateObject_2$j$1 = __makeTemplateObject$1(["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"], ["\n display: inline-flex;\n flex-wrap: wrap;\n max-width: 50%;\n"])));
|
|
83808
83808
|
|
|
83809
83809
|
var RightSide = _styled.div.withConfig({
|
|
83810
83810
|
displayName: "Toolbar__RightSide",
|
|
83811
83811
|
componentId: "sc-16ftbxt-2"
|
|
83812
|
-
})(templateObject_3$
|
|
83812
|
+
})(templateObject_3$c$1 || (templateObject_3$c$1 = __makeTemplateObject$1(["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"], ["\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n margin-left: auto;\n"])));
|
|
83813
83813
|
|
|
83814
83814
|
var Row = _styled.div.withConfig({
|
|
83815
83815
|
displayName: "Toolbar__Row",
|
|
@@ -83821,31 +83821,31 @@ var SearchInputRow = _styled.div.withConfig({
|
|
|
83821
83821
|
componentId: "sc-16ftbxt-4"
|
|
83822
83822
|
})(templateObject_5$3$2 || (templateObject_5$3$2 = __makeTemplateObject$1(["\n display: flex;\n width: 100%;\n @media (min-width: ", "px) {\n display: none;\n }\n"], ["\n display: flex;\n width: 100%;\n @media (min-width: ", "px) {\n display: none;\n }\n"])), minScreenSize.medium);
|
|
83823
83823
|
|
|
83824
|
-
var templateObject_1$
|
|
83824
|
+
var templateObject_1$o$1, templateObject_2$j$1, templateObject_3$c$1, templateObject_4$6$2, templateObject_5$3$2;
|
|
83825
83825
|
|
|
83826
83826
|
_styled(Toolbar$1).withConfig({
|
|
83827
83827
|
displayName: "ChromelessToolbar__StyledToolbar",
|
|
83828
83828
|
componentId: "sc-1vovywb-0"
|
|
83829
|
-
})(templateObject_1$
|
|
83829
|
+
})(templateObject_1$n$1 || (templateObject_1$n$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingM);
|
|
83830
83830
|
|
|
83831
|
-
createGlobalStyle(templateObject_2$
|
|
83832
|
-
var templateObject_1$
|
|
83831
|
+
createGlobalStyle(templateObject_2$i$1 || (templateObject_2$i$1 = __makeTemplateObject$1(["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"], ["\n [data-detail-page-container] {\n [data-content-toolbar] {\n @media (max-width: ", "px) {\n margin-top: ", "px;\n }\n }\n }\n"])), minScreenSize.large, spacingM);
|
|
83832
|
+
var templateObject_1$n$1, templateObject_2$i$1; // todo: Apply this to all pages and make sure it works in IE
|
|
83833
83833
|
|
|
83834
83834
|
_styled.p.withConfig({
|
|
83835
83835
|
displayName: "PageDescription",
|
|
83836
83836
|
componentId: "sc-xcsmz7-0"
|
|
83837
|
-
})(templateObject_1$
|
|
83837
|
+
})(templateObject_1$m$1 || (templateObject_1$m$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"])));
|
|
83838
83838
|
|
|
83839
|
-
var templateObject_1$
|
|
83839
|
+
var templateObject_1$m$1;
|
|
83840
83840
|
|
|
83841
83841
|
_styled.div.withConfig({
|
|
83842
83842
|
displayName: "DragSource__Host",
|
|
83843
83843
|
componentId: "sc-qzjyds-0"
|
|
83844
|
-
})(templateObject_1$
|
|
83844
|
+
})(templateObject_1$l$1 || (templateObject_1$l$1 = __makeTemplateObject$1(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (p) {
|
|
83845
83845
|
return p.theme.palette.neutralTertiaryAlt;
|
|
83846
83846
|
});
|
|
83847
83847
|
|
|
83848
|
-
var templateObject_1$
|
|
83848
|
+
var templateObject_1$l$1;
|
|
83849
83849
|
|
|
83850
83850
|
var EmojiButton = function EmojiButton(_a) {
|
|
83851
83851
|
var onEmojiSelected = _a.onEmojiSelected,
|
|
@@ -83899,12 +83899,12 @@ var EmojiButton = function EmojiButton(_a) {
|
|
|
83899
83899
|
var ButtonWrapper = _styled.div.withConfig({
|
|
83900
83900
|
displayName: "EmojiButton__ButtonWrapper",
|
|
83901
83901
|
componentId: "sc-1eq2zlz-0"
|
|
83902
|
-
})(templateObject_1$
|
|
83902
|
+
})(templateObject_1$k$1 || (templateObject_1$k$1 = __makeTemplateObject$1([""], [""])));
|
|
83903
83903
|
|
|
83904
83904
|
var StyledCallout$2 = _styled(Callout).withConfig({
|
|
83905
83905
|
displayName: "EmojiButton__StyledCallout",
|
|
83906
83906
|
componentId: "sc-1eq2zlz-1"
|
|
83907
|
-
})(templateObject_2$
|
|
83907
|
+
})(templateObject_2$h$1 || (templateObject_2$h$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n"])));
|
|
83908
83908
|
|
|
83909
83909
|
var LazyEmojiPicker = /*#__PURE__*/lazy$1(function () {
|
|
83910
83910
|
return import('./EmojiPicker.esm.esm.js');
|
|
@@ -83929,11 +83929,11 @@ var EmojiPicker = function EmojiPicker(_a) {
|
|
|
83929
83929
|
var EmojiPickerSuspenseHost = _styled.div.withConfig({
|
|
83930
83930
|
displayName: "EmojiButton__EmojiPickerSuspenseHost",
|
|
83931
83931
|
componentId: "sc-1eq2zlz-2"
|
|
83932
|
-
})(templateObject_3$
|
|
83932
|
+
})(templateObject_3$b$1 || (templateObject_3$b$1 = __makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"], ["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ", "px;\n height: 400px;\n"])), function (p) {
|
|
83933
83933
|
return p.isSmaller ? 319 : 400;
|
|
83934
83934
|
});
|
|
83935
83935
|
|
|
83936
|
-
var templateObject_1$
|
|
83936
|
+
var templateObject_1$k$1, templateObject_2$h$1, templateObject_3$b$1;
|
|
83937
83937
|
|
|
83938
83938
|
var GiphyAttribution = function GiphyAttribution() {
|
|
83939
83939
|
var env = useConfiguration();
|
|
@@ -83951,9 +83951,9 @@ var GiphyAttribution = function GiphyAttribution() {
|
|
|
83951
83951
|
}, void 0);
|
|
83952
83952
|
};
|
|
83953
83953
|
|
|
83954
|
-
var AttributionHost = _styled.div(templateObject_1$
|
|
83954
|
+
var AttributionHost = _styled.div(templateObject_1$j$2 || (templateObject_1$j$2 = __makeTemplateObject$1(["\n text-align: right;\n margin-top: ", "px;\n"], ["\n text-align: right;\n margin-top: ", "px;\n"])), spacingXs);
|
|
83955
83955
|
|
|
83956
|
-
var templateObject_1$
|
|
83956
|
+
var templateObject_1$j$2;
|
|
83957
83957
|
|
|
83958
83958
|
var GifSelector = function GifSelector(_a) {
|
|
83959
83959
|
var _b, _c;
|
|
@@ -83976,7 +83976,7 @@ var GifSelector = function GifSelector(_a) {
|
|
|
83976
83976
|
loading = _e[1];
|
|
83977
83977
|
|
|
83978
83978
|
var gifSize = windowSize.width < 550 ? 80 : 100;
|
|
83979
|
-
return jsxs(Host$
|
|
83979
|
+
return jsxs(Host$9$1, __assign$1({
|
|
83980
83980
|
className: className
|
|
83981
83981
|
}, {
|
|
83982
83982
|
children: [jsx$1(SearchBox$1, {
|
|
@@ -84023,24 +84023,24 @@ var GifSelector = function GifSelector(_a) {
|
|
|
84023
84023
|
}
|
|
84024
84024
|
};
|
|
84025
84025
|
|
|
84026
|
-
var Host$
|
|
84026
|
+
var Host$9$1 = _styled.div.withConfig({
|
|
84027
84027
|
displayName: "GifSelector__Host",
|
|
84028
84028
|
componentId: "sc-lame6k-0"
|
|
84029
|
-
})(templateObject_1$
|
|
84029
|
+
})(templateObject_1$i$2 || (templateObject_1$i$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingXs);
|
|
84030
84030
|
|
|
84031
84031
|
var GifContainer = _styled.div.withConfig({
|
|
84032
84032
|
displayName: "GifSelector__GifContainer",
|
|
84033
84033
|
componentId: "sc-lame6k-1"
|
|
84034
|
-
})(templateObject_2$
|
|
84034
|
+
})(templateObject_2$g$1 || (templateObject_2$g$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"], ["\n margin-top: ", "px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ", "px);\n grid-gap: ", "px;\n justify-content: space-around;\n"])), spacingS, function (p) {
|
|
84035
84035
|
return p.columnWidth;
|
|
84036
84036
|
}, spacingXs);
|
|
84037
84037
|
|
|
84038
84038
|
var ClickableGif = _styled(dist$4.Gif).withConfig({
|
|
84039
84039
|
displayName: "GifSelector__ClickableGif",
|
|
84040
84040
|
componentId: "sc-lame6k-2"
|
|
84041
|
-
})(templateObject_3$
|
|
84041
|
+
})(templateObject_3$a$2 || (templateObject_3$a$2 = __makeTemplateObject$1(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
84042
84042
|
|
|
84043
|
-
var templateObject_1$
|
|
84043
|
+
var templateObject_1$i$2, templateObject_2$g$1, templateObject_3$a$2;
|
|
84044
84044
|
|
|
84045
84045
|
var GifSelectorCallout = function GifSelectorCallout(_a) {
|
|
84046
84046
|
var target = _a.target,
|
|
@@ -84061,20 +84061,20 @@ var GifSelectorCallout = function GifSelectorCallout(_a) {
|
|
|
84061
84061
|
}), void 0);
|
|
84062
84062
|
};
|
|
84063
84063
|
|
|
84064
|
-
var StyledCallout$1$1 = _styled(Callout)(templateObject_1$
|
|
84064
|
+
var StyledCallout$1$1 = _styled(Callout)(templateObject_1$h$2 || (templateObject_1$h$2 = __makeTemplateObject$1(["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"], ["\n border-radius: 10px;\n padding: 5px;\n width: 360px;\n height: 450px;\n"])));
|
|
84065
84065
|
|
|
84066
|
-
var StyledGifSelector = _styled(GifSelector)(templateObject_2$
|
|
84066
|
+
var StyledGifSelector = _styled(GifSelector)(templateObject_2$f$1 || (templateObject_2$f$1 = __makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"], ["\n overflow-y: auto;\n height: 400px;\n"])));
|
|
84067
84067
|
|
|
84068
|
-
var templateObject_1$
|
|
84068
|
+
var templateObject_1$h$2, templateObject_2$f$1;
|
|
84069
84069
|
|
|
84070
|
-
createGlobalStyle(templateObject_1$
|
|
84070
|
+
createGlobalStyle(templateObject_1$g$2 || (templateObject_1$g$2 = __makeTemplateObject$1(["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"], ["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ", "px) {\n width: 100% !important;\n }\n }\n}\n"])), maxScreenSize.small);
|
|
84071
84071
|
|
|
84072
84072
|
_styled(GifSelector).withConfig({
|
|
84073
84073
|
displayName: "GifSelectorDialog__StyledDialogGifSelector",
|
|
84074
84074
|
componentId: "sc-t6p48w-0"
|
|
84075
|
-
})(templateObject_2$
|
|
84075
|
+
})(templateObject_2$e$1 || (templateObject_2$e$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n"], ["\n margin-top: ", "px;\n"])), spacingS);
|
|
84076
84076
|
|
|
84077
|
-
var templateObject_1$
|
|
84077
|
+
var templateObject_1$g$2, templateObject_2$e$1;
|
|
84078
84078
|
|
|
84079
84079
|
var GifButton = function GifButton(_a) {
|
|
84080
84080
|
var disabled = _a.disabled,
|
|
@@ -84150,7 +84150,7 @@ var GifView = function GifView(_a) {
|
|
|
84150
84150
|
return null;
|
|
84151
84151
|
}
|
|
84152
84152
|
|
|
84153
|
-
return jsx$1(Host$
|
|
84153
|
+
return jsx$1(Host$8$1, __assign$1({
|
|
84154
84154
|
className: className
|
|
84155
84155
|
}, {
|
|
84156
84156
|
children: jsx$1(StyledGif, {
|
|
@@ -84162,11 +84162,11 @@ var GifView = function GifView(_a) {
|
|
|
84162
84162
|
}), void 0);
|
|
84163
84163
|
};
|
|
84164
84164
|
|
|
84165
|
-
var Host$
|
|
84165
|
+
var Host$8$1 = _styled.div(templateObject_1$f$2 || (templateObject_1$f$2 = __makeTemplateObject$1([""], [""])));
|
|
84166
84166
|
|
|
84167
|
-
var StyledGif = _styled(dist$4.Gif)(templateObject_2$
|
|
84167
|
+
var StyledGif = _styled(dist$4.Gif)(templateObject_2$d$1 || (templateObject_2$d$1 = __makeTemplateObject$1(["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"], ["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ", "px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"])), maxScreenSize.small);
|
|
84168
84168
|
|
|
84169
|
-
var templateObject_1$
|
|
84169
|
+
var templateObject_1$f$2, templateObject_2$d$1;
|
|
84170
84170
|
|
|
84171
84171
|
var GifEditList = function GifEditList(_a) {
|
|
84172
84172
|
var attachments = _a.attachments,
|
|
@@ -84181,7 +84181,7 @@ var GifEditList = function GifEditList(_a) {
|
|
|
84181
84181
|
return null;
|
|
84182
84182
|
}
|
|
84183
84183
|
|
|
84184
|
-
return jsx$1(Host$
|
|
84184
|
+
return jsx$1(Host$7$1, __assign$1({
|
|
84185
84185
|
className: className,
|
|
84186
84186
|
"data-gif-attachment-list": true
|
|
84187
84187
|
}, {
|
|
@@ -84209,17 +84209,17 @@ var GifEditList = function GifEditList(_a) {
|
|
|
84209
84209
|
}), void 0);
|
|
84210
84210
|
};
|
|
84211
84211
|
|
|
84212
|
-
var Host$
|
|
84212
|
+
var Host$7$1 = _styled.div.withConfig({
|
|
84213
84213
|
displayName: "GifEditList__Host",
|
|
84214
84214
|
componentId: "sc-95dldh-0"
|
|
84215
|
-
})(templateObject_1$
|
|
84215
|
+
})(templateObject_1$e$2 || (templateObject_1$e$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "px;\n"])), spacingM);
|
|
84216
84216
|
|
|
84217
84217
|
var StyledAttachmentHost$1 = _styled(AttachmentHost).withConfig({
|
|
84218
84218
|
displayName: "GifEditList__StyledAttachmentHost",
|
|
84219
84219
|
componentId: "sc-95dldh-1"
|
|
84220
|
-
})(templateObject_2$
|
|
84220
|
+
})(templateObject_2$c$1 || (templateObject_2$c$1 = __makeTemplateObject$1(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
84221
84221
|
|
|
84222
|
-
var templateObject_1$
|
|
84222
|
+
var templateObject_1$e$2, templateObject_2$c$1;
|
|
84223
84223
|
|
|
84224
84224
|
var GifList = function GifList(_a) {
|
|
84225
84225
|
var attachments = _a.attachments,
|
|
@@ -84232,7 +84232,7 @@ var GifList = function GifList(_a) {
|
|
|
84232
84232
|
return null;
|
|
84233
84233
|
}
|
|
84234
84234
|
|
|
84235
|
-
return jsx$1(Host$
|
|
84235
|
+
return jsx$1(Host$6$1, __assign$1({
|
|
84236
84236
|
className: className,
|
|
84237
84237
|
"data-gif-url-preview": gifs[0].id
|
|
84238
84238
|
}, {
|
|
@@ -84244,17 +84244,17 @@ var GifList = function GifList(_a) {
|
|
|
84244
84244
|
}), void 0);
|
|
84245
84245
|
};
|
|
84246
84246
|
|
|
84247
|
-
var Host$
|
|
84247
|
+
var Host$6$1 = _styled.div.withConfig({
|
|
84248
84248
|
displayName: "GifList__Host",
|
|
84249
84249
|
componentId: "sc-8gg7fj-0"
|
|
84250
|
-
})(templateObject_1$
|
|
84250
|
+
})(templateObject_1$d$2 || (templateObject_1$d$2 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"], ["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));
|
|
84251
84251
|
|
|
84252
84252
|
var StyledAttachmentHost = _styled(AttachmentHost).withConfig({
|
|
84253
84253
|
displayName: "GifList__StyledAttachmentHost",
|
|
84254
84254
|
componentId: "sc-8gg7fj-1"
|
|
84255
|
-
})(templateObject_2$
|
|
84255
|
+
})(templateObject_2$b$2 || (templateObject_2$b$2 = __makeTemplateObject$1(["\n width: auto;\n margin: ", "px 0 0 0;\n"], ["\n width: auto;\n margin: ", "px 0 0 0;\n"])), spacingS);
|
|
84256
84256
|
|
|
84257
|
-
var templateObject_1$
|
|
84257
|
+
var templateObject_1$d$2, templateObject_2$b$2;
|
|
84258
84258
|
|
|
84259
84259
|
var PageViewType;
|
|
84260
84260
|
|
|
@@ -84390,7 +84390,7 @@ var IconWithCallout = function IconWithCallout(props) {
|
|
|
84390
84390
|
showCallout = _c[0],
|
|
84391
84391
|
setShowCallout = _c[1];
|
|
84392
84392
|
|
|
84393
|
-
return jsxs(Host$
|
|
84393
|
+
return jsxs(Host$5$1, __assign$1({
|
|
84394
84394
|
className: props.className
|
|
84395
84395
|
}, (_a = {}, _a[props.dataAttribute] = true, _a), {
|
|
84396
84396
|
ref: iconRef
|
|
@@ -84467,22 +84467,22 @@ var IconWithCallout = function IconWithCallout(props) {
|
|
|
84467
84467
|
}
|
|
84468
84468
|
};
|
|
84469
84469
|
|
|
84470
|
-
var Host$
|
|
84470
|
+
var Host$5$1 = _styled.div.withConfig({
|
|
84471
84471
|
displayName: "IconWithCallout__Host",
|
|
84472
84472
|
componentId: "sc-1jmscz2-0"
|
|
84473
|
-
})(templateObject_1$
|
|
84473
|
+
})(templateObject_1$c$2 || (templateObject_1$c$2 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
84474
84474
|
|
|
84475
84475
|
var StyledIconButton$1 = _styled(IconButton).withConfig({
|
|
84476
84476
|
displayName: "IconWithCallout__StyledIconButton",
|
|
84477
84477
|
componentId: "sc-1jmscz2-1"
|
|
84478
|
-
})(templateObject_2$
|
|
84478
|
+
})(templateObject_2$a$2 || (templateObject_2$a$2 = __makeTemplateObject$1(["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"], ["\n width: auto;\n height: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n"])));
|
|
84479
84479
|
|
|
84480
84480
|
var StyledCallout$5 = _styled(Callout).withConfig({
|
|
84481
84481
|
displayName: "IconWithCallout__StyledCallout",
|
|
84482
84482
|
componentId: "sc-1jmscz2-2"
|
|
84483
|
-
})(templateObject_3$
|
|
84483
|
+
})(templateObject_3$9$2 || (templateObject_3$9$2 = __makeTemplateObject$1(["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"], ["\n && {\n font-family: 'Roboto', sans-serif;\n padding: 10px;\n max-width: 700px !important;\n\n h2 {\n margin: 10px;\n }\n }\n"])));
|
|
84484
84484
|
|
|
84485
|
-
var templateObject_1$
|
|
84485
|
+
var templateObject_1$c$2, templateObject_2$a$2, templateObject_3$9$2;
|
|
84486
84486
|
var inlineObjectsClassNames = {
|
|
84487
84487
|
file: 'news-inline-file',
|
|
84488
84488
|
image: 'news-inline-image',
|
|
@@ -84526,7 +84526,7 @@ var HorizontalPager = function HorizontalPager(_a) {
|
|
|
84526
84526
|
return null;
|
|
84527
84527
|
}
|
|
84528
84528
|
|
|
84529
|
-
return jsxs(Host$
|
|
84529
|
+
return jsxs(Host$4$1, __assign$1({
|
|
84530
84530
|
className: className
|
|
84531
84531
|
}, {
|
|
84532
84532
|
children: [jsx$1(Tooltip, __assign$1({
|
|
@@ -84571,16 +84571,16 @@ var HorizontalPager = function HorizontalPager(_a) {
|
|
|
84571
84571
|
}), void 0);
|
|
84572
84572
|
};
|
|
84573
84573
|
|
|
84574
|
-
var Host$
|
|
84574
|
+
var Host$4$1 = _styled.div.withConfig({
|
|
84575
84575
|
displayName: "HorizontalPager__Host",
|
|
84576
84576
|
componentId: "sc-1b5ja54-0"
|
|
84577
|
-
})(templateObject_1$
|
|
84577
|
+
})(templateObject_1$b$2 || (templateObject_1$b$2 = __makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"], ["\n display: flex;\n justify-content: center;\n margin-top: ", "px;\n"])), spacingM);
|
|
84578
84578
|
|
|
84579
84579
|
var StyledActionButton = _styled(ActionButton).withConfig({
|
|
84580
84580
|
displayName: "HorizontalPager__StyledActionButton",
|
|
84581
84581
|
componentId: "sc-1b5ja54-1"
|
|
84582
|
-
})(templateObject_3$
|
|
84583
|
-
return p.isHidden && css$2(templateObject_2$
|
|
84582
|
+
})(templateObject_3$8$2 || (templateObject_3$8$2 = __makeTemplateObject$1(["\n font-weight: bold;\n\n ", "\n"], ["\n font-weight: bold;\n\n ", "\n"])), function (p) {
|
|
84583
|
+
return p.isHidden && css$2(templateObject_2$9$2 || (templateObject_2$9$2 = __makeTemplateObject$1(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
|
|
84584
84584
|
});
|
|
84585
84585
|
|
|
84586
84586
|
var FirstPageButton = _styled(StyledActionButton).withConfig({
|
|
@@ -84598,7 +84598,7 @@ var MoreButton = _styled(StyledActionButton).withConfig({
|
|
|
84598
84598
|
componentId: "sc-1b5ja54-4"
|
|
84599
84599
|
})(templateObject_6$1$2 || (templateObject_6$1$2 = __makeTemplateObject$1(["\n & > span {\n flex-direction: row-reverse;\n }\n"], ["\n & > span {\n flex-direction: row-reverse;\n }\n"])));
|
|
84600
84600
|
|
|
84601
|
-
var templateObject_1$
|
|
84601
|
+
var templateObject_1$b$2, templateObject_2$9$2, templateObject_3$8$2, templateObject_4$5$2, templateObject_5$2$2, templateObject_6$1$2;
|
|
84602
84602
|
|
|
84603
84603
|
var VerticalPager = function VerticalPager(_a) {
|
|
84604
84604
|
var onNextClick = _a.onNextClick,
|
|
@@ -84616,7 +84616,7 @@ var VerticalPager = function VerticalPager(_a) {
|
|
|
84616
84616
|
}, void 0);
|
|
84617
84617
|
}
|
|
84618
84618
|
|
|
84619
|
-
return jsxs(Host$
|
|
84619
|
+
return jsxs(Host$3$1, __assign$1({
|
|
84620
84620
|
className: className
|
|
84621
84621
|
}, {
|
|
84622
84622
|
children: [jsx$1(TopButton, {
|
|
@@ -84639,20 +84639,20 @@ var VerticalPager = function VerticalPager(_a) {
|
|
|
84639
84639
|
}), void 0);
|
|
84640
84640
|
};
|
|
84641
84641
|
|
|
84642
|
-
var Host$
|
|
84642
|
+
var Host$3$1 = _styled.div.withConfig({
|
|
84643
84643
|
displayName: "VerticalPager__Host",
|
|
84644
84644
|
componentId: "sc-76hdpk-0"
|
|
84645
|
-
})(templateObject_1$
|
|
84645
|
+
})(templateObject_1$a$2 || (templateObject_1$a$2 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
|
|
84646
84646
|
|
|
84647
84647
|
var StyledIconButton$2 = _styled(IconButton).withConfig({
|
|
84648
84648
|
displayName: "VerticalPager__StyledIconButton",
|
|
84649
84649
|
componentId: "sc-76hdpk-1"
|
|
84650
|
-
})(templateObject_2$
|
|
84650
|
+
})(templateObject_2$8$2 || (templateObject_2$8$2 = __makeTemplateObject$1(["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"], ["\n width: 100%;\n height: 20px;\n position: relative;\n\n &&[disabled] {\n background-color: transparent;\n }\n\n &&:not([disabled]):hover {\n color: ", ";\n }\n\n &:hover {\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n }\n }\n"])), defaultDarkColor);
|
|
84651
84651
|
|
|
84652
84652
|
var TopButton = _styled(StyledIconButton$2).withConfig({
|
|
84653
84653
|
displayName: "VerticalPager__TopButton",
|
|
84654
84654
|
componentId: "sc-76hdpk-2"
|
|
84655
|
-
})(templateObject_3$
|
|
84655
|
+
})(templateObject_3$7$2 || (templateObject_3$7$2 = __makeTemplateObject$1(["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"], ["\n &:hover::before {\n background-image: linear-gradient(", " 0%, white);\n }\n"])), function (p) {
|
|
84656
84656
|
return p.color;
|
|
84657
84657
|
});
|
|
84658
84658
|
|
|
@@ -84668,7 +84668,7 @@ var Inner$4 = _styled.div.withConfig({
|
|
|
84668
84668
|
componentId: "sc-76hdpk-4"
|
|
84669
84669
|
})(templateObject_5$1$2 || (templateObject_5$1$2 = __makeTemplateObject$1(["\n margin: ", "px ", "px;\n"], ["\n margin: ", "px ", "px;\n"])), spacingM, spacingS + 5);
|
|
84670
84670
|
|
|
84671
|
-
var templateObject_1$
|
|
84671
|
+
var templateObject_1$a$2, templateObject_2$8$2, templateObject_3$7$2, templateObject_4$4$2, templateObject_5$1$2;
|
|
84672
84672
|
var classof$c = classofRaw$1$1; // `IsArray` abstract operation
|
|
84673
84673
|
// https://tc39.github.io/ecma262/#sec-isarray
|
|
84674
84674
|
|
|
@@ -84951,6 +84951,25 @@ function useItemLoaderWithPreFetch(pageSize, handler, deps) {
|
|
|
84951
84951
|
}
|
|
84952
84952
|
}
|
|
84953
84953
|
|
|
84954
|
+
_styled.p.withConfig({
|
|
84955
|
+
displayName: "PaginationStatus__AllLoadedStatus",
|
|
84956
|
+
componentId: "sc-ykj2ti-0"
|
|
84957
|
+
})(templateObject_1$9$2 || (templateObject_1$9$2 = __makeTemplateObject$1(["\n margin: 0;\n text-align: center;\n color: ", ";\n"], ["\n margin: 0;\n text-align: center;\n color: ", ";\n"])), function (p) {
|
|
84958
|
+
return p.theme.palette.neutralSecondary;
|
|
84959
|
+
});
|
|
84960
|
+
|
|
84961
|
+
_styled.div.withConfig({
|
|
84962
|
+
displayName: "PaginationStatus__Host",
|
|
84963
|
+
componentId: "sc-ykj2ti-1"
|
|
84964
|
+
})(templateObject_2$7$2 || (templateObject_2$7$2 = __makeTemplateObject$1(["\n margin: ", "px 0;\n\n > * {\n margin: 0;\n }\n"], ["\n margin: ", "px 0;\n\n > * {\n margin: 0;\n }\n"])), spacingXl);
|
|
84965
|
+
|
|
84966
|
+
_styled.div.withConfig({
|
|
84967
|
+
displayName: "PaginationStatus__LoadStatusPlaceholder",
|
|
84968
|
+
componentId: "sc-ykj2ti-2"
|
|
84969
|
+
})(templateObject_3$6$2 || (templateObject_3$6$2 = __makeTemplateObject$1(["\n height: ", "px;\n"], ["\n height: ", "px;\n"])), spacingM);
|
|
84970
|
+
|
|
84971
|
+
var templateObject_1$9$2, templateObject_2$7$2, templateObject_3$6$2;
|
|
84972
|
+
|
|
84954
84973
|
var PullToRefreshContext = /*#__PURE__*/createContext(null);
|
|
84955
84974
|
|
|
84956
84975
|
function refreshScripts(node) {
|
|
@@ -86250,7 +86269,7 @@ var ErrorType;
|
|
|
86250
86269
|
|
|
86251
86270
|
|
|
86252
86271
|
function PageAlert(props) {
|
|
86253
|
-
return jsx$1(Host$
|
|
86272
|
+
return jsx$1(Host$W, __assign$1({
|
|
86254
86273
|
"data-page-alert": true
|
|
86255
86274
|
}, {
|
|
86256
86275
|
children: jsxs(Content$a, {
|
|
@@ -86267,7 +86286,7 @@ function PageAlert(props) {
|
|
|
86267
86286
|
}), void 0);
|
|
86268
86287
|
}
|
|
86269
86288
|
|
|
86270
|
-
var Host$
|
|
86289
|
+
var Host$W = _styled.div.withConfig({
|
|
86271
86290
|
displayName: "PageAlert__Host",
|
|
86272
86291
|
componentId: "sc-gj7gx6-0"
|
|
86273
86292
|
})(templateObject_1$2m || (templateObject_1$2m = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ", ";\n"], ["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ", ";\n"])), function (p) {
|
|
@@ -87428,9 +87447,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
87428
87447
|
}), void 0);
|
|
87429
87448
|
};
|
|
87430
87449
|
|
|
87431
|
-
var version$1 = "0.3.
|
|
87432
|
-
var buildId = "
|
|
87433
|
-
var commitId = "
|
|
87450
|
+
var version$1 = "0.3.45";
|
|
87451
|
+
var buildId = "100111";
|
|
87452
|
+
var commitId = "335f1b37cc883317d661cc6b429e4b46ce2fd722";
|
|
87434
87453
|
var isCustomerBuild = false;
|
|
87435
87454
|
var buildInfo = {
|
|
87436
87455
|
version: version$1,
|
|
@@ -88068,6 +88087,16 @@ var ReachLinkContextProvider = function ReachLinkContextProvider(_a) {
|
|
|
88068
88087
|
}
|
|
88069
88088
|
};
|
|
88070
88089
|
|
|
88090
|
+
var Dummy = function Dummy() {
|
|
88091
|
+
return null;
|
|
88092
|
+
};
|
|
88093
|
+
|
|
88094
|
+
var ReachChromeDummy = /*#__PURE__*/Object.freeze({
|
|
88095
|
+
__proto__: null,
|
|
88096
|
+
Page: Dummy,
|
|
88097
|
+
NavLinkSidebarItem: Dummy
|
|
88098
|
+
});
|
|
88099
|
+
|
|
88071
88100
|
function registerComponentLibraryPackages() {
|
|
88072
88101
|
// note (sl): we only want to register the packages (require(./)) on demand.
|
|
88073
88102
|
// If this is done via a regular `import * as ReachComponents from './'` some strange
|
|
@@ -88087,9 +88116,9 @@ function registerComponentLibraryPackages() {
|
|
|
88087
88116
|
// So we inject a dummy @reach/chrome package from the component library
|
|
88088
88117
|
{
|
|
88089
88118
|
name: '@reach/chrome',
|
|
88090
|
-
packageDefinition: {
|
|
88119
|
+
packageDefinition: __assign$g({
|
|
88091
88120
|
default: {}
|
|
88092
|
-
}
|
|
88121
|
+
}, ReachChromeDummy)
|
|
88093
88122
|
}];
|
|
88094
88123
|
registerPackages.apply(void 0, __spreadArray$8(['ReachComponentLibraryPackages'], libraryPackages));
|
|
88095
88124
|
}
|
|
@@ -131703,7 +131732,7 @@ return nodes.slice().sort(function(a,b){return compareRootPages(groupPositions,a
|
|
|
131703
131732
|
// we just use the id for that, because this one is always different
|
|
131704
131733
|
var fallbackCompare=function fallbackCompare(){var _a;return ((_a=a.id)===null||_a===void 0?void 0:_a.localeCompare(b===null||b===void 0?void 0:b.id))||0;};if(firstGroupIdOfA===firstGroupIdOfB){return a.position-b.position||fallbackCompare();}return groupPositions[firstGroupIdOfA]-groupPositions[firstGroupIdOfB]||fallbackCompare();}function useInlinePageDocument(documentData,page,basePath){if(basePath===void 0){basePath='pages';}var extension=documentData.extension,fileId=documentData.fileId,originalFileName=documentData.fileName,pageId=documentData.pageId,originalTitle=documentData.title;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var createDocumentClickHandler=usePagesClickHandler().createDocumentClickHandler;var _a=useMemo(function(){var iconName=getFileIconByExtension(extension);var fileUrl=NewsService.getNewsRoute(buildPath(basePath),pageId,null);return {iconName:iconName,fileUrl:fileUrl};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131705
131734
|
},[extension,pageId]),fileUrl=_a.fileUrl,iconName=_a.iconName;var _b=useMemo(function(){if(!(page===null||page===void 0?void 0:page.id)){return {title:originalTitle,fileName:originalFileName};}var _a=getFileInfo(page,user),fileInfo=_a.fileInfo,language=_a.language;var onPageDocumentDownloadClick=createDocumentClickHandler(pageId,fileId,language,fileInfo.shouldOpenInBrowser,page.fileAccessToken,basePath);return {title:getTitle(page,user,formatMessage,language),fileName:fileInfo.fileName,onPageDocumentDownloadClick:onPageDocumentDownloadClick};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131706
|
-
},[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return css$2(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n ","\n\n display: flex;\n width: 100%;\n "],["\n ","\n\n display: flex;\n width: 100%;\n "])),function(p){return backgroundColor?css$2(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),backgroundColor||p.theme.palette.white):css$2(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n ",";\n background-color: ",";\n "],["\n ",";\n background-color: ",";\n "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=css$2(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"],["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return css$2(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"],["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return css$2(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),rightSideOnly?css$2(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "],["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "])),radius,radius):css$2(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n border-radius: ","px;\n "],["\n border-radius: ","px;\n "])),radius));};var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsx$1(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsx$1(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled(Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1Q||(templateObject_1$1Q=__makeTemplateObject(["\n display: inline-flex;\n z-index: 1;\n"],["\n display: inline-flex;\n z-index: 1;\n"])));var StyledIcon$5=_styled(Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$17||(templateObject_2$17=__makeTemplateObject(["\n margin-left: ","px;\n"],["\n margin-left: ","px;\n"])),spacingXs);var templateObject_1$1Q,templateObject_2$17;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsx$1(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsx$1("span",{children:title},void 0):isDownloadLink?jsx$1("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsx$1("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxs(Link$4,__assign({to:targetRoute,onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled.h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"],["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1P;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsx$1(Host$H,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxs(Fragment$1,{children:[i!==0&&jsx$1(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsx$1("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$H=_styled.p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"],["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled(Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"],["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1O,templateObject_2$16;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxs(Host$G,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsx$1(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsx$1(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsx$1(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsx$1(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxs(MainContent,{children:[jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsx$1(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsx$1(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsx$1(Keywords$2,{children:jsx$1(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsx$1(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled(Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"],["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"])),function(p){return !p.fontSize&&css$2(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "],["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&css$2(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "],["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?css$2(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n margin: "," !important;\n "],["\n margin: "," !important;\n "])),p.margin):css$2(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n margin: 0 !important;\n "],["\n margin: 0 !important;\n "])));});var Intro$2=_styled.div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n margin: ","px 0 ","px;\n ","\n"],["\n margin: ","px 0 ","px;\n ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$G=_styled.article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var Inner$3=_styled.div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?css$2(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.styleDefinition.height):css$2(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n height: auto;\n min-height: 138px;\n "],["\n height: auto;\n min-height: 138px;\n "])));},function(p){var _a;return p.hasBanner&&css$2(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "],["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled.div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"],["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?css$2(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),p.padding):css$2(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n padding: ","px;\n "],["\n padding: ","px;\n "])),spacingM);});var MetaInfo$3=_styled.div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"],["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled.div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled.div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n width: calc(\n 100% -\n ","px\n );\n"],["\n width: calc(\n 100% -\n ","px\n );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled(ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"])));var Keywords$2=_styled.span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"],["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled.div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsx$1(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsx$1(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsx$1("div",{children:jsx$1(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled.div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"],["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&css$2(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&css$2(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n width: auto;\n height: 100px;\n "],["\n width: auto;\n height: 100px;\n "])));});var FileIcon$1=_styled(Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled.div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"],["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&css$2(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled(LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5,true));});var templateObject_1$1N,templateObject_2$15,templateObject_3$K,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
|
|
131735
|
+
},[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined,uploadToken:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return css$2(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n ","\n\n display: flex;\n width: 100%;\n "],["\n ","\n\n display: flex;\n width: 100%;\n "])),function(p){return backgroundColor?css$2(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),backgroundColor||p.theme.palette.white):css$2(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n ",";\n background-color: ",";\n "],["\n ",";\n background-color: ",";\n "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=css$2(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"],["\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return css$2(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"],["\n font-size: ","px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n &:empty {\n margin-bottom: ","px;\n }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return css$2(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n ","\n "],["\n ","\n "])),rightSideOnly?css$2(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "],["\n border-top-right-radius: ","px;\n border-bottom-right-radius: ","px;\n "])),radius,radius):css$2(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n border-radius: ","px;\n "],["\n border-radius: ","px;\n "])),radius));};var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsx$1(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsx$1(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled(Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1Q||(templateObject_1$1Q=__makeTemplateObject(["\n display: inline-flex;\n z-index: 1;\n"],["\n display: inline-flex;\n z-index: 1;\n"])));var StyledIcon$5=_styled(Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$17||(templateObject_2$17=__makeTemplateObject(["\n margin-left: ","px;\n"],["\n margin-left: ","px;\n"])),spacingXs);var templateObject_1$1Q,templateObject_2$17;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsx$1(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsx$1("span",{children:title},void 0):isDownloadLink?jsx$1("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsx$1("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxs(Link$4,__assign({to:targetRoute,onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled.h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"],["\n font-size: ","px;\n\n &&& {\n margin: 0 0 ","px 0;\n\n a {\n &,\n :link,\n :visited {\n color: ",";\n text-decoration: none;\n z-index: 1;\n }\n\n > span {\n z-index: 1;\n }\n }\n }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1P;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsx$1(Host$H,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxs(Fragment$1,{children:[i!==0&&jsx$1(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsx$1("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$H=_styled.p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"],["\n padding: 0;\n margin: ","px 0 0;\n font-size: ","px;\n\n color: ",";\n text-align: start;\n\n > span,\n i {\n vertical-align: middle;\n line-height: 1;\n }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled(Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"],["\n &&& {\n font-weight: bold;\n margin: 0 ","px;\n font-size: ","px;\n }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1O,templateObject_2$16;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxs(Host$G,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsx$1(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsx$1(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsx$1(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsx$1(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxs(MainContent,{children:[jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsx$1(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsx$1(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsx$1(Keywords$2,{children:jsx$1(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsx$1(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled(Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"],["\n // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n ","\n\n ",";\n\n ",";\n\n display: inline-block;\n max-width: 100%;\n\n a:focus {\n outline-offset: 0 !important;\n }\n"])),function(p){return !p.fontSize&&css$2(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "],["\n a {\n display: inline-flex;\n }\n\n span {\n ","\n }\n "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&css$2(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "],["\n &&& {\n font-size: ","px;\n line-height: 20px;\n\n i[data-external-content] {\n font-size: ","px;\n line-height: ","px;\n }\n }\n\n a {\n display: inline-flex;\n max-width: 100%;\n }\n\n span {\n // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n display: block;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?css$2(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n margin: "," !important;\n "],["\n margin: "," !important;\n "])),p.margin):css$2(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n margin: 0 !important;\n "],["\n margin: 0 !important;\n "])));});var Intro$2=_styled.div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n margin: ","px 0 ","px;\n ","\n"],["\n margin: ","px 0 ","px;\n ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$G=_styled.article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));var Inner$3=_styled.div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n ","\n ","\n ","\n ","\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?css$2(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.styleDefinition.height):css$2(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n height: auto;\n min-height: 138px;\n "],["\n height: auto;\n min-height: 138px;\n "])));},function(p){var _a;return p.hasBanner&&css$2(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "],["\n [data-page-tile-content] {\n max-width: calc(100% - ","px)};\n }\n "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled.div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"],["\n ","\n ","\n\n box-sizing: border-box;\n max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?css$2(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),p.padding):css$2(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n padding: ","px;\n "],["\n padding: ","px;\n "])),spacingM);});var MetaInfo$3=_styled.div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"],["\n "," /* font-size of date */\n display: inline-flex;\n align-items: center;\n flex-wrap: nowrap;\n color: ",";\n\n padding-left: 2px;\n padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled.div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"],["\n display: flex;\n align-items: center;\n padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled.div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n width: calc(\n 100% -\n ","px\n );\n"],["\n width: calc(\n 100% -\n ","px\n );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled(ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n &&& {\n // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n margin-bottom: 0;\n }\n"])));var Keywords$2=_styled.span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"],["\n display: block;\n margin-top: auto;\n\n > span {\n font-size: ","px;\n line-height: 20px;\n height: 20px;\n display: inline-block;\n padding: 0 2px;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n && {\n a:link,\n a:visited {\n color: "," !important;\n\n &:focus {\n outline-offset: 0 !important;\n }\n }\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled.div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n padding-top: ","px;\n margin-top: auto;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsx$1(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsx$1(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsx$1("div",{children:jsx$1(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled.div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"],["\n display: flex;\n width: ","px;\n justify-content: center;\n align-items: center;\n background-color: ",";\n\n ","\n\n @media (max-width: ","px) {\n ","\n }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&css$2(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&css$2(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n width: auto;\n height: 100px;\n "],["\n width: auto;\n height: 100px;\n "])));});var FileIcon$1=_styled(Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled.div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"],["\n background-color: ",";\n\n width: ","px;\n height: 100%;\n\n .video-view-container {\n height: 100%;\n }\n\n &&& .video-icon {\n font-size: 35px;\n margin: 0;\n }\n\n ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&css$2(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled(LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "],["\n ","\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n "])),BorderRadiusStyle(5,true));});var templateObject_1$1N,templateObject_2$15,templateObject_3$K,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
|
|
131707
131736
|
// https://tc39.github.io/ecma262/#sec-parseint-string-radix
|
|
131708
131737
|
var numberParseInt=FORCED?function parseInt(string,radix){var S=trim(String(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10));}:$parseInt;var $$3=_export;var parseIntImplementation=numberParseInt;// `parseInt` method
|
|
131709
131738
|
// https://tc39.github.io/ecma262/#sec-parseint-string-radix
|
|
@@ -131796,7 +131825,7 @@ var existingNode=allNodesById[node.id];if(existingNode){if(existingNode.id===pag
|
|
|
131796
131825
|
// for this case the blockProps would be an empty object and
|
|
131797
131826
|
// we need to set the showPages and showDocuments to true
|
|
131798
131827
|
var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsx$1(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsx$1(InlinePageListByKeywords,{keywords:blockProps.keywords,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsx$1(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsx$1(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
|
|
131799
|
-
return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxs("div",__assign({className:className},{children:[jsx$1(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsx$1(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsx$1(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsx$1(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsx$1(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsx$1(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsx$1("li",{children:jsx$1(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsx$1(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxs(ParentNode,{children:[jsx$1(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsx$1(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled.ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled.li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled(Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled(Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled(Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled(NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled(NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled.div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$N,templateObject_2$t,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsx$1(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxs(Host$i,{children:[jsx$1(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsx$1(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled.div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled(InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$M,templateObject_2$s;_styled(PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$L;_styled.div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled.article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&css$2(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$K,templateObject_2$r,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsx$1(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsx$1(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsx$1(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled(IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$J;_styled.article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$I;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsx$1(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled(PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$H;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsx$1(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled.p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$G;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsx$1(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled.section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$F;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxs(Host$f,__assign({className:className},{children:[jsx$1(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsx$1(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsx$1(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsx$1(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsx$1(Content$3,{children:children},void 0)]}),void 0);};var Host$f=_styled.div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled(Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled.div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled(Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled.div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled(Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$E,templateObject_2$q,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsx$1(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsx$1(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled.h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$D;_styled(ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$C;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsx$1(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsx$1(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsx$1(ItemBodyWrapper,{children:jsx$1(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled.div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$B;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsx$1(Fragment,{children:Object.keys(item.keywords).length>0&&jsx$1(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsx$1(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled.section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$A;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsx$1(Host$e,{children:jsx$1(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e=_styled.div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$z;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=useState$2(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=useRef$1(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsx$1(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsx$1(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsx$1(ConfirmationBox,{checked:checked,disabled:true},void 0):jsx$1(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsx$1(DefaultButton,__assign({onClick:handleUndo},{children:jsx$1(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled.div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled(GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$y,templateObject_2$p;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsx$1(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsx$1(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled.section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$x;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxs(CountButtonHost,{children:[jsx$1(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsx$1(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsx$1(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsx$1(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsx$1(FeedbackButtonComments,{},void 0),jsx$1(FeedbackButtonViews,{},void 0),jsx$1(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsx$1(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled(FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$w;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsx$1(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsx$1(ItemBodyWrapper,{children:jsx$1(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsx$1(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled.div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$v;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsx$1(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled.p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$u;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsx$1(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsx$1(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsx$1(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsx$1("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsx$1("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsx$1("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsx$1("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled.div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);_styled(ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"],["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"])),fontSizeNormal,fontSizeSmall);_styled(Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"],["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"])));_styled.span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"],["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"])),function(p){return !p.isSelected&&css$2(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n margin-left: 33px; // checkmark icon space\n "],["\n margin-left: 33px; // checkmark icon space\n "])));});_styled.ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"],["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"])),function(p){return p.isCollapsed&&css$2(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])));},spacingX+10);_styled.li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"])));var templateObject_1$t,templateObject_2$o,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled.div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled(ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled.div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"],["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"])));_styled.div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n position: relative;\n margin-bottom: 8px;\n"],["\n position: relative;\n margin-bottom: 8px;\n"])));_styled(IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$i,templateObject_4$a,templateObject_5$9;var $$1$1=_export;var requireObjectCoercible$c=requireObjectCoercible$b;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
|
|
131828
|
+
return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxs("div",__assign({className:className},{children:[jsx$1(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsx$1(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsx$1(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsx$1(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsx$1(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsx$1(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsx$1("li",{children:jsx$1(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsx$1(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxs(ParentNode,{children:[jsx$1(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsx$1(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled.ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"],["\n display: none;\n align-items: center;\n padding: 0;\n margin: 0;\n list-style: none;\n font-size: ","px;\n\n @media (max-width: ","px) {\n display: flex;\n }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled.li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"],["\n margin: 0 ","px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled(Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"],["\n font-size: 10px;\n font-weight: bold;\n color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled(Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n && {\n margin: 0;\n }\n\n .ms-Breadcrumb-chevron {\n font-weight: bold;\n }\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var HomeIcon=_styled(Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n padding-top: 1px;\n"],["\n padding-top: 1px;\n"])));var BreadcrumbItem=_styled(NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n padding: 0 ","px;\n color: ",";\n"],["\n padding: 0 ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled(NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"],["\n color: ",";\n\n + i {\n padding-left: ","px;\n }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled.div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n padding-left: ","px;\n color: ",";\n"],["\n padding-left: ","px;\n color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$N,templateObject_2$t,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsx$1(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxs(Host$i,{children:[jsx$1(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsx$1(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled.div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled(InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"],["\n margin-top: ","px;\n @media (min-width: ","px) {\n width: 50%;\n }\n"])),spacingS,minScreenSize.medium);var templateObject_1$M,templateObject_2$s;_styled(PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"],["\n &.video-view-container {\n height: 100%; /* this is needed for not overlapping the card title */\n }\n"])));var templateObject_1$L;_styled.div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"],["\n &.card {\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n\n width: 100%;\n\n margin-bottom: 10px;\n\n &[data-packed] {\n opacity: 1;\n }\n\n &.card-enter,\n &.card-appear {\n opacity: 0.01;\n }\n\n &.card-enter.card-enter-active,\n &.card-appear.card-appear-active {\n opacity: 1;\n transition: opacity 0.75s ease-in;\n }\n\n @media all and (min-width: ","px) {\n transition: opacity 0.75s ease-in;\n opacity: 0;\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n\n @media all and (min-width: ","px) {\n width: ","px;\n }\n }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled.article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n ","\n\n > .card-banner {\n height: calc(((100vw - ","px) * (1 / ",")));\n flex: 0 1 auto;\n }\n\n .card-title {\n margin-top: 7px;\n margin-bottom: 0;\n font-size: 1.1em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n\n .card-metaInfo {\n padding-top: ","px;\n color: #666;\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n .card-title {\n margin-top: 7px;\n font-size: 1.3em;\n }\n\n .card-metaInfo {\n font-size: 0.9em;\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n\n @media all and (min-width: ","px) {\n > .card-banner {\n height: calc(","px * (1 / ","));\n }\n }\n }\n"])),function(p){return p.highlight&&css$2(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: ","px;\n display: block;\n background-color: ",";\n }\n "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$K,templateObject_2$r,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsx$1(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsx$1(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsx$1(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled(IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"],["\n && {\n height: 100%;\n margin: 0;\n background-color: transparent;\n }\n"])));var templateObject_1$J;_styled.article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"],["\n min-width: 300px;\n width: 100%;\n\n flex: 1 0 auto;\n display: flex;\n flex-flow: column nowrap;\n\n @media (min-width: ","px) {\n box-shadow: 1px 1px 4px grey;\n max-width: ","px;\n }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$I;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsx$1(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled(PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"],["\n && {\n height: calc(100vw * (1 / ","));\n\n @media (min-width: ","px) {\n height: calc(\n (","px - (2 * ","px)) *\n (1 / ",")\n );\n }\n }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$H;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsx$1(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled.p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"],["\n margin: 0;\n font-size: ","px;\n line-height: 26px;\n font-weight: normal;\n\n min-width: 100%;\n width: 100px;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n line-height: 24px;\n font-size: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$G;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsx$1(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled.section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"],["\n position: relative;\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n padding: ","px ","px\n ","px;\n font-size: 16px;\n\n @media (min-width: ","px) {\n padding: ","px\n ","px ","px;\n }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$F;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxs(Host$f,__assign({className:className},{children:[jsx$1(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsx$1(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsx$1(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsx$1(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsx$1(Content$3,{children:children},void 0)]}),void 0);};var Host$f=_styled.div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n margin: 0;\n display: flex;\n align-content: center;\n"],["\n margin: 0;\n display: flex;\n align-content: center;\n"])));var StyledIcon$2$1=_styled(Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n font-size: 25px;\n"],["\n font-size: 25px;\n"])));var Content$3=_styled.div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"],["\n flex: 1 1 auto;\n flex-basis: 100%; /*IE fix*/\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n"])));var ActiveContent=_styled(Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"],["\n padding-left: 10px;\n min-height: 50px;\n\n border-bottom-style: solid;\n border-bottom-width: 4px;\n"])));var IconContainer$1=_styled.div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"],["\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: ",";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled(Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n && {\n display: inherit;\n }\n"],["\n && {\n display: inherit;\n }\n"])));var templateObject_1$E,templateObject_2$q,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsx$1(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsx$1(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled.h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"],["\n color: black;\n width: 100%;\n font-size: ","px;\n line-height: 29px;\n margin: 0;\n\n @media (min-width: ","px) {\n font-size: 2.2em;\n line-height: 42px;\n }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$D;_styled(ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"],["\n display: flex;\n font-size: ","px;\n margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$C;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsx$1(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsx$1(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsx$1(ItemBodyWrapper,{children:jsx$1(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled.div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n\n // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n // but maintain the same visual design, this styles each heading to look one \"step\" larger\n // e.g. h2 looks like h1, etc.\n && {\n h2 {\n font-size: ","px;\n margin: ","px 0;\n }\n\n h3 {\n font-size: ","px;\n }\n\n h4 {\n font-size: ","px;\n }\n\n h3,\n h4,\n h5,\n h6 {\n margin: ","px 0;\n }\n }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$B;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsx$1(Fragment,{children:Object.keys(item.keywords).length>0&&jsx$1(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsx$1(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled.section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n margin-top: 2em;\n display: flex;\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$A;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsx$1(Host$e,{children:jsx$1(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e=_styled.div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"],["\n .ms-Checkbox-text {\n font-weight: bold;\n color: black;\n }\n"])));var templateObject_1$z;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=useState$2(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=useRef$1(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsx$1(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsx$1(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsx$1(ConfirmationBox,{checked:checked,disabled:true},void 0):jsx$1(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsx$1(DefaultButton,__assign({onClick:handleUndo},{children:jsx$1(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled.div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"],["\n width: 100%;\n\n opacity: ",";\n\n > p {\n margin: 0 0 5px ","px;\n font-style: italic;\n }\n\n @media (min-width: ","px) {\n > p {\n margin: 0 0 ","px 0;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ","px;\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled(GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"],["\n @media (max-width: ","px) {\n margin: 0 ","px 0;\n }\n"])),maxScreenSize.small,spacingM);var templateObject_1$y,templateObject_2$p;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsx$1(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsx$1(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled.section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"],["\n margin-bottom: ","px;\n\n @media (min-width: ","px) {\n padding: 0 ","px 0 ","px;\n }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$x;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxs(CountButtonHost,{children:[jsx$1(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsx$1(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsx$1(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsx$1(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsx$1(FeedbackButtonComments,{},void 0),jsx$1(FeedbackButtonViews,{},void 0),jsx$1(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsx$1(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled(FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),DetailViewSectionPadding);var templateObject_1$w;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsx$1(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsx$1(ItemBodyWrapper,{children:jsx$1(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsx$1(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled.div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"],["\n flex: 1 0 auto;\n box-sizing: border-box;\n min-width: 100%;\n width: 100px;\n margin-top: 35px;\n"])));var templateObject_1$v;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsx$1(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled.p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"],["\n width: 100%;\n font-weight: bold;\n font-size: ","px;\n line-height: 26px;\n margin: 0;\n\n @media (min-width: ","px) {\n line-height: 22px;\n font-size: ","px;\n margin-bottom: ","px;\n }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$u;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsx$1(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsx$1(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsx$1(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsx$1("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsx$1("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsx$1("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsx$1("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled.div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);_styled(ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"],["\n && {\n height: auto;\n font-size: ","px;\n padding: 0;\n border: 0;\n\n i {\n font-size: ","px;\n\n &:first-child {\n margin: 0;\n }\n }\n }\n"])),fontSizeNormal,fontSizeSmall);_styled(Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"],["\n margin-right: 6px;\n margin-left: 12px;\n width: 15px;\n"])));_styled.span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"],["\n display: inline-flex;\n flex: 1 0 auto;\n\n ","\n"])),function(p){return !p.isSelected&&css$2(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n margin-left: 33px; // checkmark icon space\n "],["\n margin-left: 33px; // checkmark icon space\n "])));});_styled.ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"],["\n ","\n padding: 0;\n margin: 0 0 0 ","px;\n list-style: none;\n"])),function(p){return p.isCollapsed&&css$2(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])));},spacingX+10);_styled.li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"],["\n display: flex;\n align-items: center;\n margin-top: 9px;\n"])));var templateObject_1$t,templateObject_2$o,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled.div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled(ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n padding-left: 4px;\n"],["\n padding-left: 4px;\n"])));_styled.div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"],["\n overflow-x: hidden;\n overflow-y: auto;\n\n .ms-TextField-fieldGroup {\n background: none;\n }\n"])));_styled.div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n position: relative;\n margin-bottom: 8px;\n"],["\n position: relative;\n margin-bottom: 8px;\n"])));_styled(IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 10;\n\n &&&:focus::after {\n outline-offset: -2px;\n }\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$i,templateObject_4$a,templateObject_5$9;var $$1$1=_export;var requireObjectCoercible$c=requireObjectCoercible$b;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
|
|
131800
131829
|
// https://github.com/tc39/proposal-string-replace-all
|
|
131801
131830
|
$$1$1({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$c(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$c('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled.div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n position: relative;\n"],["\n display: flex;\n align-items: flex-end;\n position: relative;\n"])));_styled.textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"],["\n flex: 1 0 auto;\n justify-content: space-between;\n overflow: hidden;\n resize: none;\n min-height: 5px;\n\n ","\n"])),InputPlaceholder('font-style: italic'));_styled(IconButton$1).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"],["\n position: absolute;\n bottom: 2px;\n right: 2px;\n"])));var templateObject_1$r,templateObject_2$m,templateObject_3$h;var InsertFilesDialogHost=_styled.div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"],["\n ","\n\n position: relative;\n padding: ","px;\n text-align: center;\n\n > div {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])),function(p){return p.isActive&&css$2(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "],["\n &::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n border: 2px black dashed;\n }\n "])));},spacingM);_styled.p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"],["\n font-size: ","px;\n margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled(DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"],["\n margin-top: ","px;\n\n span {\n font-weight: normal;\n }\n"])),spacingM);_styled.div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$g,templateObject_4$9$1,templateObject_5$8;_styled(InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));_styled(PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"],["\n && {\n display: block;\n margin: 10px auto;\n background-color: transparent;\n color: inherit;\n font-size: large;\n line-height: 2em;\n border: none;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n border: 0;\n }\n }\n"])));_styled.div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n max-width: 100%;\n font-size: large;\n"],["\n max-width: 100%;\n font-size: large;\n"])));var templateObject_1$p,templateObject_2$k,templateObject_3$f;_styled.div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"],["\n width: 100%;\n margin-top: ","px;\n\n .video-view-container--youtube {\n &:after {\n padding-bottom: calc(9 / 16 * 100%);\n }\n }\n"])),spacingS);_styled(TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"],["\n width: 510px;\n\n label {\n font-weight: normal;\n }\n"])));var templateObject_1$o,templateObject_2$j;createGlobalStyle(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"],["\n .browser-name-ie {\n button.ms-DatePicker-goToday {\n left: 15px;\n }\n }\n"])));createGlobalStyle(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"],["\n button.ms-DatePicker-day--today {\n background: "," !important;\n }\n"])),function(p){return p.theme.palette.accent;});_styled.div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"],["\n .ms-TextField {\n &.is-disabled {\n opacity: 0.5;\n }\n &-field {\n ","\n }\n\n > &-wrapper {\n > &-fieldGroup {\n background: none;\n > i {\n color: initial;\n }\n }\n }\n }\n\n .ms-TextField:not(:first-of-type) {\n margin-top: 5px;\n }\n"])),InputPlaceholder("\n color: inherit;\n font-style: italic;\n "));var templateObject_1$n,templateObject_2$i,templateObject_3$e;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled.div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n .ms-Slider {\n margin-bottom: 0;\n }\n"])));_styled.div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n align-self: flex-end;\n margin-right: 10px;\n"],["\n align-self: flex-end;\n margin-right: 10px;\n"])));_styled.div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"],["\n display: flex;\n justify-content: space-between;\n margin: 0px 10px;\n"])));var templateObject_1$m,templateObject_2$h,templateObject_3$d;_styled(IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"],["\n && {\n padding-left: 0;\n padding-right: 0;\n margin-left: -3px;\n\n &[disabled] {\n background-color: transparent;\n }\n }\n"])));var templateObject_1$l;_styled.div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"],["\n display: block;\n padding: 0 ","px ","px ","px;\n flex: 1 1 auto;\n\n &:not([data-banner='image']) {\n position: relative;\n }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled.p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"],["\n margin: 0;\n font-size: ","px;\n margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$k,templateObject_2$g;_styled.p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n font-size: ","px;\n font-weight: bold;\n"],["\n font-size: ","px;\n font-weight: bold;\n"])),fontSizeSmall);_styled.h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"],["\n display: inline-block;\n & + .card-metaInfo {\n padding-top: ","px !important;\n }\n"])),spacingS);_styled(NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});_styled.div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"],["\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"])));_styled(ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$j$1,templateObject_2$f,templateObject_3$c,templateObject_4$8$1,templateObject_5$7$1;_styled.div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"],["\n color: ",";\n text-align: center;\n display: flex;\n flex-direction: column;\n\n > p {\n font-size: 14px;\n margin: 0;\n padding: 3px 0;\n }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled(Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n font-size: 100px;\n padding: 30px 0;\n"],["\n font-size: 100px;\n padding: 30px 0;\n"])));var templateObject_1$i$1,templateObject_2$e;_styled.div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));_styled.div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"],["\n display: flex;\n background-color: white;\n box-shadow: 1px 1px 4px grey;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n margin-bottom: 10px;\n border-bottom-width: 4px;\n border-bottom-style: solid;\n"])));_styled.div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"])));_styled.div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 50px;\n min-height: 50px;\n height: 100%;\n"])));_styled(Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n font-size: 25px;\n color: white;\n"],["\n font-size: 25px;\n color: white;\n"])));_styled.div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n"],["\n display: flex;\n width: 100%;\n"])));_styled(DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n font-size: 0.9em;\n color: #666;\n margin-left: 20px;\n min-width: 150px;\n\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.small);_styled.h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"],["\n font-size: 1.1em;\n margin-top: 0;\n margin-bottom: 0;\n max-width: 1000px;\n\n @media (max-width: ","px) {\n max-width: 700px;\n }\n\n @media (max-width: ","px) {\n max-width: 450px;\n }\n\n @media (max-width: ","px) {\n max-width: 300px;\n }\n\n @media (max-width: ","px) {\n margin-left: 20px;\n max-width: 280px;\n }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled.div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"],["\n margin-right: 10px;\n align-self: flex-end;\n padding-bottom: 10px;\n"])));_styled.div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"],["\n display: flex;\n width: 100%;\n align-items: center;\n padding: 10px 0;\n"])));var templateObject_1$h$1,templateObject_2$d,templateObject_3$b,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsx$1(Fragment,{children:search?jsx$1(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsx$1(Title$1$1,{children:jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsx$1(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsx$1(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var Title$1$1=_styled.h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"],["\n display: flex;\n margin: ","px 0 ","px 0;\n font-weight: bold;\n font-size: ","px;\n padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled(Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"],["\n font-size: ","px;\n margin-right: ","px;\n align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled(NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"],["\n && {\n position: relative;\n z-index: 1;\n color: ",";\n display: block;\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$g$1,templateObject_2$c,templateObject_3$a$1;_styled.div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled(PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"],["\n && {\n margin: 0;\n flex: 1 1 auto;\n }\n"])));_styled(Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n && {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS);_styled.div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"],["\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled.div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"],["\n display: flex;\n align-items: center;\n margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled(DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n align-self: flex-start;\n z-index: 1;\n"],["\n align-self: flex-start;\n z-index: 1;\n"])));var templateObject_1$f$1,templateObject_2$b$1,templateObject_3$9$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled.p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$e$1||(templateObject_1$e$1=__makeTemplateObject(["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"],["\n padding: 0;\n margin: 0 0 ","px 0;\n font-size: ","px;\n line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled.div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$a$1||(templateObject_2$a$1=__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ","px;\n"])),spacingM-5);_styled.p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n padding: 0;\n margin: 0;\n ","\n"],["\n padding: 0;\n margin: 0;\n ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled(ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"],["\n && {\n height: auto;\n margin: 0 0 0 auto;\n padding: ","px ","px 0 ","px;\n font-size: ","px;\n z-index: 1;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled.div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$1=__makeTemplateObject(["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"],["\n ",";\n position: relative;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n\n padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled.div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$9$1||(templateObject_2$9$1=__makeTemplateObject(["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n position: relative;\n font-size: ","px;\n color: ",";\n padding-bottom: ","px;\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled.div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$7$1||(templateObject_3$7$1=__makeTemplateObject(["\n font-size: ","px;\n color: ",";\n"],["\n font-size: ","px;\n color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled(PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n flex: 1 1 auto;\n width: ","%;\n"],["\n flex: 1 1 auto;\n width: ","%;\n"])),function(p){return p.maxWidth;});_styled.div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n display: flex;\n align-items: center;\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var templateObject_1$d$1,templateObject_2$9$1,templateObject_3$7$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
|
|
131802
131831
|
var pages=!navigationContext.parent||!navigationContext.parent.id?sortPageNodesByGroupAndPosition(user.groups,navigationContext.siblings):navigationContext.siblings;var previousPage=getSibling(-1);var nextPage=getSibling(1);return jsxs(Host$2$1,__assign({className:className,"data-detail-page-navigation":activePageId},{children:[previousPage&&jsx$1(PageLinkButton,{isNextNode:false,basePath:basePath,page:previousPage,icon:"ChevronLeftSmall","data-detail-page-navigation-previous-node":previousPage.id,"data-detail-page-navigation-node":previousPage.id},void 0),nextPage&&jsx$1(PageLinkButton,{isNextNode:true,className:"next-page-link-button",basePath:basePath,page:nextPage,icon:"ChevronRightSmall","data-detail-page-navigation-next-node":nextPage.id,"data-detail-page-navigation-node":nextPage.id},void 0)]}),void 0);function getSibling(offset){var index=pages.findIndex(function(s){return s.id===activePageId;});return pages[index+offset];}};var Host$2$1=_styled.div.withConfig({displayName:"PagesDetailViewNavigation__Host",componentId:"sc-19ae9g3-0"})(templateObject_1$c$1||(templateObject_1$c$1=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n"],["\n display: flex;\n flex-wrap: wrap;\n"])));var PageLinkButton=function PageLinkButton(_a){var basePath=_a.basePath,page=_a.page,icon=_a.icon,isNextNode=_a.isNextNode,className=_a.className,props=__rest(_a,["basePath","page","icon","isNextNode","className"]);var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var title=getTitle(page,user,formatMessage);return jsxs(Link,__assign({to:getUrl(),className:className},{children:[!isNextNode&&jsx$1(LinkIcon,{iconName:icon},void 0),jsx$1(Content$2$1,__assign({},props,{isNextNode:isNextNode},{children:jsx$1("div",__assign({title:title},{children:title}),void 0)}),void 0),isNextNode&&jsx$1(LinkIcon,{iconName:icon},void 0)]}),void 0);function getUrl(){var baseUrl=NewsService.getNewsRoute(basePath,page.id,title);return page.useExternalContent?baseUrl+"?"+queryString.stringify({noRedirect:true}):baseUrl;}};var Link=_styled(NavLink).withConfig({displayName:"PagesDetailViewNavigation__Link",componentId:"sc-19ae9g3-1"})(templateObject_2$8$1||(templateObject_2$8$1=__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-top: ","px;\n padding-bottom: ","px;\n margin-bottom: 2px;\n\n max-width: 45%;\n width: auto;\n border-radius: 5px;\n\n &.next-page-link-button {\n margin-left: auto;\n }\n\n @media (max-width: ","px) {\n max-width: 100% !important;\n margin-bottom: ","px;\n }\n\n background-color: ",";\n && {\n color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n\n padding-top: ","px;\n padding-bottom: ","px;\n margin-bottom: 2px;\n\n max-width: 45%;\n width: auto;\n border-radius: 5px;\n\n &.next-page-link-button {\n margin-left: auto;\n }\n\n @media (max-width: ","px) {\n max-width: 100% !important;\n margin-bottom: ","px;\n }\n\n background-color: ",";\n && {\n color: ",";\n }\n"])),spacingS,spacingS,maxScreenSize.small,spacingS,function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.textColors.default;});var LinkIcon=_styled(Icon).withConfig({displayName:"PagesDetailViewNavigation__LinkIcon",componentId:"sc-19ae9g3-2"})(templateObject_3$6$1||(templateObject_3$6$1=__makeTemplateObject(["\n && {\n display: flex;\n justify-content: center;\n font-size: ","px;\n padding: 0 ","px;\n }\n"],["\n && {\n display: flex;\n justify-content: center;\n font-size: ","px;\n padding: 0 ","px;\n }\n"])),fontSizeNormal,spacingM);var Content$2$1=_styled.div.withConfig({displayName:"PagesDetailViewNavigation__Content",componentId:"sc-19ae9g3-3"})(templateObject_5$3$1||(templateObject_5$3$1=__makeTemplateObject(["\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n padding-right: 23px;\n\n white-space: nowrap;\n overflow: hidden;\n\n div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ","\n"],["\n flex: 0 1 auto;\n display: flex;\n flex-direction: column;\n padding-right: 23px;\n\n white-space: nowrap;\n overflow: hidden;\n\n div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n ","\n"])),function(p){return p.isNextNode&&css$2(templateObject_4$3$1||(templateObject_4$3$1=__makeTemplateObject(["\n margin-left: auto;\n padding-left: 23px;\n padding-right: 0;\n "],["\n margin-left: auto;\n padding-left: 23px;\n padding-right: 0;\n "])));});var templateObject_1$c$1,templateObject_2$8$1,templateObject_3$6$1,templateObject_4$3$1,templateObject_5$3$1;_styled(Dropdown).withConfig({displayName:"PagesGroupsSelector__StyledDropdown",componentId:"sc-13yd888-0"})(templateObject_1$b$1||(templateObject_1$b$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarDropdownStyles);_styled(NavLink).withConfig({displayName:"PagesGroupsSelector__DropdownOption",componentId:"sc-13yd888-1"})(templateObject_2$7$1||(templateObject_2$7$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarOptionStyles);createGlobalStyle(templateObject_3$5$1||(templateObject_3$5$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$b$1,templateObject_2$7$1,templateObject_3$5$1;_styled.div.withConfig({displayName:"GroupNotificationsSettings__Host",componentId:"sc-1z0rxrb-0"})(templateObject_1$a$1||(templateObject_1$a$1=__makeTemplateObject(["\n width: 400px;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n"],["\n width: 400px;\n\n @media (max-width: ","px) {\n width: 100%;\n }\n"])),maxScreenSize.small);_styled.h2.withConfig({displayName:"GroupNotificationsSettings__Title",componentId:"sc-1z0rxrb-1"})(templateObject_2$6$1||(templateObject_2$6$1=__makeTemplateObject(["\n margin-top: 0;\n"],["\n margin-top: 0;\n"])));_styled.div.withConfig({displayName:"GroupNotificationsSettings__Infos",componentId:"sc-1z0rxrb-2"})(templateObject_3$4$1||(templateObject_3$4$1=__makeTemplateObject(["\n color: ",";\n padding-left: 55px;\n"],["\n color: ",";\n padding-left: 55px;\n"])),function(p){return p.theme.palette.neutralTertiaryAlt;});var templateObject_1$a$1,templateObject_2$6$1,templateObject_3$4$1;function getPostGroups(user){return getGroupsWithExplicitMinRole(GroupRoles.LimitedReader,user,function(g){return g.allowPosts;});}function getPostsBaseRoute(post,user){var _a;var postGroups=getPostGroups(user);var subscriptionHandle=(_a=user.subscription.subscriptionHandle)!==null&&_a!==void 0?_a:user.subscription.id;return postGroups.length>1?"/"+subscriptionHandle+"/posts/groups/"+((post===null||post===void 0?void 0:post.groupId)||''):"/"+subscriptionHandle+"/posts";}function getPostsHashtagFilterRoute(post,user,hashtag){return getPostsBaseRoute(post,user)+"?"+queryString.stringify({search:""+hashtag});}var PostReplies=function PostReplies(_a){var className=_a.className,post=_a.post,comments=_a.comments,initialPageSize=_a.initialPageSize,autoFocusReplyField=_a.autoFocusReplyField,onReplyAdded=_a.onReplyAdded,onReplyDeleted=_a.onReplyDeleted,onThreadReply=_a.onThreadReply;var user=useCurrentUser();var searchPostMentionUsers=usePostsApi().searchPostMentionUsers;if(!post||!post.id){return null;}return jsx$1(StyledPagedCommentsSection,{className:className,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},type:ItemResourceTypes.Posts,scope:ConversationScope.Posts,itemId:post.id,groupIds:[post.groupId],readOnly:false,pageSize:5,initialPageSize:initialPageSize,initialComments:comments,onCommentAdded:onReplyAdded,onCommentDeleted:onReplyDeleted,noItemsYetStringResourceKey:"Posts.replies.empty",autoFocusReplyField:autoFocusReplyField,baseAttachmentPath:"/posts/"+post.id+"/comments",getHashtagFilterRoute:function(hashtag){return getPostsHashtagFilterRoute(post,user,hashtag);},onThreadReply:onThreadReply},post.id);};var StyledPagedCommentsSection=_styled(PagedCommentsSection).withConfig({displayName:"PostReplies__StyledPagedCommentsSection",componentId:"sc-8mrgcg-0"})(templateObject_1$9$1||(templateObject_1$9$1=__makeTemplateObject(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n > div {\n width: 100%;\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n > div {\n width: 100%;\n }\n"])));var templateObject_1$9$1;var PostEditor=function PostEditor(_a){var className=_a.className,post=_a.post,onBeforeSave=_a.onBeforeSave,onSaved=_a.onSaved,onCancel=_a.onCancel,keywordSettings=_a.keywordSettings;var features=useFeatures();var _b=usePostsApi(),searchPostMentionUsers=_b.searchPostMentionUsers,updatePost=_b.updatePost;var _c=useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,keywordsByGroupId=_c.keywordsByGroupId;var _d=useNotificationContext(),showToast=_d.showToast,showError=_d.showError;if(allKeywords==null||keywordsByGroupId==null){return null;}return jsx$1(EditCommentWithAttachments,{className:className,onCancel:onCancel,content:post.content,onSave:handleSavePost,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},inputTheme:"dark",item:post,basePath:'/posts',allowKeywords:features.keywords&&features.postKeywords,availableKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords,mandatoryKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords,keywords:post.keywords,saveOnCtrlEnter:true},void 0);function handleSavePost(newContent,attachments,keywords){return __awaiter(this,void 0,void 0,function(){var updatedPost,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);onBeforeSave(__assign(__assign({},post),{content:newContent,attachments:attachments,keywords:keywords}));return [4/*yield*/,updatePost(post.id,newContent,attachments,keywords)];case 1:updatedPost=_a.sent();onSaved(updatedPost);showToast('Posts.successfullyUpdated');return [3/*break*/,3];case 2:error_1=_a.sent();logger.error(error_1);showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}};_styled(IconButton).withConfig({displayName:"PostFollowButton__StyledIconButton",componentId:"sc-1i97syp-0"})(templateObject_1$8$1||(templateObject_1$8$1=__makeTemplateObject(["\n && {\n margin: 0;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 20px;\n }\n user-select: none;\n"],["\n && {\n margin: 0;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 20px;\n }\n user-select: none;\n"])));var templateObject_1$8$1;var PostGroup=function PostGroup(_a){var groupId=_a.groupId,to=_a.to,className=_a.className;var intl=useIntl();var user=useCurrentUser();var group=user.groups.find(function(g){return g.id===groupId;});var groupName=getGroupName(group,user,intl);return jsx$1(Group,__assign({"data-post-group":groupId,title:groupName,to:to,className:className},{children:jsx$1("span",{children:groupName},void 0)}),void 0);};var Group=_styled(NavLink).withConfig({displayName:"PostGroup__Group",componentId:"sc-182l34m-0"})(templateObject_1$7$1||(templateObject_1$7$1=__makeTemplateObject(["\n font-size: ","px;\n height: 100%;\n\n span {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ","\n"],["\n font-size: ","px;\n height: 100%;\n\n span {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n ","\n"])),fontSizeSmall,function(){return HighlightBubble();});var templateObject_1$7$1;_styled.div.withConfig({displayName:"PostDisplay__Host",componentId:"sc-1tope3b-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n ",";\n\n position: relative;\n\n // TODO: The font-sizes should be cleaned up as well,\n // there are too many different places where these are set\n // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n font-size: ","px;\n line-height: ","px;\n\n display: flex;\n flex-direction: column;\n .ms-layer {\n display: none;\n }\n"],["\n ",";\n\n position: relative;\n\n // TODO: The font-sizes should be cleaned up as well,\n // there are too many different places where these are set\n // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n font-size: ","px;\n line-height: ","px;\n\n display: flex;\n flex-direction: column;\n .ms-layer {\n display: none;\n }\n"])),CardBorderInline(2,2),fontSizeSmall,spacingM);_styled.div.withConfig({displayName:"PostDisplay__Header",componentId:"sc-1tope3b-1"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n"],["\n display: flex;\n align-items: flex-start;\n"])));var avatarWidth=40;var maxButtonsWidth=120;// max 4 buttons at 30 px each (translate, notifications, like and context menu)
|