@ni/nimble-components 22.1.1 → 23.0.1

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 (44) hide show
  1. package/dist/all-components-bundle.js +280 -210
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +3428 -3424
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/theme-provider/design-token-comments.js +24 -16
  6. package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
  7. package/dist/esm/theme-provider/design-token-names.d.ts +1 -1
  8. package/dist/esm/theme-provider/design-token-names.js +25 -16
  9. package/dist/esm/theme-provider/design-token-names.js.map +1 -1
  10. package/dist/esm/theme-provider/design-tokens.d.ts +3 -2
  11. package/dist/esm/theme-provider/design-tokens.js +5 -3
  12. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  13. package/dist/esm/wafer-map/index.d.ts +13 -6
  14. package/dist/esm/wafer-map/index.js +33 -16
  15. package/dist/esm/wafer-map/index.js.map +1 -1
  16. package/dist/esm/wafer-map/modules/data-manager.js +1 -1
  17. package/dist/esm/wafer-map/modules/data-manager.js.map +1 -1
  18. package/dist/esm/wafer-map/modules/experimental/hover-handler.d.ts +23 -0
  19. package/dist/esm/wafer-map/modules/experimental/hover-handler.js +80 -0
  20. package/dist/esm/wafer-map/modules/experimental/hover-handler.js.map +1 -0
  21. package/dist/esm/wafer-map/modules/{worker-renderer.d.ts → experimental/worker-renderer.d.ts} +1 -1
  22. package/dist/esm/wafer-map/modules/{worker-renderer.js → experimental/worker-renderer.js} +1 -1
  23. package/dist/esm/wafer-map/modules/experimental/worker-renderer.js.map +1 -0
  24. package/dist/esm/wafer-map/modules/hover-handler.d.ts +10 -2
  25. package/dist/esm/wafer-map/modules/hover-handler.js +43 -26
  26. package/dist/esm/wafer-map/modules/hover-handler.js.map +1 -1
  27. package/dist/esm/wafer-map/modules/prerendering.d.ts +1 -3
  28. package/dist/esm/wafer-map/modules/prerendering.js +5 -6
  29. package/dist/esm/wafer-map/modules/prerendering.js.map +1 -1
  30. package/dist/esm/wafer-map/modules/wafer-map-validator.js +17 -23
  31. package/dist/esm/wafer-map/modules/wafer-map-validator.js.map +1 -1
  32. package/dist/esm/wafer-map/modules/zoom-handler.d.ts +11 -7
  33. package/dist/esm/wafer-map/modules/zoom-handler.js +27 -37
  34. package/dist/esm/wafer-map/modules/zoom-handler.js.map +1 -1
  35. package/dist/esm/wafer-map/template.d.ts +1 -1
  36. package/dist/esm/wafer-map/types.d.ts +11 -0
  37. package/dist/esm/wafer-map/types.js.map +1 -1
  38. package/dist/tokens-internal.scss +96 -48
  39. package/dist/tokens.scss +56 -32
  40. package/package.json +3 -3
  41. package/dist/esm/wafer-map/modules/event-coordinator.d.ts +0 -19
  42. package/dist/esm/wafer-map/modules/event-coordinator.js +0 -35
  43. package/dist/esm/wafer-map/modules/event-coordinator.js.map +0 -1
  44. package/dist/esm/wafer-map/modules/worker-renderer.js.map +0 -1
