npm - @siemens/ix - Versions diffs - 3.0.0-alpha.3 → 3.0.0-alpha.4 - Mend

@siemens/ix 3.0.0-alpha.3 → 3.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (893) hide show

package/dist/collection/components/checkbox-group/checkbox-group.js CHANGED Viewed

@@ -57,6 +57,7 @@ export class CheckboxGroup {
         return {
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -71,11 +72,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-text",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -90,11 +91,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "direction": {
                 "type": "string",
+                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "'row' | 'column'",
@@ -109,12 +110,12 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "'column'"
             },
             "invalidText": {
                 "type": "string",
+                "attribute": "invalid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -129,11 +130,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -148,11 +149,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "info-text",
                 "reflect": false
             },
             "validText": {
                 "type": "string",
+                "attribute": "valid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +168,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-text",
                 "reflect": false
             },
             "warningText": {
                 "type": "string",
+                "attribute": "warning-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,11 +187,11 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "warning-text",
                 "reflect": false
             },
             "showTextAsTooltip": {
                 "type": "boolean",
+                "attribute": "show-text-as-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -205,7 +206,6 @@ export class CheckboxGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-text-as-tooltip",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/chip/chip.js CHANGED Viewed

@@ -102,6 +102,7 @@ export class Chip {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "| 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom'",
@@ -116,12 +117,12 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": true,
                 "defaultValue": "'primary'"
             },
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -136,12 +137,12 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "closable": {
                 "type": "boolean",
+                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -156,12 +157,12 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -176,11 +177,11 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "background": {
                 "type": "string",
+                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -195,11 +196,11 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "background",
                 "reflect": false
             },
             "chipColor": {
                 "type": "string",
+                "attribute": "chip-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -214,11 +215,11 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "chip-color",
                 "reflect": false
             },
             "outline": {
                 "type": "boolean",
+                "attribute": "outline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -233,12 +234,12 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "outline",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tooltipText": {
                 "type": "any",
+                "attribute": "tooltip-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | boolean",
@@ -256,7 +257,6 @@ export class Chip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-text",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/col/col.js CHANGED Viewed

@@ -81,6 +81,7 @@ export class Col {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnSize",
@@ -101,11 +102,11 @@ export class Col {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false
             },
             "sizeSm": {
                 "type": "string",
+                "attribute": "size-sm",
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnSize",
@@ -126,11 +127,11 @@ export class Col {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size-sm",
                 "reflect": false
             },
             "sizeMd": {
                 "type": "string",
+                "attribute": "size-md",
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnSize",
@@ -151,11 +152,11 @@ export class Col {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size-md",
                 "reflect": false
             },
             "sizeLg": {
                 "type": "string",
+                "attribute": "size-lg",
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnSize",
@@ -176,7 +177,6 @@ export class Col {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size-lg",
                 "reflect": false
             }
         };

package/dist/collection/components/content-header/content-header.js CHANGED Viewed

@@ -42,6 +42,7 @@ export class ContentHeader {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "ContentHeaderVariant",
@@ -62,12 +63,12 @@ export class ContentHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'primary'"
             },
             "headerTitle": {
                 "type": "string",
+                "attribute": "header-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +83,11 @@ export class ContentHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "header-title",
                 "reflect": false
             },
             "headerSubtitle": {
                 "type": "string",
+                "attribute": "header-subtitle",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -101,12 +102,12 @@ export class ContentHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "header-subtitle",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "hasBackButton": {
                 "type": "boolean",
+                "attribute": "has-back-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -121,7 +122,6 @@ export class ContentHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "has-back-button",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/css-grid/css-grid-item.js CHANGED Viewed

@@ -32,6 +32,7 @@ export class CssGridItem {
         return {
             "itemName": {
                 "type": "string",
+                "attribute": "item-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -46,7 +47,6 @@ export class CssGridItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "item-name",
                 "reflect": false
             }
         };

package/dist/collection/components/css-grid/css-grid.js CHANGED Viewed

@@ -91,6 +91,7 @@ export class CssGrid {
         return {
             "templates": {
                 "type": "unknown",
+                "attribute": "templates",
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<Record<CssGridTemplateType, string[][]>>",

package/dist/collection/components/css-grid/css-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css-grid.js","sourceRoot":"","sources":["../../../src/components/css-grid/css-grid.tsx"],"names":[],"mappings":"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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { templateBuilder } from './builder';\n\nconst smQuery = 'only screen and (max-width: 576px)';\nconst mdQuery = 'only screen and (max-width: 768px)';\nconst lgQuery = 'only screen and (max-width: 992px)';\n\nexport type CssGridTemplateType = 'sm' \| 'md' \| 'lg';\n\nconst mediaQueryCollection: Array<{\n name: CssGridTemplateType;\n query: string;\n}> = [\n { name: 'sm', query: smQuery },\n { name: 'md', query: mdQuery },\n { name: 'lg', query: lgQuery },\n];\n\n/\n @internal\n /\n@Component({\n tag: 'ix-css-grid',\n styleUrl: 'css-grid.scss',\n shadow: true,\n})\nexport class CssGrid {\n /\n Define css grid template\n */\n @Prop() templates?: Partial<Record<CssGridTemplateType, string[][]>>;\n\n @State() currentTemplate?: string[][];\n\n private disposeMediaQueryListener: ((event: MediaQueryListEvent) => void)[] =\n [];\n private mediaQueries: {\n mediaQuery: MediaQueryList;\n name: CssGridTemplateType;\n query: string;\n }[] = [];\n\n componentWillRender() {\n this.mediaQueries = mediaQueryCollection.map((query) => {\n const mediaQuery = window.matchMedia(query.query);\n\n const callback = () => {\n this.applyTemplate();\n };\n this.disposeMediaQueryListener.push(callback);\n mediaQuery.addEventListener('change', callback);\n\n return {\n ...query,\n mediaQuery,\n };\n });\n\n this.applyTemplate();\n }\n\n disconnectedCallback() {\n this.mediaQueries.forEach((mq, index) => {\n mq.mediaQuery.removeEventListener(\n 'change',\n this.disposeMediaQueryListener[index]\n );\n });\n }\n\n private findNextTemplate(type: CssGridTemplateType): string[][] {\n if (!this.templates) {\n return [];\n }\n const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);\n const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];\n if (!nextTemplate) {\n return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);\n }\n return nextTemplate;\n }\n\n private applyTemplate() {\n if (!this.templates) {\n return;\n }\n let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);\n\n if (!active) {\n active = this.mediaQueries[this.mediaQueries.length - 1];\n }\n\n const template = this.templates[active.name];\n\n if (template) {\n this.currentTemplate = template;\n } else {\n this.currentTemplate = this.findNextTemplate(active.name);\n }\n }\n\n render() {\n const style: Record<string, string> = {};\n if (this.currentTemplate && this.currentTemplate.length !== 0) {\n style['grid-template-areas'] = templateBuilder(this.currentTemplate);\n }\n return (\n <Host style={style}>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"css-grid.js","sourceRoot":"","sources":["../../../src/components/css-grid/css-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2023 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport { templateBuilder } from './builder';\n\nconst smQuery = 'only screen and (max-width: 576px)';\nconst mdQuery = 'only screen and (max-width: 768px)';\nconst lgQuery = 'only screen and (max-width: 992px)';\n\nexport type CssGridTemplateType = 'sm' \| 'md' \| 'lg';\n\nconst mediaQueryCollection: Array<{\n name: CssGridTemplateType;\n query: string;\n}> = [\n { name: 'sm', query: smQuery },\n { name: 'md', query: mdQuery },\n { name: 'lg', query: lgQuery },\n];\n\n/\n @internal\n /\n@Component({\n tag: 'ix-css-grid',\n styleUrl: 'css-grid.scss',\n shadow: true,\n})\nexport class CssGrid {\n /\n Define css grid template\n */\n @Prop() templates?: Partial<Record<CssGridTemplateType, string[][]>>;\n\n @State() currentTemplate?: string[][];\n\n private disposeMediaQueryListener: ((event: MediaQueryListEvent) => void)[] =\n [];\n private mediaQueries: {\n mediaQuery: MediaQueryList;\n name: CssGridTemplateType;\n query: string;\n }[] = [];\n\n componentWillRender() {\n this.mediaQueries = mediaQueryCollection.map((query) => {\n const mediaQuery = window.matchMedia(query.query);\n\n const callback = () => {\n this.applyTemplate();\n };\n this.disposeMediaQueryListener.push(callback);\n mediaQuery.addEventListener('change', callback);\n\n return {\n ...query,\n mediaQuery,\n };\n });\n\n this.applyTemplate();\n }\n\n disconnectedCallback() {\n this.mediaQueries.forEach((mq, index) => {\n mq.mediaQuery.removeEventListener(\n 'change',\n this.disposeMediaQueryListener[index]\n );\n });\n }\n\n private findNextTemplate(type: CssGridTemplateType): string[][] {\n if (!this.templates) {\n return [];\n }\n const typeIndex = this.mediaQueries.findIndex((mq) => mq.name === type);\n const nextTemplate = this.templates[this.mediaQueries[typeIndex + 1].name];\n if (!nextTemplate) {\n return this.findNextTemplate(this.mediaQueries[typeIndex + 1].name);\n }\n return nextTemplate;\n }\n\n private applyTemplate() {\n if (!this.templates) {\n return;\n }\n let active = this.mediaQueries.find((mq) => mq.mediaQuery.matches);\n\n if (!active) {\n active = this.mediaQueries[this.mediaQueries.length - 1];\n }\n\n const template = this.templates[active.name];\n\n if (template) {\n this.currentTemplate = template;\n } else {\n this.currentTemplate = this.findNextTemplate(active.name);\n }\n }\n\n render() {\n const style: Record<string, string> = {};\n if (this.currentTemplate && this.currentTemplate.length !== 0) {\n style['grid-template-areas'] = templateBuilder(this.currentTemplate);\n }\n return (\n <Host style={style}>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/custom-field/custom-field.js CHANGED Viewed

@@ -57,6 +57,7 @@ export class CustomField {
         return {
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -71,12 +72,12 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -91,11 +92,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -110,11 +111,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -129,11 +130,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "info-text",
                 "reflect": false
             },
             "warningText": {
                 "type": "string",
+                "attribute": "warning-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -148,11 +149,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "warning-text",
                 "reflect": false
             },
             "invalidText": {
                 "type": "string",
+                "attribute": "invalid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +168,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-text",
                 "reflect": false
             },
             "validText": {
                 "type": "string",
+                "attribute": "valid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,11 +187,11 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-text",
                 "reflect": false
             },
             "showTextAsTooltip": {
                 "type": "boolean",
+                "attribute": "show-text-as-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -205,7 +206,6 @@ export class CustomField {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-text-as-tooltip",
                 "reflect": false
             }
         };

package/dist/collection/components/custom-field/tests/custom-field.ct.js CHANGED Viewed

@@ -63,6 +63,6 @@ regressionTest('renders with required label', async ({ mount, page }) => {
     await expect(customFieldElement).toHaveClass(/hydrated/);
     await expect(fieldLabel).toHaveClass(/hydrated/);
     await expect(typography).toHaveClass(/typography-label/);
-    await expect(fieldLabel.filter({ hasText: 'Label *' })).toHaveText('Label *');
+    await expect(fieldLabel.filter({ hasText: 'Label*' })).toHaveText('Label*');
 });
 //# sourceMappingURL=custom-field.ct.js.map

package/dist/collection/components/custom-field/tests/custom-field.ct.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"custom-field.ct.js","sourceRoot":"","sources":["../../../../src/components/custom-field/tests/custom-field.ct.ts"],"names":[],"mappings":"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~~SAAS~~,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,~~SAAS~~,CAAC,CAAC;~~AAChF~~,CAAC,CAAC,CAAC","sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-custom-field></ix-custom-field>`);\n const customFieldElement = page.locator('ix-custom-field');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n});\n\nregressionTest('renders with label', async ({ mount, page }) => {\n await mount(`<ix-custom-field label=\"Label\"><input /></ix-custom-field>`);\n const customFieldElement = page.locator('ix-custom-field');\n const fieldLabel = customFieldElement.locator('ix-field-label');\n const typography = fieldLabel.locator('label').locator('ix-typography');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldLabel).toHaveClass(/hydrated/);\n await expect(typography).toHaveClass(/typography-label/);\n await expect(fieldLabel.filter({ hasText: 'Label' })).toHaveText('Label');\n});\n\nregressionTest('renders with helper-text', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\"></ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(fieldWrapper.filter({ hasText: 'Some helper text' })).toHaveText(\n 'Some helper text'\n );\n});\n\nregressionTest('renders with invalid-text', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\">\n <input class=\"ix-invalid\" />\n </ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(fieldWrapper.filter({ hasText: 'Error' })).toHaveText('Error');\n});\n\nregressionTest(\n 'renders with invalid-text if on child is invalid',\n async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\">\n <input />\n <div data-testid=\"custom\">Some custom</div>\n </ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(\n fieldWrapper.filter({ hasText: 'Some helper text' })\n ).toHaveText('Some helper text');\n\n const custom = customFieldElement.getByTestId('custom');\n custom.evaluate((node) => node.classList.add('ix-invalid'));\n\n await expect(fieldWrapper.filter({ hasText: 'Error' })).toHaveText('Error');\n }\n);\n\nregressionTest('renders with required label', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field label=\"Label\" required><input/></ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldLabel = customFieldElement.locator('ix-field-label');\n const typography = fieldLabel.locator('label').locator('ix-typography');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldLabel).toHaveClass(/hydrated/);\n await expect(typography).toHaveClass(/typography-label/);\n await expect(fieldLabel.filter({ hasText: 'Label ' })).toHaveText('Label *');\n});\n"]}
1	+ {"version":3,"file":"custom-field.ct.js","sourceRoot":"","sources":["../../../../src/components/custom-field/tests/custom-field.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-custom-field></ix-custom-field>`);\n const customFieldElement = page.locator('ix-custom-field');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n});\n\nregressionTest('renders with label', async ({ mount, page }) => {\n await mount(`<ix-custom-field label=\"Label\"><input /></ix-custom-field>`);\n const customFieldElement = page.locator('ix-custom-field');\n const fieldLabel = customFieldElement.locator('ix-field-label');\n const typography = fieldLabel.locator('label').locator('ix-typography');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldLabel).toHaveClass(/hydrated/);\n await expect(typography).toHaveClass(/typography-label/);\n await expect(fieldLabel.filter({ hasText: 'Label' })).toHaveText('Label');\n});\n\nregressionTest('renders with helper-text', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\"></ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(fieldWrapper.filter({ hasText: 'Some helper text' })).toHaveText(\n 'Some helper text'\n );\n});\n\nregressionTest('renders with invalid-text', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\">\n <input class=\"ix-invalid\" />\n </ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(fieldWrapper.filter({ hasText: 'Error' })).toHaveText('Error');\n});\n\nregressionTest(\n 'renders with invalid-text if on child is invalid',\n async ({ mount, page }) => {\n await mount(\n `<ix-custom-field helper-text=\"Some helper text\" invalid-text=\"Error\">\n <input />\n <div data-testid=\"custom\">Some custom</div>\n </ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldWrapper = customFieldElement.locator('ix-field-wrapper');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldWrapper).toHaveClass(/hydrated/);\n await expect(\n fieldWrapper.filter({ hasText: 'Some helper text' })\n ).toHaveText('Some helper text');\n\n const custom = customFieldElement.getByTestId('custom');\n custom.evaluate((node) => node.classList.add('ix-invalid'));\n\n await expect(fieldWrapper.filter({ hasText: 'Error' })).toHaveText('Error');\n }\n);\n\nregressionTest('renders with required label', async ({ mount, page }) => {\n await mount(\n `<ix-custom-field label=\"Label\" required><input/></ix-custom-field>`\n );\n const customFieldElement = page.locator('ix-custom-field');\n const fieldLabel = customFieldElement.locator('ix-field-label');\n const typography = fieldLabel.locator('label').locator('ix-typography');\n await expect(customFieldElement).toHaveClass(/hydrated/);\n await expect(fieldLabel).toHaveClass(/hydrated/);\n await expect(typography).toHaveClass(/typography-label/);\n await expect(fieldLabel.filter({ hasText: 'Label' })).toHaveText('Label*');\n});\n"]}