@infineon/infineon-design-system-stencil 39.4.4--canary.1723.b577eb08ea34aa81e7d1054220d0f31ca92579a9.0 → 39.4.4-canary.0

package/dist/collection/components/table-advanced-version/table.stories.js

@@ -341,17 +341,17 @@ export default {
 };
 const DefaultTemplate = args => {
     if (args.filterOrientation === 'none') {
-        const table = `<ifx-table
-    row-height="${args.rowHeight}"
-    cols='${JSON.stringify(args.columnDefs)}'
-    rows='${JSON.stringify(args.rowData)}'
-    enable-selection="${args.enableSelection}"
-    table-height="${args.tableHeight}"
-    pagination="${args.pagination}"
-    server-side-pagination="${args.serverSidePagination}"
-    pagination-items-per-page='${args.paginationItemsPerPage}'
-    filter-orientation="${args.filterOrientation}"
-    variant='${args.variant}'>
+        const table = `<ifx-table
+    row-height="${args.rowHeight}"
+    cols='${JSON.stringify(args.columnDefs)}'
+    rows='${JSON.stringify(args.rowData)}'
+    enable-selection="${args.enableSelection}"
+    table-height="${args.tableHeight}"
+    pagination="${args.pagination}"
+    server-side-pagination="${args.serverSidePagination}"
+    pagination-items-per-page='${args.paginationItemsPerPage}'
+    filter-orientation="${args.filterOrientation}"
+    variant='${args.variant}'>
 </ifx-table>`;
         return table;
     }
@@ -365,12 +365,12 @@ const DefaultTemplate = args => {
                 return `<ifx-list-entry slot="slot${index}" label="${option}" value="false"></ifx-list-entry>`;
             })
                 .join('');
-            return `
-      <ifx-filter-accordion slot="filter-accordion" filter-group-name="${column.field}">
-        <ifx-list slot="list" type="checkbox" name="${column.field}" max-visible-items="6">
-          ${filterOptions}
-        </ifx-list>
-      </ifx-filter-accordion>
+            return `
+      <ifx-filter-accordion slot="filter-accordion" filter-group-name="${column.field}">
+        <ifx-list slot="list" type="checkbox" name="${column.field}" max-visible-items="6">
+          ${filterOptions}
+        </ifx-list>
+      </ifx-filter-accordion>
     `;
         })
             .join('');
@@ -384,37 +384,37 @@ const DefaultTemplate = args => {
                 selected: false,
             }));
             const optionsString = JSON.stringify(options);
-            return `
-        <ifx-set-filter slot="filter-component-${index + 1}"
-            options='${optionsString}'
-            filter-label='${column.headerName}'
-            filter-name='${column.field}'
-            type='multi-select'
-            placeholder='Select ${column.headerName}'>
-          </ifx-set-filter>
+            return `
+        <ifx-set-filter slot="filter-component-${index + 1}"
+            options='${optionsString}'
+            filter-label='${column.headerName}'
+            filter-name='${column.field}'
+            type='multi-select'
+            placeholder='Select ${column.headerName}'>
+          </ifx-set-filter>
           `;
         })
             .join('\n');
         const filterTypeGroupComponent = args.filterOrientation === 'sidebar'
-            ? `<ifx-filter-type-group slot="sidebar-filter">
-        <div slot="filter-search">
-          <ifx-filter-search filter-orientation="sidebar" filter-name="search"></ifx-filter-search>
-        </div>
-        ${filterAccordions}
+            ? `<ifx-filter-type-group slot="sidebar-filter">
+        <div slot="filter-search">
+          <ifx-filter-search filter-orientation="sidebar" filter-name="search"></ifx-filter-search>
+        </div>
+        ${filterAccordions}
     </ifx-filter-type-group>`
-            : `<ifx-filter-bar slot="topbar-filter" max-shown-filters="3">
-        <ifx-filter-search slot="filter-search" filter-orientation="topbar"></ifx-filter-search>
-        ${filterComponents}
+            : `<ifx-filter-bar slot="topbar-filter" max-shown-filters="3">
+        <ifx-filter-search slot="filter-search" filter-orientation="topbar"></ifx-filter-search>
+        ${filterComponents}
    </ifx-filter-bar>`;
-        const table = `<ifx-table
-    headline="${args.headline}"
-    row-height="${args.rowHeight}"
-    cols='${JSON.stringify(args.columnDefs)}'
-    rows='${JSON.stringify(args.rowData)}'
-    table-height="${args.tableHeight}"
-    pagination="${args.pagination}"
-    filter-orientation="${args.filterOrientation}">
-    ${filterTypeGroupComponent}
+        const table = `<ifx-table
+    headline="${args.headline}"
+    row-height="${args.rowHeight}"
+    cols='${JSON.stringify(args.columnDefs)}'
+    rows='${JSON.stringify(args.rowData)}'
+    table-height="${args.tableHeight}"
+    pagination="${args.pagination}"
+    filter-orientation="${args.filterOrientation}">
+    ${filterTypeGroupComponent}
 </ifx-table>`;
         return table;
     }