@@ -1,3 +1,4 @@
1
+ import type { Float64, Int32 } from 'apache-arrow';
1
2
  export declare const WaferMapOriginLocation: {
2
3
  readonly bottomLeft: "bottom-left";
3
4
  readonly bottomRight: "bottom-right";
@@ -29,6 +30,11 @@ export interface WaferMapDie {
29
30
  metadata?: unknown;
30
31
  tags?: string[];
31
32
  }
33
+ export interface HoverDie {
34
+ index: number;
35
+ x: number;
36
+ y: number;
37
+ }
32
38
  export interface WaferMapColorScale {
33
39
  colors: string[];
34
40
  values: string[];
@@ -60,3 +66,8 @@ export interface WaferMapValidity extends ValidityObject {
60
66
  readonly invalidGridDimensions: boolean;
61
67
  readonly invalidDiesTableSchema: boolean;
62
68
  }
69
+ export type WaferRequiredFields = {
70
+ colIndex: Int32;
71
+ rowIndex: Int32;
72
+ value: Float64;
73
+ };
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/wafer-map/types.ts"],"names":[],"mappings":"AAAA,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":["export 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 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 readonly invalidDiesTableSchema: boolean;\n}\n"]}
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","sourcesContent":["import type { Float64, Int32 } from 'apache-arrow';\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 HoverDie {\n index: number;\n x: number;\n y: number;\n}\n\nexport interface WaferMapColorScale {\n colors: string[];\n values: string[];\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 readonly invalidDiesTableSchema: boolean;\n}\n\n// Apache arrow probably should not be using a Record and index types on TypeMap\n// because in strict checking they end up required.\n// See: https://github.com/apache/arrow/issues/12663#issuecomment-1088244575\n// We can work around that issue by using a type alias instead of an interface\n// Where index signatures are looser.\n// See: https://github.com/microsoft/TypeScript/issues/15300#issuecomment-1317901527\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport type WaferRequiredFields = {\n colIndex: Int32,\n rowIndex: Int32,\n value: Float64\n};\n"]}
@@ -956,6 +956,54 @@ $ni-nimble-internal-placeholder-font-line-height: --ni-nimble-placeholder-font-l
956
956
  /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-placeholder-fallback-font-family}: <new value>;`.
957
957
  $ni-nimble-internal-placeholder-fallback-font-family: --ni-nimble-placeholder-fallback-font-family;
958
958
 
959
+ /// Internal property for $ni-nimble-body-font.
960
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
961
+ /// Used to override a token value (generally making it no longer theme-aware).
962
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font}: <new value>;`.
963
+ $ni-nimble-internal-body-font: --ni-nimble-body-font;
964
+
965
+ /// Internal property for $ni-nimble-body-font-color.
966
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
967
+ /// Used to override a token value (generally making it no longer theme-aware).
968
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-color}: <new value>;`.
969
+ $ni-nimble-internal-body-font-color: --ni-nimble-body-font-color;
970
+
971
+ /// Internal property for $ni-nimble-body-disabled-font-color.
972
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
973
+ /// Used to override a token value (generally making it no longer theme-aware).
974
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-disabled-font-color}: <new value>;`.
975
+ $ni-nimble-internal-body-disabled-font-color: --ni-nimble-body-disabled-font-color;
976
+
977
+ /// Internal property for $ni-nimble-body-font-family.
978
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
979
+ /// Used to override a token value (generally making it no longer theme-aware).
980
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-family}: <new value>;`.
981
+ $ni-nimble-internal-body-font-family: --ni-nimble-body-font-family;
982
+
983
+ /// Internal property for $ni-nimble-body-font-size.
984
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
985
+ /// Used to override a token value (generally making it no longer theme-aware).
986
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-size}: <new value>;`.
987
+ $ni-nimble-internal-body-font-size: --ni-nimble-body-font-size;
988
+
989
+ /// Internal property for $ni-nimble-body-font-weight.
990
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
991
+ /// Used to override a token value (generally making it no longer theme-aware).
992
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-weight}: <new value>;`.
993
+ $ni-nimble-internal-body-font-weight: --ni-nimble-body-font-weight;
994
+
995
+ /// Internal property for $ni-nimble-body-font-line-height.
996
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
997
+ /// Used to override a token value (generally making it no longer theme-aware).
998
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-line-height}: <new value>;`.
999
+ $ni-nimble-internal-body-font-line-height: --ni-nimble-body-font-line-height;
1000
+
1001
+ /// Internal property for $ni-nimble-body-fallback-font-family.
1002
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
1003
+ /// Used to override a token value (generally making it no longer theme-aware).
1004
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-fallback-font-family}: <new value>;`.
1005
+ $ni-nimble-internal-body-fallback-font-family: --ni-nimble-body-fallback-font-family;
1006
+
959
1007
  /// Internal property for $ni-nimble-body-emphasized-font.
960
1008
  /// Not intended for general use. If used, inform Nimble squad of use-case.
961
1009
  /// Used to override a token value (generally making it no longer theme-aware).
@@ -1004,101 +1052,101 @@ $ni-nimble-internal-body-emphasized-font-line-height: --ni-nimble-body-emphasize
1004
1052
  /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-fallback-font-family}: <new value>;`.
1005
1053
  $ni-nimble-internal-body-emphasized-fallback-font-family: --ni-nimble-body-emphasized-fallback-font-family;
