@otto-de/b2b-core-components 1.7.0 → 1.8.0

package/dist/collection/components/tab-panel/tab-panel.e2e.js

@@ -1,4 +1,4 @@
-import { newE2EPage } from '@stencil/core/testing';
+import { newE2EPage } from "@stencil/core/testing";
 describe('B2B Tab Panel', () => {
   let page;
   beforeEach(async () => {

package/dist/collection/components/tab-panel/tab-panel.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 let i = 0;
 export class B2bTabPanelComponent {
   constructor() {

package/dist/collection/components/tab-panel/tab-panel.spec.js

@@ -1,6 +1,6 @@
-import { newSpecPage } from '@stencil/core/testing';
-import { h } from '@stencil/core';
-import { B2bTabPanelComponent } from './tab-panel';
+import { newSpecPage } from "@stencil/core/testing";
+import { h } from "@stencil/core";
+import { B2bTabPanelComponent } from "./tab-panel";
 it('should match the snapshot', async () => {
   const page = await newSpecPage({
     components: [B2bTabPanelComponent],

package/dist/collection/components/table/table-cell/table-cell.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-cell/table-cell.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import { ContentAlignment, TableSizes, } from '../../../utils/types/table.types';
+import { h, Host } from "@stencil/core";
+import { ContentAlignment, TableSizes, } from "../../../utils/types/table.types";
 export class TableCellComponent {
   constructor() {
     this.expandTextHoverWaitTime = 600;
@@ -63,7 +63,7 @@ export class TableCellComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Whether text should wrap or truncate.\nIt will only truncate when table size is equal\n*"
+          "text": "Whether text should wrap or truncate.\r\nIt will only truncate when table size is equal\r\n*"
         },
         "attribute": "text-wrap",
         "reflect": true,
@@ -78,7 +78,8 @@ export class TableCellComponent {
           "references": {
             "TableSizes": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableSizes"
             }
           }
         },
@@ -86,7 +87,7 @@ export class TableCellComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The size of the cell. Follows table size.\nWhen size is equal and textWrap is false, the text will truncate with Ellipsis.\nOther sizes won't affect cell current implementation."
+          "text": "The size of the cell. Follows table size.\r\nWhen size is equal and textWrap is false, the text will truncate with Ellipsis.\r\nOther sizes won't affect cell current implementation."
         },
         "attribute": "size",
         "reflect": false,
@@ -101,7 +102,8 @@ export class TableCellComponent {
           "references": {
             "ContentAlignment": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::ContentAlignment"
             }
           }
         },
@@ -142,7 +144,8 @@ export class TableCellComponent {
           "references": {
             "TableColourOptions": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableColourOptions"
             }
           }
         },

package/dist/collection/components/table/table-header/table-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-header/table-header.js

@@ -1,5 +1,5 @@
-import { h, Host, } from '@stencil/core';
-import { ContentAlignment, TableSortDirections, SortIconAlignment, } from '../../../utils/types/table.types';
+import { h, Host, } from "@stencil/core";
+import { ContentAlignment, TableSortDirections, SortIconAlignment, } from "../../../utils/types/table.types";
 export class TableHeaderComponent {
   constructor() {
     this.changeSortDirection = (e) => {
@@ -135,7 +135,8 @@ export class TableHeaderComponent {
           "references": {
             "TableSortDirections": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableSortDirections"
             }
           }
         },
@@ -174,7 +175,8 @@ export class TableHeaderComponent {
           "references": {
             "ContentAlignment": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::ContentAlignment"
             }
           }
         },
@@ -213,7 +215,8 @@ export class TableHeaderComponent {
           "references": {
             "TableSortDirections": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableSortDirections"
             }
           }
         }

package/dist/collection/components/table/table-row/table-row.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-row/table-row.js

@@ -1,5 +1,5 @@
-import { h, Host, } from '@stencil/core';
-import { TableAccordionRowTypes, TableColourOptions, } from '../../../utils/types/table.types';
+import { h, Host, } from "@stencil/core";
+import { TableAccordionRowTypes, TableColourOptions, } from "../../../utils/types/table.types";
 export class TableRowComponent {
   constructor() {
     this.toggleOpen = () => {
@@ -140,7 +140,8 @@ export class TableRowComponent {
           "references": {
             "TableColourOptions": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableColourOptions"
             }
           }
         },
@@ -163,7 +164,8 @@ export class TableRowComponent {
           "references": {
             "TableAccordionRowTypes": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableAccordionRowTypes"
             }
           }
         },
@@ -291,7 +293,8 @@ export class TableRowComponent {
           "references": {
             "CheckboxEventDetail": {
               "location": "import",
-              "path": "../../../components"
+              "path": "../../../components",
+              "id": "src/components.d.ts::CheckboxEventDetail"
             }
           }
         }
@@ -308,7 +311,8 @@ export class TableRowComponent {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

package/dist/collection/components/table/table-rowgroup/table-rowgroup.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-rowgroup/table-rowgroup.js

@@ -1,6 +1,6 @@
-import { h, Host, } from '@stencil/core';
-import { TableAccordionRowTypes, TableRowgroupTypes, } from '../../../utils/types/table.types';
-import { updateCheckboxState, getFirstRow, getAllRows, getRemainingRows, } from '../utils';
+import { h, Host, } from "@stencil/core";
+import { TableAccordionRowTypes, TableRowgroupTypes, } from "../../../utils/types/table.types";
+import { updateCheckboxState, getFirstRow, getAllRows, getRemainingRows, } from "../utils";
 export class TableRowgroupComponent {
   constructor() {
     this.toggleSelectAll = (event, children) => {
@@ -137,7 +137,8 @@ export class TableRowgroupComponent {
           "references": {
             "TableRowgroupTypes": {
               "location": "import",
-              "path": "../../../utils/types/table.types"
+              "path": "../../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableRowgroupTypes"
             }
           }
         },
@@ -145,7 +146,7 @@ export class TableRowgroupComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Rowgroup allows grouping rows by context: header, body or footer.\nHeader rows are by default not highlightable on mouse over."
+          "text": "Rowgroup allows grouping rows by context: header, body or footer.\r\nHeader rows are by default not highlightable on mouse over."
         },
         "attribute": "type",
         "reflect": false,
@@ -163,7 +164,7 @@ export class TableRowgroupComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children."
+          "text": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\r\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children."
         },
         "attribute": "accordion",
         "reflect": false,
@@ -199,7 +200,7 @@ export class TableRowgroupComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Only use when accordion property is true.\nWill render the accordion opened if set to true. By default, is false."
+          "text": "Only use when accordion property is true.\r\nWill render the accordion opened if set to true. By default, is false."
         },
         "attribute": "opened",
         "reflect": true,
@@ -230,7 +231,8 @@ export class TableRowgroupComponent {
           "references": {
             "TableAccordionSelectedEventDetail": {
               "location": "import",
-              "path": "../../../utils/interfaces/content.interface"
+              "path": "../../../utils/interfaces/content.interface",
+              "id": "src/utils/interfaces/content.interface.d.ts::TableAccordionSelectedEventDetail"
             }
           }
         }

package/dist/collection/components/table/table.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:21 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 26 Oct 2023 14:16:22 GMT
+ * Generated on Mon, 13 Nov 2023 12:54:56 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table.e2e.js

@@ -1,68 +1,68 @@
-import { newE2EPage } from '@stencil/core/testing';
+import { newE2EPage } from "@stencil/core/testing";
 describe('B2B-Table', () => {
   let page;
   beforeEach(async () => {
     page = await newE2EPage();
-    await page.setContent(`
-      <b2b-table size='equal'>
-        <b2b-table-rowgroup type='header'>
-          <b2b-table-row>
-            <b2b-table-header sort-direction="not-sorted" sort-icon-align="left">Title 1</b2b-table-header>
-            <b2b-table-header>Title 2</b2b-table-header>
-            <b2b-table-header sort-direction="descending" sort-id='title3' sort-icon-align="right">Title 3</b2b-table-header>
-          </b2b-table-row>
-        </b2b-table-rowgroup>
-        <b2b-table-rowgroup type='body'>
-          <b2b-table-row>
-            <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-            <b2b-table-cell>data 2a</b2b-table-cell>
-            <b2b-table-cell>data 3a</b2b-table-cell>
-          </b2b-table-row>
-        </b2b-table-rowgroup>
-      </b2b-table>
+    await page.setContent(`
+      <b2b-table size='equal'>
+        <b2b-table-rowgroup type='header'>
+          <b2b-table-row>
+            <b2b-table-header sort-direction="not-sorted" sort-icon-align="left">Title 1</b2b-table-header>
+            <b2b-table-header>Title 2</b2b-table-header>
+            <b2b-table-header sort-direction="descending" sort-id='title3' sort-icon-align="right">Title 3</b2b-table-header>
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type='body'>
+          <b2b-table-row>
+            <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+            <b2b-table-cell>data 2a</b2b-table-cell>
+            <b2b-table-cell>data 3a</b2b-table-cell>
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+      </b2b-table>
     `);
   });
-  const tableWithAccordion = `
-    <b2b-table size="expand">
-      <b2b-table-rowgroup type="header" accordion>
-        <b2b-table-row id="test-header">
-          <b2b-table-header>Title 1</b2b-table-header>
-          <b2b-table-header>Title 2</b2b-table-header>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion>
-        <b2b-table-row id="test-parent">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row id="test-child">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
+  const tableWithAccordion = `
+    <b2b-table size="expand">
+      <b2b-table-rowgroup type="header" accordion>
+        <b2b-table-row id="test-header">
+          <b2b-table-header>Title 1</b2b-table-header>
+          <b2b-table-header>Title 2</b2b-table-header>
+        </b2b-table-row>
+      </b2b-table-rowgroup>
+      <b2b-table-rowgroup type="body" accordion>
+        <b2b-table-row id="test-parent">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+        <b2b-table-row id="test-child">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+      </b2b-table-rowgroup>
     </b2b-table>`;
-  const tableWithSelection = `
-    <b2b-table size="expand">
-      <b2b-table-rowgroup type="header" accordion selectable>
-        <b2b-table-row id="test-header">
-          <b2b-table-header>Title 1</b2b-table-header>
-          <b2b-table-header>Title 2</b2b-table-header>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion selectable opened>
-        <b2b-table-row id="test-parent" value="peaches">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row id="test-child" value="cherries">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row id="second-child" value="plums">
-        <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-        <b2b-table-cell>data 2a</b2b-table-cell>
-      </b2b-table-row>
-      </b2b-table-rowgroup>
+  const tableWithSelection = `
+    <b2b-table size="expand">
+      <b2b-table-rowgroup type="header" accordion selectable>
+        <b2b-table-row id="test-header">
+          <b2b-table-header>Title 1</b2b-table-header>
+          <b2b-table-header>Title 2</b2b-table-header>
+        </b2b-table-row>
+      </b2b-table-rowgroup>
+      <b2b-table-rowgroup type="body" accordion selectable opened>
+        <b2b-table-row id="test-parent" value="peaches">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+        <b2b-table-row id="test-child" value="cherries">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+        <b2b-table-row id="second-child" value="plums">
+        <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+        <b2b-table-cell>data 2a</b2b-table-cell>
+      </b2b-table-row>
+      </b2b-table-rowgroup>
     </b2b-table>`;
   it('should render the table component', async () => {
     const element = await page.find('b2b-table');
@@ -82,16 +82,16 @@ describe('B2B-Table', () => {
   });
   it('should set headers to fixed if table is scrollable', async () => {
     page = await newE2EPage();
-    await page.setContent(`
-      <b2b-scrollable-container>
-        <b2b-table size='equal'>
-          <b2b-table-rowgroup type='header'>
-            <b2b-table-row>
-              <b2b-table-header>Title 1</b2b-table-header>
-              <b2b-table-header>Title 2</b2b-table-header>
-            </b2b-table-row>
-        </b2b-table>
-      </b2b-scrollable-container>
+    await page.setContent(`
+      <b2b-scrollable-container>
+        <b2b-table size='equal'>
+          <b2b-table-rowgroup type='header'>
+            <b2b-table-row>
+              <b2b-table-header>Title 1</b2b-table-header>
+              <b2b-table-header>Title 2</b2b-table-header>
+            </b2b-table-row>
+        </b2b-table>
+      </b2b-scrollable-container>
     `);
     const cells = await page.findAll('b2b-table-header');
     cells.map(cell => {
@@ -247,23 +247,23 @@ describe('B2B-Table', () => {
   });
   it('should render accordion opened if prop set to true', async () => {
     page = await newE2EPage();
-    await page.setContent(`<b2b-table size="expand">
-      <b2b-table-rowgroup type="header" accordion>
-        <b2b-table-row id="test-header">
-          <b2b-table-header>Title 1</b2b-table-header>
-          <b2b-table-header>Title 2</b2b-table-header>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion opened>
-        <b2b-table-row id="test-parent">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row id="test-child">
-          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
-          <b2b-table-cell>data 2a</b2b-table-cell>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
+    await page.setContent(`<b2b-table size="expand">
+      <b2b-table-rowgroup type="header" accordion>
+        <b2b-table-row id="test-header">
+          <b2b-table-header>Title 1</b2b-table-header>
+          <b2b-table-header>Title 2</b2b-table-header>
+        </b2b-table-row>
+      </b2b-table-rowgroup>
+      <b2b-table-rowgroup type="body" accordion opened>
+        <b2b-table-row id="test-parent">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+        <b2b-table-row id="test-child">
+          <b2b-table-cell><p>data 1a</p></b2b-table-cell>
+          <b2b-table-cell>data 2a</b2b-table-cell>
+        </b2b-table-row>
+      </b2b-table-rowgroup>
     </b2b-table>`);
     const child = await page.find('#test-child');
     const toggleIconClass = await page.evaluate(() => {

package/dist/collection/components/table/table.js

@@ -1,5 +1,5 @@
-import { h, Host, } from '@stencil/core';
-import { TableSizes, TableSortDirections } from '../../utils/types/table.types';
+import { h, Host, } from "@stencil/core";
+import { TableSizes, TableSortDirections } from "../../utils/types/table.types";
 export class TableComponent {
   constructor() {
     this.size = TableSizes.EXPAND;
@@ -66,7 +66,8 @@ export class TableComponent {
           "references": {
             "TableSizes": {
               "location": "import",
-              "path": "../../utils/types/table.types"
+              "path": "../../utils/types/table.types",
+              "id": "src/utils/types/table.types.ts::TableSizes"
             }
           }
         },
@@ -74,7 +75,7 @@ export class TableComponent {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The size of the table. Both will expand to 100% of parent size.\nExpand cells will use as much space as content needs and text will wrap.\nEqual will keep all column sizes proportional to the number of columns."
+          "text": "The size of the table. Both will expand to 100% of parent size.\r\nExpand cells will use as much space as content needs and text will wrap.\r\nEqual will keep all column sizes proportional to the number of columns."
         },
         "attribute": "size",
         "reflect": false,
@@ -99,7 +100,8 @@ export class TableComponent {
           "references": {
             "ColumnSortChangeEventDetail": {
               "location": "import",
-              "path": "../../utils/interfaces/interaction.interface"
+              "path": "../../utils/interfaces/interaction.interface",
+              "id": "src/utils/interfaces/interaction.interface.d.ts::ColumnSortChangeEventDetail"
             }
           }
         }