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

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 = [\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"]}
+{"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"]}

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';\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}"]}
+{"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}"]}

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';\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}"]}
+{"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}"]}

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 {\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"]}
+{"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"]}

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

@@ -152,7 +152,7 @@ export class Table {
         return {};
     }
     render() {
-        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) }))));
+        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) }))));
     }
     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';\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"]}
+{"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"]}

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\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"]}
+{"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"]}

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

@@ -8,7 +8,7 @@ export class IfxTab {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: '419b1743fe36e5d30e3cfad98c3b02bb7a039ce3' });
+        return h("slot", { key: 'dad01fbbf74d672ac8755a57cf6a31b18b4de550' });
     }
     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';\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}"]}
+{"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}"]}

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

@@ -285,11 +285,11 @@ export class IfxTabs {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '9328e6574bb80e44c1d91c96d21fb05baa17c4f7', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}` }, this.internalOrientation === 'horizontal' ? (h("div", { class: "tabs-container" }, h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronLeft16", size: "s", disabled: false, "aria-label": "Scroll tabs left", onClick: () => this.scrollLeft(), class: `scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}` }), h("ul", { role: "tablist", class: "tabs-list scrollable", ref: (el) => (this.tabsListElement = el), onScroll: () => this.onTabsListScroll() }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '17f31c13b84743786e5c6aa2f5c9c24f58b82ed2', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}` }, this.internalOrientation === 'horizontal' ? (h("div", { class: "tabs-container" }, h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronLeft16", size: "s", disabled: false, "aria-label": "Scroll tabs left", onClick: () => this.scrollLeft(), class: `scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}` }), h("ul", { role: "tablist", class: "tabs-list scrollable", ref: (el) => (this.tabsListElement = el), onScroll: () => this.onTabsListScroll() }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
             _a.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
                 tab.header))), h("div", { class: "active-border" })), h("ifx-icon-button", { shape: "round", variant: "tertiary", icon: "chevronRight16", size: "s", disabled: false, "aria-label": "Scroll tabs right", onClick: () => this.scrollRight(), class: `scroll-button scroll-right ${!this.canScrollRight ? 'hidden' : ''}` }))) : (h("ul", { role: "tablist", class: "tabs-list" }, (_b = this.tabObjects) === null || _b === void 0 ? void 0 :
             _b.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
-                tab.header))), h("div", { class: "active-border" }))), h("div", { key: '593e426355b7adbb7eda796ed5e032f609cae1bd', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
+                tab.header))), h("div", { class: "active-border" }))), h("div", { key: '852abb48779c3d068d3bb3d317e9dcf658f413e2', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     static get is() { return "ifx-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element, Listen, Event, EventEmitter, Watch } 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\n\r\n@Component({\r\n  tag: 'ifx-tabs',\r\n  styleUrl: 'tabs.scss',\r\n  shadow: true\r\n})\r\nexport class IfxTabs {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() orientation: string = \"horizontal\";\r\n  @Prop({ mutable: true }) activeTabIndex: number = 0;\r\n  @Prop() fullWidth: boolean = false;\r\n\r\n  @State() internalOrientation: string;\r\n  @State() internalActiveTabIndex: number = 0;\r\n  @State() tabObjects: any[] = [];\r\n  @State() canScrollLeft: boolean = false;\r\n  @State() canScrollRight: boolean = false;\r\n\r\n  private internalFocusedTabIndex: number = 0;\r\n  private tabRefs: HTMLElement[] = [];\r\n  private tabHeaderRefs: HTMLElement[] = [];\r\n  private tabsListElement: HTMLElement;\r\n  private tabFocusHandlers: Map<HTMLElement, () => void> = new Map();\r\n\r\n  @Event() ifxChange: EventEmitter;\r\n\r\n  @Listen('resize', {target: 'window'})\r\n  updateBorderOnWindowResize() {\r\n    this.updateBorderAndFocus();\r\n    this.updateScrollButtons();\r\n  }\r\n\r\n  setActiveAndFocusedTab(index: number) {\r\n    if (index >= this.tabObjects.length) {\r\n      index = this.tabObjects.length - 1;\r\n    }\r\n    if (index < 0) {\r\n      index = 0;\r\n    }\r\n    if (!this.tabObjects[index]?.disabled) {\r\n      this.internalActiveTabIndex = index;\r\n      this.internalFocusedTabIndex = index;\r\n      // Scroll the active tab into view\r\n      setTimeout(() => this.scrollTabIntoView(index), 0);\r\n    }\r\n  }\r\n\r\n  @Listen('tabHeaderChange')\r\n  handleTabHeaderChange(e) {\r\n    const tabIndex = e.target.getAttribute('slot').replace('tab-', '');\r\n    this.tabObjects[tabIndex].header = e.detail;\r\n    this.tabObjects = [...this.tabObjects];\r\n  }\r\n\r\n\r\n  @Watch('activeTabIndex')\r\n  activeTabIndexChanged(newValue: number, oldValue: number) {\r\n    if (newValue !== oldValue) {\r\n      this.setActiveAndFocusedTab(newValue);\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalOrientation = this.orientation.toLowerCase() === 'vertical' ? 'vertical' : 'horizontal';\r\n    this.onSlotChange();\r\n    this.setActiveAndFocusedTab(this.activeTabIndex);\r\n    this.updateTabStyles();\r\n  }\r\n\r\n  updateTabStyles() {\r\n    this.tabHeaderRefs.forEach((tab, index) => {\r\n      tab.classList.toggle('active', index === this.internalActiveTabIndex);\r\n      tab.setAttribute('aria-selected', index === this.internalActiveTabIndex ? 'true' : 'false')\r\n    });\r\n  }\r\n\r\n\r\n  // needed for smooth border transition\r\n  reRenderBorder() {\r\n    const borderElement = this.el.shadowRoot.querySelector('.active-border') as HTMLElement;\r\n    if (borderElement && this.tabHeaderRefs[this.internalActiveTabIndex]) {\r\n      if (this.orientation === 'horizontal') {\r\n\r\n        borderElement.style.left = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;\r\n        borderElement.style.width = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;\r\n        borderElement.style.top = '';\r\n        borderElement.style.height = '';\r\n      } else {\r\n        borderElement.style.top = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;\r\n        borderElement.style.height = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;\r\n        borderElement.style.left = '';\r\n        borderElement.style.width = '';\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  // when a slot is removed / added\r\n  @Listen('slotchange')\r\n  onSlotChange() {\r\n    const tabs = this.el.querySelectorAll('ifx-tab');\r\n    this.tabObjects = Array.from(tabs).map((tab) => {\r\n      return {\r\n        header: tab?.header,\r\n        disabled: tab?.disabled === true,\r\n        icon: tab?.icon,\r\n        iconPosition: tab?.iconPosition\r\n      }\r\n    });\r\n\r\n    this.tabRefs = Array.from(tabs);\r\n    this.tabRefs.forEach((tab, index) => {\r\n      tab.setAttribute('slot', `tab-${index}`);\r\n    });\r\n\r\n    // Re-setup focus listeners when tabs change\r\n    setTimeout(() => {\r\n      this.setupTabFocusListeners();\r\n      this.updateScrollButtons();\r\n    }, 0);\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if(!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-tabs', await framework)\r\n    }\r\n    this.updateBorderAndFocus();\r\n    this.updateScrollButtons();\r\n    // Add keyboard event listeners for each tab header\r\n    this.setupTabFocusListeners();\r\n  }\r\n\r\n  private setupTabFocusListeners() {\r\n    // Clear any existing handlers\r\n    this.tabFocusHandlers.clear();\r\n\r\n    this.tabHeaderRefs.forEach((tab, index) => {\r\n      const handler = () => {\r\n        this.internalFocusedTabIndex = index;\r\n      };\r\n\r\n      // Store the handler so we can remove it later\r\n      this.tabFocusHandlers.set(tab, handler);\r\n      tab.addEventListener('focus', handler);\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    // Remove keyboard event listeners when component is unmounted\r\n    this.tabFocusHandlers.forEach((handler, tab) => {\r\n      tab.removeEventListener('focus', handler);\r\n    });\r\n    this.tabFocusHandlers.clear();\r\n  }\r\n  componentDidUpdate() {\r\n    this.updateBorderAndFocus();\r\n    this.updateScrollButtons();\r\n  }\r\n\r\n  private updateBorderAndFocus() {\r\n    this.reRenderBorder()\r\n    this.updateTabFocusability();\r\n  }\r\n\r\n  private updateTabFocusability() {\r\n    this.tabHeaderRefs.forEach((tab, index) => {\r\n      tab.tabIndex = index === this.internalActiveTabIndex ? 0 : -1;\r\n    })\r\n  }\r\n\r\n\r\n  private focusNextTab() {\r\n    let nextIndex = this.internalFocusedTabIndex + 1;\r\n    while (nextIndex < this.tabHeaderRefs.length && this.tabObjects[nextIndex].disabled) {\r\n      nextIndex++;\r\n    }\r\n    if (nextIndex >= 0 && nextIndex < this.tabHeaderRefs.length) {\r\n      this.internalFocusedTabIndex = nextIndex;\r\n      this.tabHeaderRefs[nextIndex].focus();\r\n    }\r\n  }\r\n\r\n  private focusPreviousTab() {\r\n    let prevIndex = this.internalFocusedTabIndex - 1;\r\n    while ((prevIndex >= 0) && (this.tabObjects[prevIndex].disabled)) {\r\n      prevIndex--;\r\n    }\r\n    if ((prevIndex >= 0) && (prevIndex < this.tabHeaderRefs.length)) {\r\n      this.internalFocusedTabIndex = prevIndex;\r\n      this.tabHeaderRefs[prevIndex].focus();\r\n    }\r\n  }\r\n\r\n\r\n  private getTabItemClass(index: number) {\r\n    const isActive = index === this.internalActiveTabIndex && !this.tabObjects[index].disabled;\r\n    const isDisabled = this.tabObjects[index].disabled;\r\n    const iconPosition = this.tabObjects[index].iconPosition\r\n    return `tab-item ${this.fullWidth ? 'full-width' : \"\"} ${isActive ? 'active' : ''} ${isDisabled ? 'disabled' : ''} ${'icon__'+iconPosition}`;\r\n  }\r\n\r\n  private handleClick(tab, index) {\r\n    if (!tab.disabled) {\r\n      const previousTabIndex = this.internalActiveTabIndex;\r\n      this.internalActiveTabIndex = index;\r\n      this.ifxChange.emit({ previousTab: previousTabIndex, currentTab: index });\r\n      // Center the clicked tab\r\n      setTimeout(() => this.scrollTabIntoView(index), 0);\r\n    }\r\n  }\r\n\r\n\r\n\r\n  @Listen('keydown')\r\n  handleKeyDown(ev: KeyboardEvent) {\r\n    if (ev.key === 'Tab') {\r\n\r\n      if (ev.shiftKey) {\r\n        // Shift + Tab\r\n        if (this.internalFocusedTabIndex === 0) {\r\n          // Allow default behavior to move focus out of component\r\n          return;\r\n        } else {\r\n          ev.preventDefault();\r\n          this.focusPreviousTab();\r\n        }\r\n      } else {\r\n        // Tab\r\n        if (this.internalFocusedTabIndex === this.tabHeaderRefs.length - 1) {\r\n          // Allow default behavior to move focus out of component\r\n          return;\r\n        } else {\r\n          ev.preventDefault();\r\n          this.focusNextTab();\r\n        }\r\n      }\r\n    } else if (ev.key === 'Enter') {\r\n      const path = ev.composedPath();\r\n      const isTabHeader = path.some(el => this.tabHeaderRefs.includes(el as HTMLElement));\r\n      if (!isTabHeader) {\r\n        return;\r\n      }\r\n\r\n      if (this.internalFocusedTabIndex !== -1 && !this.tabObjects[this.internalFocusedTabIndex].disabled) {\r\n        const previousTabIndex = this.internalActiveTabIndex;\r\n        this.internalActiveTabIndex = this.internalFocusedTabIndex;\r\n        this.ifxChange.emit({ previousTab: previousTabIndex, currentTab: this.internalFocusedTabIndex });\r\n        // Center the activated tab\r\n        setTimeout(() => this.scrollTabIntoView(this.internalFocusedTabIndex), 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  private updateScrollButtons() {\r\n    // Reset scroll buttons if conditions not met\r\n    if (this.shouldDisableScrolling()) {\r\n      this.canScrollLeft = false;\r\n      this.canScrollRight = false;\r\n      return;\r\n    }\r\n\r\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabsListElement;\r\n    this.canScrollLeft = scrollLeft > 0;\r\n    this.canScrollRight = scrollLeft < scrollWidth - clientWidth;\r\n  }\r\n\r\n  private shouldDisableScrolling(): boolean {\r\n    return !this.tabsListElement ||\r\n           this.internalOrientation === 'vertical' ||\r\n           this.fullWidth;\r\n  }\r\n\r\n  private scrollLeft() {\r\n    if (!this.canScrollLeft || !this.tabsListElement) return;\r\n\r\n    const scrollAmount = Math.min(200, this.tabsListElement.scrollLeft);\r\n    this.tabsListElement.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\r\n  }\r\n\r\n  private scrollRight() {\r\n    if (!this.canScrollRight || !this.tabsListElement) return;\r\n\r\n    const maxScroll = this.tabsListElement.scrollWidth - this.tabsListElement.clientWidth;\r\n    const currentScroll = this.tabsListElement.scrollLeft;\r\n    const scrollAmount = Math.min(200, maxScroll - currentScroll);\r\n    this.tabsListElement.scrollBy({ left: scrollAmount, behavior: 'smooth' });\r\n  }\r\n\r\n  private onTabsListScroll() {\r\n    this.updateScrollButtons();\r\n  }\r\n\r\n  private scrollTabIntoView(index: number) {\r\n    if (this.shouldDisableScrolling() || !this.tabHeaderRefs[index]) {\r\n      return;\r\n    }\r\n\r\n    const tabElement = this.tabHeaderRefs[index];\r\n    const container = this.tabsListElement;\r\n\r\n    const tabRect = this.getTabCenterInfo(tabElement);\r\n    const containerRect = this.getContainerCenterInfo(container);\r\n\r\n    // Only scroll if the tab is not already reasonably centered\r\n    if (Math.abs(tabRect.center - containerRect.center) > 50) {\r\n      const desiredScrollLeft = this.calculateCenteredScrollPosition(tabRect, containerRect);\r\n      container.scrollTo({ left: desiredScrollLeft, behavior: 'smooth' });\r\n    }\r\n  }\r\n\r\n  private getTabCenterInfo(tabElement: HTMLElement) {\r\n    const left = tabElement.offsetLeft;\r\n    const width = tabElement.offsetWidth;\r\n    return {\r\n      left,\r\n      width,\r\n      center: left + (width / 2)\r\n    };\r\n  }\r\n\r\n  private getContainerCenterInfo(container: HTMLElement) {\r\n    const scrollLeft = container.scrollLeft;\r\n    const width = container.clientWidth;\r\n    return {\r\n      scrollLeft,\r\n      width,\r\n      center: scrollLeft + (width / 2)\r\n    };\r\n  }\r\n\r\n  private calculateCenteredScrollPosition(tabRect: any, containerRect: any): number {\r\n    const desiredScrollLeft = tabRect.center - (containerRect.width / 2);\r\n    const maxScrollLeft = this.tabsListElement.scrollWidth - containerRect.width;\r\n    return Math.max(0, Math.min(desiredScrollLeft, maxScrollLeft));\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div aria-label=\"navigation tabs\" class={`tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}`}>\r\n        {this.internalOrientation === 'horizontal' ? (\r\n          <div class=\"tabs-container\">\r\n            <ifx-icon-button\r\n              shape=\"round\"\r\n              variant=\"tertiary\"\r\n              icon=\"chevronLeft16\"\r\n              size=\"s\"\r\n              disabled={false}\r\n              aria-label=\"Scroll tabs left\"\r\n              onClick={() => this.scrollLeft()}\r\n              class={`scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}`}\r\n            >\r\n            </ifx-icon-button>\r\n            <ul\r\n              role=\"tablist\"\r\n              class=\"tabs-list scrollable\"\r\n              ref={(el) => (this.tabsListElement = el)}\r\n              onScroll={() => this.onTabsListScroll()}\r\n            >\r\n              {this.tabObjects?.map((tab, index) => (\r\n                <li\r\n                  class={this.getTabItemClass(index)}\r\n                  ref={(el) => (this.tabHeaderRefs[index] = el)}\r\n                  onMouseDown={(event) => event.preventDefault()}\r\n                  onClick={() => this.handleClick(tab, index)}\r\n                  aria-selected={index === this.internalActiveTabIndex ? 'true' : 'false'}\r\n                  aria-disabled={tab.disabled ? 'true' : 'false'}\r\n                  role=\"tab\"\r\n                >\r\n                  {tab?.icon ? <ifx-icon icon = {tab.icon}></ifx-icon> : ''}\r\n                  {tab?.header}\r\n                </li>\r\n              ))}\r\n              <div class=\"active-border\"></div>\r\n            </ul>\r\n            <ifx-icon-button\r\n              shape=\"round\"\r\n              variant=\"tertiary\"\r\n              icon=\"chevronRight16\"\r\n              size=\"s\"\r\n              disabled={false}\r\n              aria-label=\"Scroll tabs right\"\r\n              onClick={() => this.scrollRight()}\r\n              class={`scroll-button scroll-right ${!this.canScrollRight ? 'hidden' : ''}`}\r\n            >\r\n            </ifx-icon-button>\r\n          </div>\r\n        ) : (\r\n          <ul role=\"tablist\" class=\"tabs-list\">\r\n            {this.tabObjects?.map((tab, index) => (\r\n              <li\r\n                class={this.getTabItemClass(index)}\r\n                ref={(el) => (this.tabHeaderRefs[index] = el)}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => this.handleClick(tab, index)}\r\n                aria-selected={index === this.internalActiveTabIndex ? 'true' : 'false'}\r\n                aria-disabled={tab.disabled ? 'true' : 'false'}\r\n                role=\"tab\"\r\n              >\r\n                {tab?.icon ? <ifx-icon icon = {tab.icon}></ifx-icon> : ''}\r\n                {tab?.header}\r\n              </li>\r\n            ))}\r\n            <div class=\"active-border\"></div>\r\n          </ul>\r\n        )}\r\n        <div class=\"tab-content\">\r\n          {Array.from(this.tabObjects).map((_, index) => (\r\n            <div style={{ display: index === this.internalActiveTabIndex ? 'block' : 'none' }}>\r\n              <slot name={`tab-${index}`} />\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element, Listen, Event, EventEmitter, Watch } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-tabs',\n  styleUrl: 'tabs.scss',\n  shadow: true\n})\nexport class IfxTabs {\n  @Element() el: HTMLElement;\n\n  @Prop() orientation: string = \"horizontal\";\n  @Prop({ mutable: true }) activeTabIndex: number = 0;\n  @Prop() fullWidth: boolean = false;\n\n  @State() internalOrientation: string;\n  @State() internalActiveTabIndex: number = 0;\n  @State() tabObjects: any[] = [];\n  @State() canScrollLeft: boolean = false;\n  @State() canScrollRight: boolean = false;\n\n  private internalFocusedTabIndex: number = 0;\n  private tabRefs: HTMLElement[] = [];\n  private tabHeaderRefs: HTMLElement[] = [];\n  private tabsListElement: HTMLElement;\n  private tabFocusHandlers: Map<HTMLElement, () => void> = new Map();\n\n  @Event() ifxChange: EventEmitter;\n\n  @Listen('resize', {target: 'window'})\n  updateBorderOnWindowResize() {\n    this.updateBorderAndFocus();\n    this.updateScrollButtons();\n  }\n\n  setActiveAndFocusedTab(index: number) {\n    if (index >= this.tabObjects.length) {\n      index = this.tabObjects.length - 1;\n    }\n    if (index < 0) {\n      index = 0;\n    }\n    if (!this.tabObjects[index]?.disabled) {\n      this.internalActiveTabIndex = index;\n      this.internalFocusedTabIndex = index;\n      // Scroll the active tab into view\n      setTimeout(() => this.scrollTabIntoView(index), 0);\n    }\n  }\n\n  @Listen('tabHeaderChange')\n  handleTabHeaderChange(e) {\n    const tabIndex = e.target.getAttribute('slot').replace('tab-', '');\n    this.tabObjects[tabIndex].header = e.detail;\n    this.tabObjects = [...this.tabObjects];\n  }\n\n\n  @Watch('activeTabIndex')\n  activeTabIndexChanged(newValue: number, oldValue: number) {\n    if (newValue !== oldValue) {\n      this.setActiveAndFocusedTab(newValue);\n    }\n  }\n\n  componentWillLoad() {\n    this.internalOrientation = this.orientation.toLowerCase() === 'vertical' ? 'vertical' : 'horizontal';\n    this.onSlotChange();\n    this.setActiveAndFocusedTab(this.activeTabIndex);\n    this.updateTabStyles();\n  }\n\n  updateTabStyles() {\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.classList.toggle('active', index === this.internalActiveTabIndex);\n      tab.setAttribute('aria-selected', index === this.internalActiveTabIndex ? 'true' : 'false')\n    });\n  }\n\n\n  // needed for smooth border transition\n  reRenderBorder() {\n    const borderElement = this.el.shadowRoot.querySelector('.active-border') as HTMLElement;\n    if (borderElement && this.tabHeaderRefs[this.internalActiveTabIndex]) {\n      if (this.orientation === 'horizontal') {\n\n        borderElement.style.left = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetLeft}px`;\n        borderElement.style.width = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetWidth}px`;\n        borderElement.style.top = '';\n        borderElement.style.height = '';\n      } else {\n        borderElement.style.top = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetTop}px`;\n        borderElement.style.height = `${this.tabHeaderRefs[this.internalActiveTabIndex].offsetHeight}px`;\n        borderElement.style.left = '';\n        borderElement.style.width = '';\n      }\n    }\n  }\n\n\n  // when a slot is removed / added\n  @Listen('slotchange')\n  onSlotChange() {\n    const tabs = this.el.querySelectorAll('ifx-tab');\n    this.tabObjects = Array.from(tabs).map((tab) => {\n      return {\n        header: tab?.header,\n        disabled: tab?.disabled === true,\n        icon: tab?.icon,\n        iconPosition: tab?.iconPosition\n      }\n    });\n\n    this.tabRefs = Array.from(tabs);\n    this.tabRefs.forEach((tab, index) => {\n      tab.setAttribute('slot', `tab-${index}`);\n    });\n\n    // Re-setup focus listeners when tabs change\n    setTimeout(() => {\n      this.setupTabFocusListeners();\n      this.updateScrollButtons();\n    }, 0);\n  }\n\n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) {\n      const framework = detectFramework();\n      trackComponent('ifx-tabs', await framework)\n    }\n    this.updateBorderAndFocus();\n    this.updateScrollButtons();\n    // Add keyboard event listeners for each tab header\n    this.setupTabFocusListeners();\n  }\n\n  private setupTabFocusListeners() {\n    // Clear any existing handlers\n    this.tabFocusHandlers.clear();\n\n    this.tabHeaderRefs.forEach((tab, index) => {\n      const handler = () => {\n        this.internalFocusedTabIndex = index;\n      };\n\n      // Store the handler so we can remove it later\n      this.tabFocusHandlers.set(tab, handler);\n      tab.addEventListener('focus', handler);\n    });\n  }\n\n  disconnectedCallback() {\n    // Remove keyboard event listeners when component is unmounted\n    this.tabFocusHandlers.forEach((handler, tab) => {\n      tab.removeEventListener('focus', handler);\n    });\n    this.tabFocusHandlers.clear();\n  }\n  componentDidUpdate() {\n    this.updateBorderAndFocus();\n    this.updateScrollButtons();\n  }\n\n  private updateBorderAndFocus() {\n    this.reRenderBorder()\n    this.updateTabFocusability();\n  }\n\n  private updateTabFocusability() {\n    this.tabHeaderRefs.forEach((tab, index) => {\n      tab.tabIndex = index === this.internalActiveTabIndex ? 0 : -1;\n    })\n  }\n\n\n  private focusNextTab() {\n    let nextIndex = this.internalFocusedTabIndex + 1;\n    while (nextIndex < this.tabHeaderRefs.length && this.tabObjects[nextIndex].disabled) {\n      nextIndex++;\n    }\n    if (nextIndex >= 0 && nextIndex < this.tabHeaderRefs.length) {\n      this.internalFocusedTabIndex = nextIndex;\n      this.tabHeaderRefs[nextIndex].focus();\n    }\n  }\n\n  private focusPreviousTab() {\n    let prevIndex = this.internalFocusedTabIndex - 1;\n    while ((prevIndex >= 0) && (this.tabObjects[prevIndex].disabled)) {\n      prevIndex--;\n    }\n    if ((prevIndex >= 0) && (prevIndex < this.tabHeaderRefs.length)) {\n      this.internalFocusedTabIndex = prevIndex;\n      this.tabHeaderRefs[prevIndex].focus();\n    }\n  }\n\n\n  private getTabItemClass(index: number) {\n    const isActive = index === this.internalActiveTabIndex && !this.tabObjects[index].disabled;\n    const isDisabled = this.tabObjects[index].disabled;\n    const iconPosition = this.tabObjects[index].iconPosition\n    return `tab-item ${this.fullWidth ? 'full-width' : \"\"} ${isActive ? 'active' : ''} ${isDisabled ? 'disabled' : ''} ${'icon__'+iconPosition}`;\n  }\n\n  private handleClick(tab, index) {\n    if (!tab.disabled) {\n      const previousTabIndex = this.internalActiveTabIndex;\n      this.internalActiveTabIndex = index;\n      this.ifxChange.emit({ previousTab: previousTabIndex, currentTab: index });\n      // Center the clicked tab\n      setTimeout(() => this.scrollTabIntoView(index), 0);\n    }\n  }\n\n\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Tab') {\n\n      if (ev.shiftKey) {\n        // Shift + Tab\n        if (this.internalFocusedTabIndex === 0) {\n          // Allow default behavior to move focus out of component\n          return;\n        } else {\n          ev.preventDefault();\n          this.focusPreviousTab();\n        }\n      } else {\n        // Tab\n        if (this.internalFocusedTabIndex === this.tabHeaderRefs.length - 1) {\n          // Allow default behavior to move focus out of component\n          return;\n        } else {\n          ev.preventDefault();\n          this.focusNextTab();\n        }\n      }\n    } else if (ev.key === 'Enter') {\n      const path = ev.composedPath();\n      const isTabHeader = path.some(el => this.tabHeaderRefs.includes(el as HTMLElement));\n      if (!isTabHeader) {\n        return;\n      }\n\n      if (this.internalFocusedTabIndex !== -1 && !this.tabObjects[this.internalFocusedTabIndex].disabled) {\n        const previousTabIndex = this.internalActiveTabIndex;\n        this.internalActiveTabIndex = this.internalFocusedTabIndex;\n        this.ifxChange.emit({ previousTab: previousTabIndex, currentTab: this.internalFocusedTabIndex });\n        // Center the activated tab\n        setTimeout(() => this.scrollTabIntoView(this.internalFocusedTabIndex), 0);\n      }\n    }\n  }\n\n  private updateScrollButtons() {\n    // Reset scroll buttons if conditions not met\n    if (this.shouldDisableScrolling()) {\n      this.canScrollLeft = false;\n      this.canScrollRight = false;\n      return;\n    }\n\n    const { scrollLeft, scrollWidth, clientWidth } = this.tabsListElement;\n    this.canScrollLeft = scrollLeft > 0;\n    this.canScrollRight = scrollLeft < scrollWidth - clientWidth;\n  }\n\n  private shouldDisableScrolling(): boolean {\n    return !this.tabsListElement ||\n           this.internalOrientation === 'vertical' ||\n           this.fullWidth;\n  }\n\n  private scrollLeft() {\n    if (!this.canScrollLeft || !this.tabsListElement) return;\n\n    const scrollAmount = Math.min(200, this.tabsListElement.scrollLeft);\n    this.tabsListElement.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n  }\n\n  private scrollRight() {\n    if (!this.canScrollRight || !this.tabsListElement) return;\n\n    const maxScroll = this.tabsListElement.scrollWidth - this.tabsListElement.clientWidth;\n    const currentScroll = this.tabsListElement.scrollLeft;\n    const scrollAmount = Math.min(200, maxScroll - currentScroll);\n    this.tabsListElement.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  private onTabsListScroll() {\n    this.updateScrollButtons();\n  }\n\n  private scrollTabIntoView(index: number) {\n    if (this.shouldDisableScrolling() || !this.tabHeaderRefs[index]) {\n      return;\n    }\n\n    const tabElement = this.tabHeaderRefs[index];\n    const container = this.tabsListElement;\n\n    const tabRect = this.getTabCenterInfo(tabElement);\n    const containerRect = this.getContainerCenterInfo(container);\n\n    // Only scroll if the tab is not already reasonably centered\n    if (Math.abs(tabRect.center - containerRect.center) > 50) {\n      const desiredScrollLeft = this.calculateCenteredScrollPosition(tabRect, containerRect);\n      container.scrollTo({ left: desiredScrollLeft, behavior: 'smooth' });\n    }\n  }\n\n  private getTabCenterInfo(tabElement: HTMLElement) {\n    const left = tabElement.offsetLeft;\n    const width = tabElement.offsetWidth;\n    return {\n      left,\n      width,\n      center: left + (width / 2)\n    };\n  }\n\n  private getContainerCenterInfo(container: HTMLElement) {\n    const scrollLeft = container.scrollLeft;\n    const width = container.clientWidth;\n    return {\n      scrollLeft,\n      width,\n      center: scrollLeft + (width / 2)\n    };\n  }\n\n  private calculateCenteredScrollPosition(tabRect: any, containerRect: any): number {\n    const desiredScrollLeft = tabRect.center - (containerRect.width / 2);\n    const maxScrollLeft = this.tabsListElement.scrollWidth - containerRect.width;\n    return Math.max(0, Math.min(desiredScrollLeft, maxScrollLeft));\n  }\n\n  render() {\n    return (\n      <div aria-label=\"navigation tabs\" class={`tabs ${this.internalOrientation} ${this.fullWidth ? 'full-width-enabled' : ''}`}>\n        {this.internalOrientation === 'horizontal' ? (\n          <div class=\"tabs-container\">\n            <ifx-icon-button\n              shape=\"round\"\n              variant=\"tertiary\"\n              icon=\"chevronLeft16\"\n              size=\"s\"\n              disabled={false}\n              aria-label=\"Scroll tabs left\"\n              onClick={() => this.scrollLeft()}\n              class={`scroll-button scroll-left ${!this.canScrollLeft ? 'hidden' : ''}`}\n            >\n            </ifx-icon-button>\n            <ul\n              role=\"tablist\"\n              class=\"tabs-list scrollable\"\n              ref={(el) => (this.tabsListElement = el)}\n              onScroll={() => this.onTabsListScroll()}\n            >\n              {this.tabObjects?.map((tab, index) => (\n                <li\n                  class={this.getTabItemClass(index)}\n                  ref={(el) => (this.tabHeaderRefs[index] = el)}\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={() => this.handleClick(tab, index)}\n                  aria-selected={index === this.internalActiveTabIndex ? 'true' : 'false'}\n                  aria-disabled={tab.disabled ? 'true' : 'false'}\n                  role=\"tab\"\n                >\n                  {tab?.icon ? <ifx-icon icon = {tab.icon}></ifx-icon> : ''}\n                  {tab?.header}\n                </li>\n              ))}\n              <div class=\"active-border\"></div>\n            </ul>\n            <ifx-icon-button\n              shape=\"round\"\n              variant=\"tertiary\"\n              icon=\"chevronRight16\"\n              size=\"s\"\n              disabled={false}\n              aria-label=\"Scroll tabs right\"\n              onClick={() => this.scrollRight()}\n              class={`scroll-button scroll-right ${!this.canScrollRight ? 'hidden' : ''}`}\n            >\n            </ifx-icon-button>\n          </div>\n        ) : (\n          <ul role=\"tablist\" class=\"tabs-list\">\n            {this.tabObjects?.map((tab, index) => (\n              <li\n                class={this.getTabItemClass(index)}\n                ref={(el) => (this.tabHeaderRefs[index] = el)}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => this.handleClick(tab, index)}\n                aria-selected={index === this.internalActiveTabIndex ? 'true' : 'false'}\n                aria-disabled={tab.disabled ? 'true' : 'false'}\n                role=\"tab\"\n              >\n                {tab?.icon ? <ifx-icon icon = {tab.icon}></ifx-icon> : ''}\n                {tab?.header}\n              </li>\n            ))}\n            <div class=\"active-border\"></div>\n          </ul>\n        )}\n        <div class=\"tab-content\">\n          {Array.from(this.tabObjects).map((_, index) => (\n            <div style={{ display: index === this.internalActiveTabIndex ? 'block' : 'none' }}>\n              <slot name={`tab-${index}`} />\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n}\n"]}

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

@@ -136,10 +136,10 @@ const Template = args => {
         var icon = args.icon === 'none' ? '' : args.icon;
         tabContent.setAttribute('icon', icon);
         tabContent.setAttribute('icon-position', args.iconPosition);
-        tabContent.innerHTML = `
-        Content for Tab #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        tabContent.innerHTML = `
+        Content for Tab #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
     `;
         tabsElement.append(tabContent);
     }