@nova-design-system/nova-webcomponents 3.0.0-beta.30 → 3.0.0-beta.33

package/dist/components/nv-col.js.map

@@ -1 +1 @@
-{"file":"nv-col.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,8oBAA8oB,CAAC;AAChqB,oBAAe,QAAQ;;MCUVA,OAAK;;;;;;;;;;;;;IAkBR,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE;gBAAE,OAAO;YAC5C,OAAO,KAAK,IAAI,CAAC,IAAI,KAAK,CAAC;SAC5B;KACF;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,IAClC,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["NvCol"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}
+{"file":"nv-col.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,8oBAA8oB,CAAC;AAChqB,oBAAe,QAAQ;;MCUVA,OAAK;;;;;;;;;;;;IAkBR,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE;gBAAE,OAAO;YAC5C,OAAO,KAAK,IAAI,CAAC,IAAI,KAAK,CAAC;SAC5B;KACF;;;;IAMD,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,IAClC,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["NvCol"],"sources":["src/components/nv-col/nv-col.scss?tag=nv-col","src/components/nv-col/nv-col.tsx"],"sourcesContent":["@function calculate-width($columns) {\n  $total-columns: 12;\n  @return calc(100% * #{$columns} / #{$total-columns});\n}\n\nnv-col {\n  display: block;\n  flex: 1 1 0%;\n  padding-left: calc(var(--spacing-4) / 2);\n  padding-right: calc(var(--spacing-4) / 2);\n\n  &[class*=\"w-\"] {\n    flex: none;\n  }\n\n  @for $i from 1 through 12 {\n    &.w-#{$i}\\/12 {\n      width: calculate-width($i);\n    }\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport clsx from 'clsx';\n\n/**\n * @slot default - The column content.\n */\n@Component({\n  tag: 'nv-col',\n  styleUrl: './nv-col.scss',\n  shadow: false,\n})\nexport class NvCol {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the column size based on a 12 column grid system.\n   */\n  @Prop({ reflect: true })\n  readonly size: number;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Get the column size class.\n   * @returns {string | undefined} The column size class.\n   */\n  private getColSize() {\n    if (this.size) {\n      if (this.size < 1 || this.size > 12) return;\n      return `w-${this.size}/12`;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host class={clsx(this.getColSize())}>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"version":3}

package/dist/components/nv-datagrid.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-d506ae63.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-3b209e94.js';
 
 /**
    * table-core
@@ -2960,16 +2960,42 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
     constructor() {
         super();
         this.__registerHost();
+        /****************************************************************************/
+        //#region STATES
         this.table = null;
-        this.parsedColumns = [];
-        this.parsedData = [];
+        this.parsedColumns = []; // Parsed array
+        this.parsedData = []; // Parsed array
         this.hasSlotHead = false;
         this.hasSlotBody = false;
+        //#endregion STATES
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * The columns to display in the data grid.
+         * @example
+         * [
+         *  {"header":"Name","accessor":"name"},
+         *  {"header":"Age","accessor":"age"},
+         *  {"header":"Email","accessor":"email"}
+         * ]
+         * @default []
+         */
         this.columns = [];
-        this.columnsJson = undefined;
+        /**
+         * The data to display in the data grid.
+         * @example [{ "name": "Alice", "age": 25 }, { "name": "Bob", "age": 30 }]
+         * @default []
+         */
         this.data = [];
-        this.dataJson = undefined;
+        /**
+         * The message to display when there is no data available.
+         * @default 'No data available'
+         */
         this.noDataMessage = 'No data available';
+        /**
+         * The message to display when there are no columns or data available.
+         * @default 'No data or columns available to display.'
+         */
         this.noColumnsNoDataMessage = 'No data or columns available to display.';
     }
     //#endregion PROPERTIES
@@ -3016,7 +3042,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
             data: [],
             getCoreRowModel: getCoreRowModel(),
             debugAll: true,
-            onStateChange: state => console.log('Table state changed:', state),
+            onStateChange: state => console.log('Table state changed:', state), // eslint-disable-line nova/no-console
             renderFallbackValue: 'No rows to display',
             state: {
                 sorting: [], // Default: no active sorting
@@ -3189,7 +3215,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
             (this.parsedData.length === 0 && !this.hasSlotBody)
             ? []
             : (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
-        return (h(Host, { key: '7f3244baba5487f57ba32b6f5e68cbb5794efce9' }, h("div", { key: '35cbeed33a37393ee16dbd06a43fd75e8affb0d6', class: "hidden" }, h("slot", { key: '03458f585639fb906e74c3124f74c38fb2d9d96f' }), h("slot", { key: 'e4862ff4ba814bd34c1d39081be83d11e3884b4a', name: "head" }), h("slot", { key: 'd0d77e8d159590531760052d842b4e461c6e0652', name: "body" })), h("slot", { key: '57150feaf6ac865d838e31edeae0af6d92a9dedb', name: "before" }), this.parsedColumns.length === 0 &&
+        return (h(Host, { key: '4ac86760843a2877a240757998a368867ece89da' }, h("div", { key: '608eab614751fd7d889859f4b4ba7a602c31e464', class: "hidden" }, h("slot", { key: 'e97d3a0b6ad7a338eda2e03e1f9ab43825bd3e73' }), h("slot", { key: 'f277710a088202b4afdfcaeda0b42c1632e6cc3d', name: "head" }), h("slot", { key: 'c2bf75d94b72a343995e777c62fe150aa330c586', name: "body" })), h("slot", { key: '0bdf3ae59fb4674d30ff8c36efa150c226f59149', name: "before" }), this.parsedColumns.length === 0 &&
             this.parsedData.length === 0 &&
             !this.hasSlotHead &&
             !this.hasSlotBody ? (h("p", null, this.noColumnsNoDataMessage)) : (h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
@@ -3204,7 +3230,7 @@ const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H
                 return `<td key="${cell.id}" data-row-id="${rowId}">${cellValue}</td>`;
             }).join('');
             return h("tr", { key: rowId, innerHTML: cells });
-        }))))), h("slot", { key: '35b4438cfaa83c045d49da21aeb4dc13356242ad', name: "after" })));
+        }))))), h("slot", { key: '0511cd2b445c149093b09a3583ca33cfc22650f2', name: "after" })));
     }
     get el() { return this; }
     static get watchers() { return {