@livetiles/reach-components-react 0.3.117 → 0.3.124
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/NewsHero.d.ts +1 -1
- package/common/hero/Hero.d.ts +3 -1
- package/common/hero/HeroSlide.d.ts +3 -1
- package/de.async.esm.esm.js +8 -8
- package/index.d.ts +1 -1
- package/index.esm2.js +118 -92
- package/index.umd.js +126 -100
- package/package.json +1 -1
package/index.umd.js
CHANGED
|
@@ -77341,7 +77341,7 @@
|
|
|
77341
77341
|
if(CollectionPrototype$2[ITERATOR$3$1]!==ArrayValues$1)try{createNonEnumerableProperty$1$1(CollectionPrototype$2,ITERATOR$3$1,ArrayValues$1);}catch(error){CollectionPrototype$2[ITERATOR$3$1]=ArrayValues$1;}if(!CollectionPrototype$2[TO_STRING_TAG$2$1]){createNonEnumerableProperty$1$1(CollectionPrototype$2,TO_STRING_TAG$2$1,COLLECTION_NAME$1);}if(DOMIterables$1[COLLECTION_NAME$1])for(var METHOD_NAME$1 in ArrayIteratorMethods$1){// some Chrome versions have non-configurable methods on DOMTokenList
|
|
77342
77342
|
if(CollectionPrototype$2[METHOD_NAME$1]!==ArrayIteratorMethods$1[METHOD_NAME$1])try{createNonEnumerableProperty$1$1(CollectionPrototype$2,METHOD_NAME$1,ArrayIteratorMethods$1[METHOD_NAME$1]);}catch(error){CollectionPrototype$2[METHOD_NAME$1]=ArrayIteratorMethods$1[METHOD_NAME$1];}}}}var Tooltip=function Tooltip(props){var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(officeUiFabricReact.TooltipHost,__assign$1({},props,{// the className shouldn't be applied to this element directly, but instead to the host
|
|
77343
77343
|
// using the hostClassName property
|
|
77344
|
-
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return _styled.css(templateObject_5$f$1||(templateObject_5$f$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?_styled.css(templateObject_1$1j$1||(templateObject_1$1j$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):_styled.css(templateObject_2$P$1||(templateObject_2$P$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?_styled.css(templateObject_3$y$1||(templateObject_3$y$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):_styled.css(templateObject_4$k$1||(templateObject_4$k$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1j$1,templateObject_2$P$1,templateObject_3$y$1,templateObject_4$k$1,templateObject_5$f$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsxRuntime.jsx(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled__default["default"].div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1i$1||(templateObject_1$1i$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){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled__default["default"].div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$O$1||(templateObject_2$O$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){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1i$1,templateObject_2$O$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:officeUiFabricReact.DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsxRuntime.jsx(Host$C,__assign$1({className:className},{children:children}),void 0),jsxRuntime.jsxs(officeUiFabricReact.DialogFooter,{children:[jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$C=_styled__default["default"].div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1h$1||(templateObject_1$1h$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);var EditorSettingsDialogWithFixedWidth=_styled__default["default"](EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$N$1||(templateObject_2$N$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1h$1,templateObject_2$N$1;var IconButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1g$1||(templateObject_1$1g$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){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1g$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsxRuntime.jsx(Host$B,__assign$1({className:className},{children:!readOnly?jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsxRuntime.jsx(Spacer,{},void 0)}),void 0);};var Host$B=_styled__default["default"].div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1f$1||(templateObject_1$1f$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"])));var ToggleIcon=_styled__default["default"](IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$M$1||(templateObject_2$M$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);var Spacer=_styled__default["default"].div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$x$1||(templateObject_3$x$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1f$1,templateObject_2$M$1,templateObject_3$x$1;var LinkStyle$1=_styled.css(templateObject_1$1e$1||(templateObject_1$1e$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){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled__default["default"](officeUiFabricReact.Link).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$L$1||(templateObject_2$L$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$w$1||(templateObject_3$w$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$1e$1,templateObject_2$L$1,templateObject_3$w$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=React$d.useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsxRuntime.jsx(Host$A,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsxRuntime.jsx(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsxRuntime.jsx(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsxRuntime.jsx(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$A=_styled__default["default"].div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$1d$1||(templateObject_1$1d$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"])));var StyledMessageBar=_styled__default["default"](officeUiFabricReact.MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$K$1||(templateObject_2$K$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);var templateObject_1$1d$1,templateObject_2$K$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=React$d.useRef();var windowSize=useWindowSize$2();React$d.useEffect(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===officeUiFabricReact.SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77344
|
+
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return _styled.css(templateObject_5$f$1||(templateObject_5$f$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?_styled.css(templateObject_1$1j$1||(templateObject_1$1j$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):_styled.css(templateObject_2$O$1||(templateObject_2$O$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?_styled.css(templateObject_3$y$1||(templateObject_3$y$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):_styled.css(templateObject_4$k$1||(templateObject_4$k$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1j$1,templateObject_2$O$1,templateObject_3$y$1,templateObject_4$k$1,templateObject_5$f$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsxRuntime.jsx(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled__default["default"].div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1i$1||(templateObject_1$1i$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){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled__default["default"].div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$N$1||(templateObject_2$N$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){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1i$1,templateObject_2$N$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:officeUiFabricReact.DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsxRuntime.jsx(Host$C,__assign$1({className:className},{children:children}),void 0),jsxRuntime.jsxs(officeUiFabricReact.DialogFooter,{children:[jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$C=_styled__default["default"].div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1h$1||(templateObject_1$1h$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);var EditorSettingsDialogWithFixedWidth=_styled__default["default"](EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$M$1||(templateObject_2$M$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1h$1,templateObject_2$M$1;var IconButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1g$1||(templateObject_1$1g$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){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1g$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsxRuntime.jsx(Host$B,__assign$1({className:className},{children:!readOnly?jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsxRuntime.jsx(Spacer,{},void 0)}),void 0);};var Host$B=_styled__default["default"].div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1f$1||(templateObject_1$1f$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"])));var ToggleIcon=_styled__default["default"](IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$L$1||(templateObject_2$L$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);var Spacer=_styled__default["default"].div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$x$1||(templateObject_3$x$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1f$1,templateObject_2$L$1,templateObject_3$x$1;var LinkStyle$1=_styled.css(templateObject_1$1e$1||(templateObject_1$1e$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){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled__default["default"](officeUiFabricReact.Link).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$K$1||(templateObject_2$K$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$w$1||(templateObject_3$w$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$1e$1,templateObject_2$K$1,templateObject_3$w$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=React$d.useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsxRuntime.jsx(Host$A,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsxRuntime.jsx(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsxRuntime.jsx(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsxRuntime.jsx(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$A=_styled__default["default"].div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$1d$1||(templateObject_1$1d$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"])));var StyledMessageBar=_styled__default["default"](officeUiFabricReact.MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$J$1||(templateObject_2$J$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);var templateObject_1$1d$1,templateObject_2$J$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=React$d.useRef();var windowSize=useWindowSize$2();React$d.useEffect(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===officeUiFabricReact.SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77345
77345
|
// Otherwise an empty result popup will be shown on focus.
|
|
77346
77346
|
pickerProps.onEmptyResolveSuggestions=function(){return prepareEmptyInputFocusItems(props.onEmptyInputFocus());};}if(props.placeholderStringResourceKey&&selectedItems.length===0){pickerProps.inputProps.placeholder=formatMessage({id:props.placeholderStringResourceKey});}if(props.selectedItems){pickerProps.selectedItems=selectedItems.map(function(a){return toPersona(a);});}return jsxRuntime.jsx(Container$1$1,__assign$1({className:classNames(props.className,'people-picker')},{children:jsxRuntime.jsx(officeUiFabricReact.NormalPeoplePicker,__assign$1({},pickerProps,{componentRef:inputRef,itemLimit:!isMulti?1:undefined}),void 0)}),void 0);function handleChange(selection){var updatedPeople=selection.map(function(p){return toAccount(p);});if(props.onChange){props.onChange(updatedPeople);}}function toPersona(account){var mail=isHiddenMail(account.mail)?null:account.mail;var upn=isHiddenMail(account.userPrincipalName)?null:account.userPrincipalName;var initials=getInitials(account.displayName||account.mail||account.userPrincipalName);var accountIdentifier=account.type===AccountType.User?upn:account.type===AccountType.Group?mail:null;var result={id:account.id,tokenUniqueId:account.tokenUniqueId,tenantId:account.tenantId,userPrincipalName:account.userPrincipalName,text:account.displayName||account.mail,secondaryText:(accountIdentifier||'')+(mail&&mail!==accountIdentifier?" ("+mail+")":''),tertiaryText:mail,imageInitials:initials,initialsColor:getPersonaInitialsColor(initials),key:accountIdentifier,accountType:account.type,authenticationType:account.authenticationType};if(features.avatars){getUserAvatarUrl(account.userPrincipalName).subscribe(function(url){return result.imageUrl=url;});}return result;}function toAccount(persona){return {id:persona.id,tokenUniqueId:persona.tokenUniqueId,tenantId:persona.tenantId,displayName:persona.text,userPrincipalName:persona.accountType!==AccountType.Group?persona.userPrincipalName:null,mail:isHiddenMail(persona.tertiaryText)?null:persona.tertiaryText,type:persona.accountType,authenticationType:persona.authenticationType};}function prepareEmptyInputFocusItems(accounts){if(isArray$3$1(accounts)){return excludeSelectedItems(accounts).map(toPersona);}return accounts.then(function(items){return excludeSelectedItems(items).map(toPersona);});}function resolveAccounts(search,localOnly){return __awaiter$1(this,void 0,void 0,function(){var emailAsAccount,result,items;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!search&&search.length===0){return [2/*return*/,[]];}emailAsAccount=props.allowMailItems&&isValidEmail(search)&&{mail:search,userPrincipalName:search,displayName:search,type:AccountType.User};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,searchAccounts({search:search,type:props.accountType,includePendingInvitationUsers:props.includePendingInvitationUsers,includePendingRegistrationUsers:props.includePendingRegistrationUsers,localOnly:props.localOnly||localOnly})];case 2:result=_a.sent();if(emailAsAccount&&result.every(function(a){return !haveSameUpnOrMail(a,emailAsAccount);})){result.push(emailAsAccount);}if(props.additionalSearch){items=props.additionalSearch(search);if(items){result=result.concat(items);}}return [2/*return*/,excludeSelectedItems(result).map(toPersona)];case 3:_a.sent();return [2/*return*/,emailAsAccount&&[emailAsAccount].map(toPersona)];case 4:return [2/*return*/];}});});}function haveSameUpnOrMail(a,emailAsAccount){return (a.userPrincipalName||'').toLowerCase()===emailAsAccount.userPrincipalName.toLowerCase()||(a.mail||'').toLowerCase()===emailAsAccount.mail.toLowerCase();}function excludeSelectedItems(suggestions){if(!props.selectedItems&&!props.defaultSelectedItems&&!props.excludedItems){return suggestions;}var excludedItems=(props.excludedItems||[]).concat(props.selectedItems||props.defaultSelectedItems||[]);return suggestions.filter(function(s){return excludedItems.every(function(i){return !isSameAccount(i,s);});});}};function isSameAccount(a,b){if(a.id&&b.id){return a.id===b.id;}if(a.tokenUniqueId&&b.tokenUniqueId){return a.tokenUniqueId===b.tokenUniqueId;}return a.userPrincipalName===b.userPrincipalName;}function isArray$3$1(accounts){return typeof accounts.length!=='undefined';}var Container$1$1=_styled__default["default"].div.withConfig({displayName:"PeoplePicker__Container",componentId:"sc-1if6guq-0"})(templateObject_1$1c$1||(templateObject_1$1c$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"])));var templateObject_1$1c$1;var $$5$1=_export$1;var getOwnPropertyDescriptor$1$1=objectGetOwnPropertyDescriptor$1.f;var toLength$5$1=toLength$8$1;var notARegExp$3=notARegexp$2;var requireObjectCoercible$5$1=requireObjectCoercible$9$1;var correctIsRegExpLogic$3=correctIsRegexpLogic$2;var nativeStartsWith$1=''.startsWith;var min$2$1=Math.min;var CORRECT_IS_REGEXP_LOGIC$1=correctIsRegExpLogic$3('startsWith');// https://github.com/zloirock/core-js/pull/702
|
|
77347
77347
|
var MDN_POLYFILL_BUG$1=!CORRECT_IS_REGEXP_LOGIC$1&&!!function(){var descriptor=getOwnPropertyDescriptor$1$1(String.prototype,'startsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.startsWith` method
|
|
@@ -77351,7 +77351,7 @@
|
|
|
77351
77351
|
var regexpFlags$1$2=function(){var that=anObject$8$1(this);var result='';if(that.global)result+='g';if(that.ignoreCase)result+='i';if(that.multiline)result+='m';if(that.dotAll)result+='s';if(that.unicode)result+='u';if(that.sticky)result+='y';return result;};var redefine$4$1=redefine$7$1.exports;var anObject$7$1=anObject$e$1;var fails$7$1=fails$h$1;var flags$2=regexpFlags$1$2;var TO_STRING$2='toString';var RegExpPrototype$1$1=RegExp.prototype;var nativeToString$2=RegExpPrototype$1$1[TO_STRING$2];var NOT_GENERIC$2=fails$7$1(function(){return nativeToString$2.call({source:'a',flags:'b'})!='/a/b';});// FF44- RegExp#toString has a wrong name
|
|
77352
77352
|
var INCORRECT_NAME$2=nativeToString$2.name!=TO_STRING$2;// `RegExp.prototype.toString` method
|
|
77353
77353
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
|
|
77354
|
-
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsxRuntime.jsx(Host$z$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsxRuntime.jsx("span",{children:fileName},void 0)}),void 0);};var Host$z$1=_styled__default["default"].a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$1b$1||(templateObject_1$1b$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){return p.theme.palette.accent;},spacingS);var templateObject_1$1b$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxRuntime.jsxs(Host$y$1,{children:[jsxRuntime.jsx(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxRuntime.jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsxRuntime.jsx("source",{src:url,type:"audio/mpeg"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$y$1=_styled__default["default"].div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$1a$1;_styled__default["default"].div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$19$1||(templateObject_1$19$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);_styled__default["default"].h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$
|
|
77354
|
+
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsxRuntime.jsx(Host$z$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsxRuntime.jsx("span",{children:fileName},void 0)}),void 0);};var Host$z$1=_styled__default["default"].a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$1b$1||(templateObject_1$1b$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){return p.theme.palette.accent;},spacingS);var templateObject_1$1b$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxRuntime.jsxs(Host$y$1,{children:[jsxRuntime.jsx(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxRuntime.jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsxRuntime.jsx("source",{src:url,type:"audio/mpeg"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$y$1=_styled__default["default"].div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$1a$1;_styled__default["default"].div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$19$1||(templateObject_1$19$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);_styled__default["default"].h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$I$1||(templateObject_2$I$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){return p.theme.textColors.default;});var templateObject_1$19$1,templateObject_2$I$1;var AttachmentHost=function AttachmentHost(_a){var children=_a.children,deleteButton=_a.deleteButton,domIdentifier=_a.domIdentifier,backgroundColor=_a.backgroundColor,className=_a.className;return jsxRuntime.jsxs(Host$x,__assign$1({className:className},{children:[deleteButton&&jsxRuntime.jsx(ButtonHost,{children:deleteButton},void 0),jsxRuntime.jsx(Inner$4$1,__assign$1({"data-attachment":domIdentifier,backgroundColor:backgroundColor},{children:children}),void 0)]}),void 0);};var Inner$4$1=_styled__default["default"].div.withConfig({displayName:"AttachmentHost__Inner",componentId:"sc-mjwmvo-0"})(templateObject_1$18$1||(templateObject_1$18$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){return p.backgroundColor?"background-color: "+p.backgroundColor+";":"background-color: "+p.theme.palette.white+";";});var ButtonHost=_styled__default["default"].div.withConfig({displayName:"AttachmentHost__ButtonHost",componentId:"sc-mjwmvo-1"})(templateObject_2$H$1||(templateObject_2$H$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){return p.theme.palette.white;},attachmentRoundedCornerSize-1,attachmentRoundedCornerSize);var Host$x=_styled__default["default"].div.withConfig({displayName:"AttachmentHost__Host",componentId:"sc-mjwmvo-2"})(templateObject_3$v$1||(templateObject_3$v$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);var templateObject_1$18$1,templateObject_2$H$1,templateObject_3$v$1;var ActionButton=_styled__default["default"](officeUiFabricReact.ActionButton).withConfig({displayName:"ActionButton",componentId:"sc-hmhuj9-0"})(templateObject_1$17$1||(templateObject_1$17$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){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;},function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$17$1;var regexpStickyHelpers$2={};var fails$6$1=fails$h$1;// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
77355
77355
|
// so we use an intermediate function.
|
|
77356
77356
|
function RE$2(s,f){return RegExp(s,f);}regexpStickyHelpers$2.UNSUPPORTED_Y=fails$6$1(function(){// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
|
|
77357
77357
|
var re=RE$2('a','y');re.lastIndex=2;return re.exec('abcd')!=null;});regexpStickyHelpers$2.BROKEN_CARET=fails$6$1(function(){// https://bugzilla.mozilla.org/show_bug.cgi?id=773687
|
|
@@ -77497,20 +77497,20 @@
|
|
|
77497
77497
|
all:function all(iterable){var C=this;var capability=newPromiseCapability$3(C);var resolve=capability.resolve;var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);var values=[];var counter=0;var remaining=1;iterate$3(iterable,function(promise){var index=counter++;var alreadyCalled=false;values.push(undefined);remaining++;$promiseResolve.call(C,promise).then(function(value){if(alreadyCalled)return;alreadyCalled=true;values[index]=value;--remaining||resolve(values);},reject);});--remaining||resolve(values);});if(result.error)reject(result.value);return capability.promise;},// `Promise.race` method
|
|
77498
77498
|
// https://tc39.github.io/ecma262/#sec-promise.race
|
|
77499
77499
|
race:function race(iterable){var C=this;var capability=newPromiseCapability$3(C);var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);iterate$3(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});var smallScreenSpacing=spacingS;var smallMaxContentWidth=minScreenSize.small-spacingX;var mediumMaxContentWidth=minScreenSize.medium-spacingX;_styled__default["default"].div.withConfig({displayName:"ListItemsContainer",componentId:"sc-1ml8hli-0"})(templateObject_1$16$1||(templateObject_1$16$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n > [data-nothing-found],\n > [data-empty-unread-list] {\n margin-top: auto;\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 width: 100%;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n > [data-nothing-found],\n > [data-empty-unread-list] {\n margin-top: auto;\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);var templateObject_1$16$1;function getGoogleMapsSearchLink(name){if(!name){return null;}return "https://www.google.com/maps/search/?api=1&"+queryString.stringify({query:name});}function getExternalContentUrl(item,language){var _a;if(!item.useExternalContent){return null;}var content=item.contents[language];if((content===null||content===void 0?void 0:content.active)&&(content===null||content===void 0?void 0:content.externalUrl)){return content.externalUrl;}return (_a=Object.values(item.contents).find(function(v){return v.active&&v.externalUrl;}))===null||_a===void 0?void 0:_a.externalUrl;}var DefaultSubscriptionName='LiveTiles Reach';function getSubscriptionName(subscription){if(subscription===null||subscription===void 0?void 0:subscription.subscriptionName){return subscription.subscriptionName;}if(subscription===null||subscription===void 0?void 0:subscription.company){return subscription.company;}return DefaultSubscriptionName;}// https://stackoverflow.com/a/13653180
|
|
77500
|
-
var LeftBannerWrapper=_styled__default["default"].div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$
|
|
77501
|
-
var templateObject_1$15$1,templateObject_2$
|
|
77500
|
+
var LeftBannerWrapper=_styled__default["default"].div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$G$1||(templateObject_2$G$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){return p.showPlaceholder&&_styled.css(templateObject_1$15$1||(templateObject_1$15$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.accent);},minScreenSize.small,smallMaxContentWidth,bannerAspectRatio,minScreenSize.medium,function(p){return p.defaultWidth?p.defaultWidth:250;});// react router dom path matcher stops at the next '/' (slash) character
|
|
77501
|
+
var templateObject_1$15$1,templateObject_2$G$1;_styled__default["default"].div.withConfig({displayName:"AvailableSubscriptionList__Host",componentId:"sc-113n7q9-0"})(templateObject_1$14$1||(templateObject_1$14$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));_styled__default["default"](ActionButton).withConfig({displayName:"AvailableSubscriptionList__SubscriptionButton",componentId:"sc-113n7q9-1"})(templateObject_2$F$1||(templateObject_2$F$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){return p.theme.palette.accent;});var templateObject_1$14$1,templateObject_2$F$1;var Callout=function Callout(_a){var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsx(officeUiFabricReact.FocusTrapCallout,__assign$1({},props,{className:classNames(reachClassNames,'lt-reach-callout',props===null||props===void 0?void 0:props.className),focusTrapProps:{isClickableOutsideFocusTrap:true}},{children:children}),void 0);};_styled__default["default"].span.withConfig({displayName:"ConfirmDeleteDialog__LinePreserverSpan",componentId:"sc-1ybmivq-0"})(templateObject_1$13$1||(templateObject_1$13$1=__makeTemplateObject$1(["\n white-space: pre-line;\n"],["\n white-space: pre-line;\n"])));_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"ConfirmDeleteDialog__StyledTextField",componentId:"sc-1ybmivq-1"})(templateObject_2$E$1||(templateObject_2$E$1=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"ConfirmDeleteDialog__DeleteButton",componentId:"sc-1ybmivq-2"})(templateObject_3$u$1||(templateObject_3$u$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){return p.theme.palette.red;},function(p){return p.theme.palette.red;},function(p){return p.theme.palette.redDark;},function(p){return p.theme.palette.redDark;});var templateObject_1$13$1,templateObject_2$E$1,templateObject_3$u$1;var ConfirmDialog=function ConfirmDialog(_a){var showDialog=_a.showDialog,titleResourceKey=_a.titleResourceKey,titleResourceValues=_a.titleResourceValues,infoResourceKey=_a.infoResourceKey,infoResourceValues=_a.infoResourceValues,onConfirm=_a.onConfirm,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var accent=React$d.useContext(ThemeContext$1).theme.palette.accent;return jsxRuntime.jsx(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true},dialogContentProps:{type:officeUiFabricReact.DialogType.normal,subText:infoResourceKey?formatMessage({id:infoResourceKey},infoResourceValues):'',title:formatMessage({id:titleResourceKey},titleResourceValues),titleProps:{style:{color:accent}}},onDismiss:onClose},{children:jsxRuntime.jsxs(officeUiFabricReact.DialogFooter,{children:[jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign$1({onClick:onClose,"data-cancel-button":true},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,__assign$1({"data-ok-button":true,onClick:handleConfirm},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Ok"},void 0)}),void 0)]},void 0)}),void 0);function handleConfirm(){onConfirm===null||onConfirm===void 0?void 0:onConfirm();onClose===null||onClose===void 0?void 0:onClose();}};_styled__default["default"].div.withConfig({displayName:"ConfirmResetDialog__Host",componentId:"sc-akcggz-0"})(templateObject_1$12$1||(templateObject_1$12$1=__makeTemplateObject$1(["\n max-width: 600px;\n"],["\n max-width: 600px;\n"])));var templateObject_1$12$1;var RelativeDateTime=function RelativeDateTime(_a){var absoluteValue=_a.value;var language=React$d.useContext(ResourceContext).language;var _b=selectUnit(absoluteValue),value=_b.value,unit=_b.unit;// we have to create a new IntlProvider instance here,
|
|
77502
77502
|
// because the locale can be different from the language,
|
|
77503
77503
|
// however the relative time (e.g. "10 seconds ago") should still be displayed
|
|
77504
77504
|
// depending on the language and not the locale
|
|
77505
77505
|
return jsxRuntime.jsx(IntlProvider$1,__assign$1({locale:language},{children:jsxRuntime.jsx(FormattedRelativeTime$1,{value:value,numeric:"auto",unit:unit,updateIntervalInSeconds:canSetInterval()?10:undefined},void 0)}),void 0);function canSetInterval(){// source: https://github.com/formatjs/react-intl/blob/master/docs/Components.md
|
|
77506
77506
|
// updateIntervalInSeconds cannot be enabled for unit longer than hour
|
|
77507
77507
|
return ['second','minute','hour'].some(function(u){return u===unit;});}};var MS_PER_SECOND=1e3;var SECS_PER_MIN=60;var SECS_PER_HOUR=SECS_PER_MIN*60;var SECS_PER_DAY=SECS_PER_HOUR*24;var SECS_PER_WEEK=SECS_PER_DAY*7;function selectUnit(from,to,thresholds){if(to===void 0){to=Date.now();}if(thresholds===void 0){thresholds={};}var resolvedThresholds=__assign$1(__assign$1({},DEFAULT_THRESHOLDS),thresholds||{});var secs=(+from-+to)/MS_PER_SECOND;if(Math.abs(secs)<resolvedThresholds.second){return {value:Math.round(secs),unit:'second'};}var mins=secs/SECS_PER_MIN;if(Math.abs(mins)<resolvedThresholds.minute){return {value:Math.round(mins),unit:'minute'};}var hours=secs/SECS_PER_HOUR;if(Math.abs(hours)<resolvedThresholds.hour){return {value:Math.round(hours),unit:'hour'};}var days=secs/SECS_PER_DAY;if(Math.abs(days)<resolvedThresholds.day){return {value:Math.round(days),unit:'day'};}var weeks=secs/SECS_PER_WEEK;if(Math.round(Math.abs(weeks))>0&&Math.abs(weeks)<resolvedThresholds.week){return {value:Math.round(weeks),unit:'week'};}var fromDate=new Date(from);var toDate=new Date(to);var years=fromDate.getFullYear()-toDate.getFullYear();var months=years*12+fromDate.getMonth()-toDate.getMonth();if(Math.round(Math.abs(months))>0&&Math.abs(months)<resolvedThresholds.month){return {value:Math.round(months),unit:'month'};}return {value:Math.round(years),unit:'year'};}var DEFAULT_THRESHOLDS={second:45,minute:45,hour:22,day:6,week:4,month:12// month to year
|
|
77508
|
-
};var isSameDay=function isSameDay(value){return moment(value).isSame(new Date(),'day');};var DateTime=function DateTime(props){var parsedTime=moment(props.value);var date=parsedTime.toDate();var shouldShowRelativeDate=!props.showAsAbsolute&&(props.showAsRelative||isSameDay(props.value));var timeProps={dateTime:date.toISOString(),title:parsedTime.format('LLLL')};if(!props.showWeekDay&&shouldShowRelativeDate){return jsxRuntime.jsx(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:jsxRuntime.jsx(RelativeDateTime,{value:date},void 0)}),void 0);}return jsxRuntime.jsxs(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:[jsxRuntime.jsx(FormattedDate,{weekday:props.showWeekDay?'long':undefined,day:"2-digit",month:"2-digit",year:"numeric",value:date},void 0),"\u00A0",jsxRuntime.jsx(FormattedTime,{value:date},void 0)]}),void 0);};var DateTimeRange=function DateTimeRange(_a){var startDate=_a.startDate,endDate=_a.endDate,className=_a.className;if(!endDate){return jsxRuntime.jsx("div",__assign$1({className:className},{children:jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0)}),void 0);}var start=moment(startDate);var end=moment(endDate);if(start.isSame(end,'d')){return jsxRuntime.jsxs("div",__assign$1({className:className},{children:[jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsxRuntime.jsx(FormattedTime,{value:end.toDate()},void 0)]}),void 0);}return jsxRuntime.jsxs("div",__assign$1({className:className},{children:[jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsxRuntime.jsx(DateTime,{value:endDate,showWeekDay:true},void 0)]}),void 0);};var Host$u$1=_styled__default["default"].time.withConfig({displayName:"DateTime__Host",componentId:"sc-ulo84j-0"})(templateObject_1$11$1||(templateObject_1$11$1=__makeTemplateObject$1(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"])));var templateObject_1$11$1;_styled__default["default"].div.withConfig({displayName:"Divider",componentId:"sc-1qr9ydh-0"})(templateObject_1$10$1||(templateObject_1$10$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){return p.theme.palette.neutralTertiary;},defaultPageBackgroundColor);var templateObject_1$10$1;var Dropdown=function Dropdown(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsx(officeUiFabricReact.Dropdown,__assign$1({},props,{calloutProps:__assign$1(__assign$1({},props.calloutProps||{}),{className:classNames(reachClassNames,'lt-reach-dropdown',(_b=props.calloutProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0);};var EmptyList=function EmptyList(_a){var svg=_a.svg,icon=_a.icon,styleDefinition=_a.styleDefinition,_b=_a.emptyMessageResources,emptyMessageResources=_b===void 0?['EmptySearchResult.info1','EmptySearchResult.info2']:_b,additionalButton=_a.additionalButton,className=_a.className;var size=(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.size)||'large';return jsxRuntime.jsx(Container$3,__assign$1({className:className,offset:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.offset,"data-nothing-found":true},{children:jsxRuntime.jsxs(Inner$3$1,__assign$1({hasLargeParagraphStyle:!icon,hasLargeSvgStyle:size==='large'},{children:[icon&&jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0),!icon&&svg,emptyMessageResources.map(function(resource,index){return jsxRuntime.jsx("p",{children:jsxRuntime.jsx(FormattedMessage$1,{id:resource},void 0)},index);}),additionalButton]}),void 0)}),void 0);};var Container$3=_styled__default["default"].div.withConfig({displayName:"EmptyList__Container",componentId:"sc-11jeabk-0"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"],["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"])),function(p){return p.offset?_styled.css(templateObject_1$$$1||(templateObject_1$$$1=__makeTemplateObject$1(["\n margin-top: ","px;\n "],["\n margin-top: ","px;\n "])),p.offset):_styled.css(templateObject_2$
|
|
77508
|
+
};var isSameDay=function isSameDay(value){return moment(value).isSame(new Date(),'day');};var DateTime=function DateTime(props){var parsedTime=moment(props.value);var date=parsedTime.toDate();var shouldShowRelativeDate=!props.showAsAbsolute&&(props.showAsRelative||isSameDay(props.value));var timeProps={dateTime:date.toISOString(),title:parsedTime.format('LLLL')};if(!props.showWeekDay&&shouldShowRelativeDate){return jsxRuntime.jsx(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:jsxRuntime.jsx(RelativeDateTime,{value:date},void 0)}),void 0);}return jsxRuntime.jsxs(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:[jsxRuntime.jsx(FormattedDate,{weekday:props.showWeekDay?'long':undefined,day:"2-digit",month:"2-digit",year:"numeric",value:date},void 0),"\u00A0",jsxRuntime.jsx(FormattedTime,{value:date},void 0)]}),void 0);};var DateTimeRange=function DateTimeRange(_a){var startDate=_a.startDate,endDate=_a.endDate,className=_a.className;if(!endDate){return jsxRuntime.jsx("div",__assign$1({className:className},{children:jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0)}),void 0);}var start=moment(startDate);var end=moment(endDate);if(start.isSame(end,'d')){return jsxRuntime.jsxs("div",__assign$1({className:className},{children:[jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsxRuntime.jsx(FormattedTime,{value:end.toDate()},void 0)]}),void 0);}return jsxRuntime.jsxs("div",__assign$1({className:className},{children:[jsxRuntime.jsx(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsxRuntime.jsx(DateTime,{value:endDate,showWeekDay:true},void 0)]}),void 0);};var Host$u$1=_styled__default["default"].time.withConfig({displayName:"DateTime__Host",componentId:"sc-ulo84j-0"})(templateObject_1$11$1||(templateObject_1$11$1=__makeTemplateObject$1(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"])));var templateObject_1$11$1;_styled__default["default"].div.withConfig({displayName:"Divider",componentId:"sc-1qr9ydh-0"})(templateObject_1$10$1||(templateObject_1$10$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){return p.theme.palette.neutralTertiary;},defaultPageBackgroundColor);var templateObject_1$10$1;var Dropdown=function Dropdown(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsx(officeUiFabricReact.Dropdown,__assign$1({},props,{calloutProps:__assign$1(__assign$1({},props.calloutProps||{}),{className:classNames(reachClassNames,'lt-reach-dropdown',(_b=props.calloutProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0);};var EmptyList=function EmptyList(_a){var svg=_a.svg,icon=_a.icon,styleDefinition=_a.styleDefinition,_b=_a.emptyMessageResources,emptyMessageResources=_b===void 0?['EmptySearchResult.info1','EmptySearchResult.info2']:_b,additionalButton=_a.additionalButton,className=_a.className;var size=(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.size)||'large';return jsxRuntime.jsx(Container$3,__assign$1({className:className,offset:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.offset,"data-nothing-found":true},{children:jsxRuntime.jsxs(Inner$3$1,__assign$1({hasLargeParagraphStyle:!icon,hasLargeSvgStyle:size==='large'},{children:[icon&&jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0),!icon&&svg,emptyMessageResources.map(function(resource,index){return jsxRuntime.jsx("p",{children:jsxRuntime.jsx(FormattedMessage$1,{id:resource},void 0)},index);}),additionalButton]}),void 0)}),void 0);};var Container$3=_styled__default["default"].div.withConfig({displayName:"EmptyList__Container",componentId:"sc-11jeabk-0"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"],["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"])),function(p){return p.offset?_styled.css(templateObject_1$$$1||(templateObject_1$$$1=__makeTemplateObject$1(["\n margin-top: ","px;\n "],["\n margin-top: ","px;\n "])),p.offset):_styled.css(templateObject_2$D$1||(templateObject_2$D$1=__makeTemplateObject$1(["\n margin: auto; /* ensure it's vertically centered in a flex container */\n "],["\n margin: auto; /* ensure it's vertically centered in a flex container */\n "])));});var Inner$3$1=_styled__default["default"].div.withConfig({displayName:"EmptyList__Inner",componentId:"sc-11jeabk-1"})(templateObject_6$a$2||(templateObject_6$a$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n word-break: normal;\n margin: ","px 0;\n\n > p {\n font-size: ","px;\n margin: 0;\n min-width: 100%;\n width: ","px;\n }\n\n ","\n\n ","\n\n svg {\n color: ",";\n height: auto;\n max-width: 400px; /* it ensures svg is not too big */\n }\n\n > p + p {\n margin-top: ","px;\n }\n\n @media (max-width: ","px) {\n svg {\n transform: scale(0.8);\n }\n p {\n font-size: ","px;\n }\n }\n\n && button {\n height: ","px;\n align-items: center;\n margin-top: ","px;\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n\n span {\n font-weight: normal;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n word-break: normal;\n margin: ","px 0;\n\n > p {\n font-size: ","px;\n margin: 0;\n min-width: 100%;\n width: ","px;\n }\n\n ","\n\n ","\n\n svg {\n color: ",";\n height: auto;\n max-width: 400px; /* it ensures svg is not too big */\n }\n\n > p + p {\n margin-top: ","px;\n }\n\n @media (max-width: ","px) {\n svg {\n transform: scale(0.8);\n }\n p {\n font-size: ","px;\n }\n }\n\n && button {\n height: ","px;\n align-items: center;\n margin-top: ","px;\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n\n span {\n font-weight: normal;\n }\n }\n"])),spacingM,fontSizeSmall,spacingS,function(p){return !p.hasLargeSvgStyle&&_styled.css(templateObject_4$j$1||(templateObject_4$j$1=__makeTemplateObject$1(["\n > p {\n font-size: ","px;\n color: ",";\n }\n\n svg {\n margin-bottom: ","px;\n }\n "],["\n > p {\n font-size: ","px;\n color: ",";\n }\n\n svg {\n margin-bottom: ","px;\n }\n "])),fontSizeMedium,p.theme.palette.neutralSecondary,spacingL);},function(p){return p.hasLargeParagraphStyle&&p.hasLargeSvgStyle&&_styled.css(templateObject_5$e$1||(templateObject_5$e$1=__makeTemplateObject$1(["\n > p {\n font-size: ","px;\n font-weight: 500;\n margin: ","px 0 0;\n color: ",";\n opacity: 80%;\n }\n\n > i {\n font-size: 100px;\n padding-bottom: ","px;\n padding-top: ","px;\n\n @media (min-height: ","px) {\n padding-top: 150px;\n }\n }\n "],["\n > p {\n font-size: ","px;\n font-weight: 500;\n margin: ","px 0 0;\n color: ",";\n opacity: 80%;\n }\n\n > i {\n font-size: 100px;\n padding-bottom: ","px;\n padding-top: ","px;\n\n @media (min-height: ","px) {\n padding-top: 150px;\n }\n }\n "])),fontSizeLarge+7,spacingM,function(p){return p.theme.palette.accent;},spacingL,spacingL,minScreenSize.small);},function(p){return p.theme.palette.accent;},spacingXxs,maxScreenSize.medium,fontSizeLarge-1,spacingL,spacingL);var templateObject_1$$$1,templateObject_2$D$1,templateObject_3$t$1,templateObject_4$j$1,templateObject_5$e$1,templateObject_6$a$2;var hasFlag=function hasFlag(baseValue,flag){return baseValue!=null&&(baseValue&flag)===flag;};_styled__default["default"].p.withConfig({displayName:"ErrorSection__Host",componentId:"sc-1muscsm-0"})(templateObject_1$_$1||(templateObject_1$_$1=__makeTemplateObject$1(["\n max-width: 600px;\n margin: 0;\n"],["\n max-width: 600px;\n margin: 0;\n"])));var templateObject_1$_$1;var $$2$2=_export$1;var aFunction$1$1=aFunction$7$1;var toObject$2$1=toObject$7$1;var fails$2$2=fails$h$1;var arrayMethodIsStrict$3=arrayMethodIsStrict$2$1;var test$4=[];var nativeSort$1=test$4.sort;// IE8-
|
|
77509
77509
|
var FAILS_ON_UNDEFINED$1=fails$2$2(function(){test$4.sort(undefined);});// V8 bug
|
|
77510
77510
|
var FAILS_ON_NULL$1=fails$2$2(function(){test$4.sort(null);});// Old WebKit
|
|
77511
77511
|
var STRICT_METHOD$2=arrayMethodIsStrict$3('sort');var FORCED$4=FAILS_ON_UNDEFINED$1||!FAILS_ON_NULL$1||!STRICT_METHOD$2;// `Array.prototype.sort` method
|
|
77512
77512
|
// https://tc39.github.io/ecma262/#sec-array.prototype.sort
|
|
77513
|
-
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$Z$1||(templateObject_1$Z$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"])));_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$
|
|
77513
|
+
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$Z$1||(templateObject_1$Z$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"])));_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$C$1||(templateObject_2$C$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"])));_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"FieldTranslationEditor__StyledTextField",componentId:"sc-1s8zb6d-2"})(templateObject_3$s$1||(templateObject_3$s$1=__makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"],["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__Header",componentId:"sc-1s8zb6d-3"})(templateObject_4$i$1||(templateObject_4$i$1=__makeTemplateObject$1(["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"],["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"FieldTranslationEditor__Buttons",componentId:"sc-1s8zb6d-4"})(templateObject_5$d$1||(templateObject_5$d$1=__makeTemplateObject$1(["\n display: flex;\n"],["\n display: flex;\n"])));var templateObject_1$Z$1,templateObject_2$C$1,templateObject_3$s$1,templateObject_4$i$1,templateObject_5$d$1;var Spinner=function Spinner(props){var _a=React$d.useState(props.delay==null),isVisible=_a[0],setIsVisible=_a[1];React$d.useEffect(function(){if(!props.delay==null){return undefined;}var timeoutHandle=setTimeout(function(){return setIsVisible(true);},props.delay);return function(){return clearTimeout(timeoutHandle);};},[props.delay]);if(!isVisible){return null;}return jsxRuntime.jsx(Host$r$1,__assign$1({className:props.className},{children:jsxRuntime.jsx(officeUiFabricReact.Spinner,__assign$1({},props,{className:""}),void 0)}),void 0);};var Host$r$1=_styled__default["default"].div.withConfig({displayName:"Spinner__Host",componentId:"sc-1wroad6-0"})(templateObject_1$Y$1||(templateObject_1$Y$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"])));var templateObject_1$Y$1;var fixRegExpWellKnownSymbolLogic$5=fixRegexpWellKnownSymbolLogic$2;var isRegExp$6=isRegexp$2;var anObject$j=anObject$e$1;var requireObjectCoercible$1$2=requireObjectCoercible$9$1;var speciesConstructor$3=speciesConstructor$2$1;var advanceStringIndex$5=advanceStringIndex$2$1;var toLength$2$1=toLength$8$1;var callRegExpExec$1=regexpExecAbstract$2;var regexpExec$5=regexpExec$3$1;var fails$1$2=fails$h$1;var arrayPush$1=[].push;var min=Math.min;var MAX_UINT32$1=0xFFFFFFFF;// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
|
|
77514
77514
|
var SUPPORTS_Y$1=!fails$1$2(function(){return !RegExp(MAX_UINT32$1,'y');});// @@split logic
|
|
77515
77515
|
fixRegExpWellKnownSymbolLogic$5('split',2,function(SPLIT,nativeSplit,maybeCallNative){var internalSplit;if('abbc'.split(/(b)*/)[1]=='c'||'test'.split(/(?:)/,-1).length!=4||'ab'.split(/(?:ab)*/).length!=2||'.'.split(/(.?)(.?)/).length!=4||'.'.split(/()()/).length>1||''.split(/.?/).length){// based on es5-shim implementation, need to rework it
|
|
77516
77516
|
internalSplit=function(separator,limit){var string=String(requireObjectCoercible$1$2(this));var lim=limit===undefined?MAX_UINT32$1:limit>>>0;if(lim===0)return [];if(separator===undefined)return [string];// If `separator` is not a regex, use native split
|
|
@@ -77534,18 +77534,18 @@
|
|
|
77534
77534
|
var src=browserInfo.name==='safari'?url+"#t=0.1":url;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxRuntime.jsxs("video",__assign$1({preload:"metadata",controls:true,title:fileName,width:"auto",height:"auto"},{children:[jsxRuntime.jsx("source",{src:src,type:"video/mp4"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.videoReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isVideoFile(fileName){var _a;var os=env.deviceInfo.operatingSystem;var isApple=os==='mac';var fileType=(_a=lite.getType(fileName))===null||_a===void 0?void 0:_a.toString();if(!fileType){return false;}if(fileType.startsWith(VideoMimeTypes.mp4)){return true;}return isApple?fileType.startsWith(VideoMimeTypes.quicktime):fileType.startsWith(VideoMimeTypes.webm);}var CardBorderInline=function CardBorderInline(xRadius,yRadius){var xShadow=xRadius/2;var yShadow=yRadius/2;var radius=Math.abs(xRadius)+Math.abs(yRadius);return "\n box-shadow: "+xShadow+"px "+yShadow+"px "+radius+"px grey;\n ";};var InputPlaceholder=function InputPlaceholder(content){return "\n &:-moz-placeholder {\n "+content+";\n }\n &::-moz-placeholder {\n "+content+";\n }\n &:-ms-input-placeholder {\n "+content+";\n }\n &::-webkit-input-placeholder {\n "+content+";\n }\n ";};var LineClamp=function LineClamp(lines,fontSize,lineHeight){return _styled.css(templateObject_1$X$1||(templateObject_1$X$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);};function getImageSize(url){var image=new Image();var promise=new Promise(function(resolve){image.onload=function(e){var i=e.currentTarget;resolve({width:i.width,height:i.height});};});image.src=url;return promise;}function getFileIcon(filename){if(isAudioFile(filename)){return 'MusicInCollectionFill';}if(isVideoFile(filename)){return 'Video';}var extension=filename===null||filename===void 0?void 0:filename.split('.').pop().toLowerCase();return getFileIconByExtension(extension);}function getIconColor(fileIcon){switch(fileIcon){case'WordDocument':return '#1C5FC0';case'ExcelDocument':return '#138147';case'PowerPointDocument':return '#CA4B27';case'VisioDocument':return '#1C5FBF';case'PDF':return '#CF1700';default:return '#000';}}function getFileIconByExtension(extension){switch(extension===null||extension===void 0?void 0:extension.toLowerCase()){case'vsdx':return 'VisioDocument';case'rar':case'zip':case'7z':return 'ZipFolder';case'pdf':return 'PDF';case'doc':case'docx':return 'WordDocument';case'xls':case'xlsx':case'csv':return 'ExcelDocument';case'ppt':case'pptx':case'potx':case'ppsx':return 'PowerPointDocument';case'mp4':case'webm':case'mpeg':case'avi':case'ogv':return 'Video';case'aac':case'mp3':case'oga':case'opus':case'wav':case'weba':return 'MusicInCollectionFill';case'bmp':case'gif':case'ico':case'jpeg':case'jpg':case'png':case'svg':case'tif':case'webp':return 'FileImage';default:return 'Page';}}var templateObject_1$X$1;function useFileAccessTokenApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var identifier=React$d.useContext(SubscriptionIdContext).identifier;var env=useEnvironmentConfig();var subscriptionId=identifier===null||identifier===void 0?void 0:identifier.id;return React$d.useMemo(function(){return {exchangeShortLivedToken:exchangeShortLivedToken,getPublishableItemShortLivedToken:getPublishableItemShortLivedToken,createDownloadClickHandler:createDownloadClickHandler};// Creates a click handler that is safe to be used on iOS.
|
|
77535
77535
|
// iOS does not allow async onClick handler that open a new window
|
|
77536
77536
|
// with `window.open(url, '_blank')`
|
|
77537
|
-
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsxRuntime.jsx(VideoFileItem,{children:jsxRuntime.jsx(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$W$1||(templateObject_1$W$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"])));var VideoFilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$C$1||(templateObject_2$C$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);var VideoFileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxRuntime.jsxs(Host$q$1,{children:[attachment.isUploadInProgress&&jsxRuntime.jsx(AttachmentOverlay$1,{children:jsxRuntime.jsx(CenteredSpinner$1,{size:officeUiFabricReact.SpinnerSize.medium},void 0)},void 0),jsxRuntime.jsx(Inner$2$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsxRuntime.jsx(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(WarningIcon$1,{iconName:"Warning"},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxRuntime.jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$q$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__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){return p.theme.palette.white;});var DownloadButton$4=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$2$1=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?_styled.css(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):_styled.css(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled__default["default"](Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$W$1,templateObject_2$C$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Styles$2,{},void 0),jsxRuntime.jsx(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=_styled.createGlobalStyle(templateObject_1$V$1||(templateObject_1$V$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"])));var templateObject_1$V$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled__default["default"].nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$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){return p.positionBottomOnMobile?_styled.css(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):_styled.css(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return _styled.css(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?_styled.css(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):_styled.css(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};_styled.createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"](Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"].div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));_styled.createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$U$1,templateObject_2$B$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/React$d.createElement(tagName,{className:className},jsxRuntime.jsx(FormattedMessage$1,{id:id,values:values},void 0));};_styled__default["default"].div(templateObject_1$T$1||(templateObject_1$T$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);var templateObject_1$T$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77537
|
+
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsxRuntime.jsx(VideoFileItem,{children:jsxRuntime.jsx(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$W$1||(templateObject_1$W$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"])));var VideoFilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$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);var VideoFileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxRuntime.jsxs(Host$q$1,{children:[attachment.isUploadInProgress&&jsxRuntime.jsx(AttachmentOverlay$1,{children:jsxRuntime.jsx(CenteredSpinner$1,{size:officeUiFabricReact.SpinnerSize.medium},void 0)},void 0),jsxRuntime.jsx(Inner$2$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsxRuntime.jsx(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(WarningIcon$1,{iconName:"Warning"},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxRuntime.jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$q$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__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){return p.theme.palette.white;});var DownloadButton$4=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$2$1=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?_styled.css(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):_styled.css(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled__default["default"](Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$W$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Styles$2,{},void 0),jsxRuntime.jsx(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=_styled.createGlobalStyle(templateObject_1$V$1||(templateObject_1$V$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"])));var templateObject_1$V$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled__default["default"].nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$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){return p.positionBottomOnMobile?_styled.css(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):_styled.css(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return _styled.css(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?_styled.css(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):_styled.css(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};_styled.createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"](Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"].div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));_styled.createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$U$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/React$d.createElement(tagName,{className:className},jsxRuntime.jsx(FormattedMessage$1,{id:id,values:values},void 0));};_styled__default["default"].div(templateObject_1$T$1||(templateObject_1$T$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);var templateObject_1$T$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77538
77538
|
* Repacks the grid layout when a given dependency changes
|
|
77539
77539
|
* It does not repack the grid on the very first run
|
|
77540
77540
|
* @param deps
|
|
77541
77541
|
*/function useGridRepack(deps){var isFirstRun=React$d.useRef(true);React$d.useEffect(function(){if(!isFirstRun.current){repack();}isFirstRun.current=false;// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77542
|
-
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsxRuntime.jsx(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsxRuntime.jsx(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsxRuntime.jsx(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsxRuntime.jsx(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled__default["default"].span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.underlined&&_styled.css(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n text-decoration: underline;\n "],["\n text-decoration: underline;\n "])));});var templateObject_1$S$1,templateObject_2$A$1,templateObject_3$p$1;var Modified=function Modified(_a){var modified=_a.modified;var intl=useIntl();if(!modified){return null;}return jsxRuntime.jsxs(Host$o$1,__assign$1({className:"ms-fontColor-neutralTertiary"},{children:["\u00A0(",jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Generic.wasModifiedTooltip",values:{modified:formatModified()}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.wasModified"},void 0)}),void 0),")"]}),void 0);function formatModified(){var date=intl.formatDate(modified,{day:'2-digit',month:'2-digit',year:'numeric'});var time=intl.formatTime(modified);return date+" "+time;}};var Host$o$1=_styled__default["default"].span(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$R$1;function _extends$m(){_extends$m=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$m.apply(this,arguments);}var SvgNoPublished=function SvgNoPublished(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$m({width:400,height:246,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 90.012h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M303.95 99.623c0-6.623-5.377-12-12-12h-223c-6.623 0-12 5.377-12 12s5.377 12 12 12h223c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M109.95 111.623h231.857c6.113 0 11.143 5.417 11.143 12s-5.03 12-11.143 12H109.95c6.113 0 11.143-5.417 11.143-12s-5.03-12-11.143-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("circle",{cx:374.95,cy:123.623,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M328.95 147.623c0-6.623-5.377-12-12-12h-229c-6.623 0-12 5.377-12 12s5.377 12 12 12h229c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M72.95 159.623h181c-6.583 0-12 5.417-12 12s5.417 12 12 12h-181c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M354.95 195.623c0-6.623-5.377-12-12-12h-249c-6.623 0-12 5.377-12 12s5.377 12 12 12h249c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m287.318 41.85-140.914-4.921-6.98 199.878 140.914 4.921 6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m281.417 34.091-140.914 4.921 6.98 199.878 140.914-4.921-6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M270.614 121.843a3.922 3.922 0 0 0 2.186-5.094l-12.336-30.881a3.921 3.921 0 0 0-5.094-2.187 3.922 3.922 0 0 0-2.186 5.095l12.335 30.881a3.923 3.923 0 0 0 5.095 2.186Z",style:{fill:"currentColor"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M257.614 132.166c-13.771-34.474-20.534-54.646-13.585-57.422l.021-.008c6.947-2.729 15.939 16.546 29.696 50.986l-16.132 6.444Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m257.875 130.779 14.726-5.882c15.927 39.871 28.772 71.236 21.136 74.286-7.636 3.05-19.935-28.532-35.862-68.404ZM94.857 6.66c6.969 3.252 17.655 10.686 17.655 10.686-4.646 6.505-6.504 16.262-6.504 16.262 10.686 5.111 6.04 13.009 6.04 13.009-6.04 1.394-20.444-2.323-20.444-2.323-3.252 11.615-16.261 3.717-16.261 3.717 1.858-11.616 2.787-24.16 2.787-24.16-6.04-6.97-4.646-18.585-4.646-18.585C81.847 8.518 94.857 6.66 94.857 6.66Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M80.314 30.738c5.111 11.615 13.939 13.938 13.939 13.938 5.576 3.717 23.231-16.726 23.231-16.726 2.788 7.434-.929 19.514-.929 19.514-.929 6.04-6.969 13.474-6.969 13.474-5.111 3.717-21.373 2.323-21.373 2.323-9.757-5.575-14.868-8.828-14.868-8.828 1.859-9.757 6.505-14.403 6.505-14.403l.464-9.292Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M65.554 32.465c-2.788 10.222-2.323 17.191-2.323 17.191 5.111 7.898 18.585 14.403 18.585 14.403l8.828-12.545c4.181-3.252 14.867 2.323 14.867 2.323 6.505 2.788 13.01-13.009 13.01-13.009-10.686-10.222-15.333-14.868-15.333-14.868-5.11-7.434-6.504-13.938-6.504-13.938l-4.647-7.899c-4.646 4.646-4.181 26.019-4.181 26.019C90.179 34.788 71.594 32 71.594 32l-6.04.465Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m59.887 23.474-5.555 9.305 5.4 7.121 10.694 3.229c8.278-1.275 12.592-3.061 12.592-3.061 3.727-7.798 5.745-9.934 5.745-9.934l5.045-5.341 5.483-4.521.042-5.822-6.7-1.679c-6.172 2.254-12.943 5.358-12.943 5.358-3.685 1.976-14.171 6.016-14.171 6.016l-5.632-.671Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M102.724 12.771c-5.576 4.646-20.908 16.726-20.908 16.726-5.576 3.717-12.08 10.222-12.08 10.222l2.787 7.898c4.647 4.182 11.616 6.969 11.616 6.969 9.292 3.253 18.12 1.859 18.12 1.859 7.899-12.545 10.686-19.514 10.686-19.514 3.253-9.757 5.576-19.514 5.576-19.514-6.04-2.788-15.797-4.646-15.797-4.646Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M86.898 11.688c-6.505 2.323-17.191 6.04-17.191 6.04l-6.04 9.293-.465 13.474c6.505.929 18.12 3.717 18.12 3.717-.929-6.505-2.323-12.081-2.323-12.081l-.465-6.969 8.364-13.474Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}));};function _extends$j(){_extends$j=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$j.apply(this,arguments);}var SvgNoEvents=function SvgNoEvents(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$j({width:400,height:160,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 31.309h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M341.375 39.358c0-6.623-5.377-12-12-12h-248.5c-6.623 0-12 5.377-12 12s5.377 12 12 12h248.5c6.623 0 12-5.377 12-12ZM394.625 63.358c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h337.75c6.623 0 12-5.377 12-12ZM384.625 135.309c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h327.75c6.623 0 12-5.377 12-12ZM151.75 75.358H16c-6.623 0-12 5.377-12 12s5.377 12 12 12h135.75c-6.623 0-12-5.377-12-12s5.377-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M58.688 99.358h153.75c6.623 0 12 5.377 12 12s-5.377 12-12 12H58.688c6.623 0 12-5.377 12-12s-5.377-12-12-12ZM368.778 98.309c0-6.623-5.377-12-12-12s-12 5.377-12 12 5.377 12 12 12 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M198.494 11.655 94.626 18.918a5.483 5.483 0 0 0-5.084 5.849l8.792 125.734a5.483 5.483 0 0 0 5.849 5.084l103.867-7.263-9.556-136.667ZM202.138 11.4l103.867-7.263a5.483 5.483 0 0 1 5.849 5.084l8.792 125.734a5.483 5.483 0 0 1-5.084 5.849l-103.867 7.263L202.138 11.4Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m195.257 43.926.191 2.733-3.645.255-.509-7.289 3.644-.255.191 2.734 5.467-.383-1.465-20.955-91.112 6.371 8.283 118.445 91.111-6.371-1.465-20.956-5.467.382.191 2.734-3.644.255-.51-7.289 3.645-.255.191 2.733 5.466-.382-5.097-72.889-5.466.382ZM209.835 42.907l.191 2.733 3.644-.255-.509-7.289-3.645.255.191 2.733-5.466.383-1.466-20.956 91.112-6.371 8.282 118.445-91.111 6.371L209.592 118l5.467-.382.191 2.733 3.645-.254-.51-7.289-3.645.255.192 2.733-5.467.382-5.097-72.889 5.467-.382Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:1}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m193.498 44.964 18.223-1.274M198.723 119.676l18.222-1.274M193.243 41.32l18.223-1.274M198.468 116.032l18.222-1.275",style:{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeMiterlimit:1.5}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m123.999 46.162 60.133-4.205M124.954 59.829l60.134-4.205M125.91 73.496l60.134-4.205M126.866 87.162l60.133-4.205M127.821 100.829l60.134-4.205M128.777 114.496l60.134-4.205M129.733 128.163l60.133-4.205M282.087 28.698l-57.401 4.014 2.74 39.178 57.4-4.014-2.739-39.178ZM285.591 78.81l-57.4 4.014 2.739 39.178 57.401-4.014-2.74-39.178Z",style:{fill:"none",stroke:"currentColor",strokeOpacity:0.2,strokeWidth:2}}));};function _extends$b(){_extends$b=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$b.apply(this,arguments);}var SvgNotFound=function SvgNotFound(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 124"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 6.131h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M248 12c0-6.623-5.377-12-12-12H136c-6.623 0-12 5.377-12 12s5.377 12 12 12h100c6.623 0 12-5.377 12-12ZM320 36c0-6.623-5.377-12-12-12H62c-6.623 0-12 5.377-12 12s5.377 12 12 12h246c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M105 48h245c6.583 0 12 5.417 12 12s-5.417 12-12 12H105c6.583 0 12-5.417 12-12s-5.417-12-12-12ZM36 72h268c-6.583 0-12 5.417-12 12s5.417 12 12 12H36c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M320 108c0-6.623-5.377-12-12-12H142c-6.623 0-12 5.377-12 12s5.377 12 12 12h166c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("circle",{cx:350,cy:108,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m290.483 107.633-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M259.221 66.661 122.533 78.619l.608 6.951 136.688-11.959-.608-6.95ZM233.685 81.664l-110.046 9.628.608 6.951 110.046-9.628-.608-6.951Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M292.222 31.003a1.175 1.175 0 0 0-.465-.814.774.774 0 0 0-.814-.233L235.71 34.84l5.814-9.3c.581.233 1.279.465 1.86.7 2.907.93 6.047.814 7.907-1.163 1.977-1.977 2.093-5 1.163-7.907a23.214 23.214 0 0 0-5.7-8.953 22.876 22.876 0 0 0-8.837-5.7 11.406 11.406 0 0 0-3.372-.581h-1.047a6.055 6.055 0 0 0-3.6 1.628c-1.977 1.977-2.093 5-1.163 7.907.233.581.465 1.279.7 1.86l-12.093 7.558a21.654 21.654 0 0 0-8.14-1.86c-3.372 0-6.512.93-8.721 3.256-3.14 3.14-3.837 7.791-2.791 12.558.233 1.047.581 2.093.93 3.256l-94.188 8.253a1.115 1.115 0 0 0-1.049 1.281l6.4 73.256c.036.324.204.619.465.814.267.198.602.282.93.233l6.86-1.4c.233 0 .349-.116.581-.233l6.86-6.279c.443-.348.96-.588 1.512-.7.44-.036.881.044 1.279.233l21.86 9.535a.703.703 0 0 0 .465.116h.233l22.555-5.345c.349-.116.581-.233.7-.581l6.86-12.558a2.665 2.665 0 0 1 2.907-1.279l16.633 4.188h.116l18.372 2.209c10.7 1.047 23.372 2.093 25.93 2.093a.701.701 0 0 0 .465-.116c2.558-.93 13.14-7.326 19.884-11.512a1.768 1.768 0 0 1 1.512-.349l12.791.814a2.477 2.477 0 0 1 1.744.814l8.14 8.488c.322.359.851.456 1.279.233l7.442-3.256c.472-.179.762-.662.7-1.163l-6.636-74.885Zm-1.739 76.63-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"currentColor"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"currentColor",fillOpacity:0.2}}));};var FullScreenImageViewer=function FullScreenImageViewer(_a){var images=_a.images,selectedIndex=_a.selectedIndex,hidden=_a.hidden,onClose=_a.onClose,imageUrlResolver=_a.imageUrlResolver;var _b=usePromise$2(getImagesSizes,null,[images]),imageSizes=_b[0],isLoading=_b[1],error=_b[2];if(isLoading||error){return null;}return jsxRuntime.jsx(officeUiFabricReact.Layer,{children:jsxRuntime.jsx(PhotoSwipeGallery,{images:images.map(function(image,index){return mapPhotoSwipeImage(image,imageSizes[index]);}),selectedIndex:selectedIndex,hidden:hidden,onClose:onClose},void 0)},void 0);function mapPhotoSwipeImage(image,size){var width=Math.min(size.width,2500);var height=Math.trunc(size.height/size.width*width);return {thumbnail:image.previewUrl,large:imageUrlResolver(image.imageId,width,height),width:width,height:height,caption:image.imageTitle};}function getImagesSizes(){return __awaiter$1(this,void 0,void 0,function(){var imageSizesPromises;return __generator$1(this,function(_a){switch(_a.label){case 0:imageSizesPromises=images.map(function(i){if(i.width!=null&&i.height!=null){return Promise.resolve({width:i.width,height:i.height});}return getImageSize(imageUrlResolver(i.imageId,1000));});return [4/*yield*/,Promise.all(imageSizesPromises)];case 1:return [2/*return*/,_a.sent()];}});});}};var PhotoSwipeGallery=function PhotoSwipeGallery(_a){var images=_a.images,hidden=_a.hidden,selectedIndex=_a.selectedIndex,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var host=React$d.useRef(null);var initializeGalleryHandle=React$d.useRef();React$d.useEffect(function(){if(hidden){return undefined;}// we have to initialize the gallery with a delay
|
|
77542
|
+
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsxRuntime.jsx(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsxRuntime.jsx(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsxRuntime.jsx(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsxRuntime.jsx(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled__default["default"].span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.underlined&&_styled.css(templateObject_2$z$1||(templateObject_2$z$1=__makeTemplateObject$1(["\n text-decoration: underline;\n "],["\n text-decoration: underline;\n "])));});var templateObject_1$S$1,templateObject_2$z$1,templateObject_3$p$1;var Modified=function Modified(_a){var modified=_a.modified;var intl=useIntl();if(!modified){return null;}return jsxRuntime.jsxs(Host$o$1,__assign$1({className:"ms-fontColor-neutralTertiary"},{children:["\u00A0(",jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Generic.wasModifiedTooltip",values:{modified:formatModified()}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.wasModified"},void 0)}),void 0),")"]}),void 0);function formatModified(){var date=intl.formatDate(modified,{day:'2-digit',month:'2-digit',year:'numeric'});var time=intl.formatTime(modified);return date+" "+time;}};var Host$o$1=_styled__default["default"].span(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$R$1;function _extends$m(){_extends$m=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$m.apply(this,arguments);}var SvgNoPublished=function SvgNoPublished(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$m({width:400,height:246,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 90.012h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M303.95 99.623c0-6.623-5.377-12-12-12h-223c-6.623 0-12 5.377-12 12s5.377 12 12 12h223c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M109.95 111.623h231.857c6.113 0 11.143 5.417 11.143 12s-5.03 12-11.143 12H109.95c6.113 0 11.143-5.417 11.143-12s-5.03-12-11.143-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("circle",{cx:374.95,cy:123.623,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M328.95 147.623c0-6.623-5.377-12-12-12h-229c-6.623 0-12 5.377-12 12s5.377 12 12 12h229c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M72.95 159.623h181c-6.583 0-12 5.417-12 12s5.417 12 12 12h-181c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M354.95 195.623c0-6.623-5.377-12-12-12h-249c-6.623 0-12 5.377-12 12s5.377 12 12 12h249c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m287.318 41.85-140.914-4.921-6.98 199.878 140.914 4.921 6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m281.417 34.091-140.914 4.921 6.98 199.878 140.914-4.921-6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M270.614 121.843a3.922 3.922 0 0 0 2.186-5.094l-12.336-30.881a3.921 3.921 0 0 0-5.094-2.187 3.922 3.922 0 0 0-2.186 5.095l12.335 30.881a3.923 3.923 0 0 0 5.095 2.186Z",style:{fill:"currentColor"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M257.614 132.166c-13.771-34.474-20.534-54.646-13.585-57.422l.021-.008c6.947-2.729 15.939 16.546 29.696 50.986l-16.132 6.444Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m257.875 130.779 14.726-5.882c15.927 39.871 28.772 71.236 21.136 74.286-7.636 3.05-19.935-28.532-35.862-68.404ZM94.857 6.66c6.969 3.252 17.655 10.686 17.655 10.686-4.646 6.505-6.504 16.262-6.504 16.262 10.686 5.111 6.04 13.009 6.04 13.009-6.04 1.394-20.444-2.323-20.444-2.323-3.252 11.615-16.261 3.717-16.261 3.717 1.858-11.616 2.787-24.16 2.787-24.16-6.04-6.97-4.646-18.585-4.646-18.585C81.847 8.518 94.857 6.66 94.857 6.66Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M80.314 30.738c5.111 11.615 13.939 13.938 13.939 13.938 5.576 3.717 23.231-16.726 23.231-16.726 2.788 7.434-.929 19.514-.929 19.514-.929 6.04-6.969 13.474-6.969 13.474-5.111 3.717-21.373 2.323-21.373 2.323-9.757-5.575-14.868-8.828-14.868-8.828 1.859-9.757 6.505-14.403 6.505-14.403l.464-9.292Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M65.554 32.465c-2.788 10.222-2.323 17.191-2.323 17.191 5.111 7.898 18.585 14.403 18.585 14.403l8.828-12.545c4.181-3.252 14.867 2.323 14.867 2.323 6.505 2.788 13.01-13.009 13.01-13.009-10.686-10.222-15.333-14.868-15.333-14.868-5.11-7.434-6.504-13.938-6.504-13.938l-4.647-7.899c-4.646 4.646-4.181 26.019-4.181 26.019C90.179 34.788 71.594 32 71.594 32l-6.04.465Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m59.887 23.474-5.555 9.305 5.4 7.121 10.694 3.229c8.278-1.275 12.592-3.061 12.592-3.061 3.727-7.798 5.745-9.934 5.745-9.934l5.045-5.341 5.483-4.521.042-5.822-6.7-1.679c-6.172 2.254-12.943 5.358-12.943 5.358-3.685 1.976-14.171 6.016-14.171 6.016l-5.632-.671Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M102.724 12.771c-5.576 4.646-20.908 16.726-20.908 16.726-5.576 3.717-12.08 10.222-12.08 10.222l2.787 7.898c4.647 4.182 11.616 6.969 11.616 6.969 9.292 3.253 18.12 1.859 18.12 1.859 7.899-12.545 10.686-19.514 10.686-19.514 3.253-9.757 5.576-19.514 5.576-19.514-6.04-2.788-15.797-4.646-15.797-4.646Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M86.898 11.688c-6.505 2.323-17.191 6.04-17.191 6.04l-6.04 9.293-.465 13.474c6.505.929 18.12 3.717 18.12 3.717-.929-6.505-2.323-12.081-2.323-12.081l-.465-6.969 8.364-13.474Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}));};function _extends$j(){_extends$j=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$j.apply(this,arguments);}var SvgNoEvents=function SvgNoEvents(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$j({width:400,height:160,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 31.309h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M341.375 39.358c0-6.623-5.377-12-12-12h-248.5c-6.623 0-12 5.377-12 12s5.377 12 12 12h248.5c6.623 0 12-5.377 12-12ZM394.625 63.358c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h337.75c6.623 0 12-5.377 12-12ZM384.625 135.309c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h327.75c6.623 0 12-5.377 12-12ZM151.75 75.358H16c-6.623 0-12 5.377-12 12s5.377 12 12 12h135.75c-6.623 0-12-5.377-12-12s5.377-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M58.688 99.358h153.75c6.623 0 12 5.377 12 12s-5.377 12-12 12H58.688c6.623 0 12-5.377 12-12s-5.377-12-12-12ZM368.778 98.309c0-6.623-5.377-12-12-12s-12 5.377-12 12 5.377 12 12 12 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M198.494 11.655 94.626 18.918a5.483 5.483 0 0 0-5.084 5.849l8.792 125.734a5.483 5.483 0 0 0 5.849 5.084l103.867-7.263-9.556-136.667ZM202.138 11.4l103.867-7.263a5.483 5.483 0 0 1 5.849 5.084l8.792 125.734a5.483 5.483 0 0 1-5.084 5.849l-103.867 7.263L202.138 11.4Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m195.257 43.926.191 2.733-3.645.255-.509-7.289 3.644-.255.191 2.734 5.467-.383-1.465-20.955-91.112 6.371 8.283 118.445 91.111-6.371-1.465-20.956-5.467.382.191 2.734-3.644.255-.51-7.289 3.645-.255.191 2.733 5.466-.382-5.097-72.889-5.466.382ZM209.835 42.907l.191 2.733 3.644-.255-.509-7.289-3.645.255.191 2.733-5.466.383-1.466-20.956 91.112-6.371 8.282 118.445-91.111 6.371L209.592 118l5.467-.382.191 2.733 3.645-.254-.51-7.289-3.645.255.192 2.733-5.467.382-5.097-72.889 5.467-.382Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:1}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m193.498 44.964 18.223-1.274M198.723 119.676l18.222-1.274M193.243 41.32l18.223-1.274M198.468 116.032l18.222-1.275",style:{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeMiterlimit:1.5}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m123.999 46.162 60.133-4.205M124.954 59.829l60.134-4.205M125.91 73.496l60.134-4.205M126.866 87.162l60.133-4.205M127.821 100.829l60.134-4.205M128.777 114.496l60.134-4.205M129.733 128.163l60.133-4.205M282.087 28.698l-57.401 4.014 2.74 39.178 57.4-4.014-2.739-39.178ZM285.591 78.81l-57.4 4.014 2.739 39.178 57.401-4.014-2.74-39.178Z",style:{fill:"none",stroke:"currentColor",strokeOpacity:0.2,strokeWidth:2}}));};function _extends$b(){_extends$b=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$b.apply(this,arguments);}var SvgNotFound=function SvgNotFound(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 124"},props),/*#__PURE__*/React__namespace.createElement("path",{style:{fill:"none"},d:"M0 6.131h400v100H0z"}),/*#__PURE__*/React__namespace.createElement("path",{d:"M248 12c0-6.623-5.377-12-12-12H136c-6.623 0-12 5.377-12 12s5.377 12 12 12h100c6.623 0 12-5.377 12-12ZM320 36c0-6.623-5.377-12-12-12H62c-6.623 0-12 5.377-12 12s5.377 12 12 12h246c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M105 48h245c6.583 0 12 5.417 12 12s-5.417 12-12 12H105c6.583 0 12-5.417 12-12s-5.417-12-12-12ZM36 72h268c-6.583 0-12 5.417-12 12s5.417 12 12 12H36c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M320 108c0-6.623-5.377-12-12-12H142c-6.623 0-12 5.377-12 12s5.377 12 12 12h166c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("circle",{cx:350,cy:108,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"m290.483 107.633-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M259.221 66.661 122.533 78.619l.608 6.951 136.688-11.959-.608-6.95ZM233.685 81.664l-110.046 9.628.608 6.951 110.046-9.628-.608-6.951Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M292.222 31.003a1.175 1.175 0 0 0-.465-.814.774.774 0 0 0-.814-.233L235.71 34.84l5.814-9.3c.581.233 1.279.465 1.86.7 2.907.93 6.047.814 7.907-1.163 1.977-1.977 2.093-5 1.163-7.907a23.214 23.214 0 0 0-5.7-8.953 22.876 22.876 0 0 0-8.837-5.7 11.406 11.406 0 0 0-3.372-.581h-1.047a6.055 6.055 0 0 0-3.6 1.628c-1.977 1.977-2.093 5-1.163 7.907.233.581.465 1.279.7 1.86l-12.093 7.558a21.654 21.654 0 0 0-8.14-1.86c-3.372 0-6.512.93-8.721 3.256-3.14 3.14-3.837 7.791-2.791 12.558.233 1.047.581 2.093.93 3.256l-94.188 8.253a1.115 1.115 0 0 0-1.049 1.281l6.4 73.256c.036.324.204.619.465.814.267.198.602.282.93.233l6.86-1.4c.233 0 .349-.116.581-.233l6.86-6.279c.443-.348.96-.588 1.512-.7.44-.036.881.044 1.279.233l21.86 9.535a.703.703 0 0 0 .465.116h.233l22.555-5.345c.349-.116.581-.233.7-.581l6.86-12.558a2.665 2.665 0 0 1 2.907-1.279l16.633 4.188h.116l18.372 2.209c10.7 1.047 23.372 2.093 25.93 2.093a.701.701 0 0 0 .465-.116c2.558-.93 13.14-7.326 19.884-11.512a1.768 1.768 0 0 1 1.512-.349l12.791.814a2.477 2.477 0 0 1 1.744.814l8.14 8.488c.322.359.851.456 1.279.233l7.442-3.256c.472-.179.762-.662.7-1.163l-6.636-74.885Zm-1.739 76.63-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"currentColor"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"#fff"}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React__namespace.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"currentColor",fillOpacity:0.2}}));};var FullScreenImageViewer=function FullScreenImageViewer(_a){var images=_a.images,selectedIndex=_a.selectedIndex,hidden=_a.hidden,onClose=_a.onClose,imageUrlResolver=_a.imageUrlResolver;var _b=usePromise$2(getImagesSizes,null,[images]),imageSizes=_b[0],isLoading=_b[1],error=_b[2];if(isLoading||error){return null;}return jsxRuntime.jsx(officeUiFabricReact.Layer,{children:jsxRuntime.jsx(PhotoSwipeGallery,{images:images.map(function(image,index){return mapPhotoSwipeImage(image,imageSizes[index]);}),selectedIndex:selectedIndex,hidden:hidden,onClose:onClose},void 0)},void 0);function mapPhotoSwipeImage(image,size){var width=Math.min(size.width,2500);var height=Math.trunc(size.height/size.width*width);return {thumbnail:image.previewUrl,large:imageUrlResolver(image.imageId,width,height),width:width,height:height,caption:image.imageTitle};}function getImagesSizes(){return __awaiter$1(this,void 0,void 0,function(){var imageSizesPromises;return __generator$1(this,function(_a){switch(_a.label){case 0:imageSizesPromises=images.map(function(i){if(i.width!=null&&i.height!=null){return Promise.resolve({width:i.width,height:i.height});}return getImageSize(imageUrlResolver(i.imageId,1000));});return [4/*yield*/,Promise.all(imageSizesPromises)];case 1:return [2/*return*/,_a.sent()];}});});}};var PhotoSwipeGallery=function PhotoSwipeGallery(_a){var images=_a.images,hidden=_a.hidden,selectedIndex=_a.selectedIndex,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var host=React$d.useRef(null);var initializeGalleryHandle=React$d.useRef();React$d.useEffect(function(){if(hidden){return undefined;}// we have to initialize the gallery with a delay
|
|
77543
77543
|
// because if the gallery is initialized to quickly after it had been closed
|
|
77544
77544
|
// because for example a dependency changed (selectedIndex) than the whole page gets unusable
|
|
77545
77545
|
// (mobile app even has to be restarted) and one image just freezes and
|
|
77546
77546
|
// on the console we have errors like this: Uncaught TypeError: Cannot read property 'mouseUsed' of null
|
|
77547
77547
|
var gallery;clearTimeout(initializeGalleryHandle.current);initializeGalleryHandle.current=setTimeout(function(){return gallery=initializeGallery();},200);return function(){return gallery===null||gallery===void 0?void 0:gallery.close();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77548
|
-
},[hidden,selectedIndex]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxRuntime.jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsxRuntime.jsx("div",{className:"pswp__bg"},void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__container"},{children:[jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0)]}),void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsxRuntime.jsx("div",{className:"pswp__counter"},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__icn"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__cut"},{children:jsxRuntime.jsx("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsxRuntime.jsx("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__caption"},{children:jsxRuntime.jsx("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=_styled.createGlobalStyle(templateObject_2$z$1||(templateObject_2$z$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","\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\n","\n"])),function(p){return p.enforceArrowVisibility&&_styled.css(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$Q$1,templateObject_2$z$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxRuntime.jsxs(Host$n$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsxRuntime.jsx("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsxRuntime.jsx(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx(StyledImage$1,{src:image.previewUrl,imageFit:officeUiFabricReact.ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxRuntime.jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsxRuntime.jsx(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$n$1=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$y$1||(templateObject_2$y$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){return p.singleImageWidth&&p.singleImageHeight&&_styled.css(templateObject_1$P$1||(templateObject_1$P$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);});var SingleImageHost=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__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){return p.applyRoundedCorners&&_styled.css(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n display: block;\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 display: block;\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"])));var StyledImage$1=_styled__default["default"](officeUiFabricReact.Image).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(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);var templateObject_1$P$1,templateObject_2$y$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsxRuntime.jsx(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsxRuntime.jsx(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0)}),void 0);return jsxRuntime.jsx(Host$m$1,__assign$1({className:"tooltip-container"},{children:jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$m$1=_styled__default["default"].div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__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){return !p.isActive&&_styled.css(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&_styled.css(templateObject_3$n$1||(templateObject_3$n$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);});var StyledLink$2=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return _styled.css(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$O$1,templateObject_2$x$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77548
|
+
},[hidden,selectedIndex]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxRuntime.jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsxRuntime.jsx("div",{className:"pswp__bg"},void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__container"},{children:[jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0)]}),void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsxRuntime.jsx("div",{className:"pswp__counter"},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__icn"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__cut"},{children:jsxRuntime.jsx("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsxRuntime.jsx("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__caption"},{children:jsxRuntime.jsx("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=_styled.createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$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","\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\n","\n"])),function(p){return p.enforceArrowVisibility&&_styled.css(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$Q$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxRuntime.jsxs(Host$n$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsxRuntime.jsx("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsxRuntime.jsx(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx(StyledImage$1,{src:image.previewUrl,imageFit:officeUiFabricReact.ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxRuntime.jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsxRuntime.jsx(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$n$1=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$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){return p.singleImageWidth&&p.singleImageHeight&&_styled.css(templateObject_1$P$1||(templateObject_1$P$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);});var SingleImageHost=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__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){return p.applyRoundedCorners&&_styled.css(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n display: block;\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 display: block;\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"])));var StyledImage$1=_styled__default["default"](officeUiFabricReact.Image).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(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);var templateObject_1$P$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsxRuntime.jsx(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsxRuntime.jsx(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0)}),void 0);return jsxRuntime.jsx(Host$m$1,__assign$1({className:"tooltip-container"},{children:jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$m$1=_styled__default["default"].div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__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){return !p.isActive&&_styled.css(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&_styled.css(templateObject_3$n$1||(templateObject_3$n$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);});var StyledLink$2=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return _styled.css(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$O$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77549
77549
|
// eslint-disable-next-line max-len
|
|
77550
77550
|
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';var requireObjectCoercible$e=requireObjectCoercible$9$1;var whitespaces$1$2=whitespaces$2$2;var whitespace$2='['+whitespaces$1$2+']';var ltrim$2=RegExp('^'+whitespace$2+whitespace$2+'*');var rtrim$2=RegExp(whitespace$2+whitespace$2+'*$');// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
|
|
77551
77551
|
var createMethod$5=function(TYPE){return function($this){var string=String(requireObjectCoercible$e($this));if(TYPE&1)string=string.replace(ltrim$2,'');if(TYPE&2)string=string.replace(rtrim$2,'');return string;};};var stringTrim$2={// `String.prototype.{ trimLeft, trimStart }` methods
|
|
@@ -77558,19 +77558,19 @@
|
|
|
77558
77558
|
// of whitespaces and has a correct name
|
|
77559
77559
|
var stringTrimForced$2=function(METHOD_NAME){return fails$k(function(){return !!whitespaces$5[METHOD_NAME]()||non$2[METHOD_NAME]()!=non$2||whitespaces$5[METHOD_NAME].name!==METHOD_NAME;});};var $$1$2=_export$1;var $trim$2=stringTrim$2.trim;var forcedStringTrimMethod$2=stringTrimForced$2;// `String.prototype.trim` method
|
|
77560
77560
|
// https://tc39.github.io/ecma262/#sec-string.prototype.trim
|
|
77561
|
-
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=React$d.useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsxRuntime.jsx(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsxRuntime.jsx(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsxRuntime.jsx(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxRuntime.jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsxRuntime.jsx(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsxRuntime.jsx(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsxRuntime.jsx(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=_styled.css(templateObject_1$N$1||(templateObject_1$N$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"])));var StyledLink$1$1=_styled__default["default"](TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$
|
|
77561
|
+
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=React$d.useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsxRuntime.jsx(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsxRuntime.jsx(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsxRuntime.jsx(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxRuntime.jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsxRuntime.jsx(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsxRuntime.jsx(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsxRuntime.jsx(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=_styled.css(templateObject_1$N$1||(templateObject_1$N$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"])));var StyledLink$1$1=_styled__default["default"](TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledExternalLink=_styled__default["default"](ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n border-radius: 0;\n\n ","\n"],["\n border-radius: 0;\n\n ","\n"])),function(p){return p.active&&_styled.css(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled__default["default"](ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n\n ","\n"],["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n\n ","\n"])),function(p){return p.theme.textColors.default;},function(p){return p.isActive&&_styled.css(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n i {\n font-weight: bold;\n }\n "],["\n i {\n font-weight: bold;\n }\n "])));});var templateObject_1$N$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2,templateObject_7$3$2;var Search$1=function Search(props){var intl=useIntl();var _a=React$d.useState(null),searchText=_a[0],setSearchText=_a[1];var location=ReactRouterDom.useLocation();var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var searchInputRef=React$d.useRef();React$d.useEffect(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77562
77562
|
},[]);React$d.useEffect(function(){setSearchText('');// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77563
|
-
},[location.pathname]);return jsxRuntime.jsxs(Host$l$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsxRuntime.jsx(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsxRuntime.jsx(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsxRuntime.jsx(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.useLightTheme?_styled.css(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):_styled.css(templateObject_2$
|
|
77563
|
+
},[location.pathname]);return jsxRuntime.jsxs(Host$l$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsxRuntime.jsx(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsxRuntime.jsx(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsxRuntime.jsx(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.useLightTheme?_styled.css(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):_styled.css(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.onPrimary;},InputPlaceholder("color: "+p.theme.textColors.onPrimary));});var StyledSpinner$1$1=_styled__default["default"](officeUiFabricReact.Spinner).withConfig({displayName:"Search__StyledSpinner",componentId:"sc-17f35gt-1"})(templateObject_4$c$2||(templateObject_4$c$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"],["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"])),function(p){return p.theme.textColors.onPrimary;},function(p){return p.theme.palette.themeDarker;});var Host$l$1=_styled__default["default"].div.withConfig({displayName:"Search__Host",componentId:"sc-17f35gt-2"})(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){return p.useLightTheme?_styled.css(templateObject_5$7$2||(templateObject_5$7$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.neutralLighter;}):_styled.css(templateObject_6$4$2||(templateObject_6$4$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.themeDarker;});});var CancelButton$1=_styled__default["default"](IconButton).withConfig({displayName:"Search__CancelButton",componentId:"sc-17f35gt-3"})(templateObject_8$2$2||(templateObject_8$2$2=__makeTemplateObject$1(["\n align-self: center;\n"],["\n align-self: center;\n"])));var SearchBox=function SearchBox(_a){var onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged,isToolbarMode=_a.isToolbarMode,onExecuteSearch=_a.onExecuteSearch,onSearchTextChange=_a.onSearchTextChange,searchText=_a.searchText,showSearchBoxInput=_a.showSearchBoxInput,className=_a.className;var _b=React$d.useState(!!searchText),showSearchInputFieldState=_b[0],setShowSearchInputField=_b[1];var showSearchInputField=showSearchBoxInput||showSearchInputFieldState||!!searchText;// this use effect is required, if the state does not change via a manual toggle
|
|
77564
77564
|
// but instead via a property
|
|
77565
77565
|
React$d.useEffect(function(){onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(showSearchInputField);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77566
|
-
},[showSearchInputField]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showSearchInputField&&jsxRuntime.jsx(Search$1,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsxRuntime.jsx(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsxRuntime.jsx(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$M$1,templateObject_2$v$1,templateObject_3$l$1,templateObject_4$c$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;_styled__default["default"].div.withConfig({displayName:"EmptyUnreadListMessage__Host",componentId:"sc-1fler8t-0"})(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n height: 100%;\n display: flex;\n width: 100%;\n"],["\n height: 100%;\n display: flex;\n width: 100%;\n"])));var templateObject_1$L$1;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled__default["default"].span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$b$2||(templateObject_4$b$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?_styled.css(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):_styled.css(templateObject_3$k$1||(templateObject_3$k$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled__default["default"].th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled__default["default"].td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled__default["default"].tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled__default["default"].table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled__default["default"](Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$K$1,templateObject_2$u$1,templateObject_3$k$1,templateObject_4$b$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsxRuntime.jsx(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled__default["default"](officeUiFabricReact.Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$J$1||(templateObject_1$J$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){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$J$1;var unreadCommentHighlight=_styled.css(templateObject_1$I$1||(templateObject_1$I$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){return p.theme.palette.accent;});var templateObject_1$I$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled__default["default"].div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$t$1||(templateObject_2$t$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){return p.isInvalid&&_styled.css(templateObject_1$H$1||(templateObject_1$H$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$j$1||(templateObject_3$j$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$H$1,templateObject_2$t$1,templateObject_3$j$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsxRuntime.jsx(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=_styled.createGlobalStyle(templateObject_1$G$1||(templateObject_1$G$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){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$G$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=React$d.useState(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);React$d.useEffect(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsxRuntime.jsx(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled__default["default"](ActionButton)(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$F$1;var ChoiceGroup=_styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$E$1||(templateObject_1$E$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){return p.theme.palette.accent;});var templateObject_1$E$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=React$d.useRef(null);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",__assign$1({ref:menuButton},{children:jsxRuntime.jsx(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsxRuntime.jsx(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxRuntime.jsxs(Buttons$5,{children:[jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsxRuntime.jsx(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled__default["default"].div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled__default["default"](IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$s$1||(templateObject_2$s$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);var StyledActionButton$2=_styled__default["default"](ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled__default["default"](Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$s$1,templateObject_3$i$1,templateObject_4$a$2;_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DefaultGoBackButton__StyledButton",componentId:"sc-q6p1lp-0"})(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"],["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"])));var templateObject_1$C$1;_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DefaultGoHomeButton__StyledButton",componentId:"sc-1m1ufrk-0"})(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n padding: 0 12px;\n"],["\n padding: 0 12px;\n"])));var templateObject_1$B$1;var DeleteAttachmentButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$A$1||(templateObject_1$A$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){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$A$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=React$d.useContext(ThemeContext$1).theme.palette.accent;return jsxRuntime.jsxs(Host$i$2,__assign$1({className:className},{children:[jsxRuntime.jsx(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsxRuntime.jsx(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$i$2=_styled__default["default"].div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$z$2||(templateObject_1$z$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled__default["default"](ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$r$1||(templateObject_2$r$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$z$2,templateObject_2$r$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxRuntime.jsxs(ReactRouterDom.NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled__default["default"](InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$y$2||(templateObject_1$y$2=__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){return p.theme.palette.accent;});var templateObject_1$y$2;_styled__default["default"](IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$x$2||(templateObject_1$x$2=__makeTemplateObject$1([""],[""])));var templateObject_1$x$2;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsxRuntime.jsx(Host$h$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$h$2=_styled__default["default"].span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$w$2||(templateObject_1$w$2=__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"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxRuntime.jsxs("span",{children:[index>0&&', ',jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77567
|
-
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$w$2;_styled__default["default"](ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$v$2||(templateObject_1$v$2=__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){return p.applyMargin?'37':'0';},fontSizeLarge);_styled__default["default"].div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$
|
|
77566
|
+
},[showSearchInputField]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showSearchInputField&&jsxRuntime.jsx(Search$1,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsxRuntime.jsx(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsxRuntime.jsx(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$M$1,templateObject_2$u$1,templateObject_3$l$1,templateObject_4$c$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;_styled__default["default"].div.withConfig({displayName:"EmptyUnreadListMessage__Host",componentId:"sc-1fler8t-0"})(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n height: 100%;\n display: flex;\n width: 100%;\n"],["\n height: 100%;\n display: flex;\n width: 100%;\n"])));var templateObject_1$L$1;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled__default["default"].span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$b$2||(templateObject_4$b$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?_styled.css(templateObject_2$t$1||(templateObject_2$t$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):_styled.css(templateObject_3$k$1||(templateObject_3$k$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled__default["default"].th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled__default["default"].td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled__default["default"].tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled__default["default"].table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled__default["default"](Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$K$1,templateObject_2$t$1,templateObject_3$k$1,templateObject_4$b$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsxRuntime.jsx(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled__default["default"](officeUiFabricReact.Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$J$1||(templateObject_1$J$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){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$J$1;var unreadCommentHighlight=_styled.css(templateObject_1$I$1||(templateObject_1$I$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){return p.theme.palette.accent;});var templateObject_1$I$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled__default["default"].div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$s$1||(templateObject_2$s$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){return p.isInvalid&&_styled.css(templateObject_1$H$1||(templateObject_1$H$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$j$1||(templateObject_3$j$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$H$1,templateObject_2$s$1,templateObject_3$j$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsxRuntime.jsx(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=_styled.createGlobalStyle(templateObject_1$G$1||(templateObject_1$G$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){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$G$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=React$d.useState(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);React$d.useEffect(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsxRuntime.jsx(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled__default["default"](ActionButton)(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$F$1;var ChoiceGroup=_styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$E$1||(templateObject_1$E$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){return p.theme.palette.accent;});var templateObject_1$E$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=React$d.useRef(null);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",__assign$1({ref:menuButton},{children:jsxRuntime.jsx(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsxRuntime.jsx(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxRuntime.jsxs(Buttons$5,{children:[jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsxRuntime.jsx(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsxRuntime.jsx(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled__default["default"].div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled__default["default"](IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$r$1||(templateObject_2$r$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);var StyledActionButton$2=_styled__default["default"](ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled__default["default"](Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$r$1,templateObject_3$i$1,templateObject_4$a$2;_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DefaultGoBackButton__StyledButton",componentId:"sc-q6p1lp-0"})(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"],["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"])));var templateObject_1$C$1;_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DefaultGoHomeButton__StyledButton",componentId:"sc-1m1ufrk-0"})(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n padding: 0 12px;\n"],["\n padding: 0 12px;\n"])));var templateObject_1$B$1;var DeleteAttachmentButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$A$1||(templateObject_1$A$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){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$A$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=React$d.useContext(ThemeContext$1).theme.palette.accent;return jsxRuntime.jsxs(Host$i$2,__assign$1({className:className},{children:[jsxRuntime.jsx(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsxRuntime.jsx(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$i$2=_styled__default["default"].div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$z$2||(templateObject_1$z$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled__default["default"](ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$q$1||(templateObject_2$q$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$z$2,templateObject_2$q$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxRuntime.jsxs(ReactRouterDom.NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled__default["default"](InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$y$2||(templateObject_1$y$2=__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){return p.theme.palette.accent;});var templateObject_1$y$2;_styled__default["default"](IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$x$2||(templateObject_1$x$2=__makeTemplateObject$1([""],[""])));var templateObject_1$x$2;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsxRuntime.jsx(Host$h$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$h$2=_styled__default["default"].span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$w$2||(templateObject_1$w$2=__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"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxRuntime.jsxs("span",{children:[index>0&&', ',jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77567
|
+
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$w$2;_styled__default["default"](ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$v$2||(templateObject_1$v$2=__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){return p.applyMargin?'37':'0';},fontSizeLarge);_styled__default["default"].div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$p$1||(templateObject_2$p$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);_styled__default["default"](IconButton).withConfig({displayName:"ChannelItem__StyledIconButton",componentId:"sc-bumcwu-2"})(templateObject_3$h$1||(templateObject_3$h$1=__makeTemplateObject$1(["\n i {\n font-size: ","px;\n }\n"],["\n i {\n font-size: ","px;\n }\n"])),fontSizeLarge);var templateObject_1$v$2,templateObject_2$p$1,templateObject_3$h$1;var ChannelList$1=function ChannelList(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,_b=_a.visibleChannelsCount,visibleChannelsCount=_b===void 0?3:_b,onChannelClick=_a.onChannelClick,className=_a.className;if(!channels||channels.length===0){return null;}var showMoreIndicator=channels.length>visibleChannelsCount;return jsxRuntime.jsxs(Host$f$2,__assign$1({className:className,"data-has-more-indicator":showMoreIndicator},{children:[jsxRuntime.jsx(DisplayedChannels,{channels:channels.slice(0,visibleChannelsCount),language:language,channelStyleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0),showMoreIndicator&&jsxRuntime.jsx(AdditionalChannelsIndicator,{channels:channels.slice(visibleChannelsCount),language:language,styleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0)]}),void 0);};var DisplayedChannels=function DisplayedChannels(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,onChannelClick=_a.onChannelClick;return jsxRuntime.jsx(ChannelsHost,__assign$1({"data-channels":true},{children:channels.map(function(c){var Title=jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0);if(onChannelClick){return jsxRuntime.jsx(ClickableChannelTitle,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color,onClick:function(){return onChannelClick(c);},"data-rounded-outline":true},{children:Title}),c);}return jsxRuntime.jsx(StyledChannelTitle$1,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color},{children:Title}),c);})}),void 0);};var AdditionalChannelsIndicator=function AdditionalChannelsIndicator(_a){var channels=_a.channels,language=_a.language,styleDefinition=_a.styleDefinition,onChannelClick=_a.onChannelClick;var ref=React$d.useRef();var _b=React$d.useState(false),showCallout=_b[0],setShowCallout=_b[1];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(IndicatorHost,__assign$1({ref:ref,backgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.backgroundColor,color:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.color},{children:jsxRuntime.jsx(Indicator,__assign$1({onClick:function(){return setShowCallout(true);}},{children:"+"+channels.length}),void 0)}),void 0),showCallout&&jsxRuntime.jsx(StyledCallout$3,__assign$1({target:ref.current,onDismiss:function(){return setShowCallout(false);}},{children:jsxRuntime.jsx(CalloutList,{children:channels.map(function(c){return jsxRuntime.jsx("li",{children:onChannelClick?jsxRuntime.jsx(ActionButton,__assign$1({onClick:function(){return onChannelClick(c);}},{children:jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0)}),void 0):jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0)},c);})},void 0)}),void 0)]},void 0);};var BubbleGap=spacingXs;var IndicatorWidth=50;// We calculate the space available to show the channel bubbles based on the following factors:
|
|
77568
77568
|
// The full width of the container => 100%
|
|
77569
77569
|
// Minus the indicator width which might not be there in the case we have 3 channels or less
|
|
77570
|
-
var Host$f$2=_styled__default["default"].div(templateObject_1$u$2||(templateObject_1$u$2=__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);var ChannelsHost=_styled__default["default"].div(templateObject_2$
|
|
77571
|
-
var ClickableChannelTitle=_styled__default["default"](ActionButton)(templateObject_3$g$2||(templateObject_3$g$2=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled__default["default"].span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return _styled.css(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&_styled.css(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&_styled.css(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled__default["default"].div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled__default["default"](ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled__default["default"](Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled__default["default"].ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$u$2,templateObject_2$
|
|
77570
|
+
var Host$f$2=_styled__default["default"].div(templateObject_1$u$2||(templateObject_1$u$2=__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);var ChannelsHost=_styled__default["default"].div(templateObject_2$o$1||(templateObject_2$o$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
|
|
77571
|
+
var ClickableChannelTitle=_styled__default["default"](ActionButton)(templateObject_3$g$2||(templateObject_3$g$2=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled__default["default"].span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return _styled.css(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&_styled.css(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&_styled.css(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled__default["default"].div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled__default["default"](ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled__default["default"](Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled__default["default"].ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$u$2,templateObject_2$o$1,templateObject_3$g$2,templateObject_4$9$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$o,templateObject_8$m,templateObject_9$h,templateObject_10$f,templateObject_11$a;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsxRuntime.jsx(Host$e$2,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsxRuntime.jsx(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsxRuntime.jsx(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxRuntime.jsxs("li",{children:[buildChannelFilterUrl&&jsxRuntime.jsx(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsxRuntime.jsx(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsxRuntime.jsx(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$e$2=_styled__default["default"].ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$t$2||(templateObject_1$t$2=__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 span {\n white-space: break-spaces;\n }\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 span {\n white-space: break-spaces;\n }\n }\n }\n"])),fontSizeSmall);var ChannelBubble=_styled__default["default"].div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$f$2||(templateObject_3$f$2=__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){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled__default["default"].span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n display: block;\n margin: 2px ","px 2px 0;\n"],["\n display: block;\n margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"])),spacingXs);var templateObject_1$t$2,templateObject_2$n$1,templateObject_3$f$2,templateObject_4$8$2,templateObject_5$4$2;var ChannelSelector=function ChannelSelector(_a){var selectedChannelIds=_a.selectedChannelIds,selectedChannelNames=_a.selectedChannelNames,mandatoryChannelIds=_a.mandatoryChannelIds,availableChannels=_a.availableChannels,showOnlyUserChannels=_a.showOnlyUserChannels,onChannelsChanged=_a.onChannelsChanged,className=_a.className,showSelectionToggle=_a.showSelectionToggle,placeholder=_a.placeholder,inlineControls=_a.inlineControls,required=_a.required,id=_a.id;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;var options=usePromise$2(function(){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:return [2/*return*/,_a.sent()];}});});},null,[channels,availableChannels,showOnlyUserChannels])[0];var responsiveMode=(options===null||options===void 0?void 0:options.length)>10&&env.isNativeMobileApp?officeUiFabricReact.ResponsiveMode.small:officeUiFabricReact.ResponsiveMode.large;if(!channels){return null;}var selectedIds=getSelectedIds()||[];return jsxRuntime.jsxs(Host$d$2,{children:[showSelectionToggle&&jsxRuntime.jsx(ToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsx(StyledTooltip$4,__assign$1({directionalHint:DirectionalHint.DirectionalHint.bottomCenter,tooltipProps:{onRenderContent:function(){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(TooltipTitle,{id:"Channels.callout.title",tagName:"h3"},void 0),jsxRuntime.jsx(Channels$3,{channels:getSelectedChannelNames()},void 0)]},void 0);}},hidden:selectedIds.length<2},{children:jsxRuntime.jsx(Dropdown,{ariaLabel:formatMessage({id:'AriaLabel.filter.filterByChannel'}),"data-channel-selector":true,placeholder:formatMessage({id:placeholder||'Channels.Placeholder'}),responsiveMode:responsiveMode,className:className,options:options||[],selectedKeys:selectedIds,multiSelect:true,onChange:handleChange,onRenderTitle:renderTitles,onRenderOption:function(option){return option.key==='Controls'?jsxRuntime.jsx(ToggleAllButtons,{toggleAll:handleToggleAll},void 0):jsxRuntime.jsx(ChannelTitle,{channel:option.data,language:user.preferredUiLanguage,role:"option"},option.key);},calloutProps:{className:'channels-dropdown-callout'},"aria-required":required,id:id},void 0)}),void 0)]},void 0);function getSelectedChannelNames(){var _a;return (_a=channels===null||channels===void 0?void 0:channels.filter(function(c){return selectedIds.includes(c.id);}))===null||_a===void 0?void 0:_a.map(function(c){return c.name;});}function renderTitles(value){var selectedOptions=isSingleOption(value)?[value]:value;selectedOptions=selectedOptions.filter(function(option){return option.key!=='Controls';});return jsxRuntime.jsx(ChannelTitles,{channels:selectedOptions.map(function(o){return o.data;}),language:user.preferredUiLanguage},void 0);}function isSingleOption(value){return value.key!=null;}function handleChange(_,option){var changedId=option.key;var currentSelection=selectedIds;var newSelection=currentSelection.indexOf(changedId)>=0?// handle remove
|
|
77572
77572
|
currentSelection.filter(function(id){return id!==option.key;}):// handle add
|
|
77573
|
-
currentSelection.concat([changedId]);onChannelsChanged(newSelection.map(function(id){return channels.find(function(c){return c.id===id;});}).filter(function(ch){return ch!=null;}));}function handleToggleAll(checkAll){return __awaiter$1(this,void 0,void 0,function(){var options;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:options=_a.sent().map(function(option){return channels.find(function(c){return c.id===option.key;});});onChannelsChanged(checkAll?options.filter(function(ch){return ch!=null;}):options.filter(function(ch){return ch!=null&&(mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.includes(ch.id));}));return [2/*return*/];}});});}function getSelectedIds(){if(selectedChannelNames!=null){var ids=selectedChannelNames.map(function(name){return channels.find(function(ch){return ch.name===name;});}).filter(function(ch){return ch!=null;}).map(function(ch){return ch.id;});ids=ids.concat(mandatoryChannelIds||[]);return Array.from(new Set(ids));}return Array.from(new Set((selectedChannelIds||[]).concat(mandatoryChannelIds||[])));}function getOptions(){return __awaiter$1(this,void 0,void 0,function(){var result;return __generator$1(this,function(_a){result=[];if(inlineControls){result.push({key:'Controls',text:'',itemType:officeUiFabricReact.DropdownMenuItemType.Header});}if(availableChannels){return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),availableChannels.map(function(c){return getChannelOption(c);}))];}return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),!showOnlyUserChannels?(channels===null||channels===void 0?void 0:channels.map(function(c){return getChannelOption(c);}))||[]:user.channels.map(function(c){return getChannelOption(c);}))];});});}function getChannelOption(channel){return {key:channel.id,text:channel.name,data:channel,disabled:mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.some(function(id){return id===channel.id;})};}};var Host$d$2=_styled__default["default"].div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var Channels$3=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingXs);var StyledTooltip$4=_styled__default["default"](officeUiFabricReact.TooltipHost).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n max-width: 300px;\n padding: 0 ","px ","px;\n"],["\n max-width: 300px;\n padding: 0 ","px ","px;\n"])),spacingM,spacingM);var TooltipTitle=_styled__default["default"](FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"],["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$s$2,templateObject_2$n$1,templateObject_3$e$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(SearchBoxLargeScreen,{children:jsxRuntime.jsx(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsxRuntime.jsx(SearchIconSmallScreen,{children:jsxRuntime.jsx(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled__default["default"].div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$r$2||(templateObject_1$r$2=__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);var SearchIconSmallScreen=_styled__default["default"].div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$m$1||(templateObject_2$m$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);var templateObject_1$r$2,templateObject_2$m$1;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=React$d.useState(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxRuntime.jsxs(Host$c$1,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxRuntime.jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsxRuntime.jsx(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxRuntime.jsxs(RightSide$1,{children:[search&&jsxRuntime.jsx(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsxRuntime.jsx(SearchInputRow,{children:jsxRuntime.jsx(Search$1,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$c$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$l$2||(templateObject_2$l$2=__makeTemplateObject$1(["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var RightSide$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"])));var Row=_styled__default["default"].div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var SearchInputRow=_styled__default["default"].div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(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);var templateObject_1$q$2,templateObject_2$l$2,templateObject_3$d$2,templateObject_4$6$2,templateObject_5$3$2;_styled__default["default"](Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n flex: 0 0 auto;\n"],["\n margin-bottom: ","px;\n flex: 0 0 auto;\n"])),spacingM);_styled.createGlobalStyle(templateObject_2$k$2||(templateObject_2$k$2=__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);var templateObject_1$p$2,templateObject_2$k$2;// todo: Apply this to all pages and make sure it works in IE
|
|
77573
|
+
currentSelection.concat([changedId]);onChannelsChanged(newSelection.map(function(id){return channels.find(function(c){return c.id===id;});}).filter(function(ch){return ch!=null;}));}function handleToggleAll(checkAll){return __awaiter$1(this,void 0,void 0,function(){var options;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:options=_a.sent().map(function(option){return channels.find(function(c){return c.id===option.key;});});onChannelsChanged(checkAll?options.filter(function(ch){return ch!=null;}):options.filter(function(ch){return ch!=null&&(mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.includes(ch.id));}));return [2/*return*/];}});});}function getSelectedIds(){if(selectedChannelNames!=null){var ids=selectedChannelNames.map(function(name){return channels.find(function(ch){return ch.name===name;});}).filter(function(ch){return ch!=null;}).map(function(ch){return ch.id;});ids=ids.concat(mandatoryChannelIds||[]);return Array.from(new Set(ids));}return Array.from(new Set((selectedChannelIds||[]).concat(mandatoryChannelIds||[])));}function getOptions(){return __awaiter$1(this,void 0,void 0,function(){var result;return __generator$1(this,function(_a){result=[];if(inlineControls){result.push({key:'Controls',text:'',itemType:officeUiFabricReact.DropdownMenuItemType.Header});}if(availableChannels){return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),availableChannels.map(function(c){return getChannelOption(c);}))];}return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),!showOnlyUserChannels?(channels===null||channels===void 0?void 0:channels.map(function(c){return getChannelOption(c);}))||[]:user.channels.map(function(c){return getChannelOption(c);}))];});});}function getChannelOption(channel){return {key:channel.id,text:channel.name,data:channel,disabled:mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.some(function(id){return id===channel.id;})};}};var Host$d$2=_styled__default["default"].div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var Channels$3=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$m$1||(templateObject_2$m$1=__makeTemplateObject$1(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingXs);var StyledTooltip$4=_styled__default["default"](officeUiFabricReact.TooltipHost).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n max-width: 300px;\n padding: 0 ","px ","px;\n"],["\n max-width: 300px;\n padding: 0 ","px ","px;\n"])),spacingM,spacingM);var TooltipTitle=_styled__default["default"](FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"],["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$s$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(SearchBoxLargeScreen,{children:jsxRuntime.jsx(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsxRuntime.jsx(SearchIconSmallScreen,{children:jsxRuntime.jsx(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled__default["default"].div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$r$2||(templateObject_1$r$2=__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);var SearchIconSmallScreen=_styled__default["default"].div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$l$2||(templateObject_2$l$2=__makeTemplateObject$1(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$r$2,templateObject_2$l$2;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=React$d.useState(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxRuntime.jsxs(Host$c$1,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxRuntime.jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsxRuntime.jsx(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxRuntime.jsxs(RightSide$1,{children:[search&&jsxRuntime.jsx(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsxRuntime.jsx(SearchInputRow,{children:jsxRuntime.jsx(Search$1,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$c$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$k$2||(templateObject_2$k$2=__makeTemplateObject$1(["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var RightSide$1=_styled__default["default"].div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"])));var Row=_styled__default["default"].div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var SearchInputRow=_styled__default["default"].div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(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);var templateObject_1$q$2,templateObject_2$k$2,templateObject_3$d$2,templateObject_4$6$2,templateObject_5$3$2;_styled__default["default"](Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n margin-top: ","px;\n margin-bottom: ","px;\n\n flex: 0 0 auto;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n margin-top: ","px;\n margin-bottom: ","px;\n\n flex: 0 0 auto;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS,minScreenSize.medium,spacingM,spacingM);var templateObject_1$p$2;// todo: Apply this to all pages and make sure it works in IE
|
|
77574
77574
|
_styled__default["default"].p.withConfig({displayName:"PageDescription",componentId:"sc-xcsmz7-0"})(templateObject_1$o$2||(templateObject_1$o$2=__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"])));var templateObject_1$o$2;_styled__default["default"].div.withConfig({displayName:"DragSource__Host",componentId:"sc-qzjyds-0"})(templateObject_1$n$2||(templateObject_1$n$2=__makeTemplateObject$1([""],[""])));var templateObject_1$n$2;var EmojiButton=function EmojiButton(_a){var onEmojiSelected=_a.onEmojiSelected,disabled=_a.disabled;var iconButton=React$d.useRef(null);var _b=React$d.useState(false),showCallout=_b[0],setShowCallout=_b[1];var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(ButtonWrapper,__assign$1({ref:iconButton},{children:jsxRuntime.jsx(IconButton,{"data-emoji-button":true,iconProps:{iconName:'Emoji2'},onClick:function(){return setShowCallout(true);},disabled:disabled,ariaLabel:formatMessage({id:'AriaLabel.emojiButton'})},void 0)}),void 0),showCallout&&jsxRuntime.jsx(StyledCallout$2,__assign$1({directionalHint:officeUiFabricReact.DirectionalHint.topCenter,target:iconButton.current,onDismiss:function(){return setShowCallout(false);},isBeakVisible:false,gapSpace:10,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:jsxRuntime.jsx(EmojiPicker$1,{onSelect:handleSelect},void 0)}),void 0)]},void 0);function handleSelect(emoji){setShowCallout(false);onEmojiSelected(emoji.native);}};var ButtonWrapper=_styled__default["default"].div.withConfig({displayName:"EmojiButton__ButtonWrapper",componentId:"sc-1eq2zlz-0"})(templateObject_1$m$2||(templateObject_1$m$2=__makeTemplateObject$1([""],[""])));var StyledCallout$2=_styled__default["default"](Callout).withConfig({displayName:"EmojiButton__StyledCallout",componentId:"sc-1eq2zlz-1"})(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n"],["\n border-radius: 10px;\n overflow: hidden;\n"])));var LazyEmojiPicker=/*#__PURE__*/React$d.lazy(function(){return Promise.resolve().then(function () { return EmojiPicker_esm; });});var EmojiPicker$1=function EmojiPicker(_a){var onSelect=_a.onSelect;var windowSize=useWindowSize$2();return jsxRuntime.jsx(React$d.Suspense,__assign$1({fallback:jsxRuntime.jsx(EmojiPickerSuspenseHost,__assign$1({isSmaller:windowSize.width<minScreenSize.small},{children:jsxRuntime.jsx(Spinner,{},void 0)}),void 0)},{children:jsxRuntime.jsx(LazyEmojiPicker,{onSelect:onSelect},void 0)}),void 0);};var EmojiPickerSuspenseHost=_styled__default["default"].div.withConfig({displayName:"EmojiButton__EmojiPickerSuspenseHost",componentId:"sc-1eq2zlz-2"})(templateObject_3$c$2||(templateObject_3$c$2=__makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"],["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"])),function(p){return p.isSmaller?319:400;});var templateObject_1$m$2,templateObject_2$j$2,templateObject_3$c$2;var GiphyAttribution=function GiphyAttribution(){var env=useConfiguration();return jsxRuntime.jsx(AttributionHost,{children:jsxRuntime.jsx("a",__assign$1({href:"https://giphy.com",target:"_blank",rel:"noreferrer"},{children:jsxRuntime.jsx("img",{src:env.webAppUrl+"/assets/giphy/PoweredBy_200px-White_HorizText.png",alt:"Giphy Attribution"},void 0)}),void 0)},void 0);};var AttributionHost=_styled__default["default"].div(templateObject_1$l$2||(templateObject_1$l$2=__makeTemplateObject$1(["\n text-align: right;\n margin-top: ","px;\n"],["\n text-align: right;\n margin-top: ","px;\n"])),spacingXs);var templateObject_1$l$2;var GifSelector=function GifSelector(_a){var _b,_c;var onGifClick=_a.onGifClick,className=_a.className;var clientConfig=useClientConfig();var formatMessage=useIntl().formatMessage;var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);var _d=React$d.useState(null),searchText=_d[0],setSearchText=_d[1];var debouncedSearchText=useDebounce(searchText,500)[0];var windowSize=useWindowSize$2();var _e=usePromise$2(getGifs,null,[debouncedSearchText]),gifs=_e[0],loading=_e[1];var gifSize=windowSize.width<550?80:100;return jsxRuntime.jsxs(Host$a$2,__assign$1({className:className},{children:[jsxRuntime.jsx(officeUiFabricReact.SearchBox,{placeholder:formatMessage({id:'Gif.searchPlaceHolder'}),iconProps:{iconName:'Search'},onChange:function(_,v){return setSearchText(v);},autoFocus:true},void 0),jsxRuntime.jsxs(GifContainer,__assign$1({columnWidth:gifSize},{children:[loading&&jsxRuntime.jsx(Spinner,{delay:300},void 0),((_b=gifs===null||gifs===void 0?void 0:gifs.data)===null||_b===void 0?void 0:_b.length)===0&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0),(_c=gifs===null||gifs===void 0?void 0:gifs.data)===null||_c===void 0?void 0:_c.map(function(g){return jsxRuntime.jsx(ClickableGif,{gif:g,width:gifSize,height:gifSize,noLink:true,hideAttribution:true,onGifClick:onGifClick},g.id);})]}),void 0)]}),void 0);function getGifs(){if(!debouncedSearchText){return gf.trending({limit:21});}return gf.search(debouncedSearchText,{limit:21});}};var Host$a$2=_styled__default["default"].div.withConfig({displayName:"GifSelector__Host",componentId:"sc-lame6k-0"})(templateObject_1$k$2||(templateObject_1$k$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var GifContainer=_styled__default["default"].div.withConfig({displayName:"GifSelector__GifContainer",componentId:"sc-lame6k-1"})(templateObject_2$i$2||(templateObject_2$i$2=__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){return p.columnWidth;},spacingXs);var ClickableGif=_styled__default["default"](dist$4.Gif).withConfig({displayName:"GifSelector__ClickableGif",componentId:"sc-lame6k-2"})(templateObject_3$b$2||(templateObject_3$b$2=__makeTemplateObject$1(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));var templateObject_1$k$2,templateObject_2$i$2,templateObject_3$b$2;var GifSelectorCallout=function GifSelectorCallout(_a){var target=_a.target,onGifClick=_a.onGifClick,onDismiss=_a.onDismiss;return jsxRuntime.jsxs(StyledCallout$1$1,__assign$1({directionalHint:officeUiFabricReact.DirectionalHint.topCenter,target:target,onDismiss:onDismiss,isBeakVisible:false,gapSpace:10,preventDismissOnResize:true,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:[jsxRuntime.jsx(StyledGifSelector,{onGifClick:onGifClick},void 0),jsxRuntime.jsx(GiphyAttribution,{},void 0)]}),void 0);};var StyledCallout$1$1=_styled__default["default"](Callout)(templateObject_1$j$2||(templateObject_1$j$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"],["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"])));var StyledGifSelector=_styled__default["default"](GifSelector)(templateObject_2$h$2||(templateObject_2$h$2=__makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"],["\n overflow-y: auto;\n height: 400px;\n"])));var templateObject_1$j$2,templateObject_2$h$2;_styled.createGlobalStyle(templateObject_1$i$2||(templateObject_1$i$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);_styled__default["default"](GifSelector).withConfig({displayName:"GifSelectorDialog__StyledDialogGifSelector",componentId:"sc-t6p48w-0"})(templateObject_2$g$2||(templateObject_2$g$2=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$i$2,templateObject_2$g$2;var GifButton=function GifButton(_a){var disabled=_a.disabled,onGifClick=_a.onGifClick;var features=useFeatures();var formatMessage=useIntl().formatMessage;var refGifButton=React$d.useRef();var _b=React$d.useState(false),showGifSelector=_b[0],setShowGifSelector=_b[1];if(!features.giphy){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",__assign$1({ref:refGifButton},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Gif'},onClick:function(){return setShowGifSelector(true);},disabled:disabled,"data-button-type":"gif",ariaLabel:formatMessage({id:'AriaLabel.gifButton'})},void 0)}),void 0),showGifSelector&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(GifSelectorCallout,{target:refGifButton.current,onGifClick:handleGifClick,onDismiss:function(){return setShowGifSelector(false);}},void 0)},void 0)]},void 0);function handleGifClick(gif){setShowGifSelector(false);onGifClick({id:gif.id.toString(),filename:gif.title,url:gif.embed_url,type:AttachmentType.Giphy});}};var GifView=function GifView(_a){var gifInfo=_a.gifInfo,className=_a.className;var clientConfig=useClientConfig();var _b=React$d.useState(),gif=_b[0],setGif=_b[1];React$d.useEffect(function(){var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);gf.gif(gifInfo.id).then(function(r){return setGif(r.data);});},[clientConfig.giphy.apiKey,gifInfo.id]);if(!gif){return null;}return jsxRuntime.jsx(Host$9$2,__assign$1({className:className},{children:jsxRuntime.jsx(StyledGif,{gif:gif,width:300,noLink:true,hideAttribution:true},void 0)}),void 0);};var Host$9$2=_styled__default["default"].div(templateObject_1$h$2||(templateObject_1$h$2=__makeTemplateObject$1([""],[""])));var StyledGif=_styled__default["default"](dist$4.Gif)(templateObject_2$f$2||(templateObject_2$f$2=__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);var templateObject_1$h$2,templateObject_2$f$2;var GifEditList=function GifEditList(_a){var attachments=_a.attachments,onDeleteClick=_a.onDeleteClick,className=_a.className;var formatMessage=useIntl().formatMessage;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsxRuntime.jsx(Host$8$1,__assign$1({className:className,"data-gif-attachment-list":true},{children:gifs.map(function(gif){return jsxRuntime.jsx(StyledAttachmentHost$1,__assign$1({domIdentifier:"gif",deleteButton:jsxRuntime.jsx(DeleteAttachmentButton,{"data-remove-attachment-button":gif.id,iconProps:{iconName:'ChromeClose'},onClick:function(){return onDeleteClick(gif);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsxRuntime.jsx(GifView,{gifInfo:gif},void 0)}),gif.id);})}),void 0);};var Host$8$1=_styled__default["default"].div.withConfig({displayName:"GifEditList__Host",componentId:"sc-95dldh-0"})(templateObject_1$g$2||(templateObject_1$g$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"])));var StyledAttachmentHost$1=_styled__default["default"](AttachmentHost).withConfig({displayName:"GifEditList__StyledAttachmentHost",componentId:"sc-95dldh-1"})(templateObject_2$e$2||(templateObject_2$e$2=__makeTemplateObject$1(["\n width: auto;\n"],["\n width: auto;\n"])));var templateObject_1$g$2,templateObject_2$e$2;var GifList=function GifList(_a){var attachments=_a.attachments,className=_a.className;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsxRuntime.jsx(Host$7$1,__assign$1({className:className,"data-gif-url-preview":gifs[0].id},{children:jsxRuntime.jsx(StyledAttachmentHost,{children:jsxRuntime.jsx(GifView,{gifInfo:gifs[0]},void 0)},void 0)}),void 0);};var Host$7$1=_styled__default["default"].div.withConfig({displayName:"GifList__Host",componentId:"sc-8gg7fj-0"})(templateObject_1$f$2||(templateObject_1$f$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"])));var StyledAttachmentHost=_styled__default["default"](AttachmentHost).withConfig({displayName:"GifList__StyledAttachmentHost",componentId:"sc-8gg7fj-1"})(templateObject_2$d$2||(templateObject_2$d$2=__makeTemplateObject$1(["\n width: auto;\n margin: ","px 0 0 0;\n"],["\n width: auto;\n margin: ","px 0 0 0;\n"])),spacingS);var templateObject_1$f$2,templateObject_2$d$2;var PageViewType;(function(PageViewType){PageViewType["PostsGroupView"]="PostsGroupView";})(PageViewType||(PageViewType={}));function usePageViewTracker(basePath,itemId,viewType){var _this=this;var user=useCurrentUser();var sendBeacon=useBeaconHandler();var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;var performanceTimer=usePerformanceTimer();var viewEndCallback=React$d.useRef(function(){return null;});useBeforeUnload$2(trackViewEnd);React$d.useEffect(function(){(function(){return __awaiter$1(_this,void 0,void 0,function(){var currentToken;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!itemId||!user){return [2/*return*/];}return [4/*yield*/,onRequestToken()];case 1:currentToken=_a.sent();viewEndCallback.current=trackPageView(basePath,user.subscription.id,itemId,viewType,currentToken);return [2/*return*/];}});});})();return function(){return trackViewEnd();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77575
77575
|
},[itemId,basePath,viewType]);function trackViewEnd(){if(viewEndCallback.current){viewEndCallback.current();}}function trackPageView(basePath,subscriptionId,itemId,viewType,accessToken){var sessionId=uuid_1$1.v4().toString();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId,accessToken,subscriptionId,{viewType:viewType});performanceTimer.start();var wasEndSessionExecuted=false;return function(){// only execute it once
|
|
77576
77576
|
if(wasEndSessionExecuted){return;}wasEndSessionExecuted=true;var duration=performanceTimer.end();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId+"/duration",accessToken,subscriptionId,{duration:duration,viewType:viewType});};}}function useUserPropertyDefinitionsHandler(){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var defaultProperties={displayName:{},mobilePhone:{iconName:'cellPhone'},jobTitle:{iconName:'contactCard'},company:{iconName:'EMI'},address:{iconName:'MapPin'},notes:{iconName:'ContactInfo'}};return {getPropertyLabel:getLabel,getPropertyIcon:getIcon};function getLabel(definition){var language=getPreferredSupportedUiLanguage(user.preferredUiLanguage);var translations=definition.translations||{};var defaultPropertyNames=Object.keys(defaultProperties);return language&&translations[language]||translations[user.subscription.defaultLanguage]||definition.label||defaultPropertyNames.some(function(p){return p===definition.name;})&&formatMessage({id:"Generic."+definition.name})||definition.name;}function getIcon(definition){var _a,_b;return (_b=(_a=defaultProperties[definition.name])===null||_a===void 0?void 0:_a.iconName)!==null&&_b!==void 0?_b:'UserOptional';}}var IconWithCallout=function IconWithCallout(props){var _a;var _b;var iconRef=React$d.useRef(null);var _c=React$d.useState(false),showCallout=_c[0],setShowCallout=_c[1];return jsxRuntime.jsxs(Host$6$2,__assign$1({className:props.className},(_a={},_a[props.dataAttribute]=true,_a),{ref:iconRef},{children:[jsxRuntime.jsx(StyledIconButton$1$1,{"data-icon-with-callout":true,iconProps:{iconName:props.icon},onClick:handleIconClick,ariaLabel:props.ariaLabel,disabled:props.disabled},void 0),showCallout&&jsxRuntime.jsx(StyledCallout$5,__assign$1({className:"icon-with-callout-content",target:iconRef,directionalHint:// DirectionalHint.topLeftEdge has the value "0". Hence we cannot use the || operator...
|
|
@@ -77817,9 +77817,9 @@
|
|
|
77817
77817
|
}), void 0);
|
|
77818
77818
|
};
|
|
77819
77819
|
|
|
77820
|
-
var version$1 = "0.3.
|
|
77821
|
-
var buildId = "
|
|
77822
|
-
var commitId = "
|
|
77820
|
+
var version$1 = "0.3.124";
|
|
77821
|
+
var buildId = "104079";
|
|
77822
|
+
var commitId = "ed2c06f0fe0830817cc3b3f77182a6f4953c417b";
|
|
77823
77823
|
var isCustomerBuild = false;
|
|
77824
77824
|
var buildInfo = {
|
|
77825
77825
|
version: version$1,
|
|
@@ -77973,9 +77973,6 @@
|
|
|
77973
77973
|
},
|
|
77974
77974
|
teams: {
|
|
77975
77975
|
clientId: "a7c1920d-3ac0-42db-9757-078a2b321fd8"
|
|
77976
|
-
},
|
|
77977
|
-
teamsAustralia: {
|
|
77978
|
-
clientId: "29942469-c421-4026-92ef-9bf24a6fc08c"
|
|
77979
77976
|
}
|
|
77980
77977
|
},
|
|
77981
77978
|
apiEndpoint: "https://api.reach.livetiles.io/api/v1",
|
|
@@ -78079,9 +78076,6 @@
|
|
|
78079
78076
|
}
|
|
78080
78077
|
};
|
|
78081
78078
|
var microsoftAssociatedApplications = [
|
|
78082
|
-
{
|
|
78083
|
-
applicationId: "29942469-c421-4026-92ef-9bf24a6fc08c"
|
|
78084
|
-
}
|
|
78085
78079
|
];
|
|
78086
78080
|
var prodAppSettings = {
|
|
78087
78081
|
client: client,
|
|
@@ -122099,7 +122093,7 @@
|
|
|
122099
122093
|
// in popular engines, so it's moved to a separate module
|
|
122100
122094
|
var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var KeywordsInfo=function KeywordsInfo(_a){var keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var flatKeywords=getFlatKeywordList(keywords);var hasKeywords=flatKeywords&&flatKeywords.length>0;if(!hasKeywords){return null;}return jsxRuntime.jsx(Host$S,__assign({"data-keywords":true},{children:renderKeywords()}),void 0);function renderKeywords(){var keywordsGroupsIds=Object.keys(keywords||[]);return keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).map(function(groupId){return keywords[groupId].length>0&&jsxRuntime.jsx(KeywordsGroup,{groupId:groupId,groupName:availableKeywordGroups[groupId].name,language:language,keywords:keywords,className:className,filterBaseUrl:filterBaseUrl},groupId);});}};var KeywordsGroup=function KeywordsGroup(_a){var groupId=_a.groupId,groupName=_a.groupName,keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;return jsxRuntime.jsxs(KeywordsList$1,__assign({className:classNames('ms-fontColor-neutralSecondaryAlt',className)},{children:[jsxRuntime.jsxs(KeywordsListTitle,{children:[jsxRuntime.jsx(KeywordTitle,{groupName:groupName,language:language},void 0),":"]},void 0),keywords[groupId].map(function(k){var Title=jsxRuntime.jsx(KeywordTitle,{groupName:groupName,keywordName:k.name,language:language},void 0);return jsxRuntime.jsx(KeywordsListItem,{children:filterBaseUrl?jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,className:"ms-fontColor-neutralSecondaryAlt",to:filterBaseUrl+"?"+queryString.stringify({keywords:k.id})},{children:Title}),void 0):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[" ",Title," "]},void 0)},groupName+k.name);})]}),void 0);};var Host$S=_styled__default["default"].div.withConfig({displayName:"KeywordsInfo__Host",componentId:"sc-woteiy-0"})(templateObject_1$2n||(templateObject_1$2n=__makeTemplateObject(["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"],["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"])),spacingM,spacingXl);var KeywordsList$1=_styled__default["default"].dl.withConfig({displayName:"KeywordsInfo__KeywordsList",componentId:"sc-woteiy-1"})(templateObject_2$1x||(templateObject_2$1x=__makeTemplateObject(["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"],["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"])));var KeywordsListTitle=_styled__default["default"].dt.withConfig({displayName:"KeywordsInfo__KeywordsListTitle",componentId:"sc-woteiy-2"})(templateObject_3$14||(templateObject_3$14=__makeTemplateObject(["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"],["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"])));var KeywordsListItem=_styled__default["default"].dd.withConfig({displayName:"KeywordsInfo__KeywordsListItem",componentId:"sc-woteiy-3"})(templateObject_4$M||(templateObject_4$M=__makeTemplateObject(["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"],["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"])));var FlatKeywords=function FlatKeywords(_a){var keywords=_a.item.keywords,filterBaseUrl=_a.filterBaseUrl,className=_a.className,useGridKeywordTitle=_a.useGridKeywordTitle,onClick=_a.onClick,showAllKeywordsInCallout=_a.showAllKeywordsInCallout;var location=ReactRouterDom.useLocation();var currentParamsObject=queryString.parse(location.search);var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var keywordsGroupsIds=Object.keys(keywords||[]);var flatKeywords=keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).flatMap(function(groupId){return keywords[groupId].map(function(keyword){return keyword;});});var flatKeywordsList=getFlatKeywordsList();if(showAllKeywordsInCallout){return jsxRuntime.jsx(Tooltip// Give the user more time to interact with the tooltip before it closes
|
|
122101
122095
|
,__assign({// Give the user more time to interact with the tooltip before it closes
|
|
122102
|
-
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsxRuntime.jsx(TooltipList,{children:flatKeywords.map(function(k){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsxRuntime.jsx(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsxRuntime.jsx(KeywordItem$2,{children:jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsxRuntime.jsx(KeywordItem$2,{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&_styled.css(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled__default["default"].li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2n,templateObject_2$1x,templateObject_3$14,templateObject_4$M,templateObject_5$D,templateObject_6$s,templateObject_7$m,templateObject_8$k;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsxRuntime.jsx(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsxRuntime.jsx(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=_styled.css(templateObject_1$2m||(templateObject_1$2m=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1w||(templateObject_2$1w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled__default["default"].a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2m,templateObject_2$1w,templateObject_3$13;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxRuntime.jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxRuntime.jsxs(Header$3,{children:[jsxRuntime.jsx(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:officeUiFabricReact.PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxRuntime.jsxs(HeaderMetadata$2,{children:[jsxRuntime.jsx(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsxRuntime.jsx(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsxRuntime.jsx(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsxRuntime.jsx(Content$9,{children:jsxRuntime.jsx(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsxRuntime.jsx(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$12||(templateObject_3$12=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?_styled.css(templateObject_1$2l||(templateObject_1$2l=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):_styled.css(templateObject_2$1v||(templateObject_2$1v=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$L||(templateObject_4$L=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled__default["default"](PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled__default["default"].div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled__default["default"](DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$9=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2l,templateObject_2$1v,templateObject_3$12,templateObject_4$L,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j,templateObject_9$f,templateObject_10$d;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:locationLink?jsxRuntime.jsx(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsxRuntime.jsx("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventPathContext=/*#__PURE__*/React$d.createContext({eventsRootPath:'/events'});var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsxRuntime.jsx(Host$R,__assign({className:className},{children:jsxRuntime.jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var _b,_c;var item=_a.item,labelResourceKey=_a.labelResourceKey,showFirstContactOnly=_a.showFirstContactOnly,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contacts=(_b=item.contacts)!==null&&_b!==void 0?_b:[];if(showFirstContactOnly&&contacts.length>1){contacts=(_c=item.contacts)===null||_c===void 0?void 0:_c.slice(0,1);}var contactsCount=contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxRuntime.jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxRuntime.jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsxRuntime.jsx(Label,{resourceKey:labelResourceKey!==null&&labelResourceKey!==void 0?labelResourceKey:'Events.contactsLabel',count:contactsCount},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:contacts.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxRuntime.jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.authorLabel"},void 0),jsxRuntime.jsx(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var eventsRootPath=React$d.useContext(EventPathContext).eventsRootPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsxRuntime.jsx(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath(eventsRootPath+"?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2k||(templateObject_1$2k=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1u||(templateObject_2$1u=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled__default["default"](ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$11||(templateObject_3$11=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled__default["default"](PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled__default["default"].ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&_styled.css(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2k,templateObject_2$1u,templateObject_3$11,templateObject_4$K,templateObject_5$B,templateObject_6$q,templateObject_7$k;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxRuntime.jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsxRuntime.jsx(officeUiFabricReact.Image,{src:imageUrl,imageFit:officeUiFabricReact.ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled__default["default"].div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2j||(templateObject_1$2j=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2j;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122096
|
+
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsxRuntime.jsx(TooltipList,{children:flatKeywords.map(function(k){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsxRuntime.jsx(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsxRuntime.jsx(KeywordItem$2,{children:jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsxRuntime.jsx(KeywordItem$2,{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&_styled.css(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled__default["default"].li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2n,templateObject_2$1x,templateObject_3$14,templateObject_4$M,templateObject_5$D,templateObject_6$s,templateObject_7$m,templateObject_8$k;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsxRuntime.jsx(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsxRuntime.jsx(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=_styled.css(templateObject_1$2m||(templateObject_1$2m=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1w||(templateObject_2$1w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled__default["default"].a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2m,templateObject_2$1w,templateObject_3$13;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxRuntime.jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxRuntime.jsxs(Header$3,{children:[jsxRuntime.jsx(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:officeUiFabricReact.PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxRuntime.jsxs(HeaderMetadata$2,{children:[jsxRuntime.jsx(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsxRuntime.jsx(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsxRuntime.jsx(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsxRuntime.jsx(Content$9,{children:jsxRuntime.jsx(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsxRuntime.jsx(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$12||(templateObject_3$12=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?_styled.css(templateObject_1$2l||(templateObject_1$2l=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):_styled.css(templateObject_2$1v||(templateObject_2$1v=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$L||(templateObject_4$L=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled__default["default"](PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled__default["default"].div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled__default["default"](DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$9=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2l,templateObject_2$1v,templateObject_3$12,templateObject_4$L,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j,templateObject_9$f,templateObject_10$d;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:locationLink?jsxRuntime.jsx(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsxRuntime.jsx("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventPathContext=/*#__PURE__*/React$d.createContext({eventsRootPath:'/events'});var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsxRuntime.jsx(Host$R,__assign({className:className},{children:jsxRuntime.jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var _b,_c;var item=_a.item,labelResourceKey=_a.labelResourceKey,showFirstContactOnly=_a.showFirstContactOnly,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contacts=(_b=item.contacts)!==null&&_b!==void 0?_b:[];if(showFirstContactOnly&&contacts.length>1){contacts=(_c=item.contacts)===null||_c===void 0?void 0:_c.slice(0,1);}var contactsCount=contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxRuntime.jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxRuntime.jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsxRuntime.jsx(Label,{resourceKey:labelResourceKey!==null&&labelResourceKey!==void 0?labelResourceKey:'Events.contactsLabel',count:contactsCount},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:contacts.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxRuntime.jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.authorLabel"},void 0),jsxRuntime.jsx(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var eventsRootPath=React$d.useContext(EventPathContext).eventsRootPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsxRuntime.jsx(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath(eventsRootPath+"?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2k||(templateObject_1$2k=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1u||(templateObject_2$1u=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled__default["default"](ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$11||(templateObject_3$11=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled__default["default"](PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled__default["default"].ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&_styled.css(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2k,templateObject_2$1u,templateObject_3$11,templateObject_4$K,templateObject_5$B,templateObject_6$q,templateObject_7$k;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxRuntime.jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsxRuntime.jsx(officeUiFabricReact.Image,{src:imageUrl,imageFit:officeUiFabricReact.ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled__default["default"].div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2j||(templateObject_1$2j=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2j;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122103
122097
|
* Retrieve information on a given image. Does not return the actual image.
|
|
122104
122098
|
*/function getImageInfo(itemId,identifier,resourceType){var path="editor/"+resourceType+"/"+itemId+"/images/"+identifier;return api.custom(path+"/info").get().then(function(res){return res.body().data();});}function getImageEditorUrl(itemId,subscriptionId,identifier,resourceType){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();return [2/*return*/,getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType)];}});});}function getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType,width,height){var url=width?"/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/"+width+"/"+(height||''):"/editor/"+resourceType+"/"+itemId+"/images/"+identifier;return createApiUrl(url,{access_token:token,subscriptionId:subscriptionId});}function getOriginalImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType){return createApiUrl("/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/original",{access_token:token,subscriptionId:subscriptionId});}function uploadImage(subscriptionId,resourceType,newImage){return __awaiter(this,void 0,void 0,function(){var fd,token,config;return __generator(this,function(_a){switch(_a.label){case 0:// validate or set defaults
|
|
122105
122099
|
if(!newImage.identifier){// identifer defaults to 'banner'
|
|
@@ -122107,7 +122101,7 @@
|
|
|
122107
122101
|
// any promise failures are expected be handled from the code consuming the observable
|
|
122108
122102
|
return [4/*yield*/,fetchFromApi("/editor/"+resourceType+"/"+newImage.itemId+"/images/"+newImage.identifier+"/"+newImage.variant,config)];case 2:// error handling is not done here
|
|
122109
122103
|
// any promise failures are expected be handled from the code consuming the observable
|
|
122110
|
-
_a.sent();return [2/*return*/,{itemId:newImage.itemId,identifier:newImage.identifier,mimeType:newImage.image.type,extension:newImage.image.name.split('.').pop()}];}});});}},[api,createApiUrl,fetchFromApi,onRequestToken]);}var PublishableItemBanner=function PublishableItemBanner(props){var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var _a=useVideosApi(),getBannerVideoThumbnailUrl=_a.getBannerVideoThumbnailUrl,getVideoThumbnailUrl=_a.getVideoThumbnailUrl;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var _b=React$d.useState(false),showPlayer=_b[0],setShowPlayer=_b[1];var user=useCurrentUser();var features=useFeatures();var onOpenExternalLink=React$d.useContext(LinkContext).onOpenExternalLink;var formatMessage=useIntl().formatMessage;React$d.useEffect(function(){if(props.hidePlayerIfActive){setShowPlayer(false);}},[props.hidePlayerIfActive]);if(!props.token||!props.bannerInfo){return null;}var isImage=props.bannerInfo.type==='image';var imageUrl=getImageUrl(props.useEditorRoutes,isImage,props.width,props.height);var isStreamVideo=props.bannerInfo.videoSource===VideoSource.MicrosoftStream;var streamVideoUrl=isStreamVideo&&getMicrosoftStreamVideoUrl(props.bannerInfo.videoId);var isPlayableVideo=!isImage&&!(isStreamVideo&&env.isNativeMobileApp);if(isPlayableVideo&&showPlayer){return jsxRuntime.jsx(StyledVideoView,{videoInfo:{id:props.bannerInfo.videoId,source:props.bannerInfo.videoSource,url:props.bannerInfo.videoUrl,isDirectUrl:props.bannerInfo.isDirectVideoUrl},autoplay:true,className:props.className},void 0);}return jsxRuntime.jsxs(StyledBannerImage,__assign({isVideo:!isImage,imageUrl:imageUrl,openImageUrl:props.canOpenImage&&env.isNativeMobileApp?getImageUrl(props.useEditorRoutes,true,'default'):null,className:props.className},{children:[isPlayableVideo&&jsxRuntime.jsx(VideoButtonOverlay,{onClick:handlePlayClick,iconProps:{iconName:'MSNVideosSolid',className:'video-icon'},ariaLabel:formatMessage({id:'Generic.watchVideo'})},void 0),isStreamVideo&&env.isNativeMobileApp&&(features.inAppBrowser?jsxRuntime.jsx(VideoLinkOverlay,__assign({url:streamVideoUrl,onClick:function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:e.stopPropagation();e.preventDefault();return [4/*yield*/,onOpenExternalLink(streamVideoUrl)];case 1:_a.sent();return [2/*return*/];}});});},ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsxRuntime.jsx(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0):jsxRuntime.jsx(VideoLinkOverlay,__assign({url:streamVideoUrl,ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsxRuntime.jsx(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0))]}),void 0);function getImageUrl(useEditorRoutes,isImage,width,height){var _a;if(isImage){return useEditorRoutes?getImageEditorUrlWithToken(props.token,props.itemId,user.subscription.id,props.bannerInfo.imageId,props.resourceType):getImageUrlWithToken(props.token,props.itemId,user.subscription.id,props.resourceType,props.bannerInfo.imageId,width,height);}else {return (_a=new VideoUrlParser(props.bannerInfo.videoUrl).thumbnailUrl)!==null&&_a!==void 0?_a:useEditorRoutes?getVideoThumbnailUrl(props.token,user.subscription.id,props.bannerInfo.videoSource,props.bannerInfo.videoId):getBannerVideoThumbnailUrl(props.token,props.itemId,user.subscription.id,props.resourceType);}}function handlePlayClick(e){var _a;e.stopPropagation();e.preventDefault();setShowPlayer(true);(_a=props.onPlayButtonClick)===null||_a===void 0?void 0:_a.call(props);}};var StyledBannerImage=_styled__default["default"](BannerImage).withConfig({displayName:"PublishableItemBanner__StyledBannerImage",componentId:"sc-bjnycc-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.isVideo&&_styled.css(templateObject_1$2i||(templateObject_1$2i=__makeTemplateObject(["\n position: relative;\n "],["\n position: relative;\n "])));});var BannerVideoOverlay=_styled.css(templateObject_3$10||(templateObject_3$10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"])));var VideoIconStyle=_styled.css(templateObject_4$J||(templateObject_4$J=__makeTemplateObject(["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"],["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"])));var VideoButtonOverlay=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PublishableItemBanner__VideoButtonOverlay",componentId:"sc-bjnycc-1"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"],["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"])),BannerVideoOverlay,VideoIconStyle);var VideoLinkOverlay=_styled__default["default"](ExternalLinkHandler).withConfig({displayName:"PublishableItemBanner__VideoLinkOverlay",componentId:"sc-bjnycc-2"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),BannerVideoOverlay);var VideoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PublishableItemBanner__VideoIcon",componentId:"sc-bjnycc-3"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),VideoIconStyle);var StyledVideoView=_styled__default["default"](VideoView).withConfig({displayName:"PublishableItemBanner__StyledVideoView",componentId:"sc-bjnycc-4"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$2i,templateObject_2$1t,templateObject_3$10,templateObject_4$J,templateObject_5$A,templateObject_6$p,templateObject_7$j,templateObject_8$i;var EventCardBanner=function EventCardBanner(_a){var item=_a.item,bannerWidth=_a.bannerWidth,bannerHostDefaultWidth=_a.bannerHostDefaultWidth,showPlaceholder=_a.showPlaceholder;if(!item.bannerInfo&&!showPlaceholder){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(LeftBannerWrapper,__assign({defaultWidth:bannerHostDefaultWidth,showPlaceholder:showPlaceholder},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:item.bannerInfo,width:bannerWidth,token:item.fileAccessToken,resourceType:ItemResourceTypes.Events},void 0)}),void 0)},void 0);};var FeedbackCountButton=function FeedbackCountButton(_a){var isActive=_a.isActive,count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceKeyValues=_a.tooltipResourceKeyValues,activeTooltipResourceKey=_a.activeTooltipResourceKey,activeTooltipResourceKeyValues=_a.activeTooltipResourceKeyValues,feedbackType=_a.feedbackType,hideTooltip=_a.hideTooltip,className=_a.className,props=__rest(_a,["isActive","count","iconName","activeIconName","tooltipResourceKey","tooltipResourceKeyValues","activeTooltipResourceKey","activeTooltipResourceKeyValues","feedbackType","hideTooltip","className"]);var resourceKey=isActive?activeTooltipResourceKey||tooltipResourceKey:tooltipResourceKey;var resourceValues=isActive?activeTooltipResourceKeyValues||tooltipResourceKeyValues:tooltipResourceKeyValues;return jsxRuntime.jsxs(CountButtonHost,__assign({className:className,"data-feedback":feedbackType,"data-feedback-button-isactive":isActive!==null&&isActive!==void 0?isActive:false,"data-feedback-count":count},{children:[jsxRuntime.jsx(IEMarginFix,{},void 0),jsxRuntime.jsx(PreloadIcons,{icons:[activeIconName,iconName]},void 0),!hideTooltip?jsxRuntime.jsx(TooltipHost,__assign({resourceKey:resourceKey,values:resourceValues},{children:jsxRuntime.jsx(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)}),void 0):jsxRuntime.jsx(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)]}),void 0);};var FeedbackCountButtonInternal=function FeedbackCountButtonInternal(_a){var count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,feedbackType=_a.feedbackType,isActive=_a.isActive,onClick=_a.onClick,readOnly=_a.readOnly,ariaLabel=_a.ariaLabel,highlight=_a.highlight,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount;if(onClick){return jsxRuntime.jsx(StyledIconButton$6,__assign({onClick:onClick,iconProps:{iconName:isActive?activeIconName:iconName},"data-feedback-button":feedbackType,disabled:readOnly,highlight:highlight,"data-unread-comment-highlight":highlight,ariaLabel:ariaLabel},{children:jsxRuntime.jsx(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount},void 0)}),void 0);}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledIcon$7,{iconName:isActive?activeIconName:iconName,highlight:highlight,"data-unread-comment-highlight":highlight},void 0),jsxRuntime.jsx(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount,ariaLabel:ariaLabel},void 0)]},void 0);};var CountDisplay=function CountDisplay(_a){var count=_a.count,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount,ariaLabel=_a.ariaLabel;var shouldNotRenderZeroCount=doNotRenderZeroCount&&!count;if(shouldNotRenderZeroCount){return null;}var shouldHideZeroCount=hideZeroCount&&!count;return jsxRuntime.jsx(CountLabel,__assign({isHidden:shouldHideZeroCount,"aria-label":ariaLabel},{children:count}),void 0);};var TooltipHost=_styled__default["default"](Tooltip).withConfig({displayName:"FeedbackCountButton__TooltipHost",componentId:"sc-vg1ry1-0"})(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"],["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"])));var CountButtonHost=_styled__default["default"].div.withConfig({displayName:"FeedbackCountButton__CountButtonHost",componentId:"sc-vg1ry1-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"],["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"])),feedbackButtonHeight);var IEMarginFix=_styled.createGlobalStyle(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"],["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"])),CountButtonHost);var StyledIconButton$6=_styled__default["default"](IconButton).withConfig({displayName:"FeedbackCountButton__StyledIconButton",componentId:"sc-vg1ry1-2"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"],["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var StyledIcon$7=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FeedbackCountButton__StyledIcon",componentId:"sc-vg1ry1-3"})(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n font-size: 22px;\n user-select: none;\n\n ","\n"],["\n font-size: 22px;\n user-select: none;\n\n ","\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var CountLabel=_styled__default["default"].span.withConfig({displayName:"FeedbackCountButton__CountLabel",componentId:"sc-vg1ry1-4"})(templateObject_8$h||(templateObject_8$h=__makeTemplateObject(["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"],["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"])),function(p){return p.isHidden&&_styled.css(templateObject_6$o||(templateObject_6$o=__makeTemplateObject(["\n visibility: hidden;\n "],["\n visibility: hidden;\n "])));},function(p){return p.isDisabled&&_styled.css(templateObject_7$i||(templateObject_7$i=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.palette.neutralQuaternary);});var PreloadIcons=function PreloadIcons(_a){var icons=_a.icons;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:icons.filter(function(i){return i;}).map(function(i){return jsxRuntime.jsx(PreloadIcon,{iconName:i},i);})},void 0);};var PreloadIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FeedbackCountButton__PreloadIcon",componentId:"sc-vg1ry1-5"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n position: fixed;\n left: -500px;\n"],["\n position: fixed;\n left: -500px;\n"])));var templateObject_1$2h,templateObject_2$1s,templateObject_3$$,templateObject_4$I,templateObject_5$z,templateObject_6$o,templateObject_7$i,templateObject_8$h,templateObject_9$e;var EventCardCommentCount=function EventCardCommentCount(_a){var item=_a.item;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(IEFix$1,{},void 0),jsxRuntime.jsx(StyledFeedbackCountButton,{tooltipResourceKey:"Events.numberOfComments",tooltipResourceKeyValues:{count:item.statistics.commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),iconName:"Chat",count:item.statistics.commentCount,feedbackType:"comment",highlight:item.hasNewComments,className:"event-card-comments"},void 0)]},void 0);};var StyledFeedbackCountButton=_styled__default["default"](FeedbackCountButton).withConfig({displayName:"EventCardCommentCount__StyledFeedbackCountButton",componentId:"sc-3prmx8-0"})(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"],["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"])));var IEFix$1=_styled.createGlobalStyle(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"],["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"])));var templateObject_1$2g,templateObject_2$1r;var EventCancelInformation=function EventCancelInformation(_a){var _b;var item=_a.item,language=_a.language,className=_a.className;var user=useCurrentUser();if(!((_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled)){return null;}var contents=item.cancelInformation.reasons||{};var reason=contents[language]||contents[NewsService.getUserPreferredLanguage(Object.keys(contents),user)]||Object.values(contents)[0];return jsxRuntime.jsxs(Host$P,__assign({className:className,"data-event-cancelled-info":true},{children:[jsxRuntime.jsxs(TitleContainer,{children:[jsxRuntime.jsx(CancelIcon,{iconName:"RemoveEvent"},void 0),jsxRuntime.jsx(Title$a,{id:"Events.cancel.cancelled"},void 0)]},void 0),jsxRuntime.jsx("p",{children:reason},void 0)]}),void 0);};var Host$P=_styled__default["default"].div.withConfig({displayName:"EventCancelInformation__Host",componentId:"sc-rh6578-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"],["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"])),spacingM,spacingS,fontSizeSmall,function(p){return p.theme.palette.red;});var TitleContainer=_styled__default["default"].div.withConfig({displayName:"EventCancelInformation__TitleContainer",componentId:"sc-rh6578-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"])),spacingXs,function(p){return p.theme.palette.redDark;},spacingXs);var CancelIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventCancelInformation__CancelIcon",componentId:"sc-rh6578-2"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"])));var Title$a=_styled__default["default"](FormattedMessageWithStyle).withConfig({displayName:"EventCancelInformation__Title",componentId:"sc-rh6578-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var templateObject_1$2f,templateObject_2$1q,templateObject_3$_,templateObject_4$H;var EventUserRegistrationContext=/*#__PURE__*/React$d.createContext(null);function getDeadlineInfos(item){var hasDeadline=item.registrationSettings.deadline!=null;var isPastDeadline=hasDeadline&&moment(item.registrationSettings.deadline).isBefore(moment());return {hasDeadline:hasDeadline,isPastDeadline:isPastDeadline};}var EventRegistrationButton=function EventRegistrationButton(_a){var isRegistered=_a.isRegistered,className=_a.className,disabled=_a.disabled,onClick=_a.onClick,showInfoMessage=_a.showInfoMessage,infoMessageResourceKey=_a.infoMessageResourceKey;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Host$O,__assign({className:className,"aria-label":formatMessage({id:'Events.registration.sectionLabel'})},{children:[jsxRuntime.jsx(RegisterButton,{text:formatMessage({id:isRegistered?'Events.registration.deregisterButtonCaption':'Events.registration.registerButtonCaption'}),disabled:disabled,"data-event-register-button":!!isRegistered,onClick:function(e){e.preventDefault();onClick();},isRegistered:isRegistered},void 0),showInfoMessage&&jsxRuntime.jsxs(InfoMessage,__assign({"data-event-register-info":true},{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"Info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:infoMessageResourceKey},void 0)]}),void 0)]}),void 0);};var Host$O=_styled__default["default"].div.withConfig({displayName:"EventRegistrationButton__Host",componentId:"sc-rvaf0t-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var RegisterButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"EventRegistrationButton__RegisterButton",componentId:"sc-rvaf0t-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"],["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"])),function(p){return p.disabled&&_styled.css(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.neutralQuaternaryAlt);},function(p){return p.isRegistered&&_styled.css(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "],["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "])),p.theme.palette.red,p.theme.palette.redDark);});var InfoMessage=_styled__default["default"].span.withConfig({displayName:"EventRegistrationButton__InfoMessage",componentId:"sc-rvaf0t-2"})(templateObject_5$y||(templateObject_5$y=__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"])),spacingXs,fontSizeSmall,spacingXs);var templateObject_1$2e,templateObject_2$1p,templateObject_3$Z,templateObject_4$G,templateObject_5$y;var $$3=_export;var DESCRIPTORS=descriptors;var global$2=global$m;var has=has$c;var isObject=isObject$c;var defineProperty=objectDefineProperty.f;var copyConstructorProperties=copyConstructorProperties$2;var NativeSymbol=global$2.Symbol;if(DESCRIPTORS&&typeof NativeSymbol=='function'&&(!('description'in NativeSymbol.prototype)||// Safari 12 bug
|
|
122104
|
+
_a.sent();return [2/*return*/,{itemId:newImage.itemId,identifier:newImage.identifier,mimeType:newImage.image.type,extension:newImage.image.name.split('.').pop()}];}});});}},[api,createApiUrl,fetchFromApi,onRequestToken]);}var PublishableItemBanner=function PublishableItemBanner(props){var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var _a=useVideosApi(),getBannerVideoThumbnailUrl=_a.getBannerVideoThumbnailUrl,getVideoThumbnailUrl=_a.getVideoThumbnailUrl;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var _b=React$d.useState(false),showPlayer=_b[0],setShowPlayer=_b[1];var user=useCurrentUser();var features=useFeatures();var onOpenExternalLink=React$d.useContext(LinkContext).onOpenExternalLink;var formatMessage=useIntl().formatMessage;React$d.useEffect(function(){if(props.hidePlayerIfActive){setShowPlayer(false);}},[props.hidePlayerIfActive]);if(!props.token||!props.bannerInfo){return null;}var isImage=props.bannerInfo.type==='image';var imageUrl=getImageUrl(props.useEditorRoutes,isImage,props.width,props.height);var isStreamVideo=props.bannerInfo.videoSource===VideoSource.MicrosoftStream;var streamVideoUrl=isStreamVideo&&getMicrosoftStreamVideoUrl(props.bannerInfo.videoId);var isPlayableVideo=!isImage&&!(isStreamVideo&&env.isNativeMobileApp);if(isPlayableVideo&&showPlayer){return jsxRuntime.jsx(StyledVideoView,{videoInfo:{id:props.bannerInfo.videoId,source:props.bannerInfo.videoSource,url:props.bannerInfo.videoUrl,isDirectUrl:props.bannerInfo.isDirectVideoUrl},autoplay:true,className:props.className},void 0);}return jsxRuntime.jsxs(StyledBannerImage,__assign({isVideo:!isImage,imageUrl:imageUrl,openImageUrl:props.canOpenImage&&env.isNativeMobileApp?getImageUrl(props.useEditorRoutes,true,'default'):null,className:props.className},{children:[isPlayableVideo&&jsxRuntime.jsx(VideoButtonOverlay,{onClick:handlePlayClick,iconProps:{iconName:'MSNVideosSolid',className:'video-icon'},ariaLabel:formatMessage({id:'Generic.watchVideo'})},void 0),isStreamVideo&&env.isNativeMobileApp&&(features.inAppBrowser?jsxRuntime.jsx(VideoLinkOverlay,__assign({url:streamVideoUrl,onClick:function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:e.stopPropagation();e.preventDefault();return [4/*yield*/,onOpenExternalLink(streamVideoUrl)];case 1:_a.sent();return [2/*return*/];}});});},ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsxRuntime.jsx(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0):jsxRuntime.jsx(VideoLinkOverlay,__assign({url:streamVideoUrl,ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsxRuntime.jsx(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0))]}),void 0);function getImageUrl(useEditorRoutes,isImage,width,height){var _a;if(isImage){return useEditorRoutes?getImageEditorUrlWithToken(props.token,props.itemId,user.subscription.id,props.bannerInfo.imageId,props.resourceType):getImageUrlWithToken(props.token,props.itemId,user.subscription.id,props.resourceType,props.bannerInfo.imageId,width,height);}else {return (_a=new VideoUrlParser(props.bannerInfo.videoUrl).thumbnailUrl)!==null&&_a!==void 0?_a:useEditorRoutes?getVideoThumbnailUrl(props.token,user.subscription.id,props.bannerInfo.videoSource,props.bannerInfo.videoId):getBannerVideoThumbnailUrl(props.token,props.itemId,user.subscription.id,props.resourceType);}}function handlePlayClick(e){var _a;e.stopPropagation();e.preventDefault();setShowPlayer(true);(_a=props.onPlayButtonClick)===null||_a===void 0?void 0:_a.call(props);}};var StyledBannerImage=_styled__default["default"](BannerImage).withConfig({displayName:"PublishableItemBanner__StyledBannerImage",componentId:"sc-bjnycc-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.isVideo&&_styled.css(templateObject_1$2i||(templateObject_1$2i=__makeTemplateObject(["\n position: relative;\n "],["\n position: relative;\n "])));});var BannerVideoOverlay=_styled.css(templateObject_3$10||(templateObject_3$10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover,\n &:focus {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover,\n &:focus {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"])));var VideoIconStyle=_styled.css(templateObject_4$J||(templateObject_4$J=__makeTemplateObject(["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"],["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"])));var VideoButtonOverlay=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PublishableItemBanner__VideoButtonOverlay",componentId:"sc-bjnycc-1"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"],["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"])),BannerVideoOverlay,VideoIconStyle);var VideoLinkOverlay=_styled__default["default"](ExternalLinkHandler).withConfig({displayName:"PublishableItemBanner__VideoLinkOverlay",componentId:"sc-bjnycc-2"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),BannerVideoOverlay);var VideoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PublishableItemBanner__VideoIcon",componentId:"sc-bjnycc-3"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),VideoIconStyle);var StyledVideoView=_styled__default["default"](VideoView).withConfig({displayName:"PublishableItemBanner__StyledVideoView",componentId:"sc-bjnycc-4"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$2i,templateObject_2$1t,templateObject_3$10,templateObject_4$J,templateObject_5$A,templateObject_6$p,templateObject_7$j,templateObject_8$i;var EventCardBanner=function EventCardBanner(_a){var item=_a.item,bannerWidth=_a.bannerWidth,bannerHostDefaultWidth=_a.bannerHostDefaultWidth,showPlaceholder=_a.showPlaceholder;if(!item.bannerInfo&&!showPlaceholder){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(LeftBannerWrapper,__assign({defaultWidth:bannerHostDefaultWidth,showPlaceholder:showPlaceholder},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:item.bannerInfo,width:bannerWidth,token:item.fileAccessToken,resourceType:ItemResourceTypes.Events},void 0)}),void 0)},void 0);};var FeedbackCountButton=function FeedbackCountButton(_a){var isActive=_a.isActive,count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceKeyValues=_a.tooltipResourceKeyValues,activeTooltipResourceKey=_a.activeTooltipResourceKey,activeTooltipResourceKeyValues=_a.activeTooltipResourceKeyValues,feedbackType=_a.feedbackType,hideTooltip=_a.hideTooltip,className=_a.className,props=__rest(_a,["isActive","count","iconName","activeIconName","tooltipResourceKey","tooltipResourceKeyValues","activeTooltipResourceKey","activeTooltipResourceKeyValues","feedbackType","hideTooltip","className"]);var resourceKey=isActive?activeTooltipResourceKey||tooltipResourceKey:tooltipResourceKey;var resourceValues=isActive?activeTooltipResourceKeyValues||tooltipResourceKeyValues:tooltipResourceKeyValues;return jsxRuntime.jsxs(CountButtonHost,__assign({className:className,"data-feedback":feedbackType,"data-feedback-button-isactive":isActive!==null&&isActive!==void 0?isActive:false,"data-feedback-count":count},{children:[jsxRuntime.jsx(IEMarginFix,{},void 0),jsxRuntime.jsx(PreloadIcons,{icons:[activeIconName,iconName]},void 0),!hideTooltip?jsxRuntime.jsx(TooltipHost,__assign({resourceKey:resourceKey,values:resourceValues},{children:jsxRuntime.jsx(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)}),void 0):jsxRuntime.jsx(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)]}),void 0);};var FeedbackCountButtonInternal=function FeedbackCountButtonInternal(_a){var count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,feedbackType=_a.feedbackType,isActive=_a.isActive,onClick=_a.onClick,readOnly=_a.readOnly,ariaLabel=_a.ariaLabel,highlight=_a.highlight,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount;if(onClick){return jsxRuntime.jsx(StyledIconButton$6,__assign({onClick:onClick,iconProps:{iconName:isActive?activeIconName:iconName},"data-feedback-button":feedbackType,disabled:readOnly,highlight:highlight,"data-unread-comment-highlight":highlight,ariaLabel:ariaLabel},{children:jsxRuntime.jsx(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount},void 0)}),void 0);}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledIcon$7,{iconName:isActive?activeIconName:iconName,highlight:highlight,"data-unread-comment-highlight":highlight},void 0),jsxRuntime.jsx(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount,ariaLabel:ariaLabel},void 0)]},void 0);};var CountDisplay=function CountDisplay(_a){var count=_a.count,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount,ariaLabel=_a.ariaLabel;var shouldNotRenderZeroCount=doNotRenderZeroCount&&!count;if(shouldNotRenderZeroCount){return null;}var shouldHideZeroCount=hideZeroCount&&!count;return jsxRuntime.jsx(CountLabel,__assign({isHidden:shouldHideZeroCount,"aria-label":ariaLabel},{children:count}),void 0);};var TooltipHost=_styled__default["default"](Tooltip).withConfig({displayName:"FeedbackCountButton__TooltipHost",componentId:"sc-vg1ry1-0"})(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"],["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"])));var CountButtonHost=_styled__default["default"].div.withConfig({displayName:"FeedbackCountButton__CountButtonHost",componentId:"sc-vg1ry1-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"],["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"])),feedbackButtonHeight);var IEMarginFix=_styled.createGlobalStyle(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"],["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"])),CountButtonHost);var StyledIconButton$6=_styled__default["default"](IconButton).withConfig({displayName:"FeedbackCountButton__StyledIconButton",componentId:"sc-vg1ry1-2"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"],["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var StyledIcon$7=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FeedbackCountButton__StyledIcon",componentId:"sc-vg1ry1-3"})(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n font-size: 22px;\n user-select: none;\n\n ","\n"],["\n font-size: 22px;\n user-select: none;\n\n ","\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var CountLabel=_styled__default["default"].span.withConfig({displayName:"FeedbackCountButton__CountLabel",componentId:"sc-vg1ry1-4"})(templateObject_8$h||(templateObject_8$h=__makeTemplateObject(["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"],["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"])),function(p){return p.isHidden&&_styled.css(templateObject_6$o||(templateObject_6$o=__makeTemplateObject(["\n visibility: hidden;\n "],["\n visibility: hidden;\n "])));},function(p){return p.isDisabled&&_styled.css(templateObject_7$i||(templateObject_7$i=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.palette.neutralQuaternary);});var PreloadIcons=function PreloadIcons(_a){var icons=_a.icons;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:icons.filter(function(i){return i;}).map(function(i){return jsxRuntime.jsx(PreloadIcon,{iconName:i},i);})},void 0);};var PreloadIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FeedbackCountButton__PreloadIcon",componentId:"sc-vg1ry1-5"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n position: fixed;\n left: -500px;\n"],["\n position: fixed;\n left: -500px;\n"])));var templateObject_1$2h,templateObject_2$1s,templateObject_3$$,templateObject_4$I,templateObject_5$z,templateObject_6$o,templateObject_7$i,templateObject_8$h,templateObject_9$e;var EventCardCommentCount=function EventCardCommentCount(_a){var item=_a.item;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(IEFix$1,{},void 0),jsxRuntime.jsx(StyledFeedbackCountButton,{tooltipResourceKey:"Events.numberOfComments",tooltipResourceKeyValues:{count:item.statistics.commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),iconName:"Chat",count:item.statistics.commentCount,feedbackType:"comment",highlight:item.hasNewComments,className:"event-card-comments"},void 0)]},void 0);};var StyledFeedbackCountButton=_styled__default["default"](FeedbackCountButton).withConfig({displayName:"EventCardCommentCount__StyledFeedbackCountButton",componentId:"sc-3prmx8-0"})(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"],["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"])));var IEFix$1=_styled.createGlobalStyle(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"],["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"])));var templateObject_1$2g,templateObject_2$1r;var EventCancelInformation=function EventCancelInformation(_a){var _b;var item=_a.item,language=_a.language,className=_a.className;var user=useCurrentUser();if(!((_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled)){return null;}var contents=item.cancelInformation.reasons||{};var reason=contents[language]||contents[NewsService.getUserPreferredLanguage(Object.keys(contents),user)]||Object.values(contents)[0];return jsxRuntime.jsxs(Host$P,__assign({className:className,"data-event-cancelled-info":true},{children:[jsxRuntime.jsxs(TitleContainer,{children:[jsxRuntime.jsx(CancelIcon,{iconName:"RemoveEvent"},void 0),jsxRuntime.jsx(Title$a,{id:"Events.cancel.cancelled"},void 0)]},void 0),jsxRuntime.jsx("p",{children:reason},void 0)]}),void 0);};var Host$P=_styled__default["default"].div.withConfig({displayName:"EventCancelInformation__Host",componentId:"sc-rh6578-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"],["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"])),spacingM,spacingS,fontSizeSmall,function(p){return p.theme.palette.red;});var TitleContainer=_styled__default["default"].div.withConfig({displayName:"EventCancelInformation__TitleContainer",componentId:"sc-rh6578-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"])),spacingXs,function(p){return p.theme.palette.redDark;},spacingXs);var CancelIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventCancelInformation__CancelIcon",componentId:"sc-rh6578-2"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"])));var Title$a=_styled__default["default"](FormattedMessageWithStyle).withConfig({displayName:"EventCancelInformation__Title",componentId:"sc-rh6578-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var templateObject_1$2f,templateObject_2$1q,templateObject_3$_,templateObject_4$H;var EventUserRegistrationContext=/*#__PURE__*/React$d.createContext(null);function getDeadlineInfos(item){var hasDeadline=item.registrationSettings.deadline!=null;var isPastDeadline=hasDeadline&&moment(item.registrationSettings.deadline).isBefore(moment());return {hasDeadline:hasDeadline,isPastDeadline:isPastDeadline};}var EventRegistrationButton=function EventRegistrationButton(_a){var isRegistered=_a.isRegistered,className=_a.className,disabled=_a.disabled,onClick=_a.onClick,showInfoMessage=_a.showInfoMessage,infoMessageResourceKey=_a.infoMessageResourceKey;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Host$O,__assign({className:className,"aria-label":formatMessage({id:'Events.registration.sectionLabel'})},{children:[jsxRuntime.jsx(RegisterButton,{text:formatMessage({id:isRegistered?'Events.registration.deregisterButtonCaption':'Events.registration.registerButtonCaption'}),disabled:disabled,"data-event-register-button":!!isRegistered,onClick:function(e){e.preventDefault();onClick();},isRegistered:isRegistered},void 0),showInfoMessage&&jsxRuntime.jsxs(InfoMessage,__assign({"data-event-register-info":true},{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:"Info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:infoMessageResourceKey},void 0)]}),void 0)]}),void 0);};var Host$O=_styled__default["default"].div.withConfig({displayName:"EventRegistrationButton__Host",componentId:"sc-rvaf0t-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var RegisterButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"EventRegistrationButton__RegisterButton",componentId:"sc-rvaf0t-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"],["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"])),function(p){return p.disabled&&_styled.css(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.neutralQuaternaryAlt);},function(p){return p.isRegistered&&_styled.css(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "],["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "])),p.theme.palette.red,p.theme.palette.redDark);});var InfoMessage=_styled__default["default"].span.withConfig({displayName:"EventRegistrationButton__InfoMessage",componentId:"sc-rvaf0t-2"})(templateObject_5$y||(templateObject_5$y=__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"])),spacingXs,fontSizeSmall,spacingXs);var templateObject_1$2e,templateObject_2$1p,templateObject_3$Z,templateObject_4$G,templateObject_5$y;var $$3=_export;var DESCRIPTORS=descriptors;var global$2=global$m;var has=has$c;var isObject=isObject$c;var defineProperty=objectDefineProperty.f;var copyConstructorProperties=copyConstructorProperties$2;var NativeSymbol=global$2.Symbol;if(DESCRIPTORS&&typeof NativeSymbol=='function'&&(!('description'in NativeSymbol.prototype)||// Safari 12 bug
|
|
122111
122105
|
NativeSymbol().description!==undefined)){var EmptyStringDescriptionStore={};// wrap Symbol constructor for correct work with undefined description
|
|
122112
122106
|
var SymbolWrapper=function Symbol(){var description=arguments.length<1||arguments[0]===undefined?undefined:String(arguments[0]);var result=this instanceof SymbolWrapper?new NativeSymbol(description)// in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
|
|
122113
122107
|
:description===undefined?NativeSymbol():NativeSymbol(description);if(description==='')EmptyStringDescriptionStore[result]=true;return result;};copyConstructorProperties(SymbolWrapper,NativeSymbol);var symbolPrototype=SymbolWrapper.prototype=NativeSymbol.prototype;symbolPrototype.constructor=SymbolWrapper;var symbolToString=symbolPrototype.toString;var native=String(NativeSymbol('test'))=='Symbol(test)';var regexp=/^Symbol\((.*)\)[^)]+$/;defineProperty(symbolPrototype,'description',{configurable:true,get:function description(){var symbol=isObject(this)?this.valueOf():this;var string=symbolToString.call(symbol);if(has(EmptyStringDescriptionStore,symbol))return '';var desc=native?string.slice(7,-1):string.replace(regexp,'$1');return desc===''?undefined:desc;}});$$3({global:true,forced:true},{Symbol:SymbolWrapper});}function getLocationQuestionId(item){return "location_id_"+item.id;}function getLocationPollDefinitions(item,formatMessage,result,isOnBehalfOf){if(!item.locations||item.locations.length<2){return {};}var locationQuestionId=getLocationQuestionId(item);return {translations:__spreadArray([{language:'en',id:locationQuestionId,text:formatMessage({id:!isOnBehalfOf?'Events.registration.locations.questionTitle':'Events.registration.locations.onBehalfOfQuestionTitle'})}],item.locations.map(function(l){return {language:'en',id:l.locationId,text:l.name};})),question:{questionId:locationQuestionId,isMultiChoice:false,choices:item.locations.map(function(l){return getLocationChoice(locationQuestionId,l,result,formatMessage,isOnBehalfOf);})}};}function getLocationChoice(locationQuestionId,location,result,formatMessage,isOnBehalfOf){var _a,_b,_c,_d,_e;var choice={choiceId:location.locationId};if(!location.maxNumberOfSeats){return choice;}var takenSeats=(_e=(_d=(_c=(_b=(_a=result===null||result===void 0?void 0:result.answers)===null||_a===void 0?void 0:_a.find(function(a){return a.questionId===locationQuestionId;}))===null||_b===void 0?void 0:_b.choices)===null||_c===void 0?void 0:_c.find(function(c){return c.choiceId===location.locationId;}))===null||_d===void 0?void 0:_d.count)!==null&&_e!==void 0?_e:0;var availableSeats=Math.max(location.maxNumberOfSeats-takenSeats,0);choice.description=formatMessage({id:'Events.registration.locations.leftSeats'},{total:location.maxNumberOfSeats,available:availableSeats,b:function(text){return jsxRuntime.jsx("strong",{children:text},void 0);}});if(availableSeats===0){choice.disabled=!isOnBehalfOf;}return choice;}var EventRegistrationLocationSeatsInfo=function EventRegistrationLocationSeatsInfo(_a){var hasAnySeatsLeft=_a.hasAnySeatsLeft,locations=_a.locations,className=_a.className;if(!(locations===null||locations===void 0?void 0:locations.length)){return null;}if(locations.length>1){if(hasAnySeatsLeft){// in this case we don't want to render anything, because it's already rendered by the poll anyway
|
|
@@ -122185,7 +122179,7 @@
|
|
|
122185
122179
|
var showPagingDots=hasMoreImages&&images.length<=15;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GalleryContainer,__assign({"data-photo-gallery-container":true},{children:jsxRuntime.jsx(InlineObjectToolbarWrapper,__assign({toolbar:jsxRuntime.jsx(ImageToolbar,{showFullScreenButton:showFullScreenButton,onFullScreen:function(e){e.stopPropagation();handleOpenFullScreen();},showCloseButton:showCloseButton,onClose:function(e){e.stopPropagation();onCloseGallery===null||onCloseGallery===void 0?void 0:onCloseGallery();}},void 0)},{children:jsxRuntime.jsx(Carousel,__assign({renderBottomCenterControls:function(props){return showPagingDots?jsxRuntime.jsx(PagingDots,__assign({},props),void 0):null;},renderCenterLeftControls:function(_a){var previousSlide=_a.previousSlide;return hasMoreImages&&!env.isTouchDevice?jsxRuntime.jsx(CarouselButton,{iconProps:{iconName:'CaretLeftSolid8'},onClick:function(e){e.stopPropagation();previousSlide();},ariaLabel:formatMessage({id:'Generic.prev'}),"data-button":"prev"},void 0):null;},renderCenterRightControls:function(_a){var nextSlide=_a.nextSlide;return hasMoreImages&&!env.isTouchDevice?jsxRuntime.jsx(CarouselButton,{iconProps:{iconName:'CaretRightSolid8'},onClick:function(e){e.stopPropagation();nextSlide();},ariaLabel:formatMessage({id:'Generic.next'}),"data-button":"next"},void 0):null;},renderTopRightControls:function(_a){_a.currentSlide;return null;},swiping:hasMoreImages,dragging:hasMoreImages,wrapAround:true,afterSlide:function(slideIndex){return setFullScreenItemIndex(slideIndex);},defaultControlsConfig:{pagingDotsStyle:{fill:themePrimary},pagingDotsContainerClassName:'slider-dots'}},{children:images.map(function(image){return jsxRuntime.jsxs(Slide,{children:[jsxRuntime.jsx(Figure$1,__assign({height:height},{children:jsxRuntime.jsx(ImageWrapper,{children:jsxRuntime.jsx("img",{"data-photo-gallery-image":image.imageId,src:image.previewUrl,alt:image.imageTitle||''},void 0)},void 0)}),void 0),image.imageTitle&&jsxRuntime.jsx(Caption,__assign({"data-photo-gallery-image-caption":image.imageTitle},{children:image.imageTitle}),void 0)]},image.imageId);})}),void 0)}),void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:!isFullScreenOpen,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]},void 0);function handleOpenFullScreen(){onOpenFullScreen===null||onOpenFullScreen===void 0?void 0:onOpenFullScreen();setIsFullScreenOpen(true);// if we are in the editor the pullToRefreshContext is null
|
|
122186
122180
|
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled__default["default"](IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$t||(templateObject_3$t=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled__default["default"].div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled__default["default"].figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$6$1||(templateObject_7$6$1=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?_styled.css(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?_styled.css(templateObject_6$8$1||(templateObject_6$8$1=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled__default["default"].span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$5$1||(templateObject_8$5$1=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled__default["default"].div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$5$1||(templateObject_9$5$1=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled__default["default"].a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$4$1||(templateObject_10$4$1=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1l,templateObject_2$J,templateObject_3$t,templateObject_4$g,templateObject_5$d,templateObject_6$8$1,templateObject_7$6$1,templateObject_8$5$1,templateObject_9$5$1,templateObject_10$4$1;var DetailViewContext=/*#__PURE__*/React$d.createContext(null);function useDetailViewContext(){return React$d.useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,isEditorPreview=_b.isEditorPreview;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;return jsxRuntime.jsx(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}var imageWidth=width!==null&&width!==void 0?width:getMaxImageWidth();if(isEditorPreview){return getImageEditorUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,imageId,resourceType,imageWidth,height);}else {return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,imageWidth,height);}}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){var _a,_b,_c,_d;var imageTitle=(_d=(_b=(_a=imageNode.nextSibling)===null||_a===void 0?void 0:_a.textContent)!==null&&_b!==void 0?_b:// @ts-ignore
|
|
122187
122181
|
(_c=imageNode.nextSibling)===null||_c===void 0?void 0:_c.innerText)!==null&&_d!==void 0?_d:imageNode.getAttribute('data-image-title');return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageTitle,width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var image=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,isEditorPreview=_b.isEditorPreview;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var user=useCurrentUser();var imageWidth=getImageWidth(image);var imageUrl=getImageUrl();return jsxRuntime.jsx(Host$v,{children:jsxRuntime.jsxs(Figure,__assign({width:imageWidth,onClick:!isEditorPreview?function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}:null},{children:[jsxRuntime.jsx("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsxRuntime.jsx("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);function getImageUrl(){var _a;if(isEditorPreview){return getImageEditorUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,image.imageId,resourceType,imageWidth);}else {return (_a=image.previewUrl)!==null&&_a!==void 0?_a:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);}}};var Host$v=_styled__default["default"].div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled__default["default"].figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$I||(templateObject_2$I=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){var _a,_b;if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}var imageTitle=(_b=(_a=node.querySelector('p[data-image-caption]'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
122188
|
-
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1k,templateObject_2$I;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxRuntime.jsxs(Host$u,{children:[jsxRuntime.jsx(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsxRuntime.jsx(PropertiesContainer,{children:jsxRuntime.jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((
|
|
122182
|
+
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1k,templateObject_2$I;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x,_y;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxRuntime.jsxs(Host$u,{children:[jsxRuntime.jsx(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsxRuntime.jsx(PropertiesContainer,{children:jsxRuntime.jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_q=(_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones)===null||_q===void 0?void 0:_q[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_r=contact.properties.mobilePhone)===null||_r===void 0?void 0:_r.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_s=userInfo.properties)===null||_s===void 0?void 0:_s.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_t=contact.properties.address)===null||_t===void 0?void 0:_t.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_v=(_u=userInfo.properties)===null||_u===void 0?void 0:_u.officeLocation)!==null&&_v!==void 0?_v:(_w=userInfo.properties)===null||_w===void 0?void 0:_w.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_x=contact.properties.additionalInfo)===null||_x===void 0?void 0:_x.value)&&jsxRuntime.jsx("li",{children:jsxRuntime.jsx(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_y=userInfo.properties)===null||_y===void 0?void 0:_y.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
122189
122183
|
return [2/*return*/,null];case 4:return [2/*return*/];}});});}};var Host$u=_styled__default["default"].div.withConfig({displayName:"InlineContactViewer__Host",componentId:"sc-1rvwltt-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var PropertiesContainer=_styled__default["default"].div.withConfig({displayName:"InlineContactViewer__PropertiesContainer",componentId:"sc-1rvwltt-1"})(templateObject_2$H||(templateObject_2$H=__makeTemplateObject(["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"],["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"])),spacingS,fontSizeSmall);var StyledAvatar$1=_styled__default["default"](Avatar).withConfig({displayName:"InlineContactViewer__StyledAvatar",componentId:"sc-1rvwltt-2"})(templateObject_3$s||(templateObject_3$s=__makeTemplateObject(["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"],["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"])),fontSizeSmall);var templateObject_1$1j,templateObject_2$H,templateObject_3$s;var FileListHost=_styled__default["default"].ul.withConfig({displayName:"InlineFileStyles__FileListHost",componentId:"sc-1qjkw11-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"])));var FileListItem=_styled__default["default"].li.withConfig({displayName:"InlineFileStyles__FileListItem",componentId:"sc-1qjkw11-1"})(templateObject_2$G||(templateObject_2$G=__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"])),spacingM,minScreenSize.small,spacingS-5);var FileContainerStyle=_styled.css(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"],["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"])),spacingS,spacingS+5,fontSizeSmall);var FileIconStyle=_styled.css(templateObject_4$f$1||(templateObject_4$f$1=__makeTemplateObject(["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"],["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"])),spacingS,fontSizeLarge-3);var templateObject_1$1i,templateObject_2$G,templateObject_3$r,templateObject_4$f$1;var InlineFileDownloadButton=function InlineFileDownloadButton(_a){var getFileUrl=_a.getFileUrl,fileName=_a.fileName,title=_a.title,fileAccessToken=_a.fileAccessToken,additionalContent=_a.additionalContent,className=_a.className;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;var iconName=getFileIcon(fileName);if(!getFileUrl){return jsxRuntime.jsxs(FileHost,__assign({className:className,title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0);}return jsxRuntime.jsx(DownloadButton$3,__assign({className:className,onClick:createDownloadClickHandler('_blank',function(){return __awaiter(void 0,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(token)];}});});})},{children:jsxRuntime.jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var FileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileDownloadButton__FileHost",componentId:"sc-1nadbt8-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"],["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"])),FileContainerStyle,FileIconStyle);var DownloadButton$3=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InlineFileDownloadButton__DownloadButton",componentId:"sc-1nadbt8-1"})(templateObject_2$F||(templateObject_2$F=__makeTemplateObject(["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"],["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"])),function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var DownloadLink$1=_styled__default["default"].a.withConfig({displayName:"InlineFileDownloadButton__DownloadLink",componentId:"sc-1nadbt8-2"})(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"])),function(p){return p.theme.palette.neutralPrimary;});var templateObject_1$1h,templateObject_2$F,templateObject_3$q;var InlinePageDocumentDownloadButton=function InlinePageDocumentDownloadButton(_a){var fileUrl=_a.fileUrl,fileName=_a.fileName,title=_a.title,fileIconName=_a.fileIconName,onClick=_a.onClick,className=_a.className;var iconName=fileIconName||getFileIcon(fileName);return jsxRuntime.jsx(DownloadLink$1,__assign({href:fileUrl,target:"_blank",rel:"noopener noreferrer",onClick:onClick,className:className},{children:jsxRuntime.jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName},void 0),jsxRuntime.jsx("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var InlineQuoteViewer=function InlineQuoteViewer(_a){var _b,_c;var quoteDetails=_a.quoteDetails,onClick=_a.onClick,className=_a.className;var upn=(_b=quoteDetails.author)===null||_b===void 0?void 0:_b.userPrincipalName;var displayName=(_c=quoteDetails.author)===null||_c===void 0?void 0:_c.displayName;var showAvatar=upn&"eDetails.showAvatar;return jsxRuntime.jsxs(Host$t,__assign({onClick:onClick,"data-inline-quote":true,className:className},{children:[jsxRuntime.jsx("blockquote",{children:quoteDetails.text},void 0),showAvatar&&jsxRuntime.jsx("figcaption",{children:jsxRuntime.jsx(PersonaCard,__assign({upn:upn},{children:jsxRuntime.jsx(Avatar,{upn:upn,text:displayName,secondaryText:upn},void 0)}),void 0)},void 0),!showAvatar&&displayName&&jsxRuntime.jsx("figcaption",{children:displayName},void 0)]}),void 0);};var Host$t=_styled__default["default"].figure.withConfig({displayName:"InlineQuoteViewer__Host",componentId:"sc-1kb6gh1-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px ","px ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0 0 ","px;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"],["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px ","px ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0 0 ","px;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;},spacingM,2*spacingXl,spacingXl,spacingS+spacingXs,spacingXl,spacingS,fontSizeSmall,maxScreenSize.medium,spacingS+spacingXxs+1);var templateObject_1$1g;var InlineQuote=function InlineQuote(_a){var quoteDetails=_a.blockProps;return jsxRuntime.jsx(InlineQuoteViewer,{quoteDetails:quoteDetails},void 0);};var InlineQuoteMapper={component:InlineQuote,type:EntityType.Quote,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d,_e;if(nodeName!=='div'){return null;}var quoteId=node.getAttribute('data-quote-id');if(quoteId==null){return null;}var upn=node.getAttribute('data-quote-authorupn');var text=(_a=node.getAttribute('data-quote-text'))!==null&&_a!==void 0?_a:// use legacy attribute for old content
|
|
122190
122184
|
(_b=node.querySelector('blockquote'))===null||_b===void 0?void 0:_b.innerText;var displayName=(_e=(_c=node.getAttribute('data-quote-author'))!==null&&_c!==void 0?_c:(_d=node.querySelector('figcaption'))===null||_d===void 0?void 0:_d.innerText)!==null&&_e!==void 0?_e:// use legacy attribute for old content
|
|
122191
122185
|
node.getAttribute('data-quote-authorname');var showAvatar=node.getAttribute('data-quote-showavatar')==='true';var hasAuthor=upn||displayName;return {id:quoteId,text:text,author:hasAuthor?{userPrincipalName:upn,displayName:displayName}:null,showAvatar:showAvatar};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
|
|
@@ -124575,8 +124569,10 @@
|
|
|
124575
124569
|
itemResourceType = _a.itemResourceType,
|
|
124576
124570
|
baseRoute = _a.baseRoute,
|
|
124577
124571
|
icons = _a.icons,
|
|
124572
|
+
externalContentIcon = _a.externalContentIcon,
|
|
124578
124573
|
additionalMetadata = _a.additionalMetadata,
|
|
124579
|
-
|
|
124574
|
+
onTitleClick = _a.onTitleClick,
|
|
124575
|
+
onSlideClick = _a.onSlideClick,
|
|
124580
124576
|
onToggleVideo = _a.onToggleVideo,
|
|
124581
124577
|
width = _a.width,
|
|
124582
124578
|
height = _a.height;
|
|
@@ -124598,15 +124594,14 @@
|
|
|
124598
124594
|
|
|
124599
124595
|
}, [item.id]);
|
|
124600
124596
|
var hasBanner = item.bannerInfo != null;
|
|
124601
|
-
var targetRoute = NewsService.getNewsRoute(baseRoute, item.id, title);
|
|
124602
|
-
var
|
|
124597
|
+
var targetRoute = NewsService.getNewsRoute(baseRoute, item.id, title, item.useExternalContent);
|
|
124598
|
+
var targetRouteWithRedirect = NewsService.getNewsRouteWithRedirect(baseRoute, item.id, title, item.useExternalContent);
|
|
124603
124599
|
var author = item.onBehalfOf || item.owner || item.author;
|
|
124604
124600
|
var showHeadline = features.contentHeadline && headline != null;
|
|
124605
124601
|
var hostWidth = typeof width === 'number' ? width + "px" : width;
|
|
124606
124602
|
var hostHeight = typeof height === 'number' ? height + "px" : height;
|
|
124607
124603
|
return jsxRuntime.jsxs(Host$8, __assign$g({
|
|
124608
124604
|
showBorder: !hasBanner,
|
|
124609
|
-
applyOverlay: hasImageBanner,
|
|
124610
124605
|
width: hostWidth,
|
|
124611
124606
|
height: hostHeight
|
|
124612
124607
|
}, {
|
|
@@ -124624,7 +124619,14 @@
|
|
|
124624
124619
|
id: 'Generic.exitVideoPlayer'
|
|
124625
124620
|
})
|
|
124626
124621
|
}, void 0)
|
|
124627
|
-
}), void 0), jsxRuntime.
|
|
124622
|
+
}), void 0), !isPlayerActive && jsxRuntime.jsx(ClickableSlideOverlay, {
|
|
124623
|
+
applyBackgroundColor: hasBanner,
|
|
124624
|
+
href: targetRoute,
|
|
124625
|
+
target: "_blank",
|
|
124626
|
+
rel: "noopener noreferrer",
|
|
124627
|
+
onClick: onSlideClick,
|
|
124628
|
+
"data-clickable-overlay": true
|
|
124629
|
+
}, void 0), jsxRuntime.jsxs(Content, __assign$g({
|
|
124628
124630
|
applyBackgroundColor: !hasBanner
|
|
124629
124631
|
}, {
|
|
124630
124632
|
children: [hasBanner && jsxRuntime.jsx(BannerWrapper, {
|
|
@@ -124647,18 +124649,24 @@
|
|
|
124647
124649
|
color: hasBanner ? palette.white : null
|
|
124648
124650
|
}, {
|
|
124649
124651
|
children: headline
|
|
124650
|
-
}), void 0), jsxRuntime.
|
|
124652
|
+
}), void 0), jsxRuntime.jsxs(Title$1, __assign$g({
|
|
124651
124653
|
color: hasBanner ? palette.white : null,
|
|
124652
|
-
|
|
124654
|
+
href: targetRouteWithRedirect,
|
|
124655
|
+
target: "_blank",
|
|
124656
|
+
rel: "noopener noreferrer",
|
|
124657
|
+
onClick: onTitleClick
|
|
124653
124658
|
}, {
|
|
124654
|
-
children: jsxRuntime.jsx("
|
|
124655
|
-
href: targetRoute,
|
|
124656
|
-
target: "_blank",
|
|
124657
|
-
rel: "noopener noreferrer",
|
|
124658
|
-
onClick: onClick
|
|
124659
|
-
}, {
|
|
124659
|
+
children: [jsxRuntime.jsx("span", {
|
|
124660
124660
|
children: title
|
|
124661
|
-
}
|
|
124661
|
+
}, void 0), externalContentIcon && jsxRuntime.jsx(Tooltip, __assign$g({
|
|
124662
|
+
text: externalContentIcon.tooltipText
|
|
124663
|
+
}, {
|
|
124664
|
+
children: jsxRuntime.jsx(StyledExternalIcon, {
|
|
124665
|
+
iconName: externalContentIcon.name,
|
|
124666
|
+
color: externalContentIcon.color,
|
|
124667
|
+
backgroundColor: externalContentIcon.backgroundColor
|
|
124668
|
+
}, void 0)
|
|
124669
|
+
}), void 0)]
|
|
124662
124670
|
}), void 0)]
|
|
124663
124671
|
}, void 0), icons && jsxRuntime.jsx(Icons, {
|
|
124664
124672
|
children: icons.map(function (icon) {
|
|
@@ -124719,39 +124727,37 @@
|
|
|
124719
124727
|
var Host$8 = _styled__default["default"].div.withConfig({
|
|
124720
124728
|
displayName: "HeroSlide__Host",
|
|
124721
124729
|
componentId: "sc-3yofth-0"
|
|
124722
|
-
})(
|
|
124730
|
+
})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n"])), function (p) {
|
|
124723
124731
|
return p.width ? _styled.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n width: ", ";\n "], ["\n width: ", ";\n "])), p.width) : _styled.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n width: 100%;\n "], ["\n width: 100%;\n "])));
|
|
124724
124732
|
}, function (p) {
|
|
124725
124733
|
return p.height ? _styled.css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n height: ", ";\n "], ["\n height: ", ";\n "])), p.height) : _styled.css(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n height: 100%;\n "], ["\n height: 100%;\n "])));
|
|
124726
124734
|
}, function (p) {
|
|
124727
124735
|
return p.showBorder && _styled.css(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n border: 1px solid ", ";\n box-sizing: border-box;\n "], ["\n border: 1px solid ", ";\n box-sizing: border-box;\n "])), p.theme.palette.neutralTertiaryAlt);
|
|
124728
|
-
}, function (p) {
|
|
124729
|
-
return p.applyOverlay && _styled.css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n background-color: rgba(0, 0, 0, 0.33);\n\n .bannerImage {\n z-index: -1;\n }\n "], ["\n background-color: rgba(0, 0, 0, 0.33);\n\n .bannerImage {\n z-index: -1;\n }\n "])));
|
|
124730
124736
|
});
|
|
124731
124737
|
|
|
124732
124738
|
var Content = _styled__default["default"].div.withConfig({
|
|
124733
124739
|
displayName: "HeroSlide__Content",
|
|
124734
124740
|
componentId: "sc-3yofth-1"
|
|
124735
|
-
})(
|
|
124741
|
+
})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject$l(["\n position: relative;\n height: 100%;\n width: 100%;\n ", ";\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n ", ";\n"])), function (p) {
|
|
124736
124742
|
return p.applyBackgroundColor && "background-color: " + p.theme.palette.white;
|
|
124737
124743
|
});
|
|
124738
124744
|
|
|
124739
124745
|
var Inner$1 = _styled__default["default"].div.withConfig({
|
|
124740
124746
|
displayName: "HeroSlide__Inner",
|
|
124741
124747
|
componentId: "sc-3yofth-2"
|
|
124742
|
-
})(
|
|
124748
|
+
})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject$l(["\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n box-sizing: border-box;\n padding: ", "px ", "px 80px ", "px;\n"], ["\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n box-sizing: border-box;\n padding: ", "px ", "px 80px ", "px;\n"])), spacingL, spacingL, spacingL);
|
|
124743
124749
|
|
|
124744
124750
|
var CloseButtonHost = _styled__default["default"](Tooltip).withConfig({
|
|
124745
124751
|
displayName: "HeroSlide__CloseButtonHost",
|
|
124746
124752
|
componentId: "sc-3yofth-3"
|
|
124747
|
-
})(
|
|
124753
|
+
})(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject$l(["\n position: absolute;\n top: ", "px;\n right: ", "px;\n z-index: 2;\n"], ["\n position: absolute;\n top: ", "px;\n right: ", "px;\n z-index: 2;\n"])), spacingS, spacingS);
|
|
124748
124754
|
|
|
124749
124755
|
var CloseButtonSize = 20;
|
|
124750
124756
|
|
|
124751
124757
|
var CloseButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
124752
124758
|
displayName: "HeroSlide__CloseButton",
|
|
124753
124759
|
componentId: "sc-3yofth-4"
|
|
124754
|
-
})(
|
|
124760
|
+
})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n && {\n height: ", "px;\n width: ", "px;\n color: ", ";\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n\n i {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n height: ", "px;\n width: ", "px;\n color: ", ";\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n\n i {\n font-size: ", "px;\n }\n }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
|
|
124755
124761
|
return p.theme.palette.white;
|
|
124756
124762
|
}, function (p) {
|
|
124757
124763
|
return p.theme.palette.white;
|
|
@@ -124760,102 +124766,114 @@
|
|
|
124760
124766
|
var BannerWrapper = _styled__default["default"].div.withConfig({
|
|
124761
124767
|
displayName: "HeroSlide__BannerWrapper",
|
|
124762
124768
|
componentId: "sc-3yofth-5"
|
|
124763
|
-
})(
|
|
124769
|
+
})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &&& button {\n width: 58px;\n height: 58px;\n background-color: transparent;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n i {\n position: static;\n transform: none;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n\n &:focus {\n &::after {\n border-radius: 50%;\n outline-offset: 2px;\n }\n }\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &&& button {\n width: 58px;\n height: 58px;\n background-color: transparent;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n i {\n position: static;\n transform: none;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n\n &:focus {\n &::after {\n border-radius: 50%;\n outline-offset: 2px;\n }\n }\n }\n"])));
|
|
124764
124770
|
|
|
124765
124771
|
var Banner = _styled__default["default"](PublishableItemBanner).withConfig({
|
|
124766
124772
|
displayName: "HeroSlide__Banner",
|
|
124767
124773
|
componentId: "sc-3yofth-6"
|
|
124768
|
-
})(
|
|
124774
|
+
})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n width: 100%;\n\n &&.video-view-container {\n background-color: ", "; // in case video control does not fill the entire space\n }\n\n &&.video-view-container > iframe {\n top: ", "px; // safety space\n left: ", "px;\n height: calc(100% - ", "px);\n width: calc(100% - ", "px);\n }\n"], ["\n width: 100%;\n\n &&.video-view-container {\n background-color: ", "; // in case video control does not fill the entire space\n }\n\n &&.video-view-container > iframe {\n top: ", "px; // safety space\n left: ", "px;\n height: calc(100% - ", "px);\n width: calc(100% - ", "px);\n }\n"])), function (p) {
|
|
124769
124775
|
return p.theme.palette.black;
|
|
124770
124776
|
}, spacingS, CloseButtonSize, spacingS * 2, CloseButtonSize * 2);
|
|
124771
124777
|
|
|
124772
124778
|
var Header = _styled__default["default"].div.withConfig({
|
|
124773
124779
|
displayName: "HeroSlide__Header",
|
|
124774
124780
|
componentId: "sc-3yofth-7"
|
|
124775
|
-
})(
|
|
124781
|
+
})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n z-index: 1;\n"], ["\n display: flex;\n align-items: center;\n z-index: 1;\n"])));
|
|
124776
124782
|
|
|
124777
124783
|
var TitleWrapper = _styled__default["default"].div.withConfig({
|
|
124778
124784
|
displayName: "HeroSlide__TitleWrapper",
|
|
124779
124785
|
componentId: "sc-3yofth-8"
|
|
124780
|
-
})(
|
|
124786
|
+
})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n max-width: calc(100% - 110px);\n"], ["\n max-width: calc(100% - 110px);\n"])));
|
|
124781
124787
|
|
|
124782
124788
|
var Icons = _styled__default["default"].div.withConfig({
|
|
124783
124789
|
displayName: "HeroSlide__Icons",
|
|
124784
124790
|
componentId: "sc-3yofth-9"
|
|
124785
|
-
})(
|
|
124791
|
+
})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n display: flex;\n align-self: flex-start;\n margin-left: auto;\n z-index: 1;\n"], ["\n display: flex;\n align-self: flex-start;\n margin-left: auto;\n z-index: 1;\n"])));
|
|
124786
124792
|
|
|
124787
|
-
var IconStyle = _styled.css(
|
|
124793
|
+
var IconStyle = _styled.css(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n font-size: ", "px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: ", "px;\n"], ["\n font-size: ", "px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
|
|
124788
124794
|
|
|
124789
124795
|
var ColorStyle = function ColorStyle(backgroundColor, color) {
|
|
124790
|
-
return _styled.css(
|
|
124791
|
-
return backgroundColor && _styled.css(
|
|
124796
|
+
return _styled.css(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function () {
|
|
124797
|
+
return backgroundColor && _styled.css(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), backgroundColor);
|
|
124792
124798
|
}, function (p) {
|
|
124793
|
-
return color ? _styled.css(
|
|
124799
|
+
return color ? _styled.css(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), color) : _styled.css(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124794
124800
|
});
|
|
124795
124801
|
};
|
|
124796
124802
|
|
|
124797
124803
|
var StyledIcon = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
|
|
124798
124804
|
displayName: "HeroSlide__StyledIcon",
|
|
124799
124805
|
componentId: "sc-3yofth-10"
|
|
124800
|
-
})(
|
|
124806
|
+
})(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), IconStyle, function (p) {
|
|
124807
|
+
return ColorStyle(p.backgroundColor, p.color);
|
|
124808
|
+
});
|
|
124809
|
+
|
|
124810
|
+
var StyledExternalIcon = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
|
|
124811
|
+
displayName: "HeroSlide__StyledExternalIcon",
|
|
124812
|
+
componentId: "sc-3yofth-11"
|
|
124813
|
+
})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n font-size: ", "px;\n align-self: flex-start;\n margin-left: ", "px;\n ", "\n"], ["\n font-size: ", "px;\n align-self: flex-start;\n margin-left: ", "px;\n ", "\n"])), fontSizeLarge, spacingXs, function (p) {
|
|
124801
124814
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124802
124815
|
});
|
|
124803
124816
|
|
|
124804
124817
|
var StyledIconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
|
|
124805
124818
|
displayName: "HeroSlide__StyledIconButton",
|
|
124806
|
-
componentId: "sc-3yofth-
|
|
124819
|
+
componentId: "sc-3yofth-12"
|
|
124807
124820
|
})(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n i {\n ", "\n }\n\n ", "\n & :hover {\n ", "\n }\n"], ["\n i {\n ", "\n }\n\n ", "\n & :hover {\n ", "\n }\n"])), IconStyle, function (p) {
|
|
124808
124821
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124809
124822
|
}, function (p) {
|
|
124810
124823
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124811
124824
|
});
|
|
124812
124825
|
|
|
124826
|
+
var ClickableSlideOverlay = _styled__default["default"].a.withConfig({
|
|
124827
|
+
displayName: "HeroSlide__ClickableSlideOverlay",
|
|
124828
|
+
componentId: "sc-3yofth-13"
|
|
124829
|
+
})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n\n ", "\n }\n\n &:focus {\n &:before {\n outline-offset: -4px !important;\n }\n }\n"], ["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n\n ", "\n }\n\n &:focus {\n &:before {\n outline-offset: -4px !important;\n }\n }\n"])), function (p) {
|
|
124830
|
+
return p.applyBackgroundColor && _styled.css(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n background-color: rgba(0, 0, 0, 0.33);\n "], ["\n background-color: rgba(0, 0, 0, 0.33);\n "])));
|
|
124831
|
+
});
|
|
124832
|
+
|
|
124813
124833
|
var Headline = _styled__default["default"].div.withConfig({
|
|
124814
124834
|
displayName: "HeroSlide__Headline",
|
|
124815
|
-
componentId: "sc-3yofth-
|
|
124816
|
-
})(
|
|
124835
|
+
componentId: "sc-3yofth-14"
|
|
124836
|
+
})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n font-size: ", "px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n"], ["\n font-size: ", "px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n"])), fontSizeMedium, function (p) {
|
|
124817
124837
|
return p.color || p.theme.textColors.default;
|
|
124818
124838
|
});
|
|
124819
124839
|
|
|
124820
|
-
var Title$1 = _styled__default["default"].
|
|
124840
|
+
var Title$1 = _styled__default["default"].a.withConfig({
|
|
124821
124841
|
displayName: "HeroSlide__Title",
|
|
124822
|
-
componentId: "sc-3yofth-
|
|
124823
|
-
})(
|
|
124842
|
+
componentId: "sc-3yofth-15"
|
|
124843
|
+
})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n display: inline-flex;\n margin: 0 auto 0 0;\n font-weight: normal;\n\n & {\n :link,\n :visited {\n color: ", ";\n text-decoration: none;\n }\n }\n\n span {\n ", "\n }\n"], ["\n display: inline-flex;\n margin: 0 auto 0 0;\n font-weight: normal;\n\n & {\n :link,\n :visited {\n color: ", ";\n text-decoration: none;\n }\n }\n\n span {\n ", "\n }\n"])), function (p) {
|
|
124824
124844
|
return p.color || p.theme.textColors.default;
|
|
124825
|
-
}, LineClamp(2, fontSizeLarge, 1.2)
|
|
124826
|
-
return p.applyClickableOverlay && _styled.css(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n a::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n "], ["\n a::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n "])));
|
|
124827
|
-
});
|
|
124845
|
+
}, LineClamp(2, fontSizeLarge, 1.2));
|
|
124828
124846
|
|
|
124829
124847
|
var MetadataHost = _styled__default["default"].div.withConfig({
|
|
124830
124848
|
displayName: "HeroSlide__MetadataHost",
|
|
124831
|
-
componentId: "sc-3yofth-
|
|
124832
|
-
})(
|
|
124849
|
+
componentId: "sc-3yofth-16"
|
|
124850
|
+
})(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-top: auto;\n z-index: 1;\n"], ["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-top: auto;\n z-index: 1;\n"])));
|
|
124833
124851
|
|
|
124834
124852
|
var Metadata = _styled__default["default"].div.withConfig({
|
|
124835
124853
|
displayName: "HeroSlide__Metadata",
|
|
124836
|
-
componentId: "sc-3yofth-
|
|
124837
|
-
})(
|
|
124854
|
+
componentId: "sc-3yofth-17"
|
|
124855
|
+
})(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"])), spacingS);
|
|
124838
124856
|
|
|
124839
124857
|
var AdditionalMetadata = _styled__default["default"].div.withConfig({
|
|
124840
124858
|
displayName: "HeroSlide__AdditionalMetadata",
|
|
124841
|
-
componentId: "sc-3yofth-
|
|
124842
|
-
})(
|
|
124859
|
+
componentId: "sc-3yofth-18"
|
|
124860
|
+
})(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n flex: 1;\n padding: ", "px 0;\n max-width: 100%;\n font-size: ", "px;\n"], ["\n flex: 1;\n padding: ", "px 0;\n max-width: 100%;\n font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
|
|
124843
124861
|
|
|
124844
124862
|
var AuthorName = _styled__default["default"](PersonaCard).withConfig({
|
|
124845
124863
|
displayName: "HeroSlide__AuthorName",
|
|
124846
|
-
componentId: "sc-3yofth-
|
|
124847
|
-
})(
|
|
124848
|
-
return p.color ? _styled.css(
|
|
124864
|
+
componentId: "sc-3yofth-19"
|
|
124865
|
+
})(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
124866
|
+
return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124849
124867
|
});
|
|
124850
124868
|
|
|
124851
124869
|
var StyledDateTime = _styled__default["default"](DateTime).withConfig({
|
|
124852
124870
|
displayName: "HeroSlide__StyledDateTime",
|
|
124853
|
-
componentId: "sc-3yofth-
|
|
124854
|
-
})(
|
|
124855
|
-
return p.color ? _styled.css(
|
|
124871
|
+
componentId: "sc-3yofth-20"
|
|
124872
|
+
})(templateObject_36 || (templateObject_36 = __makeTemplateObject$l(["\n font-size: ", "px;\n margin-top: ", "px;\n ", "\n"], ["\n font-size: ", "px;\n margin-top: ", "px;\n ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
|
|
124873
|
+
return p.color ? _styled.css(templateObject_34 || (templateObject_34 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : _styled.css(templateObject_35 || (templateObject_35 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124856
124874
|
});
|
|
124857
124875
|
|
|
124858
|
-
var templateObject_1$k, templateObject_2$b, templateObject_3$7, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
|
|
124876
|
+
var templateObject_1$k, templateObject_2$b, templateObject_3$7, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
|
|
124859
124877
|
|
|
124860
124878
|
var HeroPaging = function HeroPaging(_a) {
|
|
124861
124879
|
var items = _a.items,
|
|
@@ -125052,10 +125070,12 @@
|
|
|
125052
125070
|
return jsxRuntime.jsx(HeroSlide, {
|
|
125053
125071
|
item: i.item,
|
|
125054
125072
|
icons: i.icons,
|
|
125073
|
+
externalContentIcon: i.externalContentIcon,
|
|
125055
125074
|
itemResourceType: itemResourceType,
|
|
125056
125075
|
baseRoute: baseRoute,
|
|
125057
125076
|
additionalMetadata: i.additionalMetadata,
|
|
125058
|
-
|
|
125077
|
+
onSlideClick: i.onSlideClick,
|
|
125078
|
+
onTitleClick: i.onTitleClick,
|
|
125059
125079
|
onToggleVideo: function (isPlayerActive) {
|
|
125060
125080
|
return setForceDisableAutoplay(isPlayerActive);
|
|
125061
125081
|
},
|
|
@@ -125159,6 +125179,7 @@
|
|
|
125159
125179
|
function getHeroItems() {
|
|
125160
125180
|
var heroItems = items.map(function (item) {
|
|
125161
125181
|
var icons = [];
|
|
125182
|
+
var externalContentIcon;
|
|
125162
125183
|
|
|
125163
125184
|
if (hasFlag(item.knownState, KnownNewsState.Alert)) {
|
|
125164
125185
|
icons = __spreadArray$8(__spreadArray$8([], icons), [{
|
|
@@ -125186,18 +125207,15 @@
|
|
|
125186
125207
|
var externalContentUrl = getExternalContentUrl(item, userLanguage);
|
|
125187
125208
|
|
|
125188
125209
|
if (externalContentUrl) {
|
|
125189
|
-
|
|
125210
|
+
externalContentIcon = {
|
|
125190
125211
|
name: 'NavigateExternalInline',
|
|
125191
125212
|
color: item.bannerInfo ? palette.white : textColors.default,
|
|
125192
125213
|
tooltipText: formatMessage({
|
|
125193
125214
|
id: 'ExternalLinkButton.news.navigateTo'
|
|
125194
125215
|
}, {
|
|
125195
125216
|
url: externalContentUrl
|
|
125196
|
-
})
|
|
125197
|
-
|
|
125198
|
-
return handleItemClick(e, item, true, onItemClick, true);
|
|
125199
|
-
}
|
|
125200
|
-
}]);
|
|
125217
|
+
})
|
|
125218
|
+
};
|
|
125201
125219
|
}
|
|
125202
125220
|
}
|
|
125203
125221
|
|
|
@@ -125215,8 +125233,16 @@
|
|
|
125215
125233
|
},
|
|
125216
125234
|
visibleChannelsCount: width && typeof width === 'number' ? width < 550 ? 1 : width < 768 ? 2 : 3 : 3
|
|
125217
125235
|
}, void 0),
|
|
125218
|
-
|
|
125219
|
-
|
|
125236
|
+
externalContentIcon: externalContentIcon,
|
|
125237
|
+
onTitleClick: function (e) {
|
|
125238
|
+
return handleItemClick(e, item, true, onItemClick ? function (item, itemUrl) {
|
|
125239
|
+
return onItemClick(item, itemUrl, true);
|
|
125240
|
+
} : null, true);
|
|
125241
|
+
},
|
|
125242
|
+
onSlideClick: function (e) {
|
|
125243
|
+
return handleItemClick(e, item, false, onItemClick ? function (item) {
|
|
125244
|
+
return onItemClick(item);
|
|
125245
|
+
} : null, true);
|
|
125220
125246
|
}
|
|
125221
125247
|
};
|
|
125222
125248
|
});
|
|
@@ -126336,8 +126362,8 @@
|
|
|
126336
126362
|
var scrollTimeout;
|
|
126337
126363
|
|
|
126338
126364
|
var scrollListener = function scrollListener() {
|
|
126339
|
-
clearTimeout(scrollTimeout);
|
|
126340
|
-
scrollTimeout = setTimeout(function () {
|
|
126365
|
+
window.clearTimeout(scrollTimeout);
|
|
126366
|
+
scrollTimeout = window.setTimeout(function () {
|
|
126341
126367
|
setScrollButtonDisabledState();
|
|
126342
126368
|
}, 100);
|
|
126343
126369
|
};
|
|
@@ -130878,7 +130904,7 @@
|
|
|
130878
130904
|
"Generic.showMore": "mehr anzeigen",
|
|
130879
130905
|
"Generic.showManageView": "Verwaltungsansicht anzeigen",
|
|
130880
130906
|
"Generic.apply": "Übernehmen",
|
|
130881
|
-
"Generic.noUnreadInfo": "
|
|
130907
|
+
"Generic.noUnreadInfo": "Sie haben alles gelesen",
|
|
130882
130908
|
"PageTitle.news": "News",
|
|
130883
130909
|
"PageTitle.manageProfile": "Manage Profile",
|
|
130884
130910
|
"PageTitle.events": "Veranstaltungen",
|
|
@@ -130932,7 +130958,7 @@
|
|
|
130932
130958
|
"MetaInfo.writtenBy": "Geschrieben von {author}",
|
|
130933
130959
|
"NewsList.noBookmarksInfo": "Sie haben noch keine Lesezeichen gesetzt",
|
|
130934
130960
|
"NewsList.emptyInfo": "Zur Zeit sind keine Artikel veröffentlicht",
|
|
130935
|
-
"NewsList.showAll": "
|
|
130961
|
+
"NewsList.showAll": "Alle Artikel anzeigen",
|
|
130936
130962
|
"NewsList.error": "Fehler beim Laden der News.",
|
|
130937
130963
|
"NewsList.PageLoading": "Es werden weitere Artikel geladen...",
|
|
130938
130964
|
"NewsList.AllItemsLoaded": "Es sind keine weiteren Artikel verfügbar",
|
|
@@ -131520,7 +131546,7 @@
|
|
|
131520
131546
|
"Profile.notificationItemSettings.info.chat": "Wenn ein Benutzer Ihnen in einem Chat eine Nachricht schickt.",
|
|
131521
131547
|
"Profile.subscriptions": "Abonnemente",
|
|
131522
131548
|
"NotFound.message": "Hier wurde nichts gefunden.",
|
|
131523
|
-
"AccessDenied.noAccessToTheItem": "
|
|
131549
|
+
"AccessDenied.noAccessToTheItem": "Sie haben keinen Zugriff auf dieses Element",
|
|
131524
131550
|
"AccessDenied.genericMessage": "Zugriff verweigert.",
|
|
131525
131551
|
"AccessDenied.personalizedMessage": "Der Zugriff für den Benutzer {name} ({upn}) wurde verweigert.",
|
|
131526
131552
|
"AccessDenied.genericExplanation": "Bitte wenden Sie sich an Ihren LiveTiles Reach Administrator um Zugriff zu beantragen.",
|
|
@@ -131564,11 +131590,11 @@
|
|
|
131564
131590
|
"Subscription.activate.loginRequired": "Bitte melden Sie sich an, bevor Sie versuchen, Ihr Konto zu aktivieren",
|
|
131565
131591
|
"Subscription.activate.login": "Anmelden",
|
|
131566
131592
|
"Subscription.activate.emailVerified": "E-Mail Adresse verifiziert!",
|
|
131567
|
-
"FatalError.generic.error.happened": "
|
|
131593
|
+
"FatalError.generic.error.happened": "Ein Fehler ist aufgetreten",
|
|
131568
131594
|
"FatalError.genericMessage": "Etwas ist schief gelaufen und wir können Ihnen den Grund dafür momentan nicht mitteilen.",
|
|
131569
131595
|
"FatalError.newsNotLoaded": "Beim Laden des Artikels ist etwas ist schief gelaufen.",
|
|
131570
131596
|
"FatalError.genericLoginError": "Es ist ein Anmeldefehler aufgetreten",
|
|
131571
|
-
"FatalError.loginError": "
|
|
131597
|
+
"FatalError.loginError": "Anmeldung fehlgeschlagen",
|
|
131572
131598
|
"FatalError.ieLoginError": "Eine stillschweigende Anmeldung wurde versucht, aber es ist kein Benutzer angemeldet. Die Cookies, welche diese Benutzersitzung repräsentieren, fehlten in der Anfrage an das Azure AD. Das kann passieren, wenn Internet Explorer oder Edge benutzt werden und die Web-App, welche die Anmeldeanforderung schickt, sich in einer anderen IE Sicherheitszone befindet als der Azure AD Endpunkt (login.microsoftonline.com).",
|
|
131573
131599
|
"About.title": "Über LiveTiles Reach",
|
|
131574
131600
|
"About.subscriptionContact": "Ihre Support-Kontakt",
|
|
@@ -132218,7 +132244,7 @@
|
|
|
132218
132244
|
"Events.noUpcoming": "Zur Zeit sind keine Veranstaltungen geplant",
|
|
132219
132245
|
"Events.noBooked": "Sie sind für keine kommenden Veranstaltungen angemeldet",
|
|
132220
132246
|
"Events.browse": "Alle Veranstaltungen anzeigen",
|
|
132221
|
-
"Events.showAll": "
|
|
132247
|
+
"Events.showAll": "Alle Veranstaltungen anzeigen",
|
|
132222
132248
|
"Events.noPast": "Hier werden vergangene Veranstaltungen angezeigt, sobald es welche gibt",
|
|
132223
132249
|
"Events.upcoming": "Kommende Veranstaltungen",
|
|
132224
132250
|
"Events.myEvents": "Meine Anmeldungen",
|
|
@@ -132633,7 +132659,7 @@
|
|
|
132633
132659
|
"AriaLabel.customization.applicationNameInput": "Name des Abonnements",
|
|
132634
132660
|
"AriaLabel.customization.applicationHandleInput": "Abonnements Id",
|
|
132635
132661
|
"Lib.newsList.noItems": "Keine News zu zeigen",
|
|
132636
|
-
"Lib.eventsList.noItems": "
|
|
132662
|
+
"Lib.eventsList.noItems": "Keine Veranstaltungen anzuzeigen",
|
|
132637
132663
|
"Lib.paging.goToFirstPage": "Zur ersten Seite gehen",
|
|
132638
132664
|
"Lib.channelFilter.choiceGroupLabel": "Wählen Sie den logischen Operator für den Kanalfilter",
|
|
132639
132665
|
"Lib.keywordsFilter.choiceGroupLabel": "Wählen Sie den logischen Operator für Schlagwörter Filter",
|
|
@@ -132676,7 +132702,7 @@
|
|
|
132676
132702
|
"SkipLinks.toFilter": "Zu den Filtern springen",
|
|
132677
132703
|
"Stream.allLoaded": "Sie haben das Ende Ihres Streams erreicht.",
|
|
132678
132704
|
"Stream.emptyList": "Ihr Stream is momentan leer.",
|
|
132679
|
-
"Stream.showAll": "
|
|
132705
|
+
"Stream.showAll": "Vollständigen Stream anzeigen",
|
|
132680
132706
|
"Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {Keine ungelesene Einträge gefunden, bzw. alle Einträge sind bereits als gelesen markiert.} one {Ein Eintrag wurde als gelesen markiert.} other {{count} Einträge wurden als gelesen markiert.}}",
|
|
132681
132707
|
"Page.header.unread.only": "Nur ungelesene anzeigen",
|
|
132682
132708
|
"Page.header.unread.showAll": "Alles ansehen",
|