1006
1054
 
1007
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font.
1055
+ /// Internal property for $ni-nimble-body-plus-1-font.
1008
1056
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1009
1057
  /// Used to override a token value (generally making it no longer theme-aware).
1010
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font}: <new value>;`.
1011
- $ni-nimble-internal-body-emphasized-plus-1-font: --ni-nimble-body-emphasized-plus-1-font;
1058
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font}: <new value>;`.
1059
+ $ni-nimble-internal-body-plus-1-font: --ni-nimble-body-plus-1-font;
1012
1060
 
1013
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font-color.
1061
+ /// Internal property for $ni-nimble-body-plus-1-font-color.
1014
1062
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1015
1063
  /// Used to override a token value (generally making it no longer theme-aware).
1016
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font-color}: <new value>;`.
1017
- $ni-nimble-internal-body-emphasized-plus-1-font-color: --ni-nimble-body-emphasized-plus-1-font-color;
1064
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font-color}: <new value>;`.
1065
+ $ni-nimble-internal-body-plus-1-font-color: --ni-nimble-body-plus-1-font-color;
1018
1066
 
1019
- /// Internal property for $ni-nimble-body-emphasized-plus-1-disabled-font-color.
1067
+ /// Internal property for $ni-nimble-body-plus-1-disabled-font-color.
1020
1068
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1021
1069
  /// Used to override a token value (generally making it no longer theme-aware).
1022
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-disabled-font-color}: <new value>;`.
1023
- $ni-nimble-internal-body-emphasized-plus-1-disabled-font-color: --ni-nimble-body-emphasized-plus-1-disabled-font-color;
1070
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-disabled-font-color}: <new value>;`.
1071
+ $ni-nimble-internal-body-plus-1-disabled-font-color: --ni-nimble-body-plus-1-disabled-font-color;
1024
1072
 
1025
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font-family.
1073
+ /// Internal property for $ni-nimble-body-plus-1-font-family.
1026
1074
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1027
1075
  /// Used to override a token value (generally making it no longer theme-aware).
1028
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font-family}: <new value>;`.
1029
- $ni-nimble-internal-body-emphasized-plus-1-font-family: --ni-nimble-body-emphasized-plus-1-font-family;
1076
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font-family}: <new value>;`.
1077
+ $ni-nimble-internal-body-plus-1-font-family: --ni-nimble-body-plus-1-font-family;
1030
1078
 
1031
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font-size.
1079
+ /// Internal property for $ni-nimble-body-plus-1-font-size.
1032
1080
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1033
1081
  /// Used to override a token value (generally making it no longer theme-aware).
1034
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font-size}: <new value>;`.
1035
- $ni-nimble-internal-body-emphasized-plus-1-font-size: --ni-nimble-body-emphasized-plus-1-font-size;
1082
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font-size}: <new value>;`.
1083
+ $ni-nimble-internal-body-plus-1-font-size: --ni-nimble-body-plus-1-font-size;
1036
1084
 
1037
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font-weight.
1085
+ /// Internal property for $ni-nimble-body-plus-1-font-weight.
1038
1086
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1039
1087
  /// Used to override a token value (generally making it no longer theme-aware).
1040
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font-weight}: <new value>;`.
1041
- $ni-nimble-internal-body-emphasized-plus-1-font-weight: --ni-nimble-body-emphasized-plus-1-font-weight;
1088
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font-weight}: <new value>;`.
1089
+ $ni-nimble-internal-body-plus-1-font-weight: --ni-nimble-body-plus-1-font-weight;
1042
1090
 
1043
- /// Internal property for $ni-nimble-body-emphasized-plus-1-font-line-height.
1091
+ /// Internal property for $ni-nimble-body-plus-1-font-line-height.
1044
1092
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1045
1093
  /// Used to override a token value (generally making it no longer theme-aware).
1046
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-font-line-height}: <new value>;`.
1047
- $ni-nimble-internal-body-emphasized-plus-1-font-line-height: --ni-nimble-body-emphasized-plus-1-font-line-height;
1094
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-font-line-height}: <new value>;`.
1095
+ $ni-nimble-internal-body-plus-1-font-line-height: --ni-nimble-body-plus-1-font-line-height;
1048
1096
 
