npm - @nova-design-system/nova-webcomponents - Versions diffs - 3.0.0-beta.46 → 3.0.0 - Mend

@nova-design-system/nova-webcomponents 3.0.0-beta.46 → 3.0.0

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

package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nv-datagrid.docs.js","sourceRoot":"","sources":["../../../src/components/nv-datagrid/nv-datagrid.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvDatagridDocs: NovaDocs<Components.NvDatagrid> = {\n component: 'nv-datagrid',\n badge: 'beta',\n subcomponents: ['nv-datagridcolumn', 'nv-iconbutton', 'nv-badge'],\n composedComponents: ['nv-datagridcolumn'],\n stories: [\n {\n name: 'Default',\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.noColumnsNoDataMessage),\n args: {\n noColumnsNoDataMessage: 'Nothing to display.',\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.noDataMessage),\n args: {\n noDataMessage: 'No element available to display.',\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.columns),\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.columnsJson),\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.data),\n args: {\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.dataJson),\n args: {\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\", \"roles\": [{ \"id\": \"1\", \"name\": \"Admin\" }] },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\", \"roles\": [{ \"id\": \"2\", \"name\": \"User\" }] }\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.autoGenerateColumns),\n args: {\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\", \"roles\": [{ \"id\": \"1\", \"name\": \"Admin\" }] },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\", \"roles\": [{ \"id\": \"2\", \"name\": \"User\" }] }\n ]`,\n autoGenerateColumns: true,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'ColumnsArrayAndDataArray',\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'ColumnsJSONAndDataJSON',\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'WithDataAndTemplate',\n args: {\n dataJson: `[\n {\"id\":1,\"name\":\"John Doe\",\"age\":25,\"email\":\"john.doe@mail.com\"},\n {\"id\":2,\"name\":\"Jane Doe\",\"age\":30,\"email\":\"jane.doe@mail.com\"}\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"actions\">\n <div slot=\"header\"></div>\n <div slot=\"cell\">\n <nv-iconbutton\n size=\"xs\"\n name=\"pencil\"\n data-bind-event=\"click:edit:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"trash\"\n data-bind-event=\"click:delete:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"mail\"\n data-bind-event=\"click:sendEmail:id,email\"\n ></nv-iconbutton>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateComplexData',\n args: {\n dataJson: `[\n {\"id\":1,\"name\":\"John Doe\",\"age\":25,\"email\":\"john.doe@mail.com\", \"address\": {\"city\": \"New York\", \"country\": \"USA\"}, \"status\": {\"label\": \"success\", \"color\": \"1\", \"icon\": \"check\"}},\n {\"id\":2,\"name\":\"Jane Doe\",\"age\":30,\"email\":\"jane.doe@mail.com\", \"address\": {\"city\": \"Los Angeles\", \"country\": \"USA\"}, \"status\": {\"label\": \"warning\", \"color\": \"2\", \"icon\": \"alert-circle\"}},\n {\"id\":3,\"name\":\"John Smith\",\"age\":35,\"email\":\"john.smith@mail.com\", \"address\": {\"city\": \"London\", \"country\": \"UK\"}, \"status\": {\"label\": \"error\", \"color\": \"3\", \"icon\": \"loader\"}},\n {\"id\":4,\"name\":\"Jane Smith\",\"age\":40,\"email\":\"jane.smith@mail.com\", \"address\": {\"city\": \"Paris\", \"country\": \"France\"}, \"status\": {\"label\": \"info\", \"color\": \"5\", \"icon\": \"info-circle\"}}\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"address\" header=\"Address\">\n <div slot=\"cell\">\n <span>__address.city__, __address.country__</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"status\" header=\"Status\">\n <div slot=\"header\">\n <span class=\"text-md font-bold text-low\">Status</span>\n </div>\n <div slot=\"cell\">\n <nv-badge color=\"__status.color__\" lead-icon=\"__status.icon__\">\n __status.label__\n </nv-badge>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"actions\">\n <div slot=\"header\"></div>\n <div slot=\"cell\">\n <nv-iconbutton\n size=\"xs\"\n name=\"pencil\"\n data-bind-event=\"click:edit:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"trash\"\n data-bind-event=\"click:delete:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"mail\"\n data-bind-event=\"click:sendEmail:id,email\"\n ></nv-iconbutton>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.enableGlobalFilter),\n args: {\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" },\n { \"name\": \"Charlie\", \"age\": \"35\", \"email\": \"charlie@mail.com\" },\n { \"name\": \"David\", \"age\": \"40\", \"email\": \"david@mail.com\" },\n { \"name\": \"Eve\", \"age\": \"45\", \"email\": \"eve@mail.com\" },\n { \"name\": \"Frank\", \"age\": \"50\", \"email\": \"frank@mail.com\" },\n { \"name\": \"Grace\", \"age\": \"55\", \"email\": \"grace@mail.com\" },\n { \"name\": \"Helen\", \"age\": \"60\", \"email\": \"helen@mail.com\" },\n { \"name\": \"Ivy\", \"age\": \"65\", \"email\": \"ivy@mail.com\" },\n { \"name\": \"Jack\", \"age\": \"70\", \"email\": \"jack@mail.com\" },\n { \"name\": \"Kate\", \"age\": \"75\", \"email\": \"kate@mail.com\" },\n { \"name\": \"Liam\", \"age\": \"80\", \"email\": \"liam@mail.com\" },\n { \"name\": \"Mia\", \"age\": \"85\", \"email\": \"mia@mail.com\" },\n { \"name\": \"Noah\", \"age\": \"90\", \"email\": \"noah@mail.com\" },\n { \"name\": \"Olivia\", \"age\": \"95\", \"email\": \"olivia@mail.com\" }\n ]`,\n enableGlobalFilter: true,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'SlotBefore',\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"before\">Before</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'SlotAfter',\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"after\">After</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'SlotBeforeAndAfter',\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"before\">Before</div>\n <div slot=\"after\">After</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleElements',\n args: {\n dataJson: `[\n {\"id\":1,\"name\":\"John Doe\",\"age\":25,\"email\":\"john.doe@mail.com\",\"roles\":[\"Admin\",\"User\"]},\n {\"id\":2,\"name\":\"Jane Doe\",\"age\":30,\"email\":\"jane.doe@mail.com\",\"roles\":[\"User\"]}\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\">\n <div slot=\"cell\">\n <span>__roles__</span>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleComplexElements',\n args: {\n dataJson: `[\n {\"id\":1,\"name\":\"John Doe\",\"age\":25,\"email\":\"john.doe@mail.com\",\"roles\":[{\"id\":\"1\",\"name\":\"Admin\"},{\"id\":\"2\",\"name\":\"User\"}]},\n {\"id\":2,\"name\":\"Jane Doe\",\"age\":30,\"email\":\"jane.doe@mail.com\",\"roles\":[{\"id\":\"2\",\"name\":\"User\"}]}\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\">\n <div slot=\"cell\">\n <span>__roles.name__</span>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleComplexElementsRepeatTemplate',\n args: {\n dataJson: `[\n {\"id\":1,\"name\":\"John Doe\",\"age\":25,\"email\":\"john.doe@mail.com\",\"roles\":[{\"id\":\"1\",\"name\":\"Admin\"},{\"id\":\"2\",\"name\":\"User\"}]},\n {\"id\":2,\"name\":\"Jane Doe\",\"age\":30,\"email\":\"jane.doe@mail.com\",\"roles\":[{\"id\":\"2\",\"name\":\"User\"}]}\n ]`,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\" repeat-template>\n <div slot=\"cell\">\n <nv-badge label=\"__roles.name__\"></nv-badge>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n ],\n};\n\nexport default NvDatagridDocs;\n"]}
1	+ {"version":3,"file":"nv-datagrid.docs.js","sourceRoot":"","sources":["../../../src/components/nv-datagrid/nv-datagrid.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvDatagridDocs: NovaDocs<Components.NvDatagrid> = {\n component: 'nv-datagrid',\n badge: 'beta',\n subcomponents: ['nv-datagridcolumn', 'nv-iconbutton', 'nv-badge'],\n composedComponents: ['nv-datagridcolumn'],\n stories: [\n {\n name: 'Default',\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.noColumnsNoDataMessage),\n args: {\n noColumnsNoDataMessage: 'Nothing to display.',\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.noDataMessage),\n args: {\n noDataMessage: 'No element available to display.',\n columns: [\n {\n header: 'Name',\n accessor: 'name',\n },\n {\n header: 'Age',\n accessor: 'age',\n },\n {\n header: 'Email',\n accessor: 'email',\n },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.columns),\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.columnsJson),\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.data),\n args: {\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.dataJson),\n args: {\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\", \"roles\": [{ \"id\": \"1\", \"name\": \"Admin\" }] },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\", \"roles\": [{ \"id\": \"2\", \"name\": \"User\" }] }\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.autoGenerateColumns),\n args: {\n data: [\n {\n name: 'Alice',\n age: '25',\n email: 'alice@mail.com',\n roles: [{ id: '1', name: 'Admin' }],\n },\n {\n name: 'Bob',\n age: '30',\n email: 'bob@mail.com',\n roles: [{ id: '2', name: 'User' }],\n },\n ],\n autoGenerateColumns: true,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'ColumnsArrayAndDataArray',\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'ColumnsJSONAndDataJSON',\n args: {\n columnsJson: `[\n {\"header\":\"Name\",\"accessor\":\"name\"},\n {\"header\":\"Age\",\"accessor\":\"age\"},\n {\"header\":\"Email\",\"accessor\":\"email\"}\n ]`,\n dataJson: `[\n { \"name\": \"Alice\", \"age\": \"25\", \"email\": \"alice@mail.com\" },\n { \"name\": \"Bob\", \"age\": \"30\", \"email\": \"bob@mail.com\" }\n ]`,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'WithDataAndTemplate',\n args: {\n data: [\n { id: 1, name: 'John Doe', age: 25, email: 'john.doe@mail.com' },\n { id: 2, name: 'Jane Doe', age: 30, email: 'jane.doe@mail.com' },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"actions\">\n <div slot=\"header\"></div>\n <div slot=\"cell\">\n <nv-iconbutton\n size=\"xs\"\n name=\"pencil\"\n data-bind-event=\"click:edit:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"trash\"\n data-bind-event=\"click:delete:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"mail\"\n data-bind-event=\"click:sendEmail:id,email\"\n ></nv-iconbutton>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateComplexData',\n args: {\n data: [\n {\n id: 1,\n name: 'John Doe',\n age: 25,\n email: 'john.doe@mail.com',\n address: { city: 'New York', country: 'USA' },\n status: { label: 'success', color: '1', icon: 'check' },\n },\n {\n id: 2,\n name: 'Jane Doe',\n age: 30,\n email: 'jane.doe@mail.com',\n address: { city: 'Los Angeles', country: 'USA' },\n status: { label: 'warning', color: '2', icon: 'alert-circle' },\n },\n {\n id: 3,\n name: 'John Smith',\n age: 35,\n email: 'john.smith@mail.com',\n address: { city: 'London', country: 'UK' },\n status: { label: 'error', color: '3', icon: 'loader' },\n },\n {\n id: 4,\n name: 'Jane Smith',\n age: 40,\n email: 'jane.smith@mail.com',\n address: { city: 'Paris', country: 'France' },\n status: { label: 'info', color: '5', icon: 'info-circle' },\n },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"address\" header=\"Address\">\n <div slot=\"cell\">\n <span>__address.city__, __address.country__</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"status\" header=\"Status\">\n <div slot=\"header\">\n <span class=\"text-md font-bold text-low\">Status</span>\n </div>\n <div slot=\"cell\">\n <nv-badge color=\"__status.color__\" lead-icon=\"__status.icon__\">\n __status.label__\n </nv-badge>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"actions\">\n <div slot=\"header\"></div>\n <div slot=\"cell\">\n <nv-iconbutton\n size=\"xs\"\n name=\"pencil\"\n data-bind-event=\"click:edit:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"trash\"\n data-bind-event=\"click:delete:id\"\n ></nv-iconbutton>\n <nv-iconbutton\n size=\"xs\"\n name=\"mail\"\n data-bind-event=\"click:sendEmail:id,email\"\n ></nv-iconbutton>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.enableGlobalFilter),\n args: {\n data: [\n {\n name: 'Alice',\n age: '25',\n email: 'alice@mail.com',\n address: { city: 'New York', country: 'USA' },\n },\n {\n name: 'Bob',\n age: '30',\n email: 'bob@mail.com',\n address: { city: 'Los Angeles', country: 'USA' },\n },\n {\n name: 'Charlie',\n age: '35',\n email: 'charlie@mail.com',\n address: { city: 'Chicago', country: 'USA' },\n },\n {\n name: 'David',\n age: '40',\n email: 'david@mail.com',\n address: { city: 'Houston', country: 'USA' },\n },\n {\n name: 'Eve',\n age: '45',\n email: 'eve@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Frank',\n age: '50',\n email: 'frank@mail.com',\n address: { city: 'Seattle', country: 'USA' },\n },\n {\n name: 'Grace',\n age: '55',\n email: 'grace@mail.com',\n address: { city: 'Miami', country: 'USA' },\n },\n {\n name: 'Helen',\n age: '60',\n email: 'helen@mail.com',\n address: { city: 'Atlanta', country: 'USA' },\n },\n {\n name: 'Ivy',\n age: '65',\n email: 'ivy@mail.com',\n address: { city: 'Washington', country: 'USA' },\n },\n {\n name: 'Jack',\n age: '70',\n email: 'jack@mail.com',\n address: { city: 'Boston', country: 'USA' },\n },\n {\n name: 'Kate',\n age: '75',\n email: 'kate@mail.com',\n address: { city: 'San Diego', country: 'USA' },\n },\n {\n name: 'Liam',\n age: '80',\n email: 'liam@mail.com',\n address: { city: 'Philadelphia', country: 'USA' },\n },\n {\n name: 'Mia',\n age: '85',\n email: 'mia@mail.com',\n address: { city: 'Phoenix', country: 'USA' },\n },\n {\n name: 'Noah',\n age: '90',\n email: 'noah@mail.com',\n address: { city: 'San Antonio', country: 'USA' },\n },\n {\n name: 'Olivia',\n age: '95',\n email: 'olivia@mail.com',\n address: { city: 'San Jose', country: 'USA' },\n },\n {\n name: 'Patrick',\n age: '5',\n email: 'patrick@mail.com',\n address: { city: 'Austin', country: 'USA' },\n },\n {\n name: 'Quentin',\n age: '10',\n email: 'quentin@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Remi',\n age: '15',\n email: 'remi@mail.com',\n address: { city: 'San Diego', country: 'USA' },\n },\n {\n name: 'Samuel',\n age: '20',\n email: 'samuel@mail.com',\n address: { city: 'San Antonio', country: 'USA' },\n },\n {\n name: 'Thomas',\n age: '25',\n email: 'thomas@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Ulysse',\n age: '30',\n email: 'ulysse@mail.com',\n address: { city: 'Boston', country: 'USA' },\n },\n {\n name: 'Victor',\n age: '35',\n email: 'victor@mail.com',\n address: { city: 'San Diego', country: 'USA' },\n },\n {\n name: 'William',\n age: '40',\n email: 'william@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Xavier',\n age: '45',\n email: 'xavier@mail.com',\n address: { city: 'San Diego', country: 'USA' },\n },\n {\n name: 'Yann',\n age: '50',\n email: 'yann@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Zacharie',\n age: '55',\n email: 'zacharie@mail.com',\n address: { city: 'San Diego', country: 'USA' },\n },\n {\n name: 'Zoé',\n age: '60',\n email: 'zoe@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Ann',\n age: '60',\n email: 'ann@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Camille',\n age: '65',\n email: 'camille@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Damien',\n age: '70',\n email: 'damien@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Emilie',\n age: '75',\n email: 'emilie@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Florian',\n age: '80',\n email: 'florian@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Gael',\n age: '85',\n email: 'gael@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Hugo',\n age: '90',\n email: 'hugo@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Iris',\n age: '95',\n email: 'iris@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Jade',\n age: '100',\n email: 'jade@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Kévin',\n age: '105',\n email: 'kevin@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Léa',\n age: '110',\n email: 'lea@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Mathias',\n age: '115',\n email: 'mathias@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n {\n name: 'Nathan',\n age: '120',\n email: 'nathan@mail.com',\n address: { city: 'San Francisco', country: 'USA' },\n },\n ],\n enableGlobalFilter: true,\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\" />\n <nv-datagridcolumn accessor=\"age\" header=\"Age\" />\n <nv-datagridcolumn accessor=\"email\" header=\"Email\" />\n <nv-datagridcolumn accessor=\"address\" header=\"Address\">\n <div slot=\"cell\">\n <span>__address.city__</span>\n <span>__address.country__</span>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.enablePagination),\n args: {\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n { name: 'Charlie', age: '35', email: 'charlie@mail.com' },\n { name: 'David', age: '40', email: 'david@mail.com' },\n { name: 'Eve', age: '45', email: 'eve@mail.com' },\n { name: 'Frank', age: '50', email: 'frank@mail.com' },\n { name: 'Grace', age: '55', email: 'grace@mail.com' },\n { name: 'Helen', age: '60', email: 'helen@mail.com' },\n { name: 'Ivy', age: '65', email: 'ivy@mail.com' },\n { name: 'Jack', age: '70', email: 'jack@mail.com' },\n { name: 'Kate', age: '75', email: 'kate@mail.com' },\n { name: 'Liam', age: '80', email: 'liam@mail.com' },\n { name: 'Mia', age: '85', email: 'mia@mail.com' },\n { name: 'Noah', age: '90', email: 'noah@mail.com' },\n { name: 'Olivia', age: '95', email: 'olivia@mail.com' },\n { name: 'Patrick', age: '5', email: 'patrick@mail.com' },\n { name: 'Quentin', age: '10', email: 'quentin@mail.com' },\n { name: 'Remi', age: '15', email: 'remi@mail.com' },\n { name: 'Samuel', age: '20', email: 'samuel@mail.com' },\n { name: 'Thomas', age: '25', email: 'thomas@mail.com' },\n { name: 'Ulysse', age: '30', email: 'ulysse@mail.com' },\n { name: 'Victor', age: '35', email: 'victor@mail.com' },\n { name: 'William', age: '40', email: 'william@mail.com' },\n { name: 'Xavier', age: '45', email: 'xavier@mail.com' },\n { name: 'Yann', age: '50', email: 'yann@mail.com' },\n { name: 'Zacharie', age: '55', email: 'zacharie@mail.com' },\n { name: 'Zoé', age: '60', email: 'zoe@mail.com' },\n { name: 'Ann', age: '60', email: 'ann@mail.com' },\n { name: 'Camille', age: '65', email: 'camille@mail.com' },\n { name: 'Damien', age: '70', email: 'damien@mail.com' },\n { name: 'Emilie', age: '75', email: 'emilie@mail.com' },\n { name: 'Florian', age: '80', email: 'florian@mail.com' },\n { name: 'Gael', age: '85', email: 'gael@mail.com' },\n { name: 'Hugo', age: '90', email: 'hugo@mail.com' },\n { name: 'Iris', age: '95', email: 'iris@mail.com' },\n { name: 'Jade', age: '100', email: 'jade@mail.com' },\n { name: 'Kévin', age: '105', email: 'kevin@mail.com' },\n { name: 'Léa', age: '110', email: 'lea@mail.com' },\n { name: 'Mathias', age: '115', email: 'mathias@mail.com' },\n { name: 'Nathan', age: '120', email: 'nathan@mail.com' },\n ],\n enablePagination: true,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.pageSize),\n args: {\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n { name: 'Charlie', age: '35', email: 'charlie@mail.com' },\n { name: 'David', age: '40', email: 'david@mail.com' },\n { name: 'Eve', age: '45', email: 'eve@mail.com' },\n { name: 'Frank', age: '50', email: 'frank@mail.com' },\n { name: 'Grace', age: '55', email: 'grace@mail.com' },\n { name: 'Helen', age: '60', email: 'helen@mail.com' },\n { name: 'Ivy', age: '65', email: 'ivy@mail.com' },\n { name: 'Jack', age: '70', email: 'jack@mail.com' },\n { name: 'Kate', age: '75', email: 'kate@mail.com' },\n { name: 'Liam', age: '80', email: 'liam@mail.com' },\n { name: 'Mia', age: '85', email: 'mia@mail.com' },\n { name: 'Noah', age: '90', email: 'noah@mail.com' },\n { name: 'Olivia', age: '95', email: 'olivia@mail.com' },\n { name: 'Patrick', age: '5', email: 'patrick@mail.com' },\n { name: 'Quentin', age: '10', email: 'quentin@mail.com' },\n { name: 'Remi', age: '15', email: 'remi@mail.com' },\n { name: 'Samuel', age: '20', email: 'samuel@mail.com' },\n { name: 'Thomas', age: '25', email: 'thomas@mail.com' },\n { name: 'Ulysse', age: '30', email: 'ulysse@mail.com' },\n { name: 'Victor', age: '35', email: 'victor@mail.com' },\n { name: 'William', age: '40', email: 'william@mail.com' },\n { name: 'Xavier', age: '45', email: 'xavier@mail.com' },\n { name: 'Yann', age: '50', email: 'yann@mail.com' },\n { name: 'Zacharie', age: '55', email: 'zacharie@mail.com' },\n { name: 'Zoé', age: '60', email: 'zoe@mail.com' },\n { name: 'Ann', age: '60', email: 'ann@mail.com' },\n { name: 'Camille', age: '65', email: 'camille@mail.com' },\n { name: 'Damien', age: '70', email: 'damien@mail.com' },\n { name: 'Emilie', age: '75', email: 'emilie@mail.com' },\n { name: 'Florian', age: '80', email: 'florian@mail.com' },\n { name: 'Gael', age: '85', email: 'gael@mail.com' },\n { name: 'Hugo', age: '90', email: 'hugo@mail.com' },\n { name: 'Iris', age: '95', email: 'iris@mail.com' },\n { name: 'Jade', age: '100', email: 'jade@mail.com' },\n { name: 'Kévin', age: '105', email: 'kevin@mail.com' },\n { name: 'Léa', age: '110', email: 'lea@mail.com' },\n { name: 'Mathias', age: '115', email: 'mathias@mail.com' },\n { name: 'Nathan', age: '120', email: 'nathan@mail.com' },\n ],\n enablePagination: true,\n pageSize: 20,\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: nameof<Components.NvDatagrid>(x => x.pageSizes),\n args: {\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n { name: 'Charlie', age: '35', email: 'charlie@mail.com' },\n { name: 'David', age: '40', email: 'david@mail.com' },\n { name: 'Eve', age: '45', email: 'eve@mail.com' },\n { name: 'Frank', age: '50', email: 'frank@mail.com' },\n { name: 'Grace', age: '55', email: 'grace@mail.com' },\n { name: 'Helen', age: '60', email: 'helen@mail.com' },\n { name: 'Ivy', age: '65', email: 'ivy@mail.com' },\n { name: 'Jack', age: '70', email: 'jack@mail.com' },\n { name: 'Kate', age: '75', email: 'kate@mail.com' },\n { name: 'Liam', age: '80', email: 'liam@mail.com' },\n { name: 'Mia', age: '85', email: 'mia@mail.com' },\n { name: 'Noah', age: '90', email: 'noah@mail.com' },\n { name: 'Olivia', age: '95', email: 'olivia@mail.com' },\n { name: 'Patrick', age: '5', email: 'patrick@mail.com' },\n { name: 'Quentin', age: '10', email: 'quentin@mail.com' },\n { name: 'Remi', age: '15', email: 'remi@mail.com' },\n { name: 'Samuel', age: '20', email: 'samuel@mail.com' },\n { name: 'Thomas', age: '25', email: 'thomas@mail.com' },\n { name: 'Ulysse', age: '30', email: 'ulysse@mail.com' },\n { name: 'Victor', age: '35', email: 'victor@mail.com' },\n { name: 'William', age: '40', email: 'william@mail.com' },\n { name: 'Xavier', age: '45', email: 'xavier@mail.com' },\n { name: 'Yann', age: '50', email: 'yann@mail.com' },\n { name: 'Zacharie', age: '55', email: 'zacharie@mail.com' },\n { name: 'Zoé', age: '60', email: 'zoe@mail.com' },\n { name: 'Ann', age: '60', email: 'ann@mail.com' },\n { name: 'Camille', age: '65', email: 'camille@mail.com' },\n { name: 'Damien', age: '70', email: 'damien@mail.com' },\n { name: 'Emilie', age: '75', email: 'emilie@mail.com' },\n { name: 'Florian', age: '80', email: 'florian@mail.com' },\n { name: 'Gael', age: '85', email: 'gael@mail.com' },\n { name: 'Hugo', age: '90', email: 'hugo@mail.com' },\n { name: 'Iris', age: '95', email: 'iris@mail.com' },\n { name: 'Jade', age: '100', email: 'jade@mail.com' },\n { name: 'Kévin', age: '105', email: 'kevin@mail.com' },\n { name: 'Léa', age: '110', email: 'lea@mail.com' },\n { name: 'Mathias', age: '115', email: 'mathias@mail.com' },\n { name: 'Nathan', age: '120', email: 'nathan@mail.com' },\n ],\n enablePagination: true,\n pageSize: 5,\n pageSizes: [\n 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90,\n 95, 100,\n ],\n },\n template: <nv-datagrid data-storybook-args></nv-datagrid>,\n },\n {\n name: 'SlotBefore',\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"before\">Before</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'SlotAfter',\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"after\">After</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'SlotBeforeAndAfter',\n args: {\n columns: [\n { header: 'Name', accessor: 'name' },\n { header: 'Age', accessor: 'age' },\n { header: 'Email', accessor: 'email' },\n ],\n data: [\n { name: 'Alice', age: '25', email: 'alice@mail.com' },\n { name: 'Bob', age: '30', email: 'bob@mail.com' },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <div slot=\"before\">Before</div>\n <div slot=\"after\">After</div>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleElements',\n args: {\n data: [\n {\n id: 1,\n name: 'John Doe',\n age: 25,\n email: 'john.doe@mail.com',\n roles: ['Admin', 'User'],\n },\n {\n id: 2,\n name: 'Jane Doe',\n age: 30,\n email: 'jane.doe@mail.com',\n roles: ['User'],\n },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\">\n <div slot=\"cell\">\n <span>__roles__</span>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleComplexElements',\n args: {\n data: [\n {\n id: 1,\n name: 'John Doe',\n age: 25,\n email: 'john.doe@mail.com',\n roles: [\n { id: '1', name: 'Admin' },\n { id: '2', name: 'User' },\n ],\n },\n {\n id: 2,\n name: 'Jane Doe',\n age: 30,\n email: 'jane.doe@mail.com',\n roles: [{ id: '2', name: 'User' }],\n },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\">\n <div slot=\"cell\">\n <span>__roles.name__</span>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n {\n name: 'WithDataAndTemplateAndMultipleComplexElementsRepeatTemplate',\n args: {\n data: [\n {\n id: 1,\n name: 'John Doe',\n age: 25,\n email: 'john.doe@mail.com',\n roles: [\n { id: '1', name: 'Admin' },\n { id: '2', name: 'User' },\n ],\n },\n {\n id: 2,\n name: 'Jane Doe',\n age: 30,\n email: 'jane.doe@mail.com',\n roles: [{ id: '2', name: 'User' }],\n },\n ],\n },\n template: (\n <nv-datagrid data-storybook-args>\n <nv-datagridcolumn accessor=\"name\" header=\"Name\">\n <div slot=\"header\">\n <strong>Name</strong>\n </div>\n <div slot=\"cell\">\n <strong>__name__</strong>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"age\" header=\"Age\">\n <div slot=\"header\">\n <em>Age</em>\n </div>\n <div slot=\"cell\">\n <span>__age__ years old</span>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"email\" header=\"Mail Address\">\n <div slot=\"cell\">\n <a href=\"mailto:__email__\">__email__</a>\n </div>\n </nv-datagridcolumn>\n\n <nv-datagridcolumn accessor=\"roles\" header=\"Role(s)\" repeat-template>\n <div slot=\"cell\">\n <nv-badge label=\"__roles.name__\"></nv-badge>\n </div>\n </nv-datagridcolumn>\n </nv-datagrid>\n ),\n },\n ],\n};\n\nexport default NvDatagridDocs;\n"]}