- withState(ui, preloadedState?): Element
- 
Parameters
- 
- 
OptionalpreloadedState: {
 entity?: {
 place?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; smartId: string; linked: { dbpedia?: string | undefined; geonames?: string | undefined; mapycz?: string | undefined; osm?: string | undefined; wikidata?: string | undefined; yago?: string | undefined; }; attributes: { ...;
 };
 favorites?: {
 createExpanded: boolean;
 direcs: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; })[];
 direcsExpanded: boolean;
 loaded: boolean;
 loadedRatio: number;
 location?: { lon: number; lat: number; };
 name: string;
 places: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; })[];
 placesExpanded: boolean;
 routes: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[];
 routesExpanded: boolean;
 };
 panel?: {
 block: boolean;
 dialogBlock: boolean;
 show: boolean;
 };
 resultDirecs?: {
 index: number;
 result: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId?: string | undefined; })[];
 };
 resultPlaces?: {
 filters: boolean[];
 page: number;
 pageSize: number;
 result?: { center: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; radius: number; categories: { ...; }[]; places: { ...; }[]; };
 };
 resultRoutes?: {
 categoryFilters: boolean[];
 index: number;
 result: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[];
 };
 searchDirecs?: {
 waypoints: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; })[];
 };
 searchPlaces?: {
 categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[];
 center?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 radius: number;
 };
 searchRoutes?: {
 arrows: ({ fr: number; to: number; })[];
 categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[];
 maxDistance: number;
 source?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 target?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 };
 session?: {
 login: boolean;
 solid: boolean;
 };
 solid?: {
 activated: boolean;
 availablePods?: string[];
 redirect: boolean;
 selectedPod: null | string;
 webId: string;
 };
 viewer?: {
 direc?: { name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; };
 place?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; };
 route?: { source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...;
 routeFilters: boolean[];
 };
 }
- 
Optionalentity?: {
 place?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; smartId: string; linked: { dbpedia?: string | undefined; geonames?: string | undefined; mapycz?: string | undefined; osm?: string | undefined; wikidata?: string | undefined; yago?: string | undefined; }; attributes: { ...;
 }
- 
Optionalplace?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; smartId: string; linked: { dbpedia?: string | undefined; geonames?: string | undefined; mapycz?: string | undefined; osm?: string | undefined; wikidata?: string | undefined; yago?: string | undefined; }; attributes: { ...
 
- 
Optionalfavorites?: {
 createExpanded: boolean;
 direcs: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; })[];
 direcsExpanded: boolean;
 loaded: boolean;
 loadedRatio: number;
 location?: { lon: number; lat: number; };
 name: string;
 places: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; })[];
 placesExpanded: boolean;
 routes: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[];
 routesExpanded: boolean;
 }
- 
createExpanded: boolean
- 
direcs: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; })[]
- 
direcsExpanded: boolean
- 
loaded: boolean
- 
loadedRatio: number
- 
Optionallocation?: { lon: number; lat: number; }
- 
name: string
- 
places: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; })[]
- 
placesExpanded: boolean
- 
routes: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[]
- 
routesExpanded: boolean
 
- 
Optionalpanel?: {
 block: boolean;
 dialogBlock: boolean;
 show: boolean;
 }
- 
block: boolean
- 
dialogBlock: boolean
- 
show: boolean
 
- 
OptionalresultDirecs?: {
 index: number;
 result: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId?: string | undefined; })[];
 }
- 
index: number
- 
result: ({ name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId?: string | undefined; })[]
 
- 
OptionalresultPlaces?: {
 filters: boolean[];
 page: number;
 pageSize: number;
 result?: { center: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; radius: number; categories: { ...; }[]; places: { ...; }[]; };
 }
- 
filters: boolean[]
- 
page: number
- 
pageSize: number
- 
Optionalresult?: { center: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; radius: number; categories: { ...; }[]; places: { ...; }[]; }
 
- 
OptionalresultRoutes?: {
 categoryFilters: boolean[];
 index: number;
 result: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[];
 }
- 
categoryFilters: boolean[]
- 
index: number
- 
result: ({ source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...)[]
 
- 
OptionalsearchDirecs?: {
 waypoints: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; })[];
 }
- 
waypoints: ({ name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; })[]
 
- 
OptionalsearchPlaces?: {
 categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[];
 center?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 radius: number;
 }
- 
categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[]
- 
Optionalcenter?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }
- 
radius: number
 
- 
OptionalsearchRoutes?: {
 arrows: ({ fr: number; to: number; })[];
 categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[];
 maxDistance: number;
 source?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 target?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; };
 }
- 
arrows: ({ fr: number; to: number; })[]
- 
categories: ({ keyword: string; filters: { es?: { description?: {} | undefined; image?: {} | undefined; website?: {} | undefined; address?: {} | undefined; email?: {} | undefined; phone?: {} | undefined; socialNetworks?: {} | undefined; charge?: {} | undefined; openingHours?: {} | undefined; } | undefined; bs?: { ...; } | undefi...)[]
- 
maxDistance: number
- 
Optionalsource?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }
- 
Optionaltarget?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }
 
- 
Optionalsession?: {
 login: boolean;
 solid: boolean;
 }
- 
login: boolean
- 
solid: boolean
 
- 
Optionalsolid?: {
 activated: boolean;
 availablePods?: string[];
 redirect: boolean;
 selectedPod: null | string;
 webId: string;
 }
- 
activated: boolean
- 
OptionalavailablePods?: string[]
- 
redirect: boolean
- 
selectedPod: null | string
- 
webId: string
 
- 
Optionalviewer?: {
 direc?: { name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; };
 place?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; };
 route?: { source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...;
 routeFilters: boolean[];
 }
- 
Optionaldirec?: { name: string; path: { distance: number; duration: number; polyline: { lon: number; lat: number; }[]; }; waypoints: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }[]; direcId: string; }
- 
Optionalplace?: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId: string; smartId?: string | undefined; }
- 
Optionalroute?: { source: { name: string; location: { lon: number; lat: number; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined; }; target: { name: string; location: { ...; }; keywords: string[]; categories: number[]; placeId?: string | undefined; smartId?: string | undefined;...
- 
routeFilters: boolean[]