myio-js-library 0.1.365 → 0.1.366

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.
package/dist/index.cjs CHANGED
@@ -1062,7 +1062,7 @@ module.exports = __toCommonJS(index_exports);
1062
1062
  // package.json
1063
1063
  var package_default = {
1064
1064
  name: "myio-js-library",
1065
- version: "0.1.365",
1065
+ version: "0.1.366",
1066
1066
  description: "A clean, standalone JS SDK for MYIO projects",
1067
1067
  license: "MIT",
1068
1068
  repository: "github:gh-myio/myio-js-library",
@@ -17768,9 +17768,9 @@ var PANEL_CSS2 = `
17768
17768
  padding: 16px;
17769
17769
  display: grid;
17770
17770
  grid-template-columns: repeat(auto-fill, minmax(var(--cgp-min-card-w, 140px), 1fr));
17771
- gap: 16px;
17772
- row-gap: 16px;
17773
- column-gap: 16px;
17771
+ gap: var(--cgp-grid-gap, 16px);
17772
+ row-gap: var(--cgp-grid-gap, 16px);
17773
+ column-gap: var(--cgp-grid-gap, 16px);
17774
17774
  align-content: start;
17775
17775
  }
17776
17776
 
@@ -17924,6 +17924,9 @@ var CardGridPanel = class {
17924
17924
  if (gridMinCardWidth) {
17925
17925
  grid.style.setProperty("--cgp-min-card-w", gridMinCardWidth);
17926
17926
  }
17927
+ if (this.options.gridGap) {
17928
+ grid.style.setProperty("--cgp-grid-gap", this.options.gridGap);
17929
+ }
17927
17930
  this.root.appendChild(grid);
17928
17931
  this.renderGrid();
17929
17932
  }
package/dist/index.d.cts CHANGED
@@ -2794,6 +2794,8 @@ interface CardGridPanelOptions {
2794
2794
  emptyMessage?: string;
2795
2795
  /** Min card width for the auto-fill grid (default: 140px) */
2796
2796
  gridMinCardWidth?: string;
2797
+ /** Gap between cards in the grid (default: 16px) */
2798
+ gridGap?: string;
2797
2799
  /** Show temp range tooltip on cards */
2798
2800
  showTempRangeTooltip?: boolean;
2799
2801
  /** Show search toggle button in header */
package/dist/index.js CHANGED
@@ -546,7 +546,7 @@ var init_template_card = __esm({
546
546
  // package.json
547
547
  var package_default = {
548
548
  name: "myio-js-library",
549
- version: "0.1.365",
549
+ version: "0.1.366",
550
550
  description: "A clean, standalone JS SDK for MYIO projects",
551
551
  license: "MIT",
552
552
  repository: "github:gh-myio/myio-js-library",
@@ -17252,9 +17252,9 @@ var PANEL_CSS2 = `
17252
17252
  padding: 16px;
17253
17253
  display: grid;
17254
17254
  grid-template-columns: repeat(auto-fill, minmax(var(--cgp-min-card-w, 140px), 1fr));
17255
- gap: 16px;
17256
- row-gap: 16px;
17257
- column-gap: 16px;
17255
+ gap: var(--cgp-grid-gap, 16px);
17256
+ row-gap: var(--cgp-grid-gap, 16px);
17257
+ column-gap: var(--cgp-grid-gap, 16px);
17258
17258
  align-content: start;
17259
17259
  }
17260
17260
 
@@ -17408,6 +17408,9 @@ var CardGridPanel = class {
17408
17408
  if (gridMinCardWidth) {
17409
17409
  grid.style.setProperty("--cgp-min-card-w", gridMinCardWidth);
17410
17410
  }
17411
+ if (this.options.gridGap) {
17412
+ grid.style.setProperty("--cgp-grid-gap", this.options.gridGap);
17413
+ }
17411
17414
  this.root.appendChild(grid);
17412
17415
  this.renderGrid();
17413
17416
  }
@@ -551,7 +551,7 @@
551
551
 
552
552
  // package.json
553
553
  var package_default = {
554
- version: "0.1.365"};
554
+ version: "0.1.366"};
555
555
 
556
556
  // src/format/energy.ts
557
557
  function formatEnergy(value, unit, decimals = 3) {
@@ -17172,9 +17172,9 @@
17172
17172
  padding: 16px;
17173
17173
  display: grid;
17174
17174
  grid-template-columns: repeat(auto-fill, minmax(var(--cgp-min-card-w, 140px), 1fr));
17175
- gap: 16px;
17176
- row-gap: 16px;
17177
- column-gap: 16px;
17175
+ gap: var(--cgp-grid-gap, 16px);
17176
+ row-gap: var(--cgp-grid-gap, 16px);
17177
+ column-gap: var(--cgp-grid-gap, 16px);
17178
17178
  align-content: start;
17179
17179
  }
17180
17180
 
@@ -17328,6 +17328,9 @@
17328
17328
  if (gridMinCardWidth) {
17329
17329
  grid.style.setProperty("--cgp-min-card-w", gridMinCardWidth);
17330
17330
  }
17331
+ if (this.options.gridGap) {
17332
+ grid.style.setProperty("--cgp-grid-gap", this.options.gridGap);
17333
+ }
17331
17334
  this.root.appendChild(grid);
17332
17335
  this.renderGrid();
17333
17336
  }