Merge branch 'main' into chore-add-story-cvi-ng-responsive-table-with…

…-observables

# Conflicts:
#	libs/ui/src/lib/table-responsive/table-responsive.component.stories.ts

libs/storybook/src/assets/i18n/en.json

@@ -4,6 +4,9 @@
       "title": "Abiellumine (English translation)",
       "step1": "This is an English translation provided via @ngx-translate",
       "step2": "This is another English thing provided via @ngx-translate"
+    },
+    "tableResponsive": {
+      "headerLabels": ["Monday", "Tuesday"]
     }
   }
 }

libs/storybook/src/assets/i18n/et.json

@@ -4,6 +4,9 @@
       "title": "Abiellumine (Eesti keeles)",
       "step1": "Esimene samm",
       "step2": "Teine samm"
+    },
+    "tableResponsive": {
+      "headerLabels": ["Esmaspäev", "Teisipäev"]
     }
   }
 }

libs/ui/src/lib/table-responsive/table-responsive.component.stories.ts

@@ -166,6 +166,39 @@ WithCustomHeaderAndBodyMobile.parameters = {
   },
 };
 
+const TemplateWithTranslations: Story<TableResponsiveComponent> = (
+  args: TableResponsiveComponent
+) => ({
+  props: {
+    ...args,
+    data: [
+      {
+        who: 'Monkey',
+        what: 'see-do',
+      },
+      {
+        who: 'Bear',
+        what: 'drink-drank-drunk',
+      },
+    ],
+  },
+  /* template */
+  template: `
+    <cvi-ng-table-responsive [data]="data" [headerLabels]="'common.tableResponsive.headerLabels' | translate"></cvi-ng-table-responsive>
+  `,
+});
+
+export const WithTranslations = TemplateWithTranslations.bind({});
+WithTranslations.parameters = {
+  layout: 'fullscreen',
+  backgrounds: {
+    default: 'light',
+  },
+  viewport: {
+    defaultViewport: 'iphone12mini',
+  },
+};
+
 const TemplateWithObservables: Story<TableResponsiveComponent> = (
   args: TableResponsiveComponent
 ) => ({