@loxia/imx-viewer 12.0.1 → 12.0.2

package/README.md

@@ -3,11 +3,11 @@
 ## Beschrijving
 NPM angular componenten ten behoeve van visualisatie van IM-Spoor data.
 
-### IMX-Viewer component 
+### IMX-Viewer component
 
 Deze viewer maakt het mogelijk om (meerdere) SVG's met puic referenties te tonen, hierop in te zoomen/pannen.
-Het is mogelijk om elementen of groepen elementen met puic referenties een custom class te geven of te verwijderen zodat de SVG aan te sturen is. 
-Deze classes dient de applicatie zelf defineren in de applicatie css, via de css kan de lijndikte, kleur en visibility bijvoorbeeld worden aangestuurt. 
+Het is mogelijk om elementen of groepen elementen met puic referenties een custom class te geven of te verwijderen zodat de SVG aan te sturen is.
+Deze classes dient de applicatie zelf defineren in de applicatie css, via de css kan de lijndikte, kleur en visibility bijvoorbeeld worden aangestuurt.
 Ter interactie voor de gebruiker zijn elementen op basis van puics klikbaar te maken (linker en rechter muis klik), als de user een muis klik doet wordt er een event opgeleverd die de puic en browser-event bevat.
 Op een element of groep van elementen met een puic kan een popover worden getoont
 
@@ -24,29 +24,27 @@ Plaats het component in de html, bv:
 
 - svgInfo is de informatie welke SVG's getoont moeten worden, via data urls:
 
-
-	new SvgInfo('data:image/svg+xml;utf8, < svg >...</ svg >', new Point(0, 0))
+new SvgInfo('data:image/svg+xml;utf8, < svg >...</ svg >', new Point(0, 0))
 
 - selectieInfos bevat de elementen die geselecteerd moeten worden op basis van hun PUIC, bijvoorbeeld:
 
+selectieInfos.push(new SelectieInfo(['ceed826c-ee2e-4056-a4c8-a6c94e9e36a4'], 'MyCssClass'));
 
-	selectieInfos.push(new SelectieInfo(['ceed826c-ee2e-4056-a4c8-a6c94e9e36a4'], 'MyCssClass'));
-
-  Aan het element worden dan de CSS classes `imxview-selected` en `imxview-selected-MyCssClass` toegevoegd.
-  Hiermee kan het element worden vormgeven. Als het element een group (`<g>`) is vergeet dan niet de subelementen te selecteren. 
+Aan het element worden dan de CSS classes `imxview-selected` en `imxview-selected-MyCssClass` toegevoegd.
+Hiermee kan het element worden vormgeven. Als het element een group (`<g>`) is vergeet dan niet de subelementen te selecteren.
 
 	.imxview-selected-MyCssClass * {
        stroke: green;
        fill: green;
 	}
 
-  Deze stylen toevoegen op het hoogste niveau en niet binnen een component.
+Deze stylen toevoegen op het hoogste niveau en niet binnen een component.
 
 - clickableIds is de informatie welke elementen klikbaar moeten zijn, deze tonen hand cursor (links en rechtse muis knop support)
 - clickHandler is event emitter die vertelt welke elementpuic is geklikt (bevat ook orginele browser event)
 
 ### Clickarea / Vanggebied
-Het is mogelijk om gebruik te maken van 'clickareas', door de useClickArea input mee te geven aan de IMX-Viewer. 
+Het is mogelijk om gebruik te maken van 'clickareas', door de useClickArea input mee te geven aan de IMX-Viewer.
 Een clickarea is een onzichtbare kopie van een lijntje, die het makkelijker maakt om een element aan te klikken.
 
 	<imx-viewer id="imxviewercontainer" [svgInfo]="svgInfo"
@@ -83,15 +81,13 @@ Met de onderstaande css kan de default breedte van een clickarea aangepast worde
 
 ### DGN.css
 * De standaard DGN.css wordt meegeleverd met IMX-viewer het is mogelijk om deze op te nemen in een project door deze te importeren.
-    ```@import "~@loxia/imx-viewer/css/dgn.css";```
+  ```@import "~@loxia/imx-viewer/css/dgn.css";```
   Door eerst de dgn.css te importeren en daarna eigen css te definieren kan deze worden overschreven zonder gebruik van !important.
-  Het gebruik van !important om css te overschijven is ongewenst.   
+  Het gebruik van !important om css te overschijven is ongewenst.
 * Er kan ook een inline dgn.css import worden gedaan in de SVG (@import url("dgn.css")).
   De dgn.css import werkt alleen indien er een dgn.css aanwezig is op <base-url>/dgn.css, bijv (www.testapp.com/dgn.css).
   Het mechanisme hiervoor is in te schakelen door de input 'inlineDgnCssImport' op true te zetten
 
-
-
 ## Installeren
 	npm install --save @loxia/imx-viewer
 	
@@ -108,13 +104,16 @@ Met de onderstaande css kan de default breedte van een clickarea aangepast worde
 
 ### <!--next.version--> <!--next.release-date-->
 
+### 12.0.2 14-12-2023
+* PW-14837 Add missing font class
+
 ### 12.0.1 19-10-2023
 * MST-445 fix issue waardoor libraries (MST) het interne interface van svg-pan-zoom niet builden
 
 ### 12.0.0 22-08-2023
 * PW-13354 reset svgPanZoomRef in updateDOM
 * BREAKING CHANGES:
-  * PW-11796 Upgraded naar Angular 16
+    * PW-11796 Upgraded naar Angular 16
 
 ### 11.0.0 05-07-2023
 BREAKING CHANGES:
@@ -140,7 +139,7 @@ BREAKING CHANGES:
 * PW-11548 toevoegen styles die in CE te kiezen zijn.
 
 ### 9.1.2 10-02-2023
-* PW-11548 fix line thickness and font size (pt -> px) 
+* PW-11548 fix line thickness and font size (pt -> px)
 
 ### 9.1.0 16-12-2022
 * PW-9449 verwijder inline styles uit svg's
@@ -155,28 +154,28 @@ BREAKING CHANGES
 
 ### 8.0.0 15-02-2022
 BREAKING CHANGES
-* Upgraded de SVG-IMX-Viewer naar Angular 12 
+* Upgraded de SVG-IMX-Viewer naar Angular 12
 
 ### 7.2.1 08-02-2022
-* PW-7164 Bugfix voor de verdwijnende mousepointer 
+* PW-7164 Bugfix voor de verdwijnende mousepointer
 
 ### 7.2.0 28-01-2022
-* Vanggebied bij aanklikken elementen groter maken 
-  * functionaliteit aan en uit te zetten via flag 'useClickArea'
-  * dgn.css import (@import url("dgn.css"))in de svg is nu optioneel
-  * dgn.css wordt meegeleverd in npm package
+* Vanggebied bij aanklikken elementen groter maken
+    * functionaliteit aan en uit te zetten via flag 'useClickArea'
+    * dgn.css import (@import url("dgn.css"))in de svg is nu optioneel
+    * dgn.css wordt meegeleverd in npm package
 * Bugfix: clickhandlers ook geplaatst op elementen met PUIC als class
 
 ### 7.1.2 18-10-2021
-* Output event wanneer SVG('s) laden is afgerond  
+* Output event wanneer SVG('s) laden is afgerond
 
 ### 7.1.1 11-08-2021
 * PW-5365 Bugfixes:
-  * garanderen dat SvgPanZoomInstance altijd eerder is dan SVG's laden.  
-  * robuust tegen situatie dat er twee imx-viewers bestaan in DOM  
+    * garanderen dat SvgPanZoomInstance altijd eerder is dan SVG's laden.
+    * robuust tegen situatie dat er twee imx-viewers bestaan in DOM
 
 ### 7.1.0 02-08-2021
-* PW-5134: getSvgPanZoomInstance() bevat nu altijd een waarde en niet pas als de SVG is geladen. 
+* PW-5134: getSvgPanZoomInstance() bevat nu altijd een waarde en niet pas als de SVG is geladen.
 
 ### 7.0.4 17-06-2021
 * PW-1356 svg-pan-zoom toegevoegd aan types in TS config, zodat de namespace bekend is bij gebruik van imx-viewer als dependency
@@ -231,7 +230,7 @@ Kleine verbetering voor focus op klein element
 Add focus support api
 
 ### 4.5.1 2018-07-10
-Positiebepaling van context menu en popovers verbeterd. 
+Positiebepaling van context menu en popovers verbeterd.
 
 ### 4.5.0 2018-06-27
 right click ondersteuning toegevoegd
@@ -254,7 +253,6 @@ Race condition fix.
 Support hersteld voor http-urls.
 SvgInfo is nu getypeerd.
 
-
 ### 2.1.0 2017-11-20
 imx-viewer ondersteutn ad-hoc selectie op basis van PUIC (elementen met een class die begint met een p).
 Als er geen class matcht wordt er als fallback gezocht naar een element met een PUIC als ID.

package/css/dgn.css

@@ -1,4 +1,4 @@
-/* Overgenomen van dgn2svg op: 08-03-2023 */
+/* Overgenomen van dgn2svg op: 13-12-2023 */
 svg {
     stroke-width: 0;
     background-color: black;
@@ -88,12 +88,18 @@ svg .ci6 {
 svg .ci7 {
     stroke: #00ffff;
 }
+svg .ci9 {
+    stroke: #ffffff;
+}
 svg .ci17 {
     stroke: #0000f0;
 }
 svg .ci28 {
     stroke: #f0f000;
 }
+svg .ci48 {
+    stroke: #ffffff;
+}
 svg .ci62 {
     stroke: #565656;
 }
@@ -166,6 +172,9 @@ svg .lw6 {
 svg .f0 {
     font-size: 0;
 }
+svg .f0_2 {
+    font-size: 0.2px;
+}
 svg .f1_25 {
     font-size: 1.25px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loxia/imx-viewer",
-  "version": "12.0.1",
+  "version": "12.0.2",
   "license": "MIT",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -10,7 +10,7 @@
     "svg-pan-zoom": "3.x"
   },
   "dependencies": {
-    "core-js": "3.32.0",
+    "core-js": "3.34.0",
     "tslib": "^2.5.3",
     "zone.js": "~0.13.1"
   },