Delete self contained Thunder Tests

Back to .net8.0
api/v4/InfinityQS
ApiExplorerSettings
Wafer Counter
Color Sorting

Server/wwwroot/package/dist/collection/components/footer/footer-column.css

@@ -0,0 +1,33 @@
+:root {
+  --ifx-font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family, sans-serif);
+}
+
+.col {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-right: 8px;
+  color: #1D1D1D;
+  font-family: var(--ifx-font-family);
+}
+.col ::slotted([slot=title]) {
+  box-sizing: border-box;
+  font-weight: 600;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  margin: 0;
+  padding: 0;
+}
+.col span {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  color: #1D1D1D;
+}
+.col span ::slotted([slot=link]) {
+  box-sizing: border-box;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}

Server/wwwroot/package/dist/collection/components/footer/footer-column.e2e.js

@@ -0,0 +1,24 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('ifx-footer-column', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-footer-column></ifx-footer-column>');
+    const element = await page.find('ifx-footer-column');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('should display slots', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-footer-column><span slot="title">Test title</span><a slot="link" href="https://test.com">Test link</a></ifx-footer-column>');
+    const titleSlot = await page.find('ifx-footer-column > span');
+    const linkSlot = await page.find('ifx-footer-column > a');
+    expect(titleSlot).toEqualText('Test title');
+    expect(linkSlot).toEqualText('Test link');
+  });
+  it('should check if element exists', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-footer-column></ifx-footer-column>');
+    const element = await page.find('ifx-footer-column');
+    expect(element).toBeDefined();
+  });
+});
+//# sourceMappingURL=footer-column.e2e.js.map

