@net7/components 3.0.2-rc.2 → 3.2.0

package/lib/components/bubble-chart/bubble-chart.d.ts

@@ -1,5 +1,39 @@
 import { AfterContentChecked } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Interface for D3Chart's "data"
+ *
+ * @property entity (required)
+ * - id (required)
+ * - label (optional)
+ * - typeOfEntity (optional)
+ * @property count (required)
+*/
+export interface BubbleChartDataItem {
+    entity: {
+        id: string;
+        label?: string;
+        typeOfEntity?: string;
+    };
+    count: number;
+}
+/**
+ * Interface for a Circle's node data
+ */
+export interface CircleNode {
+    clipUid: string;
+    data: BubbleChartDataItem;
+    depth: number;
+    height: number;
+    leafUid: string;
+    parent: Node;
+    x: number;
+    y: number;
+    r: number;
+    value: number;
+    /** Dynamic data for internal logic */
+    _meta?: any;
+}
 /**
  * Interface for BubbleChartComponent's "data"
  *
@@ -78,23 +112,6 @@ export interface BubbleChartData {
      */
     setDraw?: any;
 }
-/**
- * Interface for D3Chart's "data"
- *
- * @property entity (required)
- * - id (required)
- * - label (optional)
- * - typeOfEntity (optional)
- * @property count (required)
-*/
-export interface BubbleChartDataItem {
-    entity: {
-        id: string;
-        label?: string;
-        typeOfEntity?: string;
-    };
-    count: number;
-}
 export declare class BubbleChartComponent implements AfterContentChecked {
     data: BubbleChartData;
     emit: any;
@@ -102,6 +119,8 @@ export declare class BubbleChartComponent implements AfterContentChecked {
     private _loaded;
     ngAfterContentChecked(): void;
     onClick(payload: any): void;
+    measureWidth: (text: any) => number;
+    isValidNumber: (value: any) => boolean;
     draw: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BubbleChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BubbleChartComponent, "n7-bubble-chart", never, { "data": "data"; "emit": "emit"; }, {}, never, never>;

package/lib/components/histogram-range/histogram-range.d.ts

@@ -92,6 +92,8 @@ export declare class HistogramRangeComponent implements AfterContentChecked {
     emit: any;
     private d3;
     private sliders;
+    /** d3 selection svg root */
+    private svg;
     private _loaded;
     private colourBars;
     private getSelectedRange;
@@ -101,10 +103,18 @@ export declare class HistogramRangeComponent implements AfterContentChecked {
     textCollision: (sliders: Sliders) => void;
     /** Get x-axis position from label */
     labelToX(): any;
+    /**
+     * Get an event with viewBox coordinates and
+     * parse them in absolute coordinates
+     */
+    getEventCoords(event: any): {
+        x: number;
+        y: number;
+    };
     /** Public api that allows to dinamically change the bars */
     setBars: (newBars: any) => void;
     /** Public api that allows to dinamically change the slider position */
-    setSliders: ([startLabel, endLabel]: [any, any]) => any;
+    setSliders: ([startLabel, endLabel]: LabelCouple, emit?: boolean) => any;
     /** Emits an event when the component has loaded */
     emitLoaded(payload: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HistogramRangeComponent, never>;

package/lib/components/text-viewer/text-viewer.d.ts

@@ -27,6 +27,8 @@ export declare class TextViewerComponent implements OnInit {
     emit: any;
     static _loaded: boolean;
     ngOnInit(): void;
+    isDisplayed: boolean;
+    displayIndex(): void;
     onScriptLoaded(): void;
     onClick(payload: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextViewerComponent, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net7/components",
-  "version": "3.0.2-rc.2",
+  "version": "3.2.0",
   "dependencies": {
     "apexcharts": "^3.8.5",
     "d3": "^7.1.1",

package/src/lib/styles/components/_text-viewer.scss

@@ -55,6 +55,12 @@
         font: var(--pb-base-font);
         color: var(--pb-color-primary);
         margin: 0;
+        
+        main {
+            pb-view {
+                font-size: 16px;
+            }
+        }
     }
    
     *:focus {
@@ -358,7 +364,7 @@
     }
    
     main {
-        height: 70vh;
+        height: 70vh; //70vh
         overflow: auto;
         display: flex;
         justify-content: space-between;