@ni/nimble-components 16.1.3 → 16.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/all-components-bundle.js +111 -60
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +370 -341
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/wafer-map/index.d.ts +8 -0
  6. package/dist/esm/wafer-map/index.js +29 -3
  7. package/dist/esm/wafer-map/index.js.map +1 -1
  8. package/dist/esm/wafer-map/modules/rendering.d.ts +1 -1
  9. package/dist/esm/wafer-map/modules/rendering.js +2 -2
  10. package/dist/esm/wafer-map/modules/rendering.js.map +1 -1
  11. package/dist/esm/wafer-map/styles.js +21 -3
  12. package/dist/esm/wafer-map/styles.js.map +1 -1
  13. package/dist/esm/wafer-map/template.js +14 -5
  14. package/dist/esm/wafer-map/template.js.map +1 -1
  15. package/package.json +2 -1
package/dist/esm/wafer-map/index.d.ts CHANGED
@@ -15,13 +15,20 @@ export declare class WaferMap extends FoundationElement {
15
15
  dieLabelsHidden: boolean;
16
16
  dieLabelsSuffix: string;
17
17
  readonly canvas: HTMLCanvasElement;
18
+ /**
19
+ * @internal
20
+ */
21
+ canvasSideLength: number | undefined;
18
22
  colorScaleMode: WaferMapColorScaleMode;
19
23
  highlightedValues: string[];
20
24
  dies: WaferMapDie[];
21
25
  colorScale: WaferMapColorScale;
22
26
  private renderQueued;
23
27
  private dataManager;
28
+ private renderer;
29
+ private resizeObserver;
24
30
  connectedCallback(): void;
31
+ disconnectedCallback(): void;
25
32
  /**
26
33
  * @internal
27
34
  */
@@ -35,5 +42,6 @@ export declare class WaferMap extends FoundationElement {
35
42
  private highlightedValuesChanged;
36
43
  private diesChanged;
37
44
  private colorScaleChanged;
45
+ private canvasSideLengthChanged;
38
46
  private queueRender;
39
47
  }
package/dist/esm/wafer-map/index.js CHANGED
@@ -28,16 +28,31 @@ export class WaferMap extends FoundationElement {
28
28
  }
29
29
  connectedCallback() {
30
30
  super.connectedCallback();
31
+ this.resizeObserver = new ResizeObserver(entries => {
32
+ const entry = entries[0];
33
+ if (entry === undefined)
34
+ return;
35
+ const { height, width } = entry.contentRect;
36
+ this.canvasSideLength = Math.min(height, width);
37
+ });
38
+ this.resizeObserver.observe(this);
31
39
  this.queueRender();
32
40
  }
41
+ disconnectedCallback() {
42
+ super.disconnectedCallback();
43
+ this.resizeObserver.unobserve(this);
44
+ }
33
45
  /**
34
46
  * @internal
35
47
  */
36
48
  render() {
37
49
  this.renderQueued = false;
38
- this.dataManager = new DataManager(this.dies, this.quadrant, { width: 500, height: 500 }, this.colorScale, this.highlightedValues, this.colorScaleMode, this.dieLabelsHidden, this.dieLabelsSuffix, this.maxCharacters);
39
- const renderer = new RenderingModule(this.dataManager, this.canvas);
40
- renderer.drawWafer();
50
+ if (this.canvasSideLength === undefined || this.canvasSideLength === 0)
51
+ return;
52
+ this.renderer?.clearCanvas(this.canvasSideLength, this.canvasSideLength);
53
+ this.dataManager = new DataManager(this.dies, this.quadrant, { width: this.canvasSideLength, height: this.canvasSideLength }, this.colorScale, this.highlightedValues, this.colorScaleMode, this.dieLabelsHidden, this.dieLabelsSuffix, this.maxCharacters);
54
+ this.renderer = new RenderingModule(this.dataManager, this.canvas);
55
+ this.renderer.drawWafer();
41
56
  }
42
57
  quadrantChanged() {
43
58
  this.queueRender();
@@ -66,6 +81,14 @@ export class WaferMap extends FoundationElement {
66
81
  colorScaleChanged() {
67
82
  this.queueRender();
68
83
  }
84
+ canvasSideLengthChanged() {
85
+ if (this.canvasSideLength !== undefined
86
+ && this.canvasSideLength !== 0) {
87
+ this.canvas.width = this.canvasSideLength;
88
+ this.canvas.height = this.canvasSideLength;
89
+ }
90
+ this.queueRender();
91
+ }
69
92
  queueRender() {
70
93
  if (!this.$fastController.isConnected) {
71
94
  return;
@@ -104,6 +127,9 @@ __decorate([
104
127
  attribute: 'color-scale-mode'
105
128
  })
106
129
  ], WaferMap.prototype, "canvas", void 0);
130
+ __decorate([
131
+ observable
132
+ ], WaferMap.prototype, "canvasSideLength", void 0);
107
133
  __decorate([
108
134
  observable
109
135
  ], WaferMap.prototype, "colorScaleMode", void 0);
package/dist/esm/wafer-map/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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"}
package/dist/esm/wafer-map/modules/rendering.d.ts CHANGED
@@ -7,5 +7,5 @@ export declare class RenderingModule {
7
7
  private readonly context;
8
8
  constructor(waferData: DataManager, canvas: HTMLCanvasElement);
9
9
  drawWafer(): void;
10
- clearCanvas(): void;
10
+ clearCanvas(width: number, height: number): void;
11
11
  }
package/dist/esm/wafer-map/modules/rendering.js CHANGED
@@ -19,8 +19,8 @@ export class RenderingModule {
19
19
  this.context.fillText(die.text, die.x + dimensions.width / 2, die.y + dimensions.height / 2 + aproxTextHeight.width / 2);
20
20
  }
21
21
  }
22
- clearCanvas() {
23
- this.context.clearRect(0, 0, this.waferData.containerDimensions.width, this.waferData.containerDimensions.height);
22
+ clearCanvas(width, height) {
23
+ this.context.clearRect(0, 0, width, height);
24
24
  }
25
25
  }
26
26
  //# sourceMappingURL=rendering.js.map
package/dist/esm/wafer-map/modules/rendering.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rendering.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/rendering.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,eAAe;IAIxB,YAAmB,SAAsB,EAAE,MAAyB;QAChE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;IAC5C,CAAC;IAEM,SAAS;QACZ,MAAM,IAAI,GAAoB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QAC5D,MAAM,UAAU,GAAe,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;QAE5D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;YACvC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAClB,GAAG,CAAC,CAAC,EACL,GAAG,CAAC,CAAC,EACL,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAC;YAEF,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC7D,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;YAClC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,CAAC,OAAO,CAAC,QAAQ,CACjB,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,EAC5B,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,CAC5D,CAAC;SACL;IACL,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,OAAO,CAAC,SAAS,CAClB,CAAC,EACD,CAAC,EACD,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EACxC,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,MAAM,CAC5C,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"rendering.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/rendering.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,eAAe;IAIxB,YAAmB,SAAsB,EAAE,MAAyB;QAChE,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC;IAC5C,CAAC;IAEM,SAAS;QACZ,MAAM,IAAI,GAAoB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;QAC5D,MAAM,UAAU,GAAe,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;QAE5D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACpB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;YACvC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAClB,GAAG,CAAC,CAAC,EACL,GAAG,CAAC,CAAC,EACL,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAC;YAEF,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YAC7D,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;YAClC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEtD,IAAI,CAAC,OAAO,CAAC,QAAQ,CACjB,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,EAC5B,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,CAC5D,CAAC;SACL;IACL,CAAC;IAEM,WAAW,CAAC,KAAa,EAAE,MAAc;QAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAChD,CAAC;CACJ"}
package/dist/esm/wafer-map/styles.js CHANGED
@@ -1,11 +1,17 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { borderColor, borderWidth } from '../theme-provider/design-tokens';
3
3
  export const styles = css `
4
- .wafer-map-container {
4
+ :host {
5
+ display: inline-block;
5
6
  width: 500px;
6
7
  height: 500px;
8
+ }
9
+
10
+ .wafer-map-container {
11
+ width: 100%;
12
+ padding-bottom: 100%;
7
13
  position: relative;
8
- display: flex;
14
+ display: inline-block;
9
15
  justify-content: center;
10
16
  align-items: center;
11
17
  }
@@ -13,6 +19,7 @@ export const styles = css `
13
19
  .svg-root {
14
20
  width: 100%;
15
21
  height: 100%;
22
+ position: absolute;
16
23
  }
17
24
 
18
25
  .svg-root.top {
@@ -34,13 +41,14 @@ export const styles = css `
34
41
  .zoom-container {
35
42
  width: 100%;
36
43
  height: 100%;
44
+ position: absolute;
37
45
  }
38
46
 
39
47
  .circle-base {
40
48
  width: 100%;
41
49
  height: 100%;
42
50
  position: absolute;
43
- fill: white;
51
+ fill: transparent;
44
52
  }
45
53
 
46
54
  .circle-drawing-path {
@@ -52,6 +60,16 @@ export const styles = css `
52
60
 
53
61
  .wafer-map-area {
54
62
  position: absolute;
63
+ justify-content: center;
64
+ align-items: center;
65
+ width: 100%;
66
+ height: 100%;
67
+ }
68
+
69
+ .wafer-map-canvas {
70
+ display: inline-block;
71
+ width: 100%;
72
+ height: 100%;
55
73
  }
56
74
  `;
57
75
  //# sourceMappingURL=styles.js.map
package/dist/esm/wafer-map/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/wafer-map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA8CD,WAAW;kBACjB,WAAW;;;;;;CAM5B,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/wafer-map/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsDD,WAAW;kBACjB,WAAW;;;;;;;;;;;;;;;;CAgB5B,CAAC"}
package/dist/esm/wafer-map/template.js CHANGED
@@ -2,14 +2,23 @@ import { html, ref } from '@microsoft/fast-element';
2
2
  export const template = html `
3
3
  <div class="wafer-map-container">
4
4
  <svg class="svg-root ${x => x.orientation}">
5
- <g class="zoom-container">
6
- <svg class="circle-base" version="1.1" x="0px" y="0px" viewbox="1 .45 20 21">
7
- <path class="circle-drawing-path" d="m 21 12 a 10 10 330 1 1 0 -1.98 a 1 1 0 0 0 0 2"/>
5
+ <g class="zoom-container">
6
+ <svg
7
+ class="circle-base"
8
+ version="1.1"
9
+ x="0px"
10
+ y="0px"
11
+ viewBox="1 .45 20 21"
12
+ >
13
+ <path
14
+ class="circle-drawing-path"
15
+ d="m 21 12 a 10 10 330 1 1 0 -1.98 a 1 1 0 0 0 0 2"
16
+ />
8
17
  </svg>
9
18
  </g>
10
19
  </svg>
11
- <div class="wafer-map-area" style="left: 0px; top: 0px">
12
- <canvas width=500 height="500" ${ref('canvas')}>
20
+ <div class="wafer-map-area">
21
+ <canvas class="wafer-map-canvas" ${ref('canvas')}></canvas>
13
22
  </div>
14
23
  </div>
15
24
  `;
package/dist/esm/wafer-map/template.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/wafer-map/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;+BAEP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;6CAQJ,GAAG,CAAC,QAAQ,CAAC;;;CAGzD,CAAC"}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/wafer-map/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAGpD,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAU;;+BAEP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;;;;;;;+CAiBF,GAAG,CAAC,QAAQ,CAAC;;;CAG3D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "16.1.3",
3
+ "version": "16.1.5",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -68,6 +68,7 @@
68
68
  "@ni/eslint-config-typescript": "^4.1.0",
69
69
  "@rollup/plugin-commonjs": "^21.0.2",
70
70
  "@rollup/plugin-node-resolve": "13.1.3",
71
+ "@rollup/plugin-replace": "^5.0.1",
71
72
  "@storybook/addon-a11y": "^6.5.10",
72
73
  "@storybook/addon-actions": "^6.5.10",
73
74
  "@storybook/addon-docs": "^6.5.10",