Server/wwwroot/package/dist/collection/components/footer/footer-column.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-column.e2e.js","sourceRoot":"","sources":["../../../src/components/footer/footer-column.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAEjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iIAAiI,CAAC,CAAC;IAEzJ,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAE1D,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;EAChC,CAAC,CAAC,CAAC;AAGL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ifx-footer-column', () => {\n\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<ifx-footer-column></ifx-footer-column>');\n\n    const element = await page.find('ifx-footer-column');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should display slots', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<ifx-footer-column><span slot=\"title\">Test title</span><a slot=\"link\" href=\"https://test.com\">Test link</a></ifx-footer-column>');\n\n    const titleSlot = await page.find('ifx-footer-column > span');\n    const linkSlot = await page.find('ifx-footer-column > a');\n\n    expect(titleSlot).toEqualText('Test title');\n    expect(linkSlot).toEqualText('Test link');\n  });\n\n  it('should check if element exists', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<ifx-footer-column></ifx-footer-column>');\n\n    const element = await page.find('ifx-footer-column');\n    expect(element).toBeDefined();\n  });\n\n\n});\n"]}

Server/wwwroot/package/dist/collection/components/footer/footer-column.js

@@ -0,0 +1,20 @@
+import { h } from "@stencil/core";
+export class Card {
+  render() {
+    return (h("div", { class: "col" }, h("slot", { name: "title" }), h("span", { "aria-label": 'navigation link' }, h("slot", { name: "link" }))));
+  }
+  static get is() { return "ifx-footer-column"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./footer-column.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["footer-column.css"]
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=footer-column.js.map

Server/wwwroot/package/dist/collection/components/footer/footer-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-column.js","sourceRoot":"","sources":["../../../src/components/footer/footer-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAQtD,MAAM,OAAO,IAAI;EAIf,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,KAAK;MACd,YAAM,IAAI,EAAC,OAAO,GAAG;MACrB,0BAAiB,iBAAiB;QAChC,YAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACH,CACP,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-footer-column',\n  styleUrl: './footer-column.scss',\n  shadow: true,\n})\n\nexport class Card {\n  @Element() el;\n\n\n  render() {\n    return (\n      <div class=\"col\">\n        <slot name=\"title\" />\n        <span aria-label='navigation link'>\n          <slot name=\"link\" />\n        </span>\n      </div>\n    );\n  }\n}\n"]}

Server/wwwroot/package/dist/collection/components/footer/footer.css

@@ -0,0 +1,160 @@
+:root {
+  --ifx-font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family, sans-serif);
+}
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+.footer__container {
+  padding: 0px 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #FFFFFF;
+  font-family: var(--ifx-font-family);
+}
+.footer__container .footer__wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.footer__container .footer__wrapper .footer__logo_top svg {
+  display: none;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .footer__logo_top svg {
+    display: inline;
+  }
+}
+.footer__container .footer__wrapper .large {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  justify-content: space-between;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .large {
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+}
+.footer__container .footer__wrapper .large ::slotted([slot=col]) {
+  display: flex;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .large ::slotted([slot=col]) {
+    flex-wrap: wrap;
+    margin-top: 24px;
+  }
+}
+.footer__container .footer__wrapper .default {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 24px 0;
+  border-bottom: 1px solid #BFBBBB;
+  margin-top: 48px;
+}
+.footer__container .footer__wrapper .default .footer__logo_btm svg {
+  display: inline;
+  vertical-align: bottom;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .default .footer__logo_btm svg {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .default {
+    margin-top: 24px;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+.footer__container .footer__wrapper .default ::slotted([slot=socials]) {
+  display: flex;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .default ::slotted([slot=socials]) {
+    flex-wrap: wrap;
+    margin-top: 24px;
+  }
+}
+.footer__container .footer__wrapper .medium {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 24px 0;
+  border-bottom: 1px solid #BFBBBB;
+}
+.footer__container .footer__wrapper .medium .footer__logo_default svg {
+  vertical-align: bottom;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .medium {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+.footer__container .footer__wrapper .medium ::slotted([slot=socials]) {
+  display: flex;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .medium ::slotted([slot=socials]) {
+    flex-wrap: wrap;
+    margin-top: 24px;
+  }
+}
+.footer__container .footer__wrapper .footer__base {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: 28px 0;
+}
+.footer__container .footer__wrapper .footer__base .footer__brand {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  color: #1D1D1D;
+  flex-grow: 1;
+}
+.footer__container .footer__wrapper .footer__base .footer__buttons {
+  display: flex;
+  gap: 24px;
+  padding-right: 16px;
+  justify-content: flex-end;
+  flex-grow: 1;
+}
+.footer__container .footer__wrapper .footer__base .footer__buttons a {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  color: #1D1D1D;
+  text-decoration: none;
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .footer__base .footer__buttons {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    gap: 12px 16px;
+  }
+}
+@media (max-width: 768px) {
+  .footer__container .footer__wrapper .footer__base {
+    flex-direction: column-reverse;
+  }
+  .footer__container .footer__wrapper .footer__base .footer__brand {
+    margin-top: 16px;
+  }
+}

Server/wwwroot/package/dist/collection/components/footer/footer.stories.js

@@ -0,0 +1,116 @@
+export default {
+  title: "Components/Footer",
+  tags: ['autodocs'],
+  args: {
+    variant: 'medium',
+    termsUrl: 'https://yourwebsite.com/terms',
+    termsTarget: '_blank',
+    imprintUrl: 'https://yourwebsite.com/imprint',
+    imprintTarget: '_blank',
+    privacyPolicyUrl: 'https://yourwebsite.com/privacy-policy',
+    privacyPolicyTarget: '_blank',
+    glossaryUrl: 'https://yourwebsite.com/glossary',
+    glossaryTarget: '_blank',
+    copyrightText: '© 1999 - 2024 Infineon Technologies AG'
+  },
+  argTypes: {
+    variant: {
+      options: ['small', 'medium', 'large'],
+      control: { type: 'radio' },
+    },
+    termsUrl: { control: 'text' },
+    termsTarget: { control: 'text' },
+    imprintUrl: { control: 'text' },
+    imprintTarget: { control: 'text' },
+    privacyPolicyUrl: { control: 'text' },
+    privacyPolicyTarget: { control: 'text' },
+    glossaryUrl: { control: 'text' },
+    glossaryTarget: { control: 'text' },
+    copyrightText: { control: 'text' },
+  },
+};
+const DefaultTemplate = (args) => {
+  return `
+    <ifx-footer variant="${args.variant}" 
+               terms-url="${args.termsUrl}" terms-target="${args.termsTarget}"
+                imprint-url="${args.imprintUrl}" imprint-target="${args.imprintTarget}"
+                privacy-policy-url="${args.privacyPolicyUrl}" privacy-policy-target="${args.privacyPolicyTarget}"
+                glossary-url="${args.glossaryUrl}" glossary-target="${args.glossaryTarget}"
+                copyright-text="${args.copyrightText}">
+    <div slot="socials">
+      <ifx-link variant="title" href="http://facebook.com/infineon">
+        <ifx-icon icon="facebook"></ifx-icon>
+      </ifx-link>
+      <ifx-link variant="title" href="http://youtube.com/infineon">
+        <ifx-icon icon="youtube"></ifx-icon>
+      </ifx-link>
+      <ifx-link variant="title" href="http://instagram.com/infineon">
+        <ifx-icon icon="instagram"></ifx-icon>
+      </ifx-link>
+      <ifx-link variant="title" href="http://linkedin.com/infineon">
+        <ifx-icon icon="linkedin"></ifx-icon>
+      </ifx-link>
+      <ifx-link variant="title" href="http://twitter.com/infineon">
+        <ifx-icon icon="twitter"></ifx-icon>
+      </ifx-link>
+      <ifx-link variant="title" href="http://xing.com/infineon">
+        <ifx-icon icon="xing"></ifx-icon>
+      </ifx-link>
+    </div>
+  </ifx-footer>`;
+};
+export const Medium = DefaultTemplate.bind({});
+const SmallTemplate = () => `<ifx-footer variant="small"></ifx-footer>`;
+export const Small = SmallTemplate.bind({});
+const LargeTemplate = () => `<ifx-footer variant="large">
+  <ifx-footer-column slot="col">
+    <h5 slot="title">Title</h5>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+  </ifx-footer-column>
+  <ifx-footer-column slot="col">
+    <h5 slot="title">Title</h5>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+  </ifx-footer-column>
+  <ifx-footer-column slot="col">
+    <h5 slot="title">Title</h5>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+  </ifx-footer-column>
+  <ifx-footer-column slot="col">
+    <h5 slot="title">Title</h5>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+  </ifx-footer-column>
+  <div slot="socials">
+    <ifx-link variant="title" href="http://facebook.com/infineon">
+      <ifx-icon icon="facebook"></ifx-icon>
+    </ifx-link>
+    <ifx-link variant="title" href="http://youtube.com/infineon">
+      <ifx-icon icon="youtube"></ifx-icon>
+    </ifx-link>
+    <ifx-link variant="title" href="http://instagram.com/infineon">
+      <ifx-icon icon="instagram"></ifx-icon>
+    </ifx-link>
+    <ifx-link variant="title" href="http://linkedin.com/infineon">
+      <ifx-icon icon="linkedin"></ifx-icon>
+    </ifx-link>
+    <ifx-link variant="title" href="http://twitter.com/infineon">
+      <ifx-icon icon="twitter"></ifx-icon>
+    </ifx-link>
+    <ifx-link variant="title" href="http://xing.com/infineon">
+      <ifx-icon icon="xing"></ifx-icon>
+    </ifx-link>
+  </div>
+</ifx-footer>`;
+export const Large = LargeTemplate.bind({});
+//# sourceMappingURL=footer.stories.js.map