@livetiles/reach-components-react 0.4.0-preview.248 → 0.4.0-preview.250

package/de.async.esm.esm.js

@@ -1,6 +1,7 @@
 import './de.esm.js';
 
 var de = {
+  "ManagePlugins.uploadPlugin": "Neues Plugin hochladen",
   "Generic.Ok": "Ok",
   "Generic.Save": "Speichern",
   "Generic.Cancel": "Abbrechen",
@@ -1765,7 +1766,7 @@ var de = {
   "Chats.chatItem.context.leave": "Verlassen",
   "Chats.userLeft.systemMessage": "{user} hat die Gruppe verlassen",
   "ManagePlugins.title": "Plugins",
-  "ManagePlugins.addNewPlugin": "Neues Plugin hinzufügen",
+  "ManagePlugins.addNewPlugin": "Plugin hinzufügen",
   "ManagePlugins.updateSucceeded": "Plugin erfolgreich geändert",
   "ManagePlugins.deleteSucceeded": "Plugin erfolgreich gelöscht",
   "ManagePlugins.updateFailed": "Beim Ändern des Plugins ist ein Fehler aufgetreten.",

package/es.async.esm.esm.js

@@ -1,6 +1,7 @@
 import './es.esm.js';
 
 var es = {
+  "ManagePlugins.uploadPlugin": "Upload new plugin",
   "Generic.Ok": "Ok",
   "Generic.Save": "Guardar",
   "Generic.Cancel": "Cancelar",

package/fr.async.esm.esm.js

@@ -1,6 +1,7 @@
 import './fr.esm.js';
 
 var fr = {
+  "ManagePlugins.uploadPlugin": "Upload new plugin",
   "Generic.Ok": "Ok",
   "Generic.Save": "Sauvegarder",
   "Generic.Cancel": "Annuler",

package/index.esm2.js

@@ -87474,9 +87474,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.4.0-preview.248";
-var buildId = "99212";
-var commitId = "0e45959b2bcefdf70c4eb426c57612430e086b53";
+var version$1 = "0.4.0-preview.250";
+var buildId = "99404";
+var commitId = "a1ed300b364121c6250c289fa2d9252e402f4070";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -131759,7 +131759,7 @@ return nodes.slice().sort(function(a,b){return compareRootPages(groupPositions,a
 // we just use the id for that, because this one is always different
 var fallbackCompare=function fallbackCompare(){var _a;return ((_a=a.id)===null||_a===void 0?void 0:_a.localeCompare(b===null||b===void 0?void 0:b.id))||0;};if(firstGroupIdOfA===firstGroupIdOfB){return a.position-b.position||fallbackCompare();}return groupPositions[firstGroupIdOfA]-groupPositions[firstGroupIdOfB]||fallbackCompare();}function useInlinePageDocument(documentData,page,basePath){if(basePath===void 0){basePath='pages';}var extension=documentData.extension,fileId=documentData.fileId,originalFileName=documentData.fileName,pageId=documentData.pageId,originalTitle=documentData.title;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var createDocumentClickHandler=usePagesClickHandler().createDocumentClickHandler;var _a=useMemo(function(){var iconName=getFileIconByExtension(extension);var fileUrl=NewsService.getNewsRoute(buildPath(basePath),pageId,null);return {iconName:iconName,fileUrl:fileUrl};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[extension,pageId]),fileUrl=_a.fileUrl,iconName=_a.iconName;var _b=useMemo(function(){if(!(page===null||page===void 0?void 0:page.id)){return {title:originalTitle,fileName:originalFileName};}var _a=getFileInfo(page,user),fileInfo=_a.fileInfo,language=_a.language;var onPageDocumentDownloadClick=createDocumentClickHandler(pageId,fileId,language,fileInfo.shouldOpenInBrowser,page.fileAccessToken,basePath);return {title:getTitle(page,user,formatMessage,language),fileName:fileInfo.fileName,onPageDocumentDownloadClick:onPageDocumentDownloadClick};// eslint-disable-next-line react-hooks/exhaustive-deps
-},[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return css$2(templateObject_3$M||(templateObject_3$M=__makeTemplateObject(["\n    ","\n\n    display: flex;\n    width: 100%;\n  "],["\n    ","\n\n    display: flex;\n    width: 100%;\n  "])),function(p){return backgroundColor?css$2(templateObject_1$1V||(templateObject_1$1V=__makeTemplateObject(["\n            background-color: ",";\n          "],["\n            background-color: ",";\n          "])),backgroundColor||p.theme.palette.white):css$2(templateObject_2$1b||(templateObject_2$1b=__makeTemplateObject(["\n            ",";\n            background-color: ",";\n          "],["\n            ",";\n            background-color: ",";\n          "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=css$2(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return css$2(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n  font-size: ","px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  &:empty {\n    margin-bottom: ","px;\n  }\n"],["\n  font-size: ","px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  &:empty {\n    margin-bottom: ","px;\n  }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return css$2(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n    ","\n  "],["\n    ","\n  "])),rightSideOnly?css$2(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n          border-top-right-radius: ","px;\n          border-bottom-right-radius: ","px;\n        "],["\n          border-top-right-radius: ","px;\n          border-bottom-right-radius: ","px;\n        "])),radius,radius):css$2(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n          border-radius: ","px;\n        "],["\n          border-radius: ","px;\n        "])),radius));};var templateObject_1$1V,templateObject_2$1b,templateObject_3$M,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsx$1(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsx$1(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled(Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1U||(templateObject_1$1U=__makeTemplateObject(["\n  display: inline-flex;\n  z-index: 1;\n"],["\n  display: inline-flex;\n  z-index: 1;\n"])));var StyledIcon$5=_styled(Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$1a||(templateObject_2$1a=__makeTemplateObject(["\n  margin-left: ","px;\n"],["\n  margin-left: ","px;\n"])),spacingXs);var templateObject_1$1U,templateObject_2$1a;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsx$1(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsx$1("span",{children:title},void 0):isDownloadLink?jsx$1("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsx$1("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxs(Link$4,__assign({to:targetRoute,onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled.h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1T||(templateObject_1$1T=__makeTemplateObject(["\n  font-size: ","px;\n\n  &&& {\n    margin: 0 0 ","px 0;\n\n    a {\n      &,\n      :link,\n      :visited {\n        color: ",";\n        text-decoration: none;\n        z-index: 1;\n      }\n\n      > span {\n        z-index: 1;\n      }\n    }\n  }\n"],["\n  font-size: ","px;\n\n  &&& {\n    margin: 0 0 ","px 0;\n\n    a {\n      &,\n      :link,\n      :visited {\n        color: ",";\n        text-decoration: none;\n        z-index: 1;\n      }\n\n      > span {\n        z-index: 1;\n      }\n    }\n  }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1T;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsx$1(Host$J,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxs(Fragment$1,{children:[i!==0&&jsx$1(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsx$1("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$J=_styled.p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1S||(templateObject_1$1S=__makeTemplateObject(["\n  padding: 0;\n  margin: ","px 0 0;\n  font-size: ","px;\n\n  color: ",";\n  text-align: start;\n\n  > span,\n  i {\n    vertical-align: middle;\n    line-height: 1;\n  }\n"],["\n  padding: 0;\n  margin: ","px 0 0;\n  font-size: ","px;\n\n  color: ",";\n  text-align: start;\n\n  > span,\n  i {\n    vertical-align: middle;\n    line-height: 1;\n  }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled(Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$19||(templateObject_2$19=__makeTemplateObject(["\n  &&& {\n    font-weight: bold;\n    margin: 0 ","px;\n    font-size: ","px;\n  }\n"],["\n  &&& {\n    font-weight: bold;\n    margin: 0 ","px;\n    font-size: ","px;\n  }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1S,templateObject_2$19;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxs(Host$I,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsx$1(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsx$1(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsx$1(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsx$1(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxs(MainContent,{children:[jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsx$1(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsx$1(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsx$1(Keywords$2,{children:jsx$1(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsx$1(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled(Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n  // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n  ","\n\n  ",";\n\n  ",";\n\n  display: inline-block;\n  max-width: 100%;\n\n  a:focus {\n    outline-offset: 0 !important;\n  }\n"],["\n  // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n  ","\n\n  ",";\n\n  ",";\n\n  display: inline-block;\n  max-width: 100%;\n\n  a:focus {\n    outline-offset: 0 !important;\n  }\n"])),function(p){return !p.fontSize&&css$2(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n      a {\n        display: inline-flex;\n      }\n\n      span {\n        ","\n      }\n    "],["\n      a {\n        display: inline-flex;\n      }\n\n      span {\n        ","\n      }\n    "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&css$2(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n      &&& {\n        font-size: ","px;\n        line-height: 20px;\n\n        i[data-external-content] {\n          font-size: ","px;\n          line-height: ","px;\n        }\n      }\n\n      a {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      span {\n        // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n        display: block;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    "],["\n      &&& {\n        font-size: ","px;\n        line-height: 20px;\n\n        i[data-external-content] {\n          font-size: ","px;\n          line-height: ","px;\n        }\n      }\n\n      a {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      span {\n        // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n        display: block;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?css$2(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n          margin: "," !important;\n        "],["\n          margin: "," !important;\n        "])),p.margin):css$2(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n          margin: 0 !important;\n        "],["\n          margin: 0 !important;\n        "])));});var Intro$2=_styled.div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n  margin: ","px 0 ","px;\n  ","\n"],["\n  margin: ","px 0 ","px;\n  ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$I=_styled.article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));var Inner$3=_styled.div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n  ","\n  ","\n  ","\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  ","\n  ","\n  ","\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?css$2(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n          height: ","px;\n        "],["\n          height: ","px;\n        "])),p.styleDefinition.height):css$2(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n          height: auto;\n          min-height: 138px;\n        "],["\n          height: auto;\n          min-height: 138px;\n        "])));},function(p){var _a;return p.hasBanner&&css$2(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n    [data-page-tile-content] {\n      max-width: calc(100% - ","px)};\n    }\n  "],["\n    [data-page-tile-content] {\n      max-width: calc(100% - ","px)};\n    }\n  "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled.div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n  ","\n  ","\n\n  box-sizing: border-box;\n  max-width: 100%;\n"],["\n  ","\n  ","\n\n  box-sizing: border-box;\n  max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?css$2(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),p.padding):css$2(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n          padding: ","px;\n        "],["\n          padding: ","px;\n        "])),spacingM);});var MetaInfo$3=_styled.div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n  "," /* font-size of date */\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  color: ",";\n\n  padding-left: 2px;\n  padding-right: ","px;\n"],["\n  "," /* font-size of date */\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  color: ",";\n\n  padding-left: 2px;\n  padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled.div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-left: 2px;\n"],["\n  display: flex;\n  align-items: center;\n  padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled.div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n  width: calc(\n    100% -\n      ","px\n  );\n"],["\n  width: calc(\n    100% -\n      ","px\n  );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled(ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  &&& {\n    // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n    margin-bottom: 0;\n  }\n"],["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  &&& {\n    // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n    margin-bottom: 0;\n  }\n"])));var Keywords$2=_styled.span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n  display: block;\n  margin-top: auto;\n\n  > span {\n    font-size: ","px;\n    line-height: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 0 2px;\n    max-width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  && {\n    a:link,\n    a:visited {\n      color: "," !important;\n\n      &:focus {\n        outline-offset: 0 !important;\n      }\n    }\n  }\n"],["\n  display: block;\n  margin-top: auto;\n\n  > span {\n    font-size: ","px;\n    line-height: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 0 2px;\n    max-width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  && {\n    a:link,\n    a:visited {\n      color: "," !important;\n\n      &:focus {\n        outline-offset: 0 !important;\n      }\n    }\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled.div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsx$1(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsx$1(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsx$1("div",{children:jsx$1(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled.div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n  display: flex;\n  width: ","px;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n\n  ","\n\n  @media (max-width: ","px) {\n    ","\n  }\n"],["\n  display: flex;\n  width: ","px;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n\n  ","\n\n  @media (max-width: ","px) {\n    ","\n  }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&css$2(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&css$2(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n        width: auto;\n        height: 100px;\n      "],["\n        width: auto;\n        height: 100px;\n      "])));});var FileIcon$1=_styled(Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled.div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n  background-color: ",";\n\n  width: ","px;\n  height: 100%;\n\n  .video-view-container {\n    height: 100%;\n  }\n\n  &&& .video-icon {\n    font-size: 35px;\n    margin: 0;\n  }\n\n  ","\n"],["\n  background-color: ",";\n\n  width: ","px;\n  height: 100%;\n\n  .video-view-container {\n    height: 100%;\n  }\n\n  &&& .video-icon {\n    font-size: 35px;\n    margin: 0;\n  }\n\n  ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&css$2(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled(LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5,true));});var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
+},[page===null||page===void 0?void 0:page.id,createDocumentClickHandler]),fileName=_b.fileName,title=_b.title,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return {fileUrl:fileUrl,iconName:iconName,fileName:fileName,title:title,onPageDocumentDownloadClick:onPageDocumentDownloadClick};}function getFileInfo(page,user){var _a=getContentForPage(page,user),content=_a.content,language=_a.language;return {fileInfo:content===null||content===void 0?void 0:content.fileInfo,language:language};}function getContentForPage(page,user){var language=getLanguageForPage(page,user);return {content:page.contents[language],language:language};}function getLanguageForPage(page,user){if(!user||!page||!page.contents||!user.subscription){return null;}var language=NewsService.getLanguageForContent(page.contents,user,function(c){var _a;return page.pageType!==PageType.Document||((_a=c.fileInfo)===null||_a===void 0?void 0:_a.fileId)!=null;});if(language){return language;}return NewsService.getLanguageForContent(page.contents,user);}function convertToNavigationNode(page){var _a,_b,_c,_d;var parent=(_b=(_a=page===null||page===void 0?void 0:page.navigationContext)===null||_a===void 0?void 0:_a.parent)!==null&&_b!==void 0?_b:{id:page.parentId,contents:{}};return {id:page.id,pageType:page.pageType,parent:parent,position:page.position,status:page.status,groupIds:page.groupIds,hasHiddenAncestor:page.hasHiddenAncestor,isUnlinked:page.isUnlinked,hasPublishedVersion:page.isCurrentPublishedVersion||!!page.publishedVersionId,contents:Object.values(page.contents||{}).filter(function(c){return c.active;}).reduce(function(acc,next){acc[next.language]=next;return acc;},{}),firstChildId:page.firstChildId||((_d=(_c=page.navigationContext)===null||_c===void 0?void 0:_c.children)===null||_d===void 0?void 0:_d[0].id),children:undefined,isSearchMatch:undefined,hasAnyPageChild:undefined,useExternalContent:page.useExternalContent,topLevelFolderName:undefined,uploadToken:undefined};}var HostBaseStyle=function HostBaseStyle(backgroundColor){return css$2(templateObject_3$M||(templateObject_3$M=__makeTemplateObject(["\n    ","\n\n    display: flex;\n    width: 100%;\n  "],["\n    ","\n\n    display: flex;\n    width: 100%;\n  "])),function(p){return backgroundColor?css$2(templateObject_1$1V||(templateObject_1$1V=__makeTemplateObject(["\n            background-color: ",";\n          "],["\n            background-color: ",";\n          "])),backgroundColor||p.theme.palette.white):css$2(templateObject_2$1b||(templateObject_2$1b=__makeTemplateObject(["\n            ",";\n            background-color: ",";\n          "],["\n            ",";\n            background-color: ",";\n          "])),CardBorderInline(2,2),p.theme.palette.white);});};var ContentStyle=css$2(templateObject_4$x||(templateObject_4$x=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  font-size: ","px;\n"])),fontSizeMedium);var MetaInfoStyle=function MetaInfoStyle(marginBottomOnEmpty){return css$2(templateObject_5$u||(templateObject_5$u=__makeTemplateObject(["\n  font-size: ","px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  &:empty {\n    margin-bottom: ","px;\n  }\n"],["\n  font-size: ","px;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  &:empty {\n    margin-bottom: ","px;\n  }\n"])),fontSizeSmall,marginBottomOnEmpty||spacingM);};var BorderRadiusStyle=function BorderRadiusStyle(roundedCornerSize,rightSideOnly){var radius=roundedCornerSize||inlinePageBannerRoundedCornerSize;return css$2(templateObject_8$e||(templateObject_8$e=__makeTemplateObject(["\n    ","\n  "],["\n    ","\n  "])),rightSideOnly?css$2(templateObject_6$l||(templateObject_6$l=__makeTemplateObject(["\n          border-top-right-radius: ","px;\n          border-bottom-right-radius: ","px;\n        "],["\n          border-top-right-radius: ","px;\n          border-bottom-right-radius: ","px;\n        "])),radius,radius):css$2(templateObject_7$f||(templateObject_7$f=__makeTemplateObject(["\n          border-radius: ","px;\n        "],["\n          border-radius: ","px;\n        "])),radius));};var templateObject_1$1V,templateObject_2$1b,templateObject_3$M,templateObject_4$x,templateObject_5$u,templateObject_6$l,templateObject_7$f,templateObject_8$e;var ExternalContentIcon=function ExternalContentIcon(_a){var tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceValues=_a.tooltipResourceValues,className=_a.className;return jsx$1(StyledTooltip$2,__assign({className:className,resourceKey:tooltipResourceKey,values:{url:tooltipResourceValues},width:400},{children:jsx$1(StyledIcon$5,{iconName:"NavigateExternalInline","data-external-content":true},void 0)}),void 0);};var StyledTooltip$2=_styled(Tooltip).withConfig({displayName:"ExternalContentIcon__StyledTooltip",componentId:"sc-8h84ua-0"})(templateObject_1$1U||(templateObject_1$1U=__makeTemplateObject(["\n  display: inline-flex;\n  z-index: 1;\n"],["\n  display: inline-flex;\n  z-index: 1;\n"])));var StyledIcon$5=_styled(Icon).withConfig({displayName:"ExternalContentIcon__StyledIcon",componentId:"sc-8h84ua-1"})(templateObject_2$1a||(templateObject_2$1a=__makeTemplateObject(["\n  margin-left: ","px;\n"],["\n  margin-left: ","px;\n"])),spacingXs);var templateObject_1$1U,templateObject_2$1a;var Title$6=function Title(_a){var title=_a.title,targetRoute=_a.targetRoute,readOnly=_a.readOnly,openTargetInNewWindow=_a.openTargetInNewWindow,isDownloadLink=_a.isDownloadLink,isExternalContent=_a.isExternalContent,onClick=_a.onClick,resourceKey=_a.resourceKey,resourceValues=_a.resourceValues,className=_a.className;return jsx$1(TitleHost,__assign({className:className,"data-title":true},{children:readOnly?jsx$1("span",{children:title},void 0):isDownloadLink?jsx$1("a",__assign({href:targetRoute,rel:"noopener noreferrer",onClick:onClick},{children:jsx$1("span",{children:title},void 0)}),void 0):openTargetInNewWindow?jsxs("a",__assign({href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0):jsxs(Link$4,__assign({to:targetRoute,onClick:onClick},{children:[jsx$1("span",{children:title},void 0),isExternalContent&&jsx$1(ExternalContentIcon,{tooltipResourceKey:resourceKey,tooltipResourceValues:resourceValues},void 0)]}),void 0)}),void 0);};var TitleHost=_styled.h3.withConfig({displayName:"Title__TitleHost",componentId:"sc-1wpb7iz-0"})(templateObject_1$1T||(templateObject_1$1T=__makeTemplateObject(["\n  font-size: ","px;\n\n  &&& {\n    margin: 0 0 ","px 0;\n\n    a {\n      &,\n      :link,\n      :visited {\n        color: ",";\n        text-decoration: none;\n        z-index: 1;\n      }\n\n      > span {\n        z-index: 1;\n      }\n    }\n  }\n"],["\n  font-size: ","px;\n\n  &&& {\n    margin: 0 0 ","px 0;\n\n    a {\n      &,\n      :link,\n      :visited {\n        color: ",";\n        text-decoration: none;\n        z-index: 1;\n      }\n\n      > span {\n        z-index: 1;\n      }\n    }\n  }\n"])),fontSizeMedium,spacingS,function(p){return p.theme.textColors.default;});var templateObject_1$1T;function getBreadcrumbsItems(page,target,handleOnClick,getTitle,formatMessage,hideCurrentPageNode,hideHomeNode){var ancestors=[];var parent=page.navigationContext.parent;while(parent!=null&&parent.id!=null){ancestors.unshift({title:getTitle(parent),id:parent.id});parent=parent.parent;}var parentNode=ancestors.find(function(a){return a.id===page.parentId;});var items=hideHomeNode?[]:[{key:'home',text:formatMessage({id:'Generic.home'}),href:target}];var ancestorItems=ancestors.map(function(node){return {key:node.id,text:node.title,href:NewsService.getNewsRoute(target,node.id,node.title),onClick:handleOnClick};});if(hideCurrentPageNode){return {breadcrumbItems:__spreadArray(__spreadArray([],items),ancestorItems),ancestors:ancestors,parentNode:parentNode};}var currentItem={key:'current',text:getTitle(page),isCurrentItem:true};return {breadcrumbItems:__spreadArray(__spreadArray(__spreadArray([],items),ancestorItems),[currentItem]),ancestors:ancestors,parentNode:parentNode};}var ListItemBreadcrumb=function ListItemBreadcrumb(_a){var page=_a.page,languageOverride=_a.language,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;if(!page||!page.navigationContext){return null;}var breadcrumbItems=getBreadcrumbsItems(page,null,function(){},function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,true,true).breadcrumbItems;return jsx$1(Host$J,__assign({className:className},{children:breadcrumbItems.map(function(b,i){return jsxs(Fragment$1,{children:[i!==0&&jsx$1(RightChevronIcon,{iconName:"ChevronRight"},void 0),jsx$1("span",{children:b.text},void 0)]},b.key);})}),void 0);};var Host$J=_styled.p.withConfig({displayName:"ListItemBreadcrumb__Host",componentId:"sc-c9uoz1-0"})(templateObject_1$1S||(templateObject_1$1S=__makeTemplateObject(["\n  padding: 0;\n  margin: ","px 0 0;\n  font-size: ","px;\n\n  color: ",";\n  text-align: start;\n\n  > span,\n  i {\n    vertical-align: middle;\n    line-height: 1;\n  }\n"],["\n  padding: 0;\n  margin: ","px 0 0;\n  font-size: ","px;\n\n  color: ",";\n  text-align: start;\n\n  > span,\n  i {\n    vertical-align: middle;\n    line-height: 1;\n  }\n"])),spacingXxs,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var RightChevronIcon=_styled(Icon).withConfig({displayName:"ListItemBreadcrumb__RightChevronIcon",componentId:"sc-c9uoz1-1"})(templateObject_2$19||(templateObject_2$19=__makeTemplateObject(["\n  &&& {\n    font-weight: bold;\n    margin: 0 ","px;\n    font-size: ","px;\n  }\n"],["\n  &&& {\n    font-weight: bold;\n    margin: 0 ","px;\n    font-size: ","px;\n  }\n"])),spacingXxs,fontSizeSmaller-2);var templateObject_1$1S,templateObject_2$19;var PageItemTile=function PageItemTile(_a){var _b,_c;var item=_a.item,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,additionalMetadata=_a.additionalMetadata,buttons=_a.buttons,additionalContent=_a.additionalContent,showBannerPlaceholder=_a.showBannerPlaceholder,showBreadcrumb=_a.showBreadcrumb,showIntro=_a.showIntro,className=_a.className;var user=useCurrentUserContext().user;var intl=useIntl();var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var title=getTitle(item,user,intl.formatMessage);var language=getLanguageForPage(item,user);var content=item.contents[language];var hasKeywords=Object.keys((_b=item.keywords)!==null&&_b!==void 0?_b:[]).length>0;var targetRoute=NewsService.getNewsRoute(baseRoute,item.id,title);var clickHandler=createPageClickHandler(item);var isDocument=item.pageType===PageType.Document;var isEditor=baseRoute.includes('/editor');var preferredContentLanguage=getPreferredContentLanguage(user);var url=item.useExternalContent&&getExternalContentUrl(item,preferredContentLanguage);return jsxs(Host$I,__assign({"data-item-id":item.id,className:className},{children:[!readOnly&&jsx$1(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.Pages,baseRoute:baseRoute,title:title,isExternalContent:item.useExternalContent},void 0),jsxs(Inner$3,__assign({styleDefinition:styleDefinition,hasBanner:item.bannerInfo!=null||showBannerPlaceholder||isDocument},{children:[jsx$1(Banner$2,{item:item,language:language,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,applyRoundedCorners:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.applyRoundedCorners,showBannerPlaceholder:showBannerPlaceholder,isEditor:isEditor,bannerFontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerFontSize},void 0),jsxs(Content$6,__assign({padding:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.contentPadding,"data-page-tile-content":true},{children:[jsxs(MetaInfo$3,__assign({paddingRight:showBreadcrumb&&!isDocument&&readOnly?spacingM:0},{children:[showBreadcrumb&&jsx$1(StyledListItemBreadcrumb,{page:item},void 0),!showBreadcrumb&&item.modified&&jsx$1(DateTime,{value:item.modified},void 0),additionalMetadata]}),void 0),jsxs(MainContent,{children:[jsxs(TitleAndIntro,__assign({addDownloadButtonSafetySpace:isDocument},{children:[jsx$1(StyledTitle$1,{title:title,targetRoute:targetRoute,readOnly:readOnly,onClick:clickHandler,fontSize:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleFontSize,margin:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.titleMargin,isExternalContent:item.useExternalContent,resourceKey:item.useExternalContent?'ExternalLinkButton.pages.navigateTo':undefined,resourceValues:url!==null&&url!==void 0?url:undefined},void 0),showIntro&&((_c=content.intro)===null||_c===void 0?void 0:_c.length)>0&&jsx$1(Intro$2,{children:content.intro},void 0)]}),void 0),additionalContent]},void 0),hasKeywords&&jsx$1(Keywords$2,{children:jsx$1(FlatKeywords,{item:item,filterBaseUrl:filterBaseUrl},void 0)},void 0),buttons&&jsx$1(Buttons$2,{children:buttons},void 0)]}),void 0)]}),void 0)]}),void 0);};var StyledTitle$1=_styled(Title$6).withConfig({displayName:"PageItemTile__StyledTitle",componentId:"sc-lcm8k6-0"})(templateObject_5$t||(templateObject_5$t=__makeTemplateObject(["\n  // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n  ","\n\n  ",";\n\n  ",";\n\n  display: inline-block;\n  max-width: 100%;\n\n  a:focus {\n    outline-offset: 0 !important;\n  }\n"],["\n  // for embedded pages we do not pass in a custom font size and we want to truncate the title to 2 lines\n  ","\n\n  ",";\n\n  ",";\n\n  display: inline-block;\n  max-width: 100%;\n\n  a:focus {\n    outline-offset: 0 !important;\n  }\n"])),function(p){return !p.fontSize&&css$2(templateObject_1$1R||(templateObject_1$1R=__makeTemplateObject(["\n      a {\n        display: inline-flex;\n      }\n\n      span {\n        ","\n      }\n    "],["\n      a {\n        display: inline-flex;\n      }\n\n      span {\n        ","\n      }\n    "])),LineClamp(2,fontSizeMedium,1.4));},function(p){return p.fontSize&&css$2(templateObject_2$18||(templateObject_2$18=__makeTemplateObject(["\n      &&& {\n        font-size: ","px;\n        line-height: 20px;\n\n        i[data-external-content] {\n          font-size: ","px;\n          line-height: ","px;\n        }\n      }\n\n      a {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      span {\n        // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n        display: block;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    "],["\n      &&& {\n        font-size: ","px;\n        line-height: 20px;\n\n        i[data-external-content] {\n          font-size: ","px;\n          line-height: ","px;\n        }\n      }\n\n      a {\n        display: inline-flex;\n        max-width: 100%;\n      }\n\n      span {\n        // we pass a custom font size (smaller) for inline page lists and here we want to keep the title to single line\n        display: block;\n        max-width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    "])),p.fontSize,fontSizeNormal,fontSizeNormal);},function(p){return p.margin?css$2(templateObject_3$L||(templateObject_3$L=__makeTemplateObject(["\n          margin: "," !important;\n        "],["\n          margin: "," !important;\n        "])),p.margin):css$2(templateObject_4$w||(templateObject_4$w=__makeTemplateObject(["\n          margin: 0 !important;\n        "],["\n          margin: 0 !important;\n        "])));});var Intro$2=_styled.div.withConfig({displayName:"PageItemTile__Intro",componentId:"sc-lcm8k6-1"})(templateObject_6$k||(templateObject_6$k=__makeTemplateObject(["\n  margin: ","px 0 ","px;\n  ","\n"],["\n  margin: ","px 0 ","px;\n  ","\n"])),spacingXs-1,spacingS+5,LineClamp(10,fontSizeSmall,1.4));var Host$I=_styled.article.withConfig({displayName:"PageItemTile__Host",componentId:"sc-lcm8k6-2"})(templateObject_7$e||(templateObject_7$e=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));var Inner$3=_styled.div.withConfig({displayName:"PageItemTile__Inner",componentId:"sc-lcm8k6-3"})(templateObject_11$6||(templateObject_11$6=__makeTemplateObject(["\n  ","\n  ","\n  ","\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  ","\n  ","\n  ","\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.applyRoundedCorners)&&BorderRadiusStyle();},function(p){var _a;return ((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.height)?css$2(templateObject_8$d||(templateObject_8$d=__makeTemplateObject(["\n          height: ","px;\n        "],["\n          height: ","px;\n        "])),p.styleDefinition.height):css$2(templateObject_9$b||(templateObject_9$b=__makeTemplateObject(["\n          height: auto;\n          min-height: 138px;\n        "],["\n          height: auto;\n          min-height: 138px;\n        "])));},function(p){var _a;return p.hasBanner&&css$2(templateObject_10$a||(templateObject_10$a=__makeTemplateObject(["\n    [data-page-tile-content] {\n      max-width: calc(100% - ","px)};\n    }\n  "],["\n    [data-page-tile-content] {\n      max-width: calc(100% - ","px)};\n    }\n  "])),(_a=p.styleDefinition)===null||_a===void 0?void 0:_a.bannerDefaultWidth);});var Content$6=_styled.div.withConfig({displayName:"PageItemTile__Content",componentId:"sc-lcm8k6-4"})(templateObject_14$4||(templateObject_14$4=__makeTemplateObject(["\n  ","\n  ","\n\n  box-sizing: border-box;\n  max-width: 100%;\n"],["\n  ","\n  ","\n\n  box-sizing: border-box;\n  max-width: 100%;\n"])),ContentStyle,function(p){return p.padding?css$2(templateObject_12$5||(templateObject_12$5=__makeTemplateObject(["\n          padding: ",";\n        "],["\n          padding: ",";\n        "])),p.padding):css$2(templateObject_13$4||(templateObject_13$4=__makeTemplateObject(["\n          padding: ","px;\n        "],["\n          padding: ","px;\n        "])),spacingM);});var MetaInfo$3=_styled.div.withConfig({displayName:"PageItemTile__MetaInfo",componentId:"sc-lcm8k6-5"})(templateObject_15$4||(templateObject_15$4=__makeTemplateObject(["\n  "," /* font-size of date */\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  color: ",";\n\n  padding-left: 2px;\n  padding-right: ","px;\n"],["\n  "," /* font-size of date */\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  color: ",";\n\n  padding-left: 2px;\n  padding-right: ","px;\n"])),MetaInfoStyle(17),function(p){return p.theme.textColors.default;},function(p){return p.paddingRight;});var MainContent=_styled.div.withConfig({displayName:"PageItemTile__MainContent",componentId:"sc-lcm8k6-6"})(templateObject_16$4||(templateObject_16$4=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-left: 2px;\n"],["\n  display: flex;\n  align-items: center;\n  padding-left: 2px;\n"])));var DownloadButtonWidth=32;var TitleAndIntro=_styled.div.withConfig({displayName:"PageItemTile__TitleAndIntro",componentId:"sc-lcm8k6-7"})(templateObject_17$3||(templateObject_17$3=__makeTemplateObject(["\n  width: calc(\n    100% -\n      ","px\n  );\n"],["\n  width: calc(\n    100% -\n      ","px\n  );\n"])),function(p){return p.addDownloadButtonSafetySpace?DownloadButtonWidth:0;});var StyledListItemBreadcrumb=_styled(ListItemBreadcrumb).withConfig({displayName:"PageItemTile__StyledListItemBreadcrumb",componentId:"sc-lcm8k6-8"})(templateObject_18$2||(templateObject_18$2=__makeTemplateObject(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  &&& {\n    // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n    margin-bottom: 0;\n  }\n"],["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  &&& {\n    // this is needed because draft.js adds a 1rem margin bottom here somehow (because the breadcrumb is a <p> maybe) and it breaks the view\n    margin-bottom: 0;\n  }\n"])));var Keywords$2=_styled.span.withConfig({displayName:"PageItemTile__Keywords",componentId:"sc-lcm8k6-9"})(templateObject_19$2||(templateObject_19$2=__makeTemplateObject(["\n  display: block;\n  margin-top: auto;\n\n  > span {\n    font-size: ","px;\n    line-height: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 0 2px;\n    max-width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  && {\n    a:link,\n    a:visited {\n      color: "," !important;\n\n      &:focus {\n        outline-offset: 0 !important;\n      }\n    }\n  }\n"],["\n  display: block;\n  margin-top: auto;\n\n  > span {\n    font-size: ","px;\n    line-height: 20px;\n    height: 20px;\n    display: inline-block;\n    padding: 0 2px;\n    max-width: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  && {\n    a:link,\n    a:visited {\n      color: "," !important;\n\n      &:focus {\n        outline-offset: 0 !important;\n      }\n    }\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});var Buttons$2=_styled.div.withConfig({displayName:"PageItemTile__Buttons",componentId:"sc-lcm8k6-10"})(templateObject_20$1||(templateObject_20$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),spacingS);var Banner$2=function Banner(_a){var _b,_c;var item=_a.item,language=_a.language,bannerDefaultWidth=_a.bannerDefaultWidth,bannerFontSize=_a.bannerFontSize,applyRoundedCorners=_a.applyRoundedCorners,showBannerPlaceholder=_a.showBannerPlaceholder,isEditor=_a.isEditor;var bannerInfo=item.bannerInfo;var isDocument=item.pageType===PageType.Document;var fileIcon=getFileIconByExtension(((_c=(_b=item.contents[language])===null||_b===void 0?void 0:_b.fileInfo)===null||_c===void 0?void 0:_c.extension)||'');if(isDocument){return jsx$1(BannerHost$1,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(FileIcon$1,{iconName:fileIcon,fontSize:bannerFontSize,color:getIconColor(fileIcon)},void 0)}),void 0);}if(!bannerInfo&&!showBannerPlaceholder){return null;}if(bannerDefaultWidth<100){return jsx$1(SmallBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:200,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0);}return jsx$1("div",{children:jsx$1(LargeBannerWrapper,__assign({defaultWidth:bannerDefaultWidth,applyRoundedCorners:applyRoundedCorners},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,useEditorRoutes:isEditor,width:450,token:item.fileAccessToken,resourceType:ItemResourceTypes.Pages},void 0)}),void 0)},void 0);};var BannerHost$1=_styled.div.withConfig({displayName:"PageItemTile__BannerHost",componentId:"sc-lcm8k6-11"})(templateObject_23$2||(templateObject_23$2=__makeTemplateObject(["\n  display: flex;\n  width: ","px;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n\n  ","\n\n  @media (max-width: ","px) {\n    ","\n  }\n"],["\n  display: flex;\n  width: ","px;\n  justify-content: center;\n  align-items: center;\n  background-color: ",";\n\n  ","\n\n  @media (max-width: ","px) {\n    ","\n  }\n"])),function(p){return p.defaultWidth;},function(p){return p.theme.palette.neutralQuaternaryAlt;},function(p){return p.applyRoundedCorners&&css$2(templateObject_21$2||(templateObject_21$2=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5));},maxScreenSize.medium,function(p){return p.defaultWidth>100&&css$2(templateObject_22$2||(templateObject_22$2=__makeTemplateObject(["\n        width: auto;\n        height: 100px;\n      "],["\n        width: auto;\n        height: 100px;\n      "])));});var FileIcon$1=_styled(Icon).withConfig({displayName:"PageItemTile__FileIcon",componentId:"sc-lcm8k6-12"})(templateObject_24$1||(templateObject_24$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),function(p){return p.fontSize||30;},function(p){return p.color||p.theme.textColors.default;});var SmallBannerWrapper=_styled.div.withConfig({displayName:"PageItemTile__SmallBannerWrapper",componentId:"sc-lcm8k6-13"})(templateObject_26$1||(templateObject_26$1=__makeTemplateObject(["\n  background-color: ",";\n\n  width: ","px;\n  height: 100%;\n\n  .video-view-container {\n    height: 100%;\n  }\n\n  &&& .video-icon {\n    font-size: 35px;\n    margin: 0;\n  }\n\n  ","\n"],["\n  background-color: ",";\n\n  width: ","px;\n  height: 100%;\n\n  .video-view-container {\n    height: 100%;\n  }\n\n  &&& .video-icon {\n    font-size: 35px;\n    margin: 0;\n  }\n\n  ","\n"])),function(p){return p.theme.palette.accent;},function(p){return p.defaultWidth;},function(p){return p.applyRoundedCorners&&css$2(templateObject_25$1||(templateObject_25$1=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5));});var LargeBannerWrapper=_styled(LeftBannerWrapper).withConfig({displayName:"PageItemTile__LargeBannerWrapper",componentId:"sc-lcm8k6-14"})(templateObject_28$1||(templateObject_28$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_27$1||(templateObject_27$1=__makeTemplateObject(["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "],["\n      ","\n      overflow: hidden;\n      /* fix for iOS and Safari: overflow: hidden with border-radius */\n      transform: translateZ(0);\n    "])),BorderRadiusStyle(5,true));});var templateObject_1$1R,templateObject_2$18,templateObject_3$L,templateObject_4$w,templateObject_5$t,templateObject_6$k,templateObject_7$e,templateObject_8$d,templateObject_9$b,templateObject_10$a,templateObject_11$6,templateObject_12$5,templateObject_13$4,templateObject_14$4,templateObject_15$4,templateObject_16$4,templateObject_17$3,templateObject_18$2,templateObject_19$2,templateObject_20$1,templateObject_21$2,templateObject_22$2,templateObject_23$2,templateObject_24$1,templateObject_25$1,templateObject_26$1,templateObject_27$1,templateObject_28$1;var global$1=global$m;var trim=stringTrim$1.trim;var whitespaces$4=whitespaces$3;var $parseInt=global$1.parseInt;var hex=/^[+-]?0[Xx]/;var FORCED=$parseInt(whitespaces$4+'08')!==8||$parseInt(whitespaces$4+'0x16')!==22;// `parseInt` method
 // https://tc39.github.io/ecma262/#sec-parseint-string-radix
 var numberParseInt=FORCED?function parseInt(string,radix){var S=trim(String(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10));}:$parseInt;var $$4=_export;var parseIntImplementation=numberParseInt;// `parseInt` method
 // https://tc39.github.io/ecma262/#sec-parseint-string-radix
@@ -138194,12 +138194,20 @@ var PublishingDateFilter = function PublishingDateFilter() {
   }), void 0);
 
   function handleStartDateChange(dateTime) {
+    if (!dateTime || (filter === null || filter === void 0 ? void 0 : filter.afterDate) === dateTime) {
+      return;
+    }
+
     onChange(__assign$g(__assign$g({}, filter), {
       afterDate: dateTime
     }));
   }
 
   function handleEndDateChange(dateTime) {
+    if (!dateTime || (filter === null || filter === void 0 ? void 0 : filter.beforeDate) === dateTime) {
+      return;
+    }
+
     onChange(__assign$g(__assign$g({}, filter), {
       beforeDate: dateTime
     }));
@@ -138217,14 +138225,11 @@ var PublishingDateFilter = function PublishingDateFilter() {
       return undefined;
     }
 
-    var start = format(new Date(filter.afterDate), 'P');
-    var end = format(new Date(filter.beforeDate), 'P');
-
     if (!filter.afterDate) {
       return jsxs(Fragment, {
         children: [jsx$1(FormattedMessage$1, {
           id: "FilterPanel.publishingDateBefore"
-        }, void 0), "\u00A0", end, "\u00A0"]
+        }, void 0), "\u00A0", format(new Date(filter.beforeDate), 'P'), "\u00A0"]
       }, void 0);
     }
 
@@ -138232,10 +138237,12 @@ var PublishingDateFilter = function PublishingDateFilter() {
       return jsxs(Fragment, {
         children: [jsx$1(FormattedMessage$1, {
           id: "FilterPanel.publishingDateAfter"
-        }, void 0), "\u00A0", start, "\u00A0"]
+        }, void 0), "\u00A0", format(new Date(filter.afterDate), 'P'), "\u00A0"]
       }, void 0);
     }
 
+    var start = format(new Date(filter.afterDate), 'P');
+    var end = format(new Date(filter.beforeDate), 'P');
     return jsxs(Fragment, {
       children: [start, " - ", end, "\u00A0"]
     }, void 0);