WaferMap component - basic storybook implementation

[DStavilaNI]

WaferMap component - basic storybook implementation

🤨 Rationale

This PR implements an initial configuration for the story to be used for the wafermap component. The PR also adds some basic functionality and example code for both the wafermap class and its corresponding template.

👩‍💻 Implementation

• Implemented the corresponding story code
• Implemented some example data sets to be used for testing purposes within the story
• Implemented example code (within the component) and the template to showcase different usages

🧪 Testing

• Local testing has been done

✅ Checklist

• I have updated the project documentation to reflect my changes or determined no changes are needed.

[rajsite]

We should add a name: configuration that uses the attribute name for these args, ie name: 'max-characters'. Similar to the above it allows it to map more closely to the HTML representation.

[DStavilaNI]

applied

[rajsite]

@DStavilaNI I think there was a misunderstanding. The goal is so the names in the story align with the names in the user html example:

Currently the html that is rendered is also incorrect:

I'd expect the attribute names in storybook to look like max-characters as my comment described and not maxcharacters as your change shows. For such a big deviation from comments it may be worth asking for a clarification.

The expected HTML is:

<nimble-wafer-map
    colors-scale-mode="linear"
    die-labels-hidden
    max-characters="4"
    orientation="left"
    quadrant="bottom-left"
></nimble-wafer-map>

[rajsite]

Instead of revertting the changes in the PR I created the following issue: #836

Those changes need to be addressed for others to build on the storybook changes.

[elizaolariu]

I think here need to be "1" instead of "0"

case 'set2': returnedValue = highLightedValueSets[1];

[elizaolariu]

I think here maybe you need to have 4 cases because in the "sets.ts" file you have 4 examples.

[elizaolariu]

I think here maybe you need to have only 2 cases because in the "sets.ts" file you have only 2 examples.

[elizaolariu]

And also case 3 and 4 has the same data "wafermapDieSets[2]", maybe it should be updated too, if we want to have 4 cases :)