@@ -449,64 +449,64 @@ ServerSidePagination.args = {
     filterOrientation: 'none',
 };
 const CustomCellTemplate = args => {
-    const table = `
-    <ifx-table
-      row-height="${args.rowHeight}"
-      cols='${JSON.stringify(args.columnDefs)}'
-      rows='${JSON.stringify(args.rowData)}'
-      table-height="${args.tableHeight}"
-      pagination="${args.pagination}"
-      filter-orientation="${args.filterOrientation}">
+    const table = `
+    <ifx-table
+      row-height="${args.rowHeight}"
+      cols='${JSON.stringify(args.columnDefs)}'
+      rows='${JSON.stringify(args.rowData)}'
+      table-height="${args.tableHeight}"
+      pagination="${args.pagination}"
+      filter-orientation="${args.filterOrientation}">
     </ifx-table>`;
     return table;
 };
 const CustomStatusCellTemplate = args => {
-    const table = `
-    <ifx-table
-      row-height="${args.rowHeight}"
-      cols='${JSON.stringify(args.columnDefs)}'
-      rows='${JSON.stringify(args.rowData)}'
-      table-height="${args.tableHeight}"
-      pagination="${args.pagination}"
-      filter-orientation="${args.filterOrientation}">
+    const table = `
+    <ifx-table
+      row-height="${args.rowHeight}"
+      cols='${JSON.stringify(args.columnDefs)}'
+      rows='${JSON.stringify(args.rowData)}'
+      table-height="${args.tableHeight}"
+      pagination="${args.pagination}"
+      filter-orientation="${args.filterOrientation}">
     </ifx-table>`;
     return table;
 };
 const CustomLinkCellTemplate = args => {
-    const table = `
-    <ifx-table
-      row-height="${args.rowHeight}"
-      cols='${JSON.stringify(args.columnDefs)}'
-      rows='${JSON.stringify(args.rowData)}'
-      table-height="${args.tableHeight}"
-      pagination="${args.pagination}"
-      filter-orientation="${args.filterOrientation}">
+    const table = `
+    <ifx-table
+      row-height="${args.rowHeight}"
+      cols='${JSON.stringify(args.columnDefs)}'
+      rows='${JSON.stringify(args.rowData)}'
+      table-height="${args.tableHeight}"
+      pagination="${args.pagination}"
+      filter-orientation="${args.filterOrientation}">
     </ifx-table>`;
     return table;
 };
 const BreakingLineTemplate = args => {
-    const table = `
-    <ifx-table
-      row-height="${args.rowHeight}"
-      cols='${JSON.stringify(args.columnDefs)}'
-      rows='${JSON.stringify(args.rowData)}'
-      table-height="${args.tableHeight}"
-      pagination="${args.pagination}"
-      filter-orientation="${args.filterOrientation}">
+    const table = `
+    <ifx-table
+      row-height="${args.rowHeight}"
+      cols='${JSON.stringify(args.columnDefs)}'
+      rows='${JSON.stringify(args.rowData)}'
+      table-height="${args.tableHeight}"
+      pagination="${args.pagination}"
+      filter-orientation="${args.filterOrientation}">
     </ifx-table>`;
     return table;
 };
 const InnerButtonsTemplate = args => {
-    const table = `
-    <ifx-table
-      row-height="${args.rowHeight}"
-      cols='${JSON.stringify(args.columnDefs)}'
-      rows='${JSON.stringify(args.rowData)}'
-      table-height="${args.tableHeight}"
-      pagination="${args.pagination}"
-      filter-orientation="none">
-      <ifx-button slot="inner-button">Button</ifx-button>
-      <ifx-button slot="inner-button">Button</ifx-button>
+    const table = `
+    <ifx-table
+      row-height="${args.rowHeight}"
+      cols='${JSON.stringify(args.columnDefs)}'
+      rows='${JSON.stringify(args.rowData)}'
+      table-height="${args.tableHeight}"
+      pagination="${args.pagination}"
+      filter-orientation="none">
+      <ifx-button slot="inner-button">Button</ifx-button>
+      <ifx-button slot="inner-button">Button</ifx-button>
     </ifx-table>`;
     return table;
 };

package/dist/collection/components/table-advanced-version/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["const columnDefs = [\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\n  { headerName: 'Price', field: 'price' },\n  { headerName: 'Age', field: 'age' },\n];\n\nconst rowData = [\n  { make: 'Toyota', model: 'Celica', price: 35000, age: 10 },\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n  { make: 'Bmw', model: 'x', price: 72000 },\n  { make: 'Mercedes', model: 'y', price: 72000 },\n  { make: 'Ferrari', model: 'z', price: 72000 },\n  { make: 'Chrysler', model: 'a', price: 72000 },\n  { make: 'Range rover', model: 'b', price: 72000 },\n  { make: 'Tesla', model: 'x', price: 72000 },\n  { make: 'Audi', model: '3', price: 72000 },\n  { make: 'Landrover', model: 'x', price: 72000 },\n];\n\nconst rowDataWithBreakingLine = [\n  { make: 'Toyota\\n and Mazda', model: 'Celica', price: 35000, age: 10 },\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n  { make: 'Bmw', model: 'x', price: 72000 },\n  { make: 'Mercedes', model: 'y', price: 72000 },\n  { make: 'Ferrari', model: 'z', price: 72000 },\n  { make: 'Chrysler', model: 'a', price: 72000 },\n  { make: 'Range rover', model: 'b', price: 72000 },\n  { make: 'Tesla', model: 'x', price: 72000 },\n  { make: 'Audi', model: '3', price: 72000 },\n  { make: 'Landrover', model: 'x', price: 72000 },\n];\n\nconst columnDefsWithButtonCol = [\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\n  { headerName: 'Price', field: 'price' },\n  { headerName: 'Age', field: 'age' },\n  {\n    headerName: '',\n    field: 'button',\n  },\n];\n\nconst columnDefsWithStatusCol = [\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\n  { headerName: 'Price', field: 'price' },\n  { headerName: 'Age', field: 'age' },\n  {\n    headerName: 'Status',\n    field: 'status',\n  },\n];\n\nconst columnDefsWithLinkCol = [\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\n  { headerName: 'Price', field: 'price' },\n  { headerName: 'Age', field: 'age' },\n  {\n    headerName: 'Link',\n    field: 'link',\n  },\n];\n\nconst rowDataWithButtonCol = [\n  {\n    make: 'Toyota',\n    model: 'Celica',\n    price: 35000,\n    age: 10,\n    button: {\n      disabled: false,\n      variant: 'secondary',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.w3schools.com/',\n      theme: 'default',\n      type: 'button',\n      fullWidth: true,\n      text: 'Toyota Button',\n    },\n  },\n  {\n    make: 'Ford',\n    model: 'Mondeo',\n    price: 32000,\n    age: 12,\n    button: {\n      disabled: false,\n      variant: 'secondary',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.w3schools.com/',\n      theme: 'default',\n      type: 'button',\n      fullWidth: true,\n      text: 'Ford Button',\n    },\n  },\n  {\n    make: 'Porsche',\n    model: 'Boxster',\n    price: 72000,\n    button: {\n      disabled: false,\n      variant: 'secondary',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.w3schools.com/',\n      theme: 'default',\n      type: 'button',\n      fullWidth: true,\n      text: 'Porsche Button',\n    },\n  },\n];\nconst rowDataWithStatusCol = [\n  {\n    make: 'Toyota',\n    model: 'Celica',\n    price: 35000,\n    age: 10,\n    status: {\n      label: 'Available',\n      color: 'green-500',\n      border: true,\n    },\n  },\n  {\n    make: 'Ford',\n    model: 'Mondeo',\n    price: 32000,\n    age: 12,\n    status: {\n      label: 'Out of Stock',\n      color: 'red-500',\n      border: true,\n    },\n  },\n  {\n    make: 'Porsche',\n    model: 'Boxster',\n    price: 72000,\n    status: {\n      label: 'Coming Soon',\n      color: 'orange-500',\n      border: true,\n    },\n  },\n];\n\nconst rowDataWithLinkCol = [\n  {\n    make: 'Toyota',\n    model: 'Celica',\n    price: 35000,\n    age: 10,\n    link: {\n      disabled: false,\n      variant: 'bold',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.google.com/',\n      text: 'Link',\n    },\n  },\n  {\n    make: 'Ford',\n    model: 'Mondeo',\n    price: 32000,\n    age: 12,\n    link: {\n      disabled: false,\n      variant: 'underlined',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.yahoo.com/',\n      text: 'Link',\n    },\n  },\n  {\n    make: 'Porsche',\n    model: 'Boxster',\n    price: 72000,\n    link: {\n      disabled: false,\n      variant: 'title',\n      size: 's',\n      target: '_blank',\n      href: 'https://www.bing.com/',\n      text: 'Link',\n    },\n  },\n];\n\nexport default {\n  title: 'Components/Table (advanced)',\n  args: {\n    tableHeight: 'auto',\n    pagination: false,\n    serverSidePagination: false,\n    rowHeight: 40,\n    showLoading: false,\n    variant: 'default',\n    headline: 'Matching results',\n    enableSelection: false,\n  },\n  argTypes: {\n    tableHeight: {\n      description: 'Set the height of the table.',\n      table: {\n        category: 'ifx-table props',\n        type: {\n          summary: 'Options',\n          detail: 'Default: \"auto\"\\nExample for fixed height: \"400px\"',\n        },\n      },\n    },\n    pagination: {\n      description: 'Show pagination control.',\n      control: { type: 'boolean' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: true,\n        },\n        type: {\n          summary: 'Boolean',\n        },\n      },\n    },\n    serverSidePagination: {\n      description: 'Enables server-side pagination.',\n      control: { type: 'boolean' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: true,\n        },\n        type: {\n          summary: 'Boolean',\n        },\n      },\n    },\n    paginationItemsPerPage: {\n      description: 'Sets the items per page of the table pagination',\n      table: {\n        category: 'ifx-table props',\n      },\n    },\n    showLoading: {\n      description: 'Show loading spinner.',\n      options: [true, false],\n      control: { type: 'radio' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: false,\n        },\n      },\n    },\n    rowHeight: {\n      description: 'Set the height of the rows.',\n      options: ['compact', 'default'],\n      control: { type: 'radio' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: 'default',\n        },\n      },\n    },\n    enableSelection: {\n      description: 'Enables the selection of rows via a checkbox',\n      options: [true, false],\n      control: { type: 'radio' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: 'default',\n        },\n      },\n    },\n    filterOrientation: {\n      description: 'Set the filter orientation.',\n      options: ['sidebar', 'topbar', 'none'],\n      control: { type: 'radio' },\n      table: {\n        category: 'ifx-table props',\n        defaultValue: {\n          summary: 'none',\n        },\n      },\n    },\n    columnDefs: {\n      description: 'Column header options',\n      name: 'cols',\n      table: {\n        category: 'ifx-table props',\n        type: {\n          summary: 'Column header options',\n          detail:\n            'Standard columns:\\nheaderName: \"Model\", \\nfield: \"model\", \\nsortable: true (optional),\\nsort: \"desc\" (optional) => descending sort (show icon)\\nunSortIcon: true (optional) => unsorted (show icon)\\n\\nSpecial columns:\\nheaderName: \"\",\\nfield: \"button\"\\nheaderName: \"\",\\nfield: \"link\"',\n        },\n      },\n    },\n    rowData: {\n      description: 'Row data options',\n      name: 'rows',\n      table: {\n        category: 'ifx-table props',\n        type: {\n          summary: 'Row data options',\n          detail:\n            'Standard row values:\\nmake: \"Toyota\", \\nmodel: \"Celica\", \\nprice: 35000 \\n\\nSpecial row values (incl buttons):\\nmake: \"Porsche\",\\nmodel: \"Boxster\",\\nprice: \"72000\",\\nbutton: { \\ndisabled: false (optional),\\nvariant: \"outline\" (optional)\\nsize: \"s\" (optional),\\ntext: \"Button\"\\n...other ifx-button properties\\n}',\n        },\n      },\n    },\n    variant: {\n      description: 'Sets the variant of the table.',\n      table: {\n        category: 'ifx-table props',\n        defaultValue: { summary: 'default' },\n      },\n      options: ['default', 'zebra'],\n      control: { type: 'radio' },\n    },\n\n    headline: {\n      description: 'Sets the headline of the table.',\n      table: {\n        category: 'ifx-table props',\n        defaultValue: { summary: 'matching results' },\n      },\n    },\n\n    ifxSelectionChange: {\n      action: 'ifxSelectionChange',\n      description: 'A custom event triggered on checkbox selection',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail:\n            'React: onIfxSelectionChange={handleInput}\\nVue:@ifxSelectionChange=\"handleInput\"\\nAngular:(ifxSelectionChange)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxSelectionChange\", (event) => {//handle input});',\n        },\n      },\n    },\n  },\n};\n\nconst DefaultTemplate = args => {\n  if (args.filterOrientation === 'none') {\n    const table = `<ifx-table\n    row-height=\"${args.rowHeight}\"\n    cols='${JSON.stringify(args.columnDefs)}'\n    rows='${JSON.stringify(args.rowData)}'\n    enable-selection=\"${args.enableSelection}\"\n    table-height=\"${args.tableHeight}\"\n    pagination=\"${args.pagination}\"\n    server-side-pagination=\"${args.serverSidePagination}\"\n    pagination-items-per-page='${args.paginationItemsPerPage}'\n    filter-orientation=\"${args.filterOrientation}\"\n    variant='${args.variant}'>\n</ifx-table>`;\n    return table;\n  } else {\n    //sidebar\n    const filterAccordions = args.columnDefs\n      .map(column => {\n        const uniqueColValues = [...new Set(args.rowData.map(row => row[column.field]))];\n        const filterOptions = uniqueColValues\n          .map((option, index) => {\n            return `<ifx-list-entry slot=\"slot${index}\" label=\"${option}\" value=\"false\"></ifx-list-entry>`;\n          })\n          .join('');\n\n        return `\n      <ifx-filter-accordion slot=\"filter-accordion\" filter-group-name=\"${column.field}\">\n        <ifx-list slot=\"list\" type=\"checkbox\" name=\"${column.field}\" max-visible-items=\"6\">\n          ${filterOptions}\n        </ifx-list>\n      </ifx-filter-accordion>\n    `;\n      })\n      .join('');\n\n    //topbar\n    const filterComponents = args.columnDefs\n      .map((column, index) => {\n        const uniqueColValues = [...new Set(args.rowData.map(row => row[column.field]))].filter(v => v !== undefined && v !== null && v !== '');\n        const options = uniqueColValues.map(option => ({\n          value: option,\n          label: option,\n          selected: false,\n        }));\n\n        const optionsString = JSON.stringify(options);\n\n        return `\n        <ifx-set-filter slot=\"filter-component-${index + 1}\"\n            options='${optionsString}'\n            filter-label='${column.headerName}'\n            filter-name='${column.field}'\n            type='multi-select'\n            placeholder='Select ${column.headerName}'>\n          </ifx-set-filter>\n          `;\n      })\n      .join('\\n');\n\n    const filterTypeGroupComponent =\n      args.filterOrientation === 'sidebar'\n        ? `<ifx-filter-type-group slot=\"sidebar-filter\">\n        <div slot=\"filter-search\">\n          <ifx-filter-search filter-orientation=\"sidebar\" filter-name=\"search\"></ifx-filter-search>\n        </div>\n        ${filterAccordions}\n    </ifx-filter-type-group>`\n        : `<ifx-filter-bar slot=\"topbar-filter\" max-shown-filters=\"3\">\n        <ifx-filter-search slot=\"filter-search\" filter-orientation=\"topbar\"></ifx-filter-search>\n        ${filterComponents}\n   </ifx-filter-bar>`;\n\n    const table = `<ifx-table\n    headline=\"${args.headline}\"\n    row-height=\"${args.rowHeight}\"\n    cols='${JSON.stringify(args.columnDefs)}'\n    rows='${JSON.stringify(args.rowData)}'\n    table-height=\"${args.tableHeight}\"\n    pagination=\"${args.pagination}\"\n    filter-orientation=\"${args.filterOrientation}\">\n    ${filterTypeGroupComponent}\n</ifx-table>`;\n\n    return table;\n  }\n};\n\nexport const DefaultState = DefaultTemplate.bind({});\nDefaultState.args = {\n  pagination: false,\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\n  rowHeight: 'default',\n  enableSelection: false,\n  columnDefs: columnDefs,\n  rowData: rowData,\n  filterOrientation: 'none',\n};\n\nexport const Pagination = DefaultTemplate.bind({});\nPagination.args = {\n  pagination: true,\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\n  rowHeight: 'default',\n  columnDefs: columnDefs,\n  rowData: rowData,\n  filterOrientation: 'none',\n};\n\nexport const ServerSidePagination = DefaultTemplate.bind({});\nServerSidePagination.args = {\n  pagination: true,\n  serverSidePagination: true,\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\n  rowHeight: 'default',\n  columnDefs: columnDefs,\n  rowData: rowData,\n  filterOrientation: 'none',\n};\n\nconst CustomCellTemplate = args => {\n  const table = `\n    <ifx-table\n      row-height=\"${args.rowHeight}\"\n      cols='${JSON.stringify(args.columnDefs)}'\n      rows='${JSON.stringify(args.rowData)}'\n      table-height=\"${args.tableHeight}\"\n      pagination=\"${args.pagination}\"\n      filter-orientation=\"${args.filterOrientation}\">\n    </ifx-table>`;\n  return table;\n};\n\nconst CustomStatusCellTemplate = args => {\n  const table = `\n    <ifx-table\n      row-height=\"${args.rowHeight}\"\n      cols='${JSON.stringify(args.columnDefs)}'\n      rows='${JSON.stringify(args.rowData)}'\n      table-height=\"${args.tableHeight}\"\n      pagination=\"${args.pagination}\"\n      filter-orientation=\"${args.filterOrientation}\">\n    </ifx-table>`;\n  return table;\n};\n\nconst CustomLinkCellTemplate = args => {\n  const table = `\n    <ifx-table\n      row-height=\"${args.rowHeight}\"\n      cols='${JSON.stringify(args.columnDefs)}'\n      rows='${JSON.stringify(args.rowData)}'\n      table-height=\"${args.tableHeight}\"\n      pagination=\"${args.pagination}\"\n      filter-orientation=\"${args.filterOrientation}\">\n    </ifx-table>`;\n  return table;\n};\n\nconst BreakingLineTemplate = args => {\n  const table = `\n    <ifx-table\n      row-height=\"${args.rowHeight}\"\n      cols='${JSON.stringify(args.columnDefs)}'\n      rows='${JSON.stringify(args.rowData)}'\n      table-height=\"${args.tableHeight}\"\n      pagination=\"${args.pagination}\"\n      filter-orientation=\"${args.filterOrientation}\">\n    </ifx-table>`;\n  return table;\n};\n\nconst InnerButtonsTemplate = args => {\n  const table = `\n    <ifx-table\n      row-height=\"${args.rowHeight}\"\n      cols='${JSON.stringify(args.columnDefs)}'\n      rows='${JSON.stringify(args.rowData)}'\n      table-height=\"${args.tableHeight}\"\n      pagination=\"${args.pagination}\"\n      filter-orientation=\"none\">\n      <ifx-button slot=\"inner-button\">Button</ifx-button>\n      <ifx-button slot=\"inner-button\">Button</ifx-button>\n    </ifx-table>`;\n  return table;\n};\n\nexport const IncludesButtons = CustomCellTemplate.bind({});\nIncludesButtons.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefsWithButtonCol,\n  rowData: rowDataWithButtonCol,\n  filterOrientation: 'none',\n  pagination: false,\n};\n\nexport const IncludesStatus = CustomStatusCellTemplate.bind({});\nIncludesStatus.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefsWithStatusCol,\n  rowData: rowDataWithStatusCol,\n  filterOrientation: 'none',\n  pagination: false,\n};\n\nexport const IncludesLink = CustomLinkCellTemplate.bind({});\nIncludesLink.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefsWithLinkCol,\n  rowData: rowDataWithLinkCol,\n  filterOrientation: 'none',\n  pagination: false,\n};\n\nexport const IncludesBreakingline = BreakingLineTemplate.bind({});\nIncludesBreakingline.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefsWithStatusCol,\n  rowData: rowDataWithBreakingLine,\n  filterOrientation: 'none',\n  pagination: false,\n};\n\nexport const IncludesInnerButtons = InnerButtonsTemplate.bind({});\nIncludesInnerButtons.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefsWithStatusCol,\n  rowData: rowData,\n  filterOrientation: 'topbar',\n  pagination: false,\n};\n\nexport const SidebarFilter = DefaultTemplate.bind({});\nSidebarFilter.args = {\n  rowHeight: 'default',\n  columnDefs: columnDefs,\n  rowData: rowData,\n  filterOrientation: 'sidebar',\n};\n\nexport const TopbarFilter = DefaultTemplate.bind({});\nTopbarFilter.args = {\n  headline: 'Matching results',\n  rowHeight: 'default',\n  columnDefs: columnDefs,\n  rowData: rowData,\n  filterOrientation: 'topbar',\n};\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/components/table-advanced-version/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["const columnDefs = [\r\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\r\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\r\n  { headerName: 'Price', field: 'price' },\r\n  { headerName: 'Age', field: 'age' },\r\n];\r\n\r\nconst rowData = [\r\n  { make: 'Toyota', model: 'Celica', price: 35000, age: 10 },\r\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n  { make: 'Bmw', model: 'x', price: 72000 },\r\n  { make: 'Mercedes', model: 'y', price: 72000 },\r\n  { make: 'Ferrari', model: 'z', price: 72000 },\r\n  { make: 'Chrysler', model: 'a', price: 72000 },\r\n  { make: 'Range rover', model: 'b', price: 72000 },\r\n  { make: 'Tesla', model: 'x', price: 72000 },\r\n  { make: 'Audi', model: '3', price: 72000 },\r\n  { make: 'Landrover', model: 'x', price: 72000 },\r\n];\r\n\r\nconst rowDataWithBreakingLine = [\r\n  { make: 'Toyota\\n and Mazda', model: 'Celica', price: 35000, age: 10 },\r\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n  { make: 'Bmw', model: 'x', price: 72000 },\r\n  { make: 'Mercedes', model: 'y', price: 72000 },\r\n  { make: 'Ferrari', model: 'z', price: 72000 },\r\n  { make: 'Chrysler', model: 'a', price: 72000 },\r\n  { make: 'Range rover', model: 'b', price: 72000 },\r\n  { make: 'Tesla', model: 'x', price: 72000 },\r\n  { make: 'Audi', model: '3', price: 72000 },\r\n  { make: 'Landrover', model: 'x', price: 72000 },\r\n];\r\n\r\nconst columnDefsWithButtonCol = [\r\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\r\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\r\n  { headerName: 'Price', field: 'price' },\r\n  { headerName: 'Age', field: 'age' },\r\n  {\r\n    headerName: '',\r\n    field: 'button',\r\n  },\r\n];\r\n\r\nconst columnDefsWithStatusCol = [\r\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\r\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\r\n  { headerName: 'Price', field: 'price' },\r\n  { headerName: 'Age', field: 'age' },\r\n  {\r\n    headerName: 'Status',\r\n    field: 'status',\r\n  },\r\n];\r\n\r\nconst columnDefsWithLinkCol = [\r\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\r\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\r\n  { headerName: 'Price', field: 'price' },\r\n  { headerName: 'Age', field: 'age' },\r\n  {\r\n    headerName: 'Link',\r\n    field: 'link',\r\n  },\r\n];\r\n\r\nconst rowDataWithButtonCol = [\r\n  {\r\n    make: 'Toyota',\r\n    model: 'Celica',\r\n    price: 35000,\r\n    age: 10,\r\n    button: {\r\n      disabled: false,\r\n      variant: 'secondary',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.w3schools.com/',\r\n      theme: 'default',\r\n      type: 'button',\r\n      fullWidth: true,\r\n      text: 'Toyota Button',\r\n    },\r\n  },\r\n  {\r\n    make: 'Ford',\r\n    model: 'Mondeo',\r\n    price: 32000,\r\n    age: 12,\r\n    button: {\r\n      disabled: false,\r\n      variant: 'secondary',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.w3schools.com/',\r\n      theme: 'default',\r\n      type: 'button',\r\n      fullWidth: true,\r\n      text: 'Ford Button',\r\n    },\r\n  },\r\n  {\r\n    make: 'Porsche',\r\n    model: 'Boxster',\r\n    price: 72000,\r\n    button: {\r\n      disabled: false,\r\n      variant: 'secondary',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.w3schools.com/',\r\n      theme: 'default',\r\n      type: 'button',\r\n      fullWidth: true,\r\n      text: 'Porsche Button',\r\n    },\r\n  },\r\n];\r\nconst rowDataWithStatusCol = [\r\n  {\r\n    make: 'Toyota',\r\n    model: 'Celica',\r\n    price: 35000,\r\n    age: 10,\r\n    status: {\r\n      label: 'Available',\r\n      color: 'green-500',\r\n      border: true,\r\n    },\r\n  },\r\n  {\r\n    make: 'Ford',\r\n    model: 'Mondeo',\r\n    price: 32000,\r\n    age: 12,\r\n    status: {\r\n      label: 'Out of Stock',\r\n      color: 'red-500',\r\n      border: true,\r\n    },\r\n  },\r\n  {\r\n    make: 'Porsche',\r\n    model: 'Boxster',\r\n    price: 72000,\r\n    status: {\r\n      label: 'Coming Soon',\r\n      color: 'orange-500',\r\n      border: true,\r\n    },\r\n  },\r\n];\r\n\r\nconst rowDataWithLinkCol = [\r\n  {\r\n    make: 'Toyota',\r\n    model: 'Celica',\r\n    price: 35000,\r\n    age: 10,\r\n    link: {\r\n      disabled: false,\r\n      variant: 'bold',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.google.com/',\r\n      text: 'Link',\r\n    },\r\n  },\r\n  {\r\n    make: 'Ford',\r\n    model: 'Mondeo',\r\n    price: 32000,\r\n    age: 12,\r\n    link: {\r\n      disabled: false,\r\n      variant: 'underlined',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.yahoo.com/',\r\n      text: 'Link',\r\n    },\r\n  },\r\n  {\r\n    make: 'Porsche',\r\n    model: 'Boxster',\r\n    price: 72000,\r\n    link: {\r\n      disabled: false,\r\n      variant: 'title',\r\n      size: 's',\r\n      target: '_blank',\r\n      href: 'https://www.bing.com/',\r\n      text: 'Link',\r\n    },\r\n  },\r\n];\r\n\r\nexport default {\r\n  title: 'Components/Table (advanced)',\r\n  args: {\r\n    tableHeight: 'auto',\r\n    pagination: false,\r\n    serverSidePagination: false,\r\n    rowHeight: 40,\r\n    showLoading: false,\r\n    variant: 'default',\r\n    headline: 'Matching results',\r\n    enableSelection: false,\r\n  },\r\n  argTypes: {\r\n    tableHeight: {\r\n      description: 'Set the height of the table.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        type: {\r\n          summary: 'Options',\r\n          detail: 'Default: \"auto\"\\nExample for fixed height: \"400px\"',\r\n        },\r\n      },\r\n    },\r\n    pagination: {\r\n      description: 'Show pagination control.',\r\n      control: { type: 'boolean' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: true,\r\n        },\r\n        type: {\r\n          summary: 'Boolean',\r\n        },\r\n      },\r\n    },\r\n    serverSidePagination: {\r\n      description: 'Enables server-side pagination.',\r\n      control: { type: 'boolean' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: true,\r\n        },\r\n        type: {\r\n          summary: 'Boolean',\r\n        },\r\n      },\r\n    },\r\n    paginationItemsPerPage: {\r\n      description: 'Sets the items per page of the table pagination',\r\n      table: {\r\n        category: 'ifx-table props',\r\n      },\r\n    },\r\n    showLoading: {\r\n      description: 'Show loading spinner.',\r\n      options: [true, false],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: false,\r\n        },\r\n      },\r\n    },\r\n    rowHeight: {\r\n      description: 'Set the height of the rows.',\r\n      options: ['compact', 'default'],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: 'default',\r\n        },\r\n      },\r\n    },\r\n    enableSelection: {\r\n      description: 'Enables the selection of rows via a checkbox',\r\n      options: [true, false],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: 'default',\r\n        },\r\n      },\r\n    },\r\n    filterOrientation: {\r\n      description: 'Set the filter orientation.',\r\n      options: ['sidebar', 'topbar', 'none'],\r\n      control: { type: 'radio' },\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: {\r\n          summary: 'none',\r\n        },\r\n      },\r\n    },\r\n    columnDefs: {\r\n      description: 'Column header options',\r\n      name: 'cols',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        type: {\r\n          summary: 'Column header options',\r\n          detail:\r\n            'Standard columns:\\nheaderName: \"Model\", \\nfield: \"model\", \\nsortable: true (optional),\\nsort: \"desc\" (optional) => descending sort (show icon)\\nunSortIcon: true (optional) => unsorted (show icon)\\n\\nSpecial columns:\\nheaderName: \"\",\\nfield: \"button\"\\nheaderName: \"\",\\nfield: \"link\"',\r\n        },\r\n      },\r\n    },\r\n    rowData: {\r\n      description: 'Row data options',\r\n      name: 'rows',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        type: {\r\n          summary: 'Row data options',\r\n          detail:\r\n            'Standard row values:\\nmake: \"Toyota\", \\nmodel: \"Celica\", \\nprice: 35000 \\n\\nSpecial row values (incl buttons):\\nmake: \"Porsche\",\\nmodel: \"Boxster\",\\nprice: \"72000\",\\nbutton: { \\ndisabled: false (optional),\\nvariant: \"outline\" (optional)\\nsize: \"s\" (optional),\\ntext: \"Button\"\\n...other ifx-button properties\\n}',\r\n        },\r\n      },\r\n    },\r\n    variant: {\r\n      description: 'Sets the variant of the table.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: { summary: 'default' },\r\n      },\r\n      options: ['default', 'zebra'],\r\n      control: { type: 'radio' },\r\n    },\r\n\r\n    headline: {\r\n      description: 'Sets the headline of the table.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: { summary: 'matching results' },\r\n      },\r\n    },\r\n\r\n    ifxSelectionChange: {\r\n      action: 'ifxSelectionChange',\r\n      description: 'A custom event triggered on checkbox selection',\r\n      table: {\r\n        category: 'custom events',\r\n        type: {\r\n          summary: 'Framework integration',\r\n          detail:\r\n            'React: onIfxSelectionChange={handleInput}\\nVue:@ifxSelectionChange=\"handleInput\"\\nAngular:(ifxSelectionChange)=\"handleInput()\"\\nVanillaJs:.addEventListener(\"ifxSelectionChange\", (event) => {//handle input});',\r\n        },\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst DefaultTemplate = args => {\r\n  if (args.filterOrientation === 'none') {\r\n    const table = `<ifx-table\r\n    row-height=\"${args.rowHeight}\"\r\n    cols='${JSON.stringify(args.columnDefs)}'\r\n    rows='${JSON.stringify(args.rowData)}'\r\n    enable-selection=\"${args.enableSelection}\"\r\n    table-height=\"${args.tableHeight}\"\r\n    pagination=\"${args.pagination}\"\r\n    server-side-pagination=\"${args.serverSidePagination}\"\r\n    pagination-items-per-page='${args.paginationItemsPerPage}'\r\n    filter-orientation=\"${args.filterOrientation}\"\r\n    variant='${args.variant}'>\r\n</ifx-table>`;\r\n    return table;\r\n  } else {\r\n    //sidebar\r\n    const filterAccordions = args.columnDefs\r\n      .map(column => {\r\n        const uniqueColValues = [...new Set(args.rowData.map(row => row[column.field]))];\r\n        const filterOptions = uniqueColValues\r\n          .map((option, index) => {\r\n            return `<ifx-list-entry slot=\"slot${index}\" label=\"${option}\" value=\"false\"></ifx-list-entry>`;\r\n          })\r\n          .join('');\r\n\r\n        return `\r\n      <ifx-filter-accordion slot=\"filter-accordion\" filter-group-name=\"${column.field}\">\r\n        <ifx-list slot=\"list\" type=\"checkbox\" name=\"${column.field}\" max-visible-items=\"6\">\r\n          ${filterOptions}\r\n        </ifx-list>\r\n      </ifx-filter-accordion>\r\n    `;\r\n      })\r\n      .join('');\r\n\r\n    //topbar\r\n    const filterComponents = args.columnDefs\r\n      .map((column, index) => {\r\n        const uniqueColValues = [...new Set(args.rowData.map(row => row[column.field]))].filter(v => v !== undefined && v !== null && v !== '');\r\n        const options = uniqueColValues.map(option => ({\r\n          value: option,\r\n          label: option,\r\n          selected: false,\r\n        }));\r\n\r\n        const optionsString = JSON.stringify(options);\r\n\r\n        return `\r\n        <ifx-set-filter slot=\"filter-component-${index + 1}\"\r\n            options='${optionsString}'\r\n            filter-label='${column.headerName}'\r\n            filter-name='${column.field}'\r\n            type='multi-select'\r\n            placeholder='Select ${column.headerName}'>\r\n          </ifx-set-filter>\r\n          `;\r\n      })\r\n      .join('\\n');\r\n\r\n    const filterTypeGroupComponent =\r\n      args.filterOrientation === 'sidebar'\r\n        ? `<ifx-filter-type-group slot=\"sidebar-filter\">\r\n        <div slot=\"filter-search\">\r\n          <ifx-filter-search filter-orientation=\"sidebar\" filter-name=\"search\"></ifx-filter-search>\r\n        </div>\r\n        ${filterAccordions}\r\n    </ifx-filter-type-group>`\r\n        : `<ifx-filter-bar slot=\"topbar-filter\" max-shown-filters=\"3\">\r\n        <ifx-filter-search slot=\"filter-search\" filter-orientation=\"topbar\"></ifx-filter-search>\r\n        ${filterComponents}\r\n   </ifx-filter-bar>`;\r\n\r\n    const table = `<ifx-table\r\n    headline=\"${args.headline}\"\r\n    row-height=\"${args.rowHeight}\"\r\n    cols='${JSON.stringify(args.columnDefs)}'\r\n    rows='${JSON.stringify(args.rowData)}'\r\n    table-height=\"${args.tableHeight}\"\r\n    pagination=\"${args.pagination}\"\r\n    filter-orientation=\"${args.filterOrientation}\">\r\n    ${filterTypeGroupComponent}\r\n</ifx-table>`;\r\n\r\n    return table;\r\n  }\r\n};\r\n\r\nexport const DefaultState = DefaultTemplate.bind({});\r\nDefaultState.args = {\r\n  pagination: false,\r\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\r\n  rowHeight: 'default',\r\n  enableSelection: false,\r\n  columnDefs: columnDefs,\r\n  rowData: rowData,\r\n  filterOrientation: 'none',\r\n};\r\n\r\nexport const Pagination = DefaultTemplate.bind({});\r\nPagination.args = {\r\n  pagination: true,\r\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefs,\r\n  rowData: rowData,\r\n  filterOrientation: 'none',\r\n};\r\n\r\nexport const ServerSidePagination = DefaultTemplate.bind({});\r\nServerSidePagination.args = {\r\n  pagination: true,\r\n  serverSidePagination: true,\r\n  paginationItemsPerPage: '[{\"value\":\"10\",\"selected\":true}, {\"value\":\"20\",\"selected\":false}, {\"value\":\"30\",\"selected\":false}]',\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefs,\r\n  rowData: rowData,\r\n  filterOrientation: 'none',\r\n};\r\n\r\nconst CustomCellTemplate = args => {\r\n  const table = `\r\n    <ifx-table\r\n      row-height=\"${args.rowHeight}\"\r\n      cols='${JSON.stringify(args.columnDefs)}'\r\n      rows='${JSON.stringify(args.rowData)}'\r\n      table-height=\"${args.tableHeight}\"\r\n      pagination=\"${args.pagination}\"\r\n      filter-orientation=\"${args.filterOrientation}\">\r\n    </ifx-table>`;\r\n  return table;\r\n};\r\n\r\nconst CustomStatusCellTemplate = args => {\r\n  const table = `\r\n    <ifx-table\r\n      row-height=\"${args.rowHeight}\"\r\n      cols='${JSON.stringify(args.columnDefs)}'\r\n      rows='${JSON.stringify(args.rowData)}'\r\n      table-height=\"${args.tableHeight}\"\r\n      pagination=\"${args.pagination}\"\r\n      filter-orientation=\"${args.filterOrientation}\">\r\n    </ifx-table>`;\r\n  return table;\r\n};\r\n\r\nconst CustomLinkCellTemplate = args => {\r\n  const table = `\r\n    <ifx-table\r\n      row-height=\"${args.rowHeight}\"\r\n      cols='${JSON.stringify(args.columnDefs)}'\r\n      rows='${JSON.stringify(args.rowData)}'\r\n      table-height=\"${args.tableHeight}\"\r\n      pagination=\"${args.pagination}\"\r\n      filter-orientation=\"${args.filterOrientation}\">\r\n    </ifx-table>`;\r\n  return table;\r\n};\r\n\r\nconst BreakingLineTemplate = args => {\r\n  const table = `\r\n    <ifx-table\r\n      row-height=\"${args.rowHeight}\"\r\n      cols='${JSON.stringify(args.columnDefs)}'\r\n      rows='${JSON.stringify(args.rowData)}'\r\n      table-height=\"${args.tableHeight}\"\r\n      pagination=\"${args.pagination}\"\r\n      filter-orientation=\"${args.filterOrientation}\">\r\n    </ifx-table>`;\r\n  return table;\r\n};\r\n\r\nconst InnerButtonsTemplate = args => {\r\n  const table = `\r\n    <ifx-table\r\n      row-height=\"${args.rowHeight}\"\r\n      cols='${JSON.stringify(args.columnDefs)}'\r\n      rows='${JSON.stringify(args.rowData)}'\r\n      table-height=\"${args.tableHeight}\"\r\n      pagination=\"${args.pagination}\"\r\n      filter-orientation=\"none\">\r\n      <ifx-button slot=\"inner-button\">Button</ifx-button>\r\n      <ifx-button slot=\"inner-button\">Button</ifx-button>\r\n    </ifx-table>`;\r\n  return table;\r\n};\r\n\r\nexport const IncludesButtons = CustomCellTemplate.bind({});\r\nIncludesButtons.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefsWithButtonCol,\r\n  rowData: rowDataWithButtonCol,\r\n  filterOrientation: 'none',\r\n  pagination: false,\r\n};\r\n\r\nexport const IncludesStatus = CustomStatusCellTemplate.bind({});\r\nIncludesStatus.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefsWithStatusCol,\r\n  rowData: rowDataWithStatusCol,\r\n  filterOrientation: 'none',\r\n  pagination: false,\r\n};\r\n\r\nexport const IncludesLink = CustomLinkCellTemplate.bind({});\r\nIncludesLink.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefsWithLinkCol,\r\n  rowData: rowDataWithLinkCol,\r\n  filterOrientation: 'none',\r\n  pagination: false,\r\n};\r\n\r\nexport const IncludesBreakingline = BreakingLineTemplate.bind({});\r\nIncludesBreakingline.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefsWithStatusCol,\r\n  rowData: rowDataWithBreakingLine,\r\n  filterOrientation: 'none',\r\n  pagination: false,\r\n};\r\n\r\nexport const IncludesInnerButtons = InnerButtonsTemplate.bind({});\r\nIncludesInnerButtons.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefsWithStatusCol,\r\n  rowData: rowData,\r\n  filterOrientation: 'topbar',\r\n  pagination: false,\r\n};\r\n\r\nexport const SidebarFilter = DefaultTemplate.bind({});\r\nSidebarFilter.args = {\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefs,\r\n  rowData: rowData,\r\n  filterOrientation: 'sidebar',\r\n};\r\n\r\nexport const TopbarFilter = DefaultTemplate.bind({});\r\nTopbarFilter.args = {\r\n  headline: 'Matching results',\r\n  rowHeight: 'default',\r\n  columnDefs: columnDefs,\r\n  rowData: rowData,\r\n  filterOrientation: 'topbar',\r\n};\r\n"]}

package/dist/collection/components/table-basic-version/customLoadingOverlay.js

@@ -1,8 +1,8 @@
 export class CustomLoadingOverlay {
     init(_params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
-<ifx-spinner></ifx-spinner>
+        this.eGui.innerHTML = `<div class="ag-overlay-loading-center" role="presentation">
+<ifx-spinner></ifx-spinner>
             </div>`;
     }
     getGui() {

package/dist/collection/components/table-basic-version/customLoadingOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"customLoadingOverlay.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/customLoadingOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,oBAAoB;IAG/B,IAAI,CAAC,OAAyD;QAC5D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;mBAEP,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomLoadingOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\n<ifx-spinner></ifx-spinner>\n            </div>`;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}"]}
+{"version":3,"file":"customLoadingOverlay.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/customLoadingOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,oBAAoB;IAG/B,IAAI,CAAC,OAAyD;QAC5D,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;mBAEP,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomLoadingOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\r\n<ifx-spinner></ifx-spinner>\r\n            </div>`;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}"]}

package/dist/collection/components/table-basic-version/customNoRowsOverlay.js

@@ -1,10 +1,10 @@
 export class CustomNoRowsOverlay {
     init(params) {
         this.eGui = document.createElement('div');
-        this.eGui.innerHTML = `
-            <div role="presentation" class="ag-overlay-loading-center" >
-               ${params.noRowsMessageFunc()}
-            </div>
+        this.eGui.innerHTML = `
+            <div role="presentation" class="ag-overlay-loading-center" >
+               ${params.noRowsMessageFunc()}
+            </div>
         `;
     }
     getGui() {

package/dist/collection/components/table-basic-version/customNoRowsOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"customNoRowsOverlay.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/customNoRowsOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAG9B,IAAI,CAAC,MAAiE;QACpE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;iBAET,MAAM,CAAC,iBAAiB,EAAE;;SAElC,CAAC;IACR,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomNoRowsOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\n               ${params.noRowsMessageFunc()}\n            </div>\n        `;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}"]}
+{"version":3,"file":"customNoRowsOverlay.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/customNoRowsOverlay.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,mBAAmB;IAG9B,IAAI,CAAC,MAAiE;QACpE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG;;iBAET,MAAM,CAAC,iBAAiB,EAAE;;SAElC,CAAC;IACR,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,OAA4B;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomNoRowsOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `\r\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\r\n               ${params.noRowsMessageFunc()}\r\n            </div>\r\n        `;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}"]}

package/dist/collection/components/table-basic-version/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/interfaces.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC","sourcesContent":["export interface ButtonInterface {\n  disabled?: boolean;\n  variant?: string,\n  size?: string,\n  target?: string,\n  color?: string,\n  text: string\n}\n\nexport const ButtonKeys: Array<keyof ButtonInterface> = ['disabled', 'variant', 'size', 'target', 'color', 'text'];\n\n\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/interfaces.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,UAAU,GAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC","sourcesContent":["export interface ButtonInterface {\r\n  disabled?: boolean;\r\n  variant?: string,\r\n  size?: string,\r\n  target?: string,\r\n  color?: string,\r\n  text: string\r\n}\r\n\r\nexport const ButtonKeys: Array<keyof ButtonInterface> = ['disabled', 'variant', 'size', 'target', 'color', 'text'];\r\n\r\n\r\n"]}

package/dist/collection/components/table-basic-version/table.js

@@ -152,7 +152,7 @@ export class Table {
         return {};
     }
     render() {
-        return (h(Host, { key: '9942dac43b669841cc6ce4175cbd95c49b8fdc70' }, h("div", { key: '27f2391f4b757f2042bf5fcb510cf67c07cfe0c6', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '3ebbc1941e0142bdd1078a5d99e8bf63b3d82a47', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: '3989f32445eaad3e4f248bcb4f071caecd08af3c' }, h("div", { key: 'd20a1025b3964cbd523d364adf78d5213824c231', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'fe97e0dccf8b45aec5603085fa8a97ebac594340', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     static get is() { return "ifx-basic-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/table-basic-version/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Host, Prop, State } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport { createGrid, FirstDataRenderedEvent, GridApi, GridOptions } from 'ag-grid-community';\nimport { CustomNoRowsOverlay } from './customNoRowsOverlay';\nimport { CustomLoadingOverlay } from './customLoadingOverlay';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'ifx-basic-table',\n  styleUrl: 'table.scss',\n  shadow: false // only works with shadowdom off because we are using an external library\n})\nexport class Table {\n  @State() gridOptions: GridOptions;\n  @Prop() cols: any[] | string;\n  @Prop() rows: any[] | string;\n  @State() columnDefs: any[] = [];\n  @State() rowData: any[] = [];\n  @Prop() rowHeight: string = 'default';\n  @Prop() tableHeight: string = 'auto';\n  @Prop() variant: string = 'default'\n  @State() uniqueKey: string;\n  @Element() host: HTMLElement;\n  \n  private container: HTMLDivElement;\n  private gridApi: GridApi; \n  private gridInitialized = false;\n\n  componentWillLoad() {\n    this.uniqueKey = `unique-${Math.floor(Math.random() * 1000000)}`;\n    this.setColsAndRows(); //needed?\n    this.setGridOptions();\n  }\n\n  setGridOptions() {\n    this.gridOptions = {\n      rowHeight: this.rowHeight === 'default' ? 40 : 32,\n      headerHeight: 40,\n      defaultColDef: {\n        resizable: true,\n        autoHeight: true,\n      },\n      suppressCellFocus: false,\n      enableCellTextSelection: true,\n      suppressDragLeaveHidesColumns: true,\n      suppressRowHoverHighlight: true,\n      onFirstDataRendered: this.onFirstDataRendered,\n      columnDefs: this.columnDefs,\n      rowData: this.rowData,\n      loadingOverlayComponent: CustomLoadingOverlay,\n      noRowsOverlayComponent: CustomNoRowsOverlay,\n      noRowsOverlayComponentParams: {\n        noRowsMessageFunc: () =>\n          'No rows found at: ' + new Date().toLocaleTimeString(),\n      },\n      icons: {\n        sortAscending: '<ifx-icon icon=\"arrow-triangle-up-16\"></ifx-icon>',\n        sortDescending: '<ifx-icon icon=\"arrow-triangle-down-16\"></ifx-icon>',\n        sortUnSort: '<a class=\"unsort-icon-custom-color\"><ifx-icon icon=\"arrow-triangle-vertikal-16\"></ifx-icon></a>',\n      },\n      rowDragManaged: this.columnDefs.some((col) => col.dndSource === true) ? true : false,\n      animateRows: this.columnDefs.some((col) => col.dndSource === true) ? true : false,\n    };\n  }\n\n  setColsAndRows() {\n    if (typeof this.rows === 'string' && typeof this.cols === 'string') {\n      try {\n        if(this.cols) {\n          this.columnDefs = JSON.parse(this.cols);\n        }\n        if(this.rows) {\n          this.rowData = JSON.parse(this.rows);\n        }\n      } catch (err) {\n        console.error('Failed to parse input:', err);\n      }\n    } else if ((Array.isArray(this.rows) || typeof this.rows === 'object') && (Array.isArray(this.cols) || typeof this.cols === 'object')) {\n      this.columnDefs = this.cols;\n      this.rowData = this.rows;\n    } else {\n      console.error('Unexpected value for cols and rows:', this.rows, this.cols);\n    }\n  }\n\n  getRowData() {\n    let rows: any[] = [];\n    if (typeof this.rows === 'string') {\n      try {\n        if(this.rows) {\n          rows = JSON.parse(this.rows);\n        }\n      } catch (err) {\n        console.error('Failed to parse input:', err);\n      }\n    } else if (Array.isArray(this.rows) || typeof this.rows === 'object') {\n      rows = this.rows;\n    } else {\n      console.error('Unexpected value for rows: ', this.rows);\n    }\n\n    return rows;\n  }\n\n  getColData() {\n    let cols: any[] = [];\n\n    if (typeof this.cols === 'string') {\n      try {\n        if(this.cols) { \n          cols = JSON.parse(this.cols);\n        }\n      } catch (err) {\n        console.error('Failed to parse input:', err);\n      }\n    } else if (Array.isArray(this.cols) || typeof this.cols === 'object') {\n      cols = this.cols;\n    } else {\n      console.error('Unexpected value for cols: ', this.cols);\n    }\n    return cols;\n  }\n\n  onFirstDataRendered(params: FirstDataRenderedEvent) {\n    params.api.sizeColumnsToFit();\n  }\n\n  componentWillUpdate() {\n    this.setColsAndRows();\n    this.gridOptions.columnDefs = this.columnDefs;\n    this.gridOptions.rowData = this.rowData;\n    if (this.gridApi) {\n      this.gridApi.setGridOption('rowData', this.rowData);\n      this.gridApi.setGridOption('columnDefs', this.columnDefs);\n    }\n  }\n\n  async componentDidLoad() {\n    if (this.container && !this.gridInitialized) {\n      if(!isNestedInIfxComponent(this.host)) { \n        const framework = detectFramework();\n        trackComponent('ifx-basic-table', await framework)\n      }\n      this.gridApi = createGrid(this.container, this.gridOptions);\n      if (this.gridApi) {\n        this.gridApi.sizeColumnsToFit({\n          defaultMinWidth: 100,\n        });\n        this.gridApi.setGridOption('columnDefs', this.getColData());\n        this.gridApi.setGridOption('rowData', this.getRowData());\n        this.gridInitialized = true; \n      }\n    }\n  }\n\n  getClassNames() {\n    return classNames(\n      this.tableHeight === 'auto' && 'table-wrapper ag-root-wrapper-body',\n      'table-wrapper',\n    );\n  }\n\n  getTableStyle() {\n    if (this.tableHeight !== 'auto') {\n      return {\n        height: this.tableHeight,\n      };\n    }\n    return {};\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id=\"table-wrapper\" class={this.getClassNames()}>\n          <div id={`ifxTable-${this.uniqueKey}`} class={`ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : \"\"}`} style={this.getTableStyle()} ref={(el) => (this.container = el)}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAgD,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,OAAO,KAAK;IALlB;QASW,eAAU,GAAU,EAAE,CAAC;QACvB,YAAO,GAAU,EAAE,CAAC;QACrB,cAAS,GAAW,SAAS,CAAC;QAC9B,gBAAW,GAAW,MAAM,CAAC;QAC7B,YAAO,GAAW,SAAS,CAAA;QAM3B,oBAAe,GAAG,KAAK,CAAC;KA0JjC;IAxJC,iBAAiB;QACf,IAAI,CAAC,SAAS,GAAG,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;QACjE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,SAAS;QAChC,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACjD,YAAY,EAAE,EAAE;YAChB,aAAa,EAAE;gBACb,SAAS,EAAE,IAAI;gBACf,UAAU,EAAE,IAAI;aACjB;YACD,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,IAAI;YAC7B,6BAA6B,EAAE,IAAI;YACnC,yBAAyB,EAAE,IAAI;YAC/B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,uBAAuB,EAAE,oBAAoB;YAC7C,sBAAsB,EAAE,mBAAmB;YAC3C,4BAA4B,EAAE;gBAC5B,iBAAiB,EAAE,GAAG,EAAE,CACtB,oBAAoB,GAAG,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE;aACzD;YACD,KAAK,EAAE;gBACL,aAAa,EAAE,mDAAmD;gBAClE,cAAc,EAAE,qDAAqD;gBACrE,UAAU,EAAE,iGAAiG;aAC9G;YACD,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACpF,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;SAClF,CAAC;IACJ,CAAC;IAED,cAAc;QACZ,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnE,IAAI,CAAC;gBACH,IAAG,IAAI,CAAC,IAAI,EAAE,CAAC;oBACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC1C,CAAC;gBACD,IAAG,IAAI,CAAC,IAAI,EAAE,CAAC;oBACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,EAAE,CAAC;YACtI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;YAC5B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IAED,UAAU;QACR,IAAI,IAAI,GAAU,EAAE,CAAC;QACrB,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC;gBACH,IAAG,IAAI,CAAC,IAAI,EAAE,CAAC;oBACb,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACrE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,UAAU;QACR,IAAI,IAAI,GAAU,EAAE,CAAC;QAErB,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,IAAI,CAAC;gBACH,IAAG,IAAI,CAAC,IAAI,EAAE,CAAC;oBACb,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC/B,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACrE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,mBAAmB,CAAC,MAA8B;QAChD,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAChC,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAC9C,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QACxC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC5C,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;gBACpC,cAAc,CAAC,iBAAiB,EAAE,MAAM,SAAS,CAAC,CAAA;YACpD,CAAC;YACD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;YAC5D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;oBAC5B,eAAe,EAAE,GAAG;iBACrB,CAAC,CAAC;gBACH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;gBAC5D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;gBACzD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC9B,CAAC;QACH,CAAC;IACH,CAAC;IAED,aAAa;QACX,OAAO,UAAU,CACf,IAAI,CAAC,WAAW,KAAK,MAAM,IAAI,oCAAoC,EACnE,eAAe,CAChB,CAAC;IACJ,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;YAChC,OAAO;gBACL,MAAM,EAAE,IAAI,CAAC,WAAW;aACzB,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,EAAE,EAAC,eAAe,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;gBACjD,4DAAK,EAAE,EAAE,YAAY,IAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,GAAQ,CAC3K,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, Host, Prop, State } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport { createGrid, FirstDataRenderedEvent, GridApi, GridOptions } from 'ag-grid-community';\r\nimport { CustomNoRowsOverlay } from './customNoRowsOverlay';\r\nimport { CustomLoadingOverlay } from './customLoadingOverlay';\r\nimport classNames from 'classnames';\r\n\r\n@Component({\r\n  tag: 'ifx-basic-table',\r\n  styleUrl: 'table.scss',\r\n  shadow: false // only works with shadowdom off because we are using an external library\r\n})\r\nexport class Table {\r\n  @State() gridOptions: GridOptions;\r\n  @Prop() cols: any[] | string;\r\n  @Prop() rows: any[] | string;\r\n  @State() columnDefs: any[] = [];\r\n  @State() rowData: any[] = [];\r\n  @Prop() rowHeight: string = 'default';\r\n  @Prop() tableHeight: string = 'auto';\r\n  @Prop() variant: string = 'default'\r\n  @State() uniqueKey: string;\r\n  @Element() host: HTMLElement;\r\n  \r\n  private container: HTMLDivElement;\r\n  private gridApi: GridApi; \r\n  private gridInitialized = false;\r\n\r\n  componentWillLoad() {\r\n    this.uniqueKey = `unique-${Math.floor(Math.random() * 1000000)}`;\r\n    this.setColsAndRows(); //needed?\r\n    this.setGridOptions();\r\n  }\r\n\r\n  setGridOptions() {\r\n    this.gridOptions = {\r\n      rowHeight: this.rowHeight === 'default' ? 40 : 32,\r\n      headerHeight: 40,\r\n      defaultColDef: {\r\n        resizable: true,\r\n        autoHeight: true,\r\n      },\r\n      suppressCellFocus: false,\r\n      enableCellTextSelection: true,\r\n      suppressDragLeaveHidesColumns: true,\r\n      suppressRowHoverHighlight: true,\r\n      onFirstDataRendered: this.onFirstDataRendered,\r\n      columnDefs: this.columnDefs,\r\n      rowData: this.rowData,\r\n      loadingOverlayComponent: CustomLoadingOverlay,\r\n      noRowsOverlayComponent: CustomNoRowsOverlay,\r\n      noRowsOverlayComponentParams: {\r\n        noRowsMessageFunc: () =>\r\n          'No rows found at: ' + new Date().toLocaleTimeString(),\r\n      },\r\n      icons: {\r\n        sortAscending: '<ifx-icon icon=\"arrow-triangle-up-16\"></ifx-icon>',\r\n        sortDescending: '<ifx-icon icon=\"arrow-triangle-down-16\"></ifx-icon>',\r\n        sortUnSort: '<a class=\"unsort-icon-custom-color\"><ifx-icon icon=\"arrow-triangle-vertikal-16\"></ifx-icon></a>',\r\n      },\r\n      rowDragManaged: this.columnDefs.some((col) => col.dndSource === true) ? true : false,\r\n      animateRows: this.columnDefs.some((col) => col.dndSource === true) ? true : false,\r\n    };\r\n  }\r\n\r\n  setColsAndRows() {\r\n    if (typeof this.rows === 'string' && typeof this.cols === 'string') {\r\n      try {\r\n        if(this.cols) {\r\n          this.columnDefs = JSON.parse(this.cols);\r\n        }\r\n        if(this.rows) {\r\n          this.rowData = JSON.parse(this.rows);\r\n        }\r\n      } catch (err) {\r\n        console.error('Failed to parse input:', err);\r\n      }\r\n    } else if ((Array.isArray(this.rows) || typeof this.rows === 'object') && (Array.isArray(this.cols) || typeof this.cols === 'object')) {\r\n      this.columnDefs = this.cols;\r\n      this.rowData = this.rows;\r\n    } else {\r\n      console.error('Unexpected value for cols and rows:', this.rows, this.cols);\r\n    }\r\n  }\r\n\r\n  getRowData() {\r\n    let rows: any[] = [];\r\n    if (typeof this.rows === 'string') {\r\n      try {\r\n        if(this.rows) {\r\n          rows = JSON.parse(this.rows);\r\n        }\r\n      } catch (err) {\r\n        console.error('Failed to parse input:', err);\r\n      }\r\n    } else if (Array.isArray(this.rows) || typeof this.rows === 'object') {\r\n      rows = this.rows;\r\n    } else {\r\n      console.error('Unexpected value for rows: ', this.rows);\r\n    }\r\n\r\n    return rows;\r\n  }\r\n\r\n  getColData() {\r\n    let cols: any[] = [];\r\n\r\n    if (typeof this.cols === 'string') {\r\n      try {\r\n        if(this.cols) { \r\n          cols = JSON.parse(this.cols);\r\n        }\r\n      } catch (err) {\r\n        console.error('Failed to parse input:', err);\r\n      }\r\n    } else if (Array.isArray(this.cols) || typeof this.cols === 'object') {\r\n      cols = this.cols;\r\n    } else {\r\n      console.error('Unexpected value for cols: ', this.cols);\r\n    }\r\n    return cols;\r\n  }\r\n\r\n  onFirstDataRendered(params: FirstDataRenderedEvent) {\r\n    params.api.sizeColumnsToFit();\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    this.setColsAndRows();\r\n    this.gridOptions.columnDefs = this.columnDefs;\r\n    this.gridOptions.rowData = this.rowData;\r\n    if (this.gridApi) {\r\n      this.gridApi.setGridOption('rowData', this.rowData);\r\n      this.gridApi.setGridOption('columnDefs', this.columnDefs);\r\n    }\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if (this.container && !this.gridInitialized) {\r\n      if(!isNestedInIfxComponent(this.host)) { \r\n        const framework = detectFramework();\r\n        trackComponent('ifx-basic-table', await framework)\r\n      }\r\n      this.gridApi = createGrid(this.container, this.gridOptions);\r\n      if (this.gridApi) {\r\n        this.gridApi.sizeColumnsToFit({\r\n          defaultMinWidth: 100,\r\n        });\r\n        this.gridApi.setGridOption('columnDefs', this.getColData());\r\n        this.gridApi.setGridOption('rowData', this.getRowData());\r\n        this.gridInitialized = true; \r\n      }\r\n    }\r\n  }\r\n\r\n  getClassNames() {\r\n    return classNames(\r\n      this.tableHeight === 'auto' && 'table-wrapper ag-root-wrapper-body',\r\n      'table-wrapper',\r\n    );\r\n  }\r\n\r\n  getTableStyle() {\r\n    if (this.tableHeight !== 'auto') {\r\n      return {\r\n        height: this.tableHeight,\r\n      };\r\n    }\r\n    return {};\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div id=\"table-wrapper\" class={this.getClassNames()}>\r\n          <div id={`ifxTable-${this.uniqueKey}`} class={`ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : \"\"}`} style={this.getTableStyle()} ref={(el) => (this.container = el)}></div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/table-basic-version/table.stories.js

@@ -83,12 +83,12 @@ export default {
         },
     },
 };
-const DefaultTemplate = args => `<ifx-basic-table 
-cols='${JSON.stringify(args.cols)}' 
-rows='${JSON.stringify(args.rows)}'
-table-height='${args.tableHeight}'
-row-height='${args.rowHeight}'
-variant='${args.variant}'>
+const DefaultTemplate = args => `<ifx-basic-table 
+cols='${JSON.stringify(args.cols)}' 
+rows='${JSON.stringify(args.rows)}'
+table-height='${args.tableHeight}'
+row-height='${args.rowHeight}'
+variant='${args.variant}'>
 </ifx-basic-table>`;
 export const Default = DefaultTemplate.bind({});
 Default.args = {

package/dist/collection/components/table-basic-version/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["//default\nconst cols = [\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\n  { headerName: 'Price', field: 'price' },\n  { headerName: 'Age', field: 'age' },\n];\nconst rows = [\n  { make: 'Toyota', model: 'Celica', price: 35000, age: 10 },\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n  { make: 'Toyota', model: 'Celica', price: 37000, age: 8 },\n  { make: 'Ford', model: 'Mondeo', price: 34000, age: 10 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n  { make: 'Toyota', model: 'Celica', price: 38000, age: 7 },\n  { make: 'Ford', model: 'Mondeo', price: 36000, age: 8 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n  { make: 'Toyota', model: 'Celica', price: 39000, age: 2 },\n  { make: 'Ford', model: 'Mondeo', price: 38000, age: 6 },\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\n];\n\nexport default {\n  title: 'Components/Table (basic)',\n  // tags: ['autodocs'],\n  args: {\n    tableHeight: 'auto',\n    rowHeight: 'default',\n    variant: 'default'\n  },\n  argTypes: {\n    tableHeight: {\n      description: 'Controls the height of the table.',\n      table: {\n        category: 'ifx-table props',\n        defaultValue: { summary: 'auto' },\n        type: {\n          summary: 'Options',\n          detail: 'Default: \"auto\"\\nExample for fixed height: \"400px\"',\n        },\n      },\n    },\n    rowHeight: {\n      description: 'Controls the height of the rows.',\n      table: {\n        category: 'ifx-table props',\n        defaultValue: { summary: 'default' },\n        type: {\n          summary: 'Options',\n          detail: 'Default: 40\\nCompact: 32\\nOptions: 40, 32',\n        },\n      },\n      options: ['compact', 'default'],\n      control: { type: 'radio' },\n    },\n    cols: {\n      description: 'The array must be a string for Vanilla JavaScript, and stringified or array object for React/Vue/Angular.',\n      table: {\n        category: 'ifx-table props',\n        type: {\n          summary: 'Column header options',\n          detail:\n            'Standard columns:\\nheaderName: \"Model\", \\nfield: \"model\", \\nsortable: true (optional),\\nsort: \"desc\" (optional) => descending sort (show icon)\\nunSortIcon: true (optional) => unsorted (show icon)\\nresizable: false\\nflex: 1\\nminWidth: 50px\\nwidth: 100px\\n\\nSpecial columns:\\nheaderName: \"\",\\nfield: \"button\"\\nheaderName: \"\",\\nfield: \"link\",',\n        },\n      },\n    },\n    rows: {\n      description: 'The array must be a string for Vanilla JavaScript, and stringified or array object for React/Vue/Angular.',\n      table: {\n        category: 'ifx-table props',\n        type: {\n          summary: 'Row data options',\n          detail:\n            'Standard row values:\\nmake: \"Toyota\", \\nmodel: \"Celica\", \\nprice: 35000\\nresizable: false\\nflex: 1\\nminWidth: 50px\\nwidth: 100px\\n\\nSpecial row values (incl buttons):\\nmake: \"Porsche\",\\nmodel: \"Boxster\",\\nprice: \"72000\",\\nbutton: { \\ndisabled: false (optional),\\nvariant: \"outline\" (optional)\\nsize: \"s\" (optional),\\ntext: \"Button\"\\n...other ifx-button properties\\n}',\n        },\n      },\n    },\n    variant: {\n      description: 'Sets the variant of the table.',\n      table: {\n        category: 'ifx-table props',\n        defaultValue: { summary: 'default' },\n      },\n      options: ['default', 'zebra'],\n      control: { type: 'radio' },\n    },\n  },\n};\n\nconst DefaultTemplate = args => `<ifx-basic-table \ncols='${JSON.stringify(args.cols)}' \nrows='${JSON.stringify(args.rows)}'\ntable-height='${args.tableHeight}'\nrow-height='${args.rowHeight}'\nvariant='${args.variant}'>\n</ifx-basic-table>`;\n\nexport const Default = DefaultTemplate.bind({});\nDefault.args = {\n  cols: cols,\n  rows: rows,\n  tableHeight: 'auto',\n};\n\nexport const FixedHeight = DefaultTemplate.bind({});\nFixedHeight.args = {\n  tableHeight: '400px',\n  cols: cols,\n  rows: rows,\n};\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/components/table-basic-version/table.stories.ts"],"names":[],"mappings":"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","sourcesContent":["//default\r\nconst cols = [\r\n  { headerName: 'Make', field: 'make', sortable: true, sort: 'desc', unSortIcon: true },\r\n  { headerName: 'Model', field: 'model', sortable: true, unSortIcon: true },\r\n  { headerName: 'Price', field: 'price' },\r\n  { headerName: 'Age', field: 'age' },\r\n];\r\nconst rows = [\r\n  { make: 'Toyota', model: 'Celica', price: 35000, age: 10 },\r\n  { make: 'Ford', model: 'Mondeo', price: 32000, age: 12 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n  { make: 'Toyota', model: 'Celica', price: 37000, age: 8 },\r\n  { make: 'Ford', model: 'Mondeo', price: 34000, age: 10 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n  { make: 'Toyota', model: 'Celica', price: 38000, age: 7 },\r\n  { make: 'Ford', model: 'Mondeo', price: 36000, age: 8 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n  { make: 'Toyota', model: 'Celica', price: 39000, age: 2 },\r\n  { make: 'Ford', model: 'Mondeo', price: 38000, age: 6 },\r\n  { make: 'Porsche', model: 'Boxster', price: 72000 },\r\n];\r\n\r\nexport default {\r\n  title: 'Components/Table (basic)',\r\n  // tags: ['autodocs'],\r\n  args: {\r\n    tableHeight: 'auto',\r\n    rowHeight: 'default',\r\n    variant: 'default'\r\n  },\r\n  argTypes: {\r\n    tableHeight: {\r\n      description: 'Controls the height of the table.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: { summary: 'auto' },\r\n        type: {\r\n          summary: 'Options',\r\n          detail: 'Default: \"auto\"\\nExample for fixed height: \"400px\"',\r\n        },\r\n      },\r\n    },\r\n    rowHeight: {\r\n      description: 'Controls the height of the rows.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: { summary: 'default' },\r\n        type: {\r\n          summary: 'Options',\r\n          detail: 'Default: 40\\nCompact: 32\\nOptions: 40, 32',\r\n        },\r\n      },\r\n      options: ['compact', 'default'],\r\n      control: { type: 'radio' },\r\n    },\r\n    cols: {\r\n      description: 'The array must be a string for Vanilla JavaScript, and stringified or array object for React/Vue/Angular.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        type: {\r\n          summary: 'Column header options',\r\n          detail:\r\n            'Standard columns:\\nheaderName: \"Model\", \\nfield: \"model\", \\nsortable: true (optional),\\nsort: \"desc\" (optional) => descending sort (show icon)\\nunSortIcon: true (optional) => unsorted (show icon)\\nresizable: false\\nflex: 1\\nminWidth: 50px\\nwidth: 100px\\n\\nSpecial columns:\\nheaderName: \"\",\\nfield: \"button\"\\nheaderName: \"\",\\nfield: \"link\",',\r\n        },\r\n      },\r\n    },\r\n    rows: {\r\n      description: 'The array must be a string for Vanilla JavaScript, and stringified or array object for React/Vue/Angular.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        type: {\r\n          summary: 'Row data options',\r\n          detail:\r\n            'Standard row values:\\nmake: \"Toyota\", \\nmodel: \"Celica\", \\nprice: 35000\\nresizable: false\\nflex: 1\\nminWidth: 50px\\nwidth: 100px\\n\\nSpecial row values (incl buttons):\\nmake: \"Porsche\",\\nmodel: \"Boxster\",\\nprice: \"72000\",\\nbutton: { \\ndisabled: false (optional),\\nvariant: \"outline\" (optional)\\nsize: \"s\" (optional),\\ntext: \"Button\"\\n...other ifx-button properties\\n}',\r\n        },\r\n      },\r\n    },\r\n    variant: {\r\n      description: 'Sets the variant of the table.',\r\n      table: {\r\n        category: 'ifx-table props',\r\n        defaultValue: { summary: 'default' },\r\n      },\r\n      options: ['default', 'zebra'],\r\n      control: { type: 'radio' },\r\n    },\r\n  },\r\n};\r\n\r\nconst DefaultTemplate = args => `<ifx-basic-table \r\ncols='${JSON.stringify(args.cols)}' \r\nrows='${JSON.stringify(args.rows)}'\r\ntable-height='${args.tableHeight}'\r\nrow-height='${args.rowHeight}'\r\nvariant='${args.variant}'>\r\n</ifx-basic-table>`;\r\n\r\nexport const Default = DefaultTemplate.bind({});\r\nDefault.args = {\r\n  cols: cols,\r\n  rows: rows,\r\n  tableHeight: 'auto',\r\n};\r\n\r\nexport const FixedHeight = DefaultTemplate.bind({});\r\nFixedHeight.args = {\r\n  tableHeight: '400px',\r\n  cols: cols,\r\n  rows: rows,\r\n};\r\n"]}

package/dist/collection/components/tabs/tab.js

@@ -8,7 +8,7 @@ export class IfxTab {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: 'dad01fbbf74d672ac8755a57cf6a31b18b4de550' });
+        return h("slot", { key: '419b1743fe36e5d30e3cfad98c3b02bb7a039ce3' });
     }
     static get is() { return "ifx-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOjF,MAAM,OAAO,MAAM;IALnB;QASU,SAAI,GAAW,EAAE,CAAC;QAClB,iBAAY,GAAqB,MAAM,CAAC;KAUjD;IAPC,mBAAmB;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-tab',\n  styleUrl: 'tab.scss',\n  shadow: false\n})\nexport class IfxTab {\n  @Element() el: HTMLElement;\n  @Prop() header: string;\n  @Prop() disabled: boolean;\n  @Prop() icon: string = '';\n  @Prop() iconPosition: 'left' | 'right' = 'left';\n  @Event() tabHeaderChange: EventEmitter;\n\n  componentWillUpdate() { \n    this.tabHeaderChange.emit(this.header)\n  }\n\n  render() {\n    return <slot />;\n  }\n}"]}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOjF,MAAM,OAAO,MAAM;IALnB;QASU,SAAI,GAAW,EAAE,CAAC;QAClB,iBAAY,GAAqB,MAAM,CAAC;KAUjD;IAPC,mBAAmB;QACjB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-tab',\r\n  styleUrl: 'tab.scss',\r\n  shadow: false\r\n})\r\nexport class IfxTab {\r\n  @Element() el: HTMLElement;\r\n  @Prop() header: string;\r\n  @Prop() disabled: boolean;\r\n  @Prop() icon: string = '';\r\n  @Prop() iconPosition: 'left' | 'right' = 'left';\r\n  @Event() tabHeaderChange: EventEmitter;\r\n\r\n  componentWillUpdate() { \r\n    this.tabHeaderChange.emit(this.header)\r\n  }\r\n\r\n  render() {\r\n    return <slot />;\r\n  }\r\n}"]}