Delete self contained Thunder Tests

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

Server/wwwroot/package/dist/collection/components/card/card-headline/card-headline.css

@@ -0,0 +1,36 @@
+:root {
+  --ifx-font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family, sans-serif);
+}
+
+:host {
+  pointer-events: none;
+}
+
+.card__headline-wrapper {
+  padding-bottom: 16px;
+}
+.card__headline-wrapper.withDesc {
+  padding-bottom: 8px;
+}
+
+.card-headline {
+  margin-top: 0;
+  padding-top: 0;
+  font-family: var(--ifx-font-family);
+  font-weight: 600;
+  font-size: 1.5rem;
+  line-height: 2rem;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.card-headline.isHovered {
+  color: #0A8276;
+}
+.card-headline.horizontal {
+  font-size: 1.25rem;
+  line-height: 28px;
+}

Server/wwwroot/package/dist/collection/components/card/card-headline/card-headline.e2e.js

@@ -0,0 +1,21 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('ifx-card-headline', () => {
+  it('should render', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-card-headline></ifx-card-headline>');
+    const element = await page.find('ifx-card-headline');
+    expect(element).toHaveClass('hydrated');
+  });
+  it('should display slotted content', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<ifx-card-headline>Test content</ifx-card-headline>');
+    const headlineContent = await page.evaluate(() => {
+      const headline = document.querySelector('ifx-card-headline');
+      const slot = headline.shadowRoot.querySelector('slot');
+      const nodes = slot.assignedNodes();
+      return nodes[0].textContent;
+    }).catch(e => console.error(e));
+    expect(headlineContent).toBe('Test content');
+  });
+});
+//# sourceMappingURL=card-headline.e2e.js.map

Server/wwwroot/package/dist/collection/components/card/card-headline/card-headline.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-headline.e2e.js","sourceRoot":"","sources":["../../../../src/components/card/card-headline/card-headline.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EAEjC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,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,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC9C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qDAAqD,CAAC,CAAC;IAE7E,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;MAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;MAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;MACvD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;MACnC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;IAC9B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;EAC/C,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ifx-card-headline', () => {\n\n  it('should render', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<ifx-card-headline></ifx-card-headline>');\n\n    const element = await page.find('ifx-card-headline');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('should display slotted content', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<ifx-card-headline>Test content</ifx-card-headline>');\n\n    const headlineContent = await page.evaluate(() => {\n      const headline = document.querySelector('ifx-card-headline');\n      const slot = headline.shadowRoot.querySelector('slot');\n      const nodes = slot.assignedNodes();\n      return nodes[0].textContent;\n    }).catch(e => console.error(e));\n\n    expect(headlineContent).toBe('Test content');\n  });\n\n});\n"]}

Server/wwwroot/package/dist/collection/components/card/card-headline/card-headline.js

@@ -0,0 +1,67 @@
+import { h } from "@stencil/core";
+export class CardHeadline {
+  constructor() {
+    this.direction = undefined;
+    this.hasDesc = undefined;
+    this.isHovered = false;
+  }
+  componentWillLoad() {
+    var _a;
+    const cardElement = this.el.closest('ifx-card');
+    if (cardElement) {
+      const cardClass = (_a = cardElement.shadowRoot.querySelector('.card')) === null || _a === void 0 ? void 0 : _a.className;
+      if (cardClass && cardClass.includes('horizontal')) {
+        this.direction = 'horizontal';
+      }
+      const desc = cardElement.querySelector('ifx-card-text');
+      if (desc) {
+        this.hasDesc = true;
+      }
+    }
+  }
+  render() {
+    return (h("div", { class: `card__headline-wrapper ${this.hasDesc ? 'withDesc' : ""}` }, h("div", { class: `card-headline ${this.direction} ${this.isHovered ? 'isHovered' : ""}` }, h("slot", null))));
+  }
+  static get is() { return "ifx-card-headline"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["card-headline.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["card-headline.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isHovered": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-hovered",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "direction": {},
+      "hasDesc": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=card-headline.js.map

Server/wwwroot/package/dist/collection/components/card/card-headline/card-headline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-headline.js","sourceRoot":"","sources":["../../../../src/components/card/card-headline/card-headline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQnE,MAAM,OAAO,YAAY;;;;qBAIM,KAAK;;EAElC,iBAAiB;;IACf,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAEhD,IAAI,WAAW,EAAE;MACf,MAAM,SAAS,GAAG,MAAA,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,SAAS,CAAC;MAE3E,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;QACjD,IAAI,CAAC,SAAS,GAAG,YAAY,CAAA;OAC9B;MAED,MAAM,IAAI,GAAG,WAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;MACxD,IAAI,IAAI,EAAE;QACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;OACrB;KACF;EACH,CAAC;EAGD,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;MACpE,WAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAChF,eAAQ,CACJ,CACF,CACP,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Element, State, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-card-headline',\n  styleUrl: 'card-headline.scss',\n  shadow: true,\n})\n\nexport class CardHeadline {\n  @Element() el;\n  @State() direction: string;\n  @State() hasDesc: boolean;\n  @Prop() isHovered: boolean = false;\n\n  componentWillLoad() {\n    const cardElement = this.el.closest('ifx-card');\n\n    if (cardElement) {\n      const cardClass = cardElement.shadowRoot.querySelector('.card')?.className;\n\n      if (cardClass && cardClass.includes('horizontal')) {\n        this.direction = 'horizontal'\n      }\n\n      const desc = cardElement.querySelector('ifx-card-text');\n      if (desc) {\n        this.hasDesc = true;\n      }\n    }\n  }\n\n\n  render() {\n    return (\n      <div class={`card__headline-wrapper ${this.hasDesc ? 'withDesc' : \"\"}`}>\n        <div class={`card-headline ${this.direction} ${this.isHovered ? 'isHovered' : \"\"}`}>\n          <slot />\n        </div>\n      </div>\n    )\n  }\n}\n"]}