1049
- /// Internal property for $ni-nimble-body-emphasized-plus-1-fallback-font-family.
1097
+ /// Internal property for $ni-nimble-body-plus-1-fallback-font-family.
1050
1098
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1051
1099
  /// Used to override a token value (generally making it no longer theme-aware).
1052
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-emphasized-plus-1-fallback-font-family}: <new value>;`.
1053
- $ni-nimble-internal-body-emphasized-plus-1-fallback-font-family: --ni-nimble-body-emphasized-plus-1-fallback-font-family;
1100
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-fallback-font-family}: <new value>;`.
1101
+ $ni-nimble-internal-body-plus-1-fallback-font-family: --ni-nimble-body-plus-1-fallback-font-family;
1054
1102
 
1055
- /// Internal property for $ni-nimble-body-font.
1103
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font.
1056
1104
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1057
1105
  /// Used to override a token value (generally making it no longer theme-aware).
1058
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font}: <new value>;`.
1059
- $ni-nimble-internal-body-font: --ni-nimble-body-font;
1106
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font}: <new value>;`.
1107
+ $ni-nimble-internal-body-plus-1-emphasized-font: --ni-nimble-body-plus-1-emphasized-font;
1060
1108
 
1061
- /// Internal property for $ni-nimble-body-font-color.
1109
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font-color.
1062
1110
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1063
1111
  /// Used to override a token value (generally making it no longer theme-aware).
1064
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-color}: <new value>;`.
1065
- $ni-nimble-internal-body-font-color: --ni-nimble-body-font-color;
1112
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font-color}: <new value>;`.
1113
+ $ni-nimble-internal-body-plus-1-emphasized-font-color: --ni-nimble-body-plus-1-emphasized-font-color;
1066
1114
 
1067
- /// Internal property for $ni-nimble-body-disabled-font-color.
1115
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-disabled-font-color.
1068
1116
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1069
1117
  /// Used to override a token value (generally making it no longer theme-aware).
1070
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-disabled-font-color}: <new value>;`.
1071
- $ni-nimble-internal-body-disabled-font-color: --ni-nimble-body-disabled-font-color;
1118
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-disabled-font-color}: <new value>;`.
1119
+ $ni-nimble-internal-body-plus-1-emphasized-disabled-font-color: --ni-nimble-body-plus-1-emphasized-disabled-font-color;
1072
1120
 
1073
- /// Internal property for $ni-nimble-body-font-family.
1121
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font-family.
1074
1122
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1075
1123
  /// Used to override a token value (generally making it no longer theme-aware).
1076
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-family}: <new value>;`.
1077
- $ni-nimble-internal-body-font-family: --ni-nimble-body-font-family;
1124
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font-family}: <new value>;`.
1125
+ $ni-nimble-internal-body-plus-1-emphasized-font-family: --ni-nimble-body-plus-1-emphasized-font-family;
1078
1126
 
1079
- /// Internal property for $ni-nimble-body-font-size.
1127
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font-size.
1080
1128
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1081
1129
  /// Used to override a token value (generally making it no longer theme-aware).
1082
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-size}: <new value>;`.
1083
- $ni-nimble-internal-body-font-size: --ni-nimble-body-font-size;
1130
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font-size}: <new value>;`.
1131
+ $ni-nimble-internal-body-plus-1-emphasized-font-size: --ni-nimble-body-plus-1-emphasized-font-size;
1084
1132
 
1085
- /// Internal property for $ni-nimble-body-font-weight.
1133
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font-weight.
1086
1134
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1087
1135
  /// Used to override a token value (generally making it no longer theme-aware).
1088
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-weight}: <new value>;`.
1089
- $ni-nimble-internal-body-font-weight: --ni-nimble-body-font-weight;
1136
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font-weight}: <new value>;`.
1137
+ $ni-nimble-internal-body-plus-1-emphasized-font-weight: --ni-nimble-body-plus-1-emphasized-font-weight;
1090
1138
 
1091
- /// Internal property for $ni-nimble-body-font-line-height.
1139
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-font-line-height.
1092
1140
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1093
1141
  /// Used to override a token value (generally making it no longer theme-aware).
1094
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-font-line-height}: <new value>;`.
1095
- $ni-nimble-internal-body-font-line-height: --ni-nimble-body-font-line-height;
1142
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-font-line-height}: <new value>;`.
1143
+ $ni-nimble-internal-body-plus-1-emphasized-font-line-height: --ni-nimble-body-plus-1-emphasized-font-line-height;
1096
1144
 
1097
- /// Internal property for $ni-nimble-body-fallback-font-family.
1145
+ /// Internal property for $ni-nimble-body-plus-1-emphasized-fallback-font-family.
1098
1146
  /// Not intended for general use. If used, inform Nimble squad of use-case.
1099
1147
  /// Used to override a token value (generally making it no longer theme-aware).
1100
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-fallback-font-family}: <new value>;`.
1101
- $ni-nimble-internal-body-fallback-font-family: --ni-nimble-body-fallback-font-family;
1148
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-body-plus-1-emphasized-fallback-font-family}: <new value>;`.
1149
+ $ni-nimble-internal-body-plus-1-emphasized-fallback-font-family: --ni-nimble-body-plus-1-emphasized-fallback-font-family;
1102
1150
 
1103
1151
  /// Internal property for $ni-nimble-group-header-font.
1104
1152
  /// Not intended for general use. If used, inform Nimble squad of use-case.
package/dist/tokens.scss CHANGED
@@ -482,6 +482,30 @@ $ni-nimble-placeholder-font-line-height: var($ni-nimble-internal-placeholder-fon
482
482
  /// Fallback font family for the "Placeholder" base token
483
483
  $ni-nimble-placeholder-fallback-font-family: var($ni-nimble-internal-placeholder-fallback-font-family);
484
484
 
485
+ /// Font shorthand for the "Body" base token
486
+ $ni-nimble-body-font: var($ni-nimble-internal-body-font);
487
+
488
+ /// Font color for the "Body" base token
489
+ $ni-nimble-body-font-color: var($ni-nimble-internal-body-font-color);
490
+
491
+ /// Disabled font color for the "Body" base token
492
+ $ni-nimble-body-disabled-font-color: var($ni-nimble-internal-body-disabled-font-color);
493
+
494
+ /// Font family for the "Body" base token
495
+ $ni-nimble-body-font-family: var($ni-nimble-internal-body-font-family);
496
+
497
+ /// Font size for the "Body" base token
498
+ $ni-nimble-body-font-size: var($ni-nimble-internal-body-font-size);
499
+
500
+ /// Font weight for the "Body" base token
501
+ $ni-nimble-body-font-weight: var($ni-nimble-internal-body-font-weight);
502
+
503
+ /// Font line height for the "Body" base token
504
+ $ni-nimble-body-font-line-height: var($ni-nimble-internal-body-font-line-height);
505
+
506
+ /// Fallback font family for the "Body" base token
507
+ $ni-nimble-body-fallback-font-family: var($ni-nimble-internal-body-fallback-font-family);
508
+
485
509
  /// Font shorthand for the "BodyEmphasized" base token
486
510
  $ni-nimble-body-emphasized-font: var($ni-nimble-internal-body-emphasized-font);
487
511
 
@@ -506,53 +530,53 @@ $ni-nimble-body-emphasized-font-line-height: var($ni-nimble-internal-body-emphas
506
530
  /// Fallback font family for the "BodyEmphasized" base token
507
531
  $ni-nimble-body-emphasized-fallback-font-family: var($ni-nimble-internal-body-emphasized-fallback-font-family);
508
532
 
509
- /// Font shorthand for the "BodyEmphasized_2" base token
510
- $ni-nimble-body-emphasized-plus-1-font: var($ni-nimble-internal-body-emphasized-plus-1-font);
533
+ /// Font shorthand for the "Body_2" base token
534
+ $ni-nimble-body-plus-1-font: var($ni-nimble-internal-body-plus-1-font);
511
535
 
512
- /// Font color for the "BodyEmphasized_2" base token
513
- $ni-nimble-body-emphasized-plus-1-font-color: var($ni-nimble-internal-body-emphasized-plus-1-font-color);
536
+ /// Font color for the "Body_2" base token
537
+ $ni-nimble-body-plus-1-font-color: var($ni-nimble-internal-body-plus-1-font-color);
514
538
 
515
- /// Disabled font color for the "BodyEmphasized_2" base token
516
- $ni-nimble-body-emphasized-plus-1-disabled-font-color: var($ni-nimble-internal-body-emphasized-plus-1-disabled-font-color);
539
+ /// Disabled font color for the "Body_2" base token
540
+ $ni-nimble-body-plus-1-disabled-font-color: var($ni-nimble-internal-body-plus-1-disabled-font-color);
517
541
 
518
- /// Font family for the "BodyEmphasized_2" base token
519
- $ni-nimble-body-emphasized-plus-1-font-family: var($ni-nimble-internal-body-emphasized-plus-1-font-family);
542
+ /// Font family for the "Body_2" base token
543
+ $ni-nimble-body-plus-1-font-family: var($ni-nimble-internal-body-plus-1-font-family);
520
544
 
521
- /// Font size for the "BodyEmphasized_2" base token
522
- $ni-nimble-body-emphasized-plus-1-font-size: var($ni-nimble-internal-body-emphasized-plus-1-font-size);
545
+ /// Font size for the "Body_2" base token
546
+ $ni-nimble-body-plus-1-font-size: var($ni-nimble-internal-body-plus-1-font-size);
523
547
 
524
- /// Font weight for the "BodyEmphasized_2" base token
525
- $ni-nimble-body-emphasized-plus-1-font-weight: var($ni-nimble-internal-body-emphasized-plus-1-font-weight);
548
+ /// Font weight for the "Body_2" base token
549
+ $ni-nimble-body-plus-1-font-weight: var($ni-nimble-internal-body-plus-1-font-weight);
526
550
 
527
- /// Font line height for the "BodyEmphasized_2" base token
528
- $ni-nimble-body-emphasized-plus-1-font-line-height: var($ni-nimble-internal-body-emphasized-plus-1-font-line-height);
551
+ /// Font line height for the "Body_2" base token
552
+ $ni-nimble-body-plus-1-font-line-height: var($ni-nimble-internal-body-plus-1-font-line-height);
529
553
 
530
- /// Fallback font family for the "BodyEmphasized_2" base token
531
- $ni-nimble-body-emphasized-plus-1-fallback-font-family: var($ni-nimble-internal-body-emphasized-plus-1-fallback-font-family);
554
+ /// Fallback font family for the "Body_2" base token
555
+ $ni-nimble-body-plus-1-fallback-font-family: var($ni-nimble-internal-body-plus-1-fallback-font-family);
532
556
 
533
- /// Font shorthand for the "Body" base token
534
- $ni-nimble-body-font: var($ni-nimble-internal-body-font);
557
+ /// Font shorthand for the "BodyEmphasized_2" base token
558
+ $ni-nimble-body-plus-1-emphasized-font: var($ni-nimble-internal-body-plus-1-emphasized-font);
535
559
 
536
- /// Font color for the "Body" base token
537
- $ni-nimble-body-font-color: var($ni-nimble-internal-body-font-color);
560
+ /// Font color for the "BodyEmphasized_2" base token
561
+ $ni-nimble-body-plus-1-emphasized-font-color: var($ni-nimble-internal-body-plus-1-emphasized-font-color);
538
562
 
539
- /// Disabled font color for the "Body" base token
540
- $ni-nimble-body-disabled-font-color: var($ni-nimble-internal-body-disabled-font-color);
563
+ /// Disabled font color for the "BodyEmphasized_2" base token
564
+ $ni-nimble-body-plus-1-emphasized-disabled-font-color: var($ni-nimble-internal-body-plus-1-emphasized-disabled-font-color);
541
565
 
542
- /// Font family for the "Body" base token
543
- $ni-nimble-body-font-family: var($ni-nimble-internal-body-font-family);
566
+ /// Font family for the "BodyEmphasized_2" base token
567
+ $ni-nimble-body-plus-1-emphasized-font-family: var($ni-nimble-internal-body-plus-1-emphasized-font-family);
544
568
 
545
- /// Font size for the "Body" base token
546
- $ni-nimble-body-font-size: var($ni-nimble-internal-body-font-size);
569
+ /// Font size for the "BodyEmphasized_2" base token
570
+ $ni-nimble-body-plus-1-emphasized-font-size: var($ni-nimble-internal-body-plus-1-emphasized-font-size);
547
571
 
548
- /// Font weight for the "Body" base token
549
- $ni-nimble-body-font-weight: var($ni-nimble-internal-body-font-weight);
572
+ /// Font weight for the "BodyEmphasized_2" base token
573
+ $ni-nimble-body-plus-1-emphasized-font-weight: var($ni-nimble-internal-body-plus-1-emphasized-font-weight);
550
574
 
551
- /// Font line height for the "Body" base token
552
- $ni-nimble-body-font-line-height: var($ni-nimble-internal-body-font-line-height);
575
+ /// Font line height for the "BodyEmphasized_2" base token
576
+ $ni-nimble-body-plus-1-emphasized-font-line-height: var($ni-nimble-internal-body-plus-1-emphasized-font-line-height);
553
577
 
554
- /// Fallback font family for the "Body" base token
555
- $ni-nimble-body-fallback-font-family: var($ni-nimble-internal-body-fallback-font-family);
578
+ /// Fallback font family for the "BodyEmphasized_2" base token
579
+ $ni-nimble-body-plus-1-emphasized-fallback-font-family: var($ni-nimble-internal-body-plus-1-emphasized-fallback-font-family);
556
580
 
557
581
  /// Font shorthand for the "Group_Header_1" base token
558
582
  $ni-nimble-group-header-font: var($ni-nimble-internal-group-header-font);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "22.1.1",
3
+ "version": "23.0.1",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -68,7 +68,7 @@
68
68
  "@microsoft/fast-element": "^1.12.0",
69
69
  "@microsoft/fast-foundation": "2.49.4",
70
70
  "@microsoft/fast-web-utilities": "^6.0.0",
71
- "@ni/nimble-tokens": "^6.12.1",
71
+ "@ni/nimble-tokens": "^6.13.0",
72
72
  "@tanstack/table-core": "^8.10.7",
73
73
  "@tanstack/virtual-core": "^3.0.0-beta.68",
74
74
  "@tiptap/core": "^2.2.2",
@@ -151,7 +151,7 @@
151
151
  "karma-spec-reporter": "^0.0.36",
152
152
  "karma-webkit-launcher": "^2.1.0",
153
153
  "karma-webpack": "^5.0.0",
154
- "playwright": "1.40.0",
154
+ "playwright": "1.42.0",
155
155
  "prettier-eslint": "^16.3.0",
156
156
  "prettier-eslint-cli": "^8.0.1",
157
157
  "remark-gfm": "^3.0.1",
@@ -1,19 +0,0 @@
1
- import type { WaferMapDie } from '../types';
2
- import type { WaferMap } from '..';
3
- export interface EventCoordinatorCallbacks {
4
- dieSelected: (die: WaferMapDie) => void;
5
- }
6
- /**
7
- * EventCoordinator deals with user interactions and events
8
- */
9
- export declare class EventCoordinator {
10
- private readonly wafermap;
11
- private readonly zoomHandler;
12
- private readonly hoverHandler;
13
- constructor(wafermap: WaferMap);
14
- attachEvents(): void;
15
- detachEvents(): void;
16
- private readonly onWheelMove;
17
- private readonly onMouseMove;
18
- private readonly onMouseOut;
19
- }
@@ -1,35 +0,0 @@
1
- import { ZoomHandler } from './zoom-handler';
2
- import { HoverHandler } from './hover-handler';
3
- /**
4
- * EventCoordinator deals with user interactions and events
5
- */
6
- export class EventCoordinator {
7
- constructor(wafermap) {
8
- this.wafermap = wafermap;
9
- this.onWheelMove = (event) => {
10
- event.preventDefault();
11
- };
12
- this.onMouseMove = (event) => {
13
- this.hoverHandler.mousemove(event);
14
- };
15
- this.onMouseOut = () => {
16
- this.hoverHandler.mouseout();
17
- };
18
- this.zoomHandler = new ZoomHandler(wafermap);
19
- this.hoverHandler = new HoverHandler(wafermap);
20
- }
21
- attachEvents() {
22
- this.zoomHandler.createZoomBehavior();
23
- this.wafermap.addEventListener('mousemove', this.onMouseMove);
24
- this.wafermap.addEventListener('mouseout', this.onMouseOut);
25
- this.wafermap.canvas.addEventListener('wheel', this.onWheelMove, {
26
- passive: false
27
- });
28
- }
29
- detachEvents() {
30
- this.wafermap.removeEventListener('mousemove', this.onMouseMove);
31
- this.wafermap.removeEventListener('mouseout', this.onMouseOut);
32
- this.wafermap.canvas.removeEventListener('wheel', this.onWheelMove);
33
- }
34
- }
35
- //# sourceMappingURL=event-coordinator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"event-coordinator.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/event-coordinator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAGzB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAoBrC,gBAAW,GAAG,CAAC,KAAY,EAAQ,EAAE;YAClD,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,CAAC,CAAC;QAEe,gBAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACvD,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,CAAC;QAEe,eAAU,GAAG,GAAS,EAAE;YACrC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;QACjC,CAAC,CAAC;QA7BE,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;YAC7D,OAAO,EAAE,KAAK;SACjB,CAAC,CAAC;IACP,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;CAaJ","sourcesContent":["import type { WaferMapDie } from '../types';\nimport { ZoomHandler } from './zoom-handler';\nimport type { WaferMap } from '..';\nimport { HoverHandler } from './hover-handler';\n\nexport interface EventCoordinatorCallbacks {\n dieSelected: (die: WaferMapDie) => void;\n}\n\n/**\n * EventCoordinator deals with user interactions and events\n */\nexport class EventCoordinator {\n private readonly zoomHandler;\n private readonly hoverHandler;\n public constructor(private readonly wafermap: WaferMap) {\n this.zoomHandler = new ZoomHandler(wafermap);\n this.hoverHandler = new HoverHandler(wafermap);\n }\n\n public attachEvents(): void {\n this.zoomHandler.createZoomBehavior();\n this.wafermap.addEventListener('mousemove', this.onMouseMove);\n this.wafermap.addEventListener('mouseout', this.onMouseOut);\n this.wafermap.canvas.addEventListener('wheel', this.onWheelMove, {\n passive: false\n });\n }\n\n public detachEvents(): void {\n this.wafermap.removeEventListener('mousemove', this.onMouseMove);\n this.wafermap.removeEventListener('mouseout', this.onMouseOut);\n this.wafermap.canvas.removeEventListener('wheel', this.onWheelMove);\n }\n\n private readonly onWheelMove = (event: Event): void => {\n event.preventDefault();\n };\n\n private readonly onMouseMove = (event: MouseEvent): void => {\n this.hoverHandler.mousemove(event);\n };\n\n private readonly onMouseOut = (): void => {\n this.hoverHandler.mouseout();\n };\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"worker-renderer.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/worker-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,cAAc;IACvB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEnD,4BAA4B;QAC/B,iDAAiD;QACjD,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAEM,SAAS;QACZ,+CAA+C;QAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;cAClE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM;cACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS;YAC7D,CAAC,CAAC,eAAe,CAAC,IAAI;YACtB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAClE,CAAC;IAEO,uBAAuB;QAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CACrD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;gBACnD,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI;gBAC/C,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG;aACjD,CAAC,CAAC;YACH,OAAO,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC;SACtE;QACD,OAAO,EAAE,CAAC;IACd,CAAC;CACJ","sourcesContent":["import type { WaferMap } from '..';\nimport { HoverDieOpacity } from '../types';\n\n/**\n * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas\n */\nexport class WorkerRenderer {\n public constructor(private readonly wafermap: WaferMap) {}\n\n public updateSortedDiesAndDrawWafer(): void {\n // redundant function for backwards compatibility\n this.drawWafer();\n }\n\n public drawWafer(): void {\n // rendering will be implemented in a future PR\n this.renderHover();\n }\n\n public renderHover(): void {\n this.wafermap.hoverWidth = this.wafermap.dataManager.dieDimensions.width\n * this.wafermap.transform.k;\n this.wafermap.hoverHeight = this.wafermap.dataManager.dieDimensions.height\n * this.wafermap.transform.k;\n this.wafermap.hoverOpacity = this.wafermap.hoverDie === undefined\n ? HoverDieOpacity.hide\n : HoverDieOpacity.show;\n this.wafermap.hoverTransform = this.calculateHoverTransform();\n }\n\n private calculateHoverTransform(): string {\n if (this.wafermap.hoverDie !== undefined) {\n const scaledX = this.wafermap.dataManager.horizontalScale(\n this.wafermap.hoverDie.x\n );\n if (scaledX === undefined) {\n return '';\n }\n const scaledY = this.wafermap.dataManager.verticalScale(\n this.wafermap.hoverDie.y\n );\n if (scaledY === undefined) {\n return '';\n }\n const transformedPoint = this.wafermap.transform.apply([\n scaledX + this.wafermap.dataManager.margin.left,\n scaledY + this.wafermap.dataManager.margin.top\n ]);\n return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;\n }\n return '';\n }\n}\n"]}