@ni/nimble-components 21.5.0 → 21.5.1

package/dist/esm/wafer-map/modules/zoom-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-handler.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/zoom-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EACH,IAAI,EAEJ,YAAY,EAEZ,aAAa,EAChB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,OAAO,WAAW;IAOpB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAN9C,kBAAa,GAAkB,YAAY,CAAC;QACnC,aAAQ,GAAG,GAAG,CAAC;QACf,mBAAc,GAAqB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAChD,kBAAa,GAAG,GAAG,CAAC;IAGoB,CAAC;IAEnD,kBAAkB;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,EAAE;aACrB,WAAW,CAAC;YACT,GAAG;YACH,IAAI,CAAC,UAAU,CACX,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,EACtD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK;kBAC7C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAC7D;SACJ,CAAC;aACD,eAAe,CAAC;YACb,IAAI,CAAC,cAAc;YACnB;gBACI,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa;gBAC9C,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa;aAClD;SACJ,CAAC;aACD,MAAM,CAAC,CAAC,KAAY,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;YAC1E,OAAO,UAAU,CAAC;QACtB,CAAC,CAAC;aACD,EAAE,CAAC,MAAM,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC7B,sEAAsE;YACtE,mEAAmE;YACnE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEP,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAiB,CAAC,CAAC,CAAC;IAC/D,CAAC;IAEO,OAAO,CAAC,KAAgB;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QAClC,IAAI,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;YAClC,IAAI,CAAC,YAAY,CAAC,SAAS,CACvB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAiB,CAAC,EACvC,YAAY,CACf,CAAC;SACL;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;SAClC;QAED,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;IACjD,CAAC;IAEO,UAAU,CAAC,UAAkB,EAAE,QAAgB;QACnD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC;IACpD,CAAC;CACJ"}
+{"version":3,"file":"zoom-handler.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/zoom-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EACH,IAAI,EAEJ,YAAY,EAEZ,aAAa,EAChB,MAAM,SAAS,CAAC;AAOjB;;GAEG;AACH,MAAM,OAAO,WAAW;IAOpB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAN9C,kBAAa,GAAkB,YAAY,CAAC;QACnC,aAAQ,GAAG,GAAG,CAAC;QACf,mBAAc,GAAqB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAChD,kBAAa,GAAG,GAAG,CAAC;IAGoB,CAAC;IAEnD,kBAAkB;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,EAAE;aACrB,WAAW,CAAC;YACT,GAAG;YACH,IAAI,CAAC,UAAU,CACX,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,EACtD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK;kBAC7C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAC7D;SACJ,CAAC;aACD,eAAe,CAAC;YACb,IAAI,CAAC,cAAc;YACnB;gBACI,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa;gBAC9C,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa;aAClD;SACJ,CAAC;aACD,MAAM,CAAC,CAAC,KAAY,EAAE,EAAE;YACrB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;YAC1E,OAAO,UAAU,CAAC;QACtB,CAAC,CAAC;aACD,EAAE,CAAC,MAAM,EAAE,CAAC,KAAgB,EAAE,EAAE;YAC7B,sEAAsE;YACtE,mEAAmE;YACnE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEP,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAiB,CAAC,CAAC,CAAC;IAC/D,CAAC;IAEO,OAAO,CAAC,KAAgB;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;QAClC,IAAI,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC/B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;YAClC,IAAI,CAAC,YAAY,CAAC,SAAS,CACvB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAiB,CAAC,EACvC,YAAY,CACf,CAAC;SACL;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;SAClC;QAED,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;IACjD,CAAC;IAEO,UAAU,CAAC,UAAkB,EAAE,QAAgB;QACnD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC;IACpD,CAAC;CACJ","sourcesContent":["import { select } from 'd3-selection';\nimport {\n    zoom,\n    ZoomBehavior,\n    zoomIdentity,\n    ZoomTransform,\n    zoomTransform\n} from 'd3-zoom';\nimport type { WaferMap } from '..';\n\ninterface ZoomEvent {\n    transform: ZoomTransform;\n}\n\n/**\n * ZoomHandler deals with user interactions and events like zooming\n */\nexport class ZoomHandler {\n    private zoomTransform: ZoomTransform = zoomIdentity;\n    private readonly minScale = 1.1;\n    private readonly minExtentPoint: [number, number] = [-100, -100];\n    private readonly extentPadding = 100;\n    private zoomBehavior!: ZoomBehavior<Element, unknown>;\n\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public createZoomBehavior(): void {\n        this.zoomBehavior = zoom()\n            .scaleExtent([\n                1.1,\n                this.getZoomMax(\n                    this.wafermap.canvasWidth * this.wafermap.canvasHeight,\n                    this.wafermap.dataManager.containerDimensions.width\n                        * this.wafermap.dataManager.containerDimensions.height\n                )\n            ])\n            .translateExtent([\n                this.minExtentPoint,\n                [\n                    this.wafermap.canvasWidth + this.extentPadding,\n                    this.wafermap.canvasHeight + this.extentPadding\n                ]\n            ])\n            .filter((event: Event) => {\n                const transform = zoomTransform(this.wafermap.canvas);\n                const filterEval = transform.k >= this.minScale || event.type === 'wheel';\n                return filterEval;\n            })\n            .on('zoom', (event: ZoomEvent) => {\n                // D3 will automatically remove existing handlers when adding new ones\n                // See: https://github.com/d3/d3-zoom/blob/v3.0.0/README.md#zoom_on\n                this.rescale(event);\n            });\n\n        this.zoomBehavior(select(this.wafermap.canvas as Element));\n    }\n\n    private rescale(event: ZoomEvent): void {\n        const transform = event.transform;\n        if (transform.k === this.minScale) {\n            this.zoomTransform = zoomIdentity;\n            this.zoomBehavior.transform(\n                select(this.wafermap.canvas as Element),\n                zoomIdentity\n            );\n        } else {\n            this.zoomTransform = transform;\n        }\n\n        this.wafermap.transform = this.zoomTransform;\n    }\n\n    private getZoomMax(canvasArea: number, dataArea: number): number {\n        return Math.ceil((dataArea / canvasArea) * 100);\n    }\n}\n"]}

package/dist/esm/wafer-map/styles.js.map

@@ -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,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAiDD,WAAW;kBACjB,WAAW;;;;;;;;;;;;;;;;;;;yBAmBJ,iBAAiB;;;;;;;;;;;;;;CAczC,CAAC"}
+{"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,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAiDD,WAAW;kBACjB,WAAW;;;;;;;;;;;;;;;;;;;yBAmBJ,iBAAiB;;;;;;;;;;;;;;CAczC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { DigitalGreenLight } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';\nimport { borderColor, borderWidth } from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    :host {\n        display: inline-block;\n        width: 500px;\n        height: 500px;\n    }\n\n    .wafer-map-container {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        display: inline-block;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .svg-root {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n    }\n\n    .notch {\n        transform-origin: center center;\n    }\n\n    .notch.top {\n        transform: rotate(-90deg);\n    }\n\n    .notch.right {\n        transform: rotate(0deg);\n    }\n\n    .notch.left {\n        transform: rotate(180deg);\n    }\n\n    .notch.bottom {\n        transform: rotate(90deg);\n    }\n\n    .circle-base {\n        fill: white;\n    }\n\n    .circle-drawing-path {\n        shape-rendering: 'crispEdges';\n        vector-effect: non-scaling-stroke;\n        stroke-width: ${borderWidth};\n        stroke: ${borderColor};\n    }\n\n    .wafer-map-canvas {\n        display: inline-block;\n        position: absolute;\n    }\n\n    .hover-layer {\n        position: absolute;\n        pointer-events: none;\n        width: 100%;\n        height: 100%;\n    }\n\n    .hover-rect {\n        fill: transparent;\n        stroke: white;\n        outline-style: solid;\n        outline-color: ${DigitalGreenLight};\n    }\n\n    .hover-rect.show {\n        opacity: 1;\n        stroke-width: 2px;\n        outline-width: 2px;\n    }\n\n    .hover-rect.hide {\n        opacity: 0;\n        stroke-width: 0px;\n        outline-width: 0px;\n    }\n`;\n"]}

package/dist/esm/wafer-map/template.js.map

@@ -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;;;iBAGrB,GAAG,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE;kCAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;;;;;;2CAgBT,GAAG,CAAC,QAAQ,CAAC;;;oCAGpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;yBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;CAI3C,CAAC"}
+{"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;;;iBAGrB,GAAG,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE;kCAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;;;;;;;;;;;;;2CAgBT,GAAG,CAAC,QAAQ,CAAC;;;oCAGpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;yBACzB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;;;CAI3C,CAAC","sourcesContent":["import { html, ref } from '@microsoft/fast-element';\nimport type { WaferMap } from '.';\n\nexport const template = html<WaferMap>`\n    <div class=\"wafer-map-container\">\n        <svg class=\"svg-root\">\n            <g ${ref('zoomContainer')} transform=${x => x.transform.toString()}>\n                <g class=\"notch ${x => x.orientation}\">\n                    <svg\n                        class=\"circle-base\"\n                        version=\"1.1\"\n                        x=\"0px\"\n                        y=\"0px\"\n                        viewBox=\"0 0 41 41\"\n                    >\n                        <path\n                            class=\"circle-drawing-path\"\n                            d=\"m 40.5 21 a 20 20 1 1 1 0 -1 a 0.5 0.5 0 0 0 0 1\"\n                        />\n                    </svg>\n                </g>\n            </g>\n        </svg>\n        <canvas class=\"wafer-map-canvas\" ${ref('canvas')}></canvas>\n        <svg class=\"hover-layer\">\n            <rect\n                class=\"hover-rect ${x => x.hoverOpacity}\"\n                transform=\"${x => x.hoverTransform}\"\n                width=\"${x => x.hoverWidth}\"\n                height=\"${x => x.hoverHeight}\"\n            />\n        </svg>\n    </div>\n`;\n"]}

package/dist/esm/wafer-map/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/wafer-map/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACf,CAAC;AAKX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC;AAKX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACN,CAAC;AAKX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/wafer-map/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACf,CAAC;AAKX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC;AAKX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACN,CAAC;AAKX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACZ,CAAC","sourcesContent":["import type { DataManager } from './modules/data-manager';\n\nexport const WaferMapOriginLocation = {\n    bottomLeft: 'bottom-left',\n    bottomRight: 'bottom-right',\n    topLeft: 'top-left',\n    topRight: 'top-right'\n} as const;\n\nexport type WaferMapOriginLocation =\n    (typeof WaferMapOriginLocation)[keyof typeof WaferMapOriginLocation];\n\nexport const WaferMapOrientation = {\n    top: 'top',\n    bottom: 'bottom',\n    left: 'left',\n    right: 'right'\n} as const;\n\nexport type WaferMapOrientation =\n    (typeof WaferMapOrientation)[keyof typeof WaferMapOrientation];\n\nexport const HoverDieOpacity = {\n    show: 'show',\n    hide: 'hide'\n} as const;\n\nexport type HoverDieOpacity =\n    (typeof HoverDieOpacity)[keyof typeof HoverDieOpacity];\n\nexport const WaferMapColorScaleMode = {\n    linear: 'linear',\n    ordinal: 'ordinal'\n} as const;\n\nexport type WaferMapColorScaleMode =\n    (typeof WaferMapColorScaleMode)[keyof typeof WaferMapColorScaleMode];\n\nexport interface WaferMapDie {\n    value: string;\n    x: number;\n    y: number;\n    // The metadata field is not used by the wafer-map and is only for optionally storing arbitrary metadata.\n    metadata?: unknown;\n    tags?: string[];\n}\n\nexport interface WaferMapColorScale {\n    colors: string[];\n    values: string[];\n}\n\nexport interface HoverHandlerData {\n    canvas: HTMLCanvasElement;\n    rect: HTMLElement;\n    dataManager: DataManager;\n    originLocation: WaferMapOriginLocation;\n}\n\nexport interface Dimensions {\n    readonly width: number;\n    readonly height: number;\n}\n\nexport interface Margin {\n    readonly top: number;\n    readonly right: number;\n    readonly bottom: number;\n    readonly left: number;\n}\n\nexport interface DieRenderInfo {\n    readonly x: number;\n    readonly y: number;\n    readonly fillStyle: string;\n    readonly text: string;\n}\n\nexport interface PointCoordinates {\n    readonly x: number;\n    readonly y: number;\n}\n\nexport interface ValidityObject {\n    [key: string]: boolean;\n}\nexport interface WaferMapValidity extends ValidityObject {\n    readonly invalidGridDimensions: boolean;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "21.5.0",
+  "version": "21.5.1",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -64,7 +64,7 @@
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "2.49.4",
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@ni/nimble-tokens": "^6.10.0",
+    "@ni/nimble-tokens": "^6.10.1",
     "@tanstack/table-core": "^8.10.7",
     "@tanstack/virtual-core": "^3.0.0-beta.68",
     "@tiptap/core": "^2.2.2",