tileTemplate | A simple , high performance Javascript template engine

How can parent component recognise type of let-content which comes from ngTemplateOutletContext? Now {{content.type}} works correctly, but IDE says:

unresolved variable type

How can I type it as Video?

parent.component.ts:

I am trying to replicate this image: Goal

My problem is it is turning out like this: My current look

how would I go about getting it to look right? Currently I am just making a template so I filled the image color as blue and it will later be replaced with an icon.

I am facing a problem with Live Tiles in my UWP application. Microsoft provides different templates (MSDN) for different tile sizes to set the content but it also depends on the device how the content is displayed.

For example the wide tile can show more characters on a mobile device than on a desktop computer in a single row, but I want to use the most of the tile area for information display. Let's say the user has installed my app on a desktop computer and he has pinned the big square tile to his start menu. How can I detect the tile size to load the appropriate template? Basically I just want to use a different template depending on the tile the user has pinned (and then I want to handle the filling of the content depending on the used device, but I got that already covered).

Currently I am just using a wide template that does nothing if the user has pinned any other size than the wide one. If the user pinns the wide tile, it works. But I am struggling to find a generic solution for this issue. I'm using SheduledTileNotifications because my app only uses local data for the tile contents.

This is my code to update a tile with a given template:

Ive tried to read as many articles on this topic as possible. AFAIK Im doing this correctly however my map is never showing the results of my calls. Im trying to look at precipitation_new layer and while testing I set my Simulators location to an area that is currently showing precipitation but I never see anything on my map. This is my first attempt at using MKTileOverlay as well.

Ive tried changing canReplaceMapContent to NO and YES as well as varying the alpha with the same results.

Ive verified my map delegate is connected and working for all my other map calls. I also know that Im downloading requests because openweathermap has blocked me a couple times for calling their site too often (I only get 60 req/min right now).

Im doing the following:

I need an effect where I have my elements invisible but they actually do drop shadows. Is it possible to do that and if so, how?

EDIT: if this is impossible, I'm okay with using my elements (images and labels) as masks so only the shadow is visible. I'm going after some silhouette effects.

ANOTHER EDIT:

Here is the button itself:

I have this DataGrid:

I have the following button with the label inside whose foreground color I wish to bind to the button's: