npm - @likable-hair/svelte - Versions diffs - 3.2.9 → 3.2.11 - Mend

@likable-hair/svelte 3.2.9 → 3.2.11

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 (7) hide show

package/dist/components/composed/list/PaginatedTable.svelte CHANGED Viewed

@@ -14,7 +14,7 @@ export let headers = [], items = [], sortedBy = void 0, sortDirection = void 0,
   { label: "20", value: 20 },
   { label: "50", value: 50 },
   { label: "100", value: 100 }
-], hideRowsPerPage = false, totalElements = void 0, rowsPerPage = 20, filters = [], searchBarColumns = void 0, searchBarVisible = true, searchBarPlaceholder = "Type something to search...", lang = "en", editFilterMode = "one-edit", showActiveFilters = true, resizableColumns = false, resizedColumnSizeWithPadding = {};
+], hideRowsPerPage = false, totalElements = void 0, rowsPerPage = 20, filters = [], searchBarColumns = void 0, searchBarVisible = true, searchBarPlaceholder = "Type something to search...", lang = "en", editFilterMode = "one-edit", showActiveFilters = true, resizableColumns = false, resizedColumnSizeWithPadding = {}, pointerOnRowHover = void 0;
 export let calculateRowStyles = void 0;
 export let calculateRowClasses = void 0;
 let searchBarInput, searchText = void 0;
@@ -117,6 +117,7 @@ function buildFilters(params) {
     bind:items
     bind:sortedBy
     bind:sortDirection
+    bind:pointerOnRowHover
     on:sort={handleFiltersChange}
     on:sort
     on:rowClick

package/dist/components/composed/list/PaginatedTable.svelte.d.ts CHANGED Viewed

@@ -32,6 +32,7 @@ declare const __propDef: {
         resizedColumnSizeWithPadding?: {
             [value: string]: number;
         } | undefined;
+        pointerOnRowHover?: boolean | undefined;
         calculateRowStyles?: CalculateRowStyles | undefined;
         calculateRowClasses?: CalculateRowClasses | undefined;
     };

package/dist/components/simple/charts/GanymedeLineChart.svelte CHANGED Viewed

@@ -28,7 +28,7 @@ onMount(async () => {
 export let data = {
   labels: [],
   datasets: []
-}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = false, resetZoom = false, xTickStepSize = void 0, yTickStepSize = void 0, xMax = void 0, yMax = void 0;
+}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, displayXGrid = true, gridLineWidth = 1, lineWidth = 3, enableZoom = false, resetZoom = false, xTickStepSize = void 0, yTickStepSize = void 0, xMax = void 0, yMax = void 0, xMin = void 0, yMin = void 0, pointRadius = void 0, hitRadius = void 0, hoverRadius = void 0, tooltipsDisabled = false;
 $:
   gridColor = "rgb(" + (background || "200, 200, 200") + ", .3)";
 let chart;
@@ -38,10 +38,13 @@ $:
     resetZoom = false;
   }
 $:
-  if (enableZoom && mounted) {
+  if (mounted) {
     import("chartjs-plugin-zoom").then(({ default: zoomPlugin }) => {
       ChartJS.register(zoomPlugin);
       zoomMounted = true;
+      setTimeout(() => {
+        chart?.resetZoom();
+      }, 20);
     });
   }
 let chartOptions;
@@ -50,22 +53,35 @@ $:
     indexAxis: horizontal ? "y" : "x",
     responsive,
     maintainAspectRatio,
+    elements: {
+      line: {
+        borderWidth: lineWidth
+      },
+      point: {
+        radius: pointRadius,
+        hitRadius,
+        hoverRadius
+      }
+    },
     plugins: {
       legend: {
         display: showLegend
       },
       zoom: {
         pan: {
-          enabled: true,
+          enabled: enableZoom,
           mode: "x",
           modifierKey: "ctrl"
         },
         zoom: {
           drag: {
-            enabled: true
+            enabled: enableZoom
           },
           mode: "x"
         }
+      },
+      tooltip: {
+        enabled: !tooltipsDisabled
       }
     },
     interaction: {
@@ -74,7 +90,8 @@ $:
     scales: {
       x: {
         max: xMax,
-        display: true,
+        min: xMin,
+        display: displayXGrid,
         title: {
           display: true
         },
@@ -91,10 +108,11 @@ $:
       },
       y: {
         max: yMax,
+        min: yMin,
         display: displayYGrid,
         title: {},
         grid: {
-          lineWidth,
+          lineWidth: gridLineWidth,
           color: gridColor
         },
         border: {

package/dist/components/simple/charts/GanymedeLineChart.svelte.d.ts CHANGED Viewed

@@ -20,6 +20,8 @@ declare const __propDef: {
         showYTicks?: boolean | undefined;
         showXTicks?: boolean | undefined;
         displayYGrid?: boolean | undefined;
+        displayXGrid?: boolean | undefined;
+        gridLineWidth?: number | undefined;
         lineWidth?: number | undefined;
         enableZoom?: boolean | undefined;
         resetZoom?: boolean | undefined;
@@ -27,6 +29,12 @@ declare const __propDef: {
         yTickStepSize?: number | undefined;
         xMax?: number | undefined;
         yMax?: number | undefined;
+        xMin?: number | undefined;
+        yMin?: number | undefined;
+        pointRadius?: number | undefined;
+        hitRadius?: number | undefined;
+        hoverRadius?: number | undefined;
+        tooltipsDisabled?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/simple/lists/SimpleTable.svelte CHANGED Viewed

@@ -7,7 +7,7 @@ import { createEventDispatcher, onMount } from "svelte";
 let clazz = {};
 export { clazz as class };
 const dispatch = createEventDispatcher();
-export let headers = [], items = [], sortedBy = void 0, sortDirection = "asc", resizableColumns = false, resizedColumnSizeWithPadding = {};
+export let headers = [], items = [], sortedBy = void 0, sortDirection = "asc", resizableColumns = false, resizedColumnSizeWithPadding = {}, pointerOnRowHover = false;
 export let calculateRowStyles = void 0;
 export let calculateRowClasses = void 0;
 onMount(() => {
@@ -184,9 +184,16 @@ function resize(node) {
           <tr
             class="item-tr {clazz.row || ''} {classes}"
             on:click={() => handleRowClick(item)}
+            on:keydown={(event) => {
+              if (event.key === 'Enter') {
+                handleRowClick(item);
+              }
+            }}
+            tabindex="0"
             style:background-color={styles.backgroundColor}
             style:color={styles.color}
             style:font-weight={styles.fontWeight}
+            class:pointer={pointerOnRowHover}
           >
             {#each headers as header, j}
               <td class="{clazz.cell || ''}">
@@ -433,4 +440,8 @@ function resize(node) {
   td {
     padding-left: 10px;
   }
+  .pointer {
+    cursor: pointer;
+  }
 </style>

package/dist/components/simple/lists/SimpleTable.svelte.d.ts CHANGED Viewed

@@ -39,6 +39,7 @@ declare const __propDef: {
         resizedColumnSizeWithPadding?: {
             [value: string]: number;
         } | undefined;
+        pointerOnRowHover?: boolean | undefined;
         calculateRowStyles?: CalculateRowStyles | undefined;
         calculateRowClasses?: CalculateRowClasses | undefined;
     };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.2.9",
+  "version": "3.2.11",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",