autoSize | Make your text the ideal size for any situation

Don't use Format-Table and Out-String -Width instead use a loop to construct an array of strings:

What if I also wanted to control the background image based on what component is opened on the router-outlet?

You probably need the RouterLinkActive Directive.

Tracks whether the linked route of an element is currently active, and allows you to specify one or more CSS classes to add to the element when the linked route is active.

How to use it?

That's because by calling Sleep you freeze Windows message pump, so the image cannot draw.

Quick and dirty solution is to force repaint before the Sleep:

With a lack of good alternatives, I bit the bullet and tried my hand at creating my own sankey plot that looks more like plotly and sankeymatic. This uses purely Matplotlib and produces flows like below. I don't see the plotly image in your post though, so I don't know what you want it to look like exactly.

Full code at bottom. You can install this with python -m pip install sankeyflow. The basic workflow is simply

No, this doesn't work. There is an open issue for this:

https://github.com/plotly/plotly.js/issues/4755

And it doesn't seem that this will come soon. You have to decide between your way and something like:

This isn't so much to do with Select-Object per se - it's more to do with how PowerShell converts values into string representations, and specifically in this case how it does that when it displays uncaptured output from cmdlets on the console.

PowerShell (Windows and Core) has a bunch of preconfigured "views" that define how some built-in types are rendered - e.g. whether they use Format-List or Format-Table, what properties to display, and in the case of tables, how wide to display each column - see about_Format.ps1xml.

For other types, PowerShell tries to make a best-guess on the fly. To do that it waits for the first N items in arrive from the input to make a decision on the formatting rules to apply. I can't find any definitive documentation that says how many items PowerShell waits for, so that might be a good follow-up question :-).

And you can obviously override these defaults by passing formatting parameters for Format-Table and Format-List.

In your case the top-level script has received pipeline output containing an array of PSCustomObject objects (i.e. the output from Select-Object) and it's decided to show them in a table with a column for the FullName property.

Example 1

In your first example, it's looked at the first two PSCustomObject items and decided to make the FullName column 54 characters wide since that's the length of C:\Users\rny\YYY\TODO\2021-11_29_abcdefghijklmnop.wxyz, and the third item gets truncated to that same width (if you include the ...) because it wasn't included in the decision-making process for column widths.

from the image you attached it seems like your images are not dynamically measured. consider adding this library

you need to add something like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'string')

I believe the issue is where you are declaring your proptypes for StarRating.

I made some adjustments to the size you are using: