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/input/textarea.js CHANGED Viewed

@@ -119,6 +119,7 @@ export class Textarea {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -133,11 +134,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -152,11 +153,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": true
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -171,12 +172,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -191,12 +192,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -211,12 +212,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -231,12 +232,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "helperText": {
                 "type": "string",
+                "attribute": "helper-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -251,11 +252,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "helper-text",
                 "reflect": false
             },
             "infoText": {
                 "type": "string",
+                "attribute": "info-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -270,11 +271,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "info-text",
                 "reflect": false
             },
             "showTextAsTooltip": {
                 "type": "boolean",
+                "attribute": "show-text-as-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -289,11 +290,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-text-as-tooltip",
                 "reflect": false
             },
             "validText": {
                 "type": "string",
+                "attribute": "valid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -308,11 +309,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-text",
                 "reflect": false
             },
             "warningText": {
                 "type": "string",
+                "attribute": "warning-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -327,11 +328,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "warning-text",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -346,11 +347,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": true
             },
             "invalidText": {
                 "type": "string",
+                "attribute": "invalid-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -365,11 +366,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-text",
                 "reflect": false
             },
             "textareaHeight": {
                 "type": "string",
+                "attribute": "textarea-height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -384,11 +385,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "textarea-height",
                 "reflect": false
             },
             "textareaWidth": {
                 "type": "string",
+                "attribute": "textarea-width",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -403,11 +404,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "textarea-width",
                 "reflect": false
             },
             "textareaRows": {
                 "type": "number",
+                "attribute": "textarea-rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -422,11 +423,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "textarea-rows",
                 "reflect": false
             },
             "textareaCols": {
                 "type": "number",
+                "attribute": "textarea-cols",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -441,11 +442,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "textarea-cols",
                 "reflect": false
             },
             "resizeBehavior": {
                 "type": "string",
+                "attribute": "resize-behavior",
                 "mutable": false,
                 "complexType": {
                     "original": "TextareaResizeBehavior",
@@ -466,12 +467,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "resize-behavior",
                 "reflect": false,
                 "defaultValue": "'both'"
             },
             "maxLength": {
                 "type": "number",
+                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -486,11 +487,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max-length",
                 "reflect": false
             },
             "minLength": {
                 "type": "number",
+                "attribute": "min-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -505,7 +506,6 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min-length",
                 "reflect": false
             }
         };

package/dist/collection/components/key-value/key-value.js CHANGED Viewed

@@ -41,6 +41,7 @@ export class KeyValue {
         return {
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -55,11 +56,11 @@ export class KeyValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -74,11 +75,11 @@ export class KeyValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelPosition": {
                 "type": "string",
+                "attribute": "label-position",
                 "mutable": false,
                 "complexType": {
                     "original": "KeyValueLabelPosition",
@@ -99,12 +100,12 @@ export class KeyValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-position",
                 "reflect": false,
                 "defaultValue": "'top'"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -119,7 +120,6 @@ export class KeyValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             }
         };

package/dist/collection/components/key-value-list/key-value-list.js CHANGED Viewed

@@ -36,6 +36,7 @@ export class KeyValueList {
         return {
             "striped": {
                 "type": "boolean",
+                "attribute": "striped",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -50,7 +51,6 @@ export class KeyValueList {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "striped",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -61,6 +61,7 @@ export class Kpi {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +76,11 @@ export class Kpi {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -94,11 +95,11 @@ export class Kpi {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "unit": {
                 "type": "string",
+                "attribute": "unit",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -113,11 +114,11 @@ export class Kpi {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "unit",
                 "reflect": false
             },
             "state": {
                 "type": "string",
+                "attribute": "state",
                 "mutable": false,
                 "complexType": {
                     "original": "'neutral' | 'warning' | 'alarm'",
@@ -132,12 +133,12 @@ export class Kpi {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "state",
                 "reflect": false,
                 "defaultValue": "'neutral'"
             },
             "orientation": {
                 "type": "string",
+                "attribute": "orientation",
                 "mutable": false,
                 "complexType": {
                     "original": "'horizontal' | 'vertical'",
@@ -152,7 +153,6 @@ export class Kpi {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "orientation",
                 "reflect": false,
                 "defaultValue": "'horizontal'"
             }

package/dist/collection/components/layout-auto/layout-auto.js CHANGED Viewed

@@ -98,6 +98,7 @@ export class LayoutForm {
         return {
             "layout": {
                 "type": "unknown",
+                "attribute": "layout",
                 "mutable": false,
                 "complexType": {
                     "original": "{\n    minWidth: string;\n    columns: number;\n  }[]",

package/dist/collection/components/layout-auto/layout-auto.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layout-auto.js","sourceRoot":"","sources":["../../../src/components/layout-auto/layout-auto.tsx"],"names":[],"mappings":"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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Element, Host, Prop, Watch, h } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\n\n/*\n @since 2.6.0\n /\n@Component({\n tag: 'ix-layout-auto',\n styleUrl: 'layout-auto.scss',\n shadow: true,\n})\nexport class LayoutForm implements IxComponent {\n @Element() hostElement!: HTMLIxLayoutAutoElement;\n\n /\n Defines the layout of the form.\n /\n @Prop() layout: {\n minWidth: string;\n columns: number;\n }[] = [\n { minWidth: '0', columns: 1 },\n { minWidth: '48em', columns: 2 },\n ];\n\n private mediaQueryList: {\n mediaQuery: MediaQueryList;\n layout: {\n minWidth: string;\n columns: number;\n };\n }[] = [];\n\n private readonly observer = new MutationObserver(() =>\n this.calculateGridTemplateColumns()\n );\n\n private readonly resizeObserver = new ResizeObserver(() => {\n this.calculateGridTemplateColumns();\n });\n\n connectedCallback(): void {\n this.observer.observe(this.hostElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['data-colspan'],\n });\n this.resizeObserver.observe(this.hostElement);\n\n this.calculateGridTemplateColumns();\n }\n\n componentWillLoad(): void \| Promise<void> {\n this.calculateGridTemplateColumns();\n }\n\n disconnectedCallback(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n @Watch('layout')\n updateMediaQueryList() {\n this.mediaQueryList = [];\n this.layout.forEach((layout) => {\n const mediaQuery = window.matchMedia(`(min-width: ${layout.minWidth})`);\n this.mediaQueryList.push({\n mediaQuery,\n layout,\n });\n });\n }\n\n private parseNumber(number: string \| null) {\n if (!number) {\n return 1;\n }\n\n const result = parseInt(number);\n if (isNaN(result)) {\n return 1;\n }\n\n return result;\n }\n\n private calculateGridTemplateColumns() {\n this.updateMediaQueryList();\n\n let layoutColumns = 1;\n let columnSpacing = 'var(--ix-layout-grid-gap)';\n\n this.mediaQueryList.forEach((mediaQuery) => {\n if (mediaQuery.mediaQuery.matches) {\n layoutColumns = mediaQuery.layout.columns;\n }\n });\n\n let column = 0;\n Array.from(\n this.hostElement.children as HTMLCollectionOf<HTMLElement>\n ).forEach((child) => {\n let colspan = this.parseNumber(child.getAttribute('data-colspan'));\n colspan = Math.min(colspan, layoutColumns);\n const childRatio = colspan / layoutColumns;\n\n child.style.width = `calc(${childRatio 99.9}% - ${\n 1 - childRatio\n } * ${columnSpacing})`;\n\n if (column + colspan > layoutColumns) {\n column = 0;\n }\n\n column = (column + colspan) % layoutColumns;\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"layout-auto.js","sourceRoot":"","sources":["../../../src/components/layout-auto/layout-auto.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Prop, Watch, h } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\n\n/*\n @since 2.6.0\n /\n@Component({\n tag: 'ix-layout-auto',\n styleUrl: 'layout-auto.scss',\n shadow: true,\n})\nexport class LayoutForm implements IxComponent {\n @Element() hostElement!: HTMLIxLayoutAutoElement;\n\n /\n Defines the layout of the form.\n /\n @Prop() layout: {\n minWidth: string;\n columns: number;\n }[] = [\n { minWidth: '0', columns: 1 },\n { minWidth: '48em', columns: 2 },\n ];\n\n private mediaQueryList: {\n mediaQuery: MediaQueryList;\n layout: {\n minWidth: string;\n columns: number;\n };\n }[] = [];\n\n private readonly observer = new MutationObserver(() =>\n this.calculateGridTemplateColumns()\n );\n\n private readonly resizeObserver = new ResizeObserver(() => {\n this.calculateGridTemplateColumns();\n });\n\n connectedCallback(): void {\n this.observer.observe(this.hostElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['data-colspan'],\n });\n this.resizeObserver.observe(this.hostElement);\n\n this.calculateGridTemplateColumns();\n }\n\n componentWillLoad(): void \| Promise<void> {\n this.calculateGridTemplateColumns();\n }\n\n disconnectedCallback(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n @Watch('layout')\n updateMediaQueryList() {\n this.mediaQueryList = [];\n this.layout.forEach((layout) => {\n const mediaQuery = window.matchMedia(`(min-width: ${layout.minWidth})`);\n this.mediaQueryList.push({\n mediaQuery,\n layout,\n });\n });\n }\n\n private parseNumber(number: string \| null) {\n if (!number) {\n return 1;\n }\n\n const result = parseInt(number);\n if (isNaN(result)) {\n return 1;\n }\n\n return result;\n }\n\n private calculateGridTemplateColumns() {\n this.updateMediaQueryList();\n\n let layoutColumns = 1;\n let columnSpacing = 'var(--ix-layout-grid-gap)';\n\n this.mediaQueryList.forEach((mediaQuery) => {\n if (mediaQuery.mediaQuery.matches) {\n layoutColumns = mediaQuery.layout.columns;\n }\n });\n\n let column = 0;\n Array.from(\n this.hostElement.children as HTMLCollectionOf<HTMLElement>\n ).forEach((child) => {\n let colspan = this.parseNumber(child.getAttribute('data-colspan'));\n colspan = Math.min(colspan, layoutColumns);\n const childRatio = colspan / layoutColumns;\n\n child.style.width = `calc(${childRatio 99.9}% - ${\n 1 - childRatio\n } * ${columnSpacing})`;\n\n if (column + colspan > layoutColumns) {\n column = 0;\n }\n\n column = (column + colspan) % layoutColumns;\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"]}

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

@@ -49,6 +49,7 @@ export class LayoutGrid {
         return {
             "noMargin": {
                 "type": "boolean",
+                "attribute": "no-margin",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -63,12 +64,12 @@ export class LayoutGrid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "no-margin",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "gap": {
                 "type": "string",
+                "attribute": "gap",
                 "mutable": false,
                 "complexType": {
                     "original": "'8' | '12' | '16' | '24'",
@@ -83,12 +84,12 @@ export class LayoutGrid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "gap",
                 "reflect": false,
                 "defaultValue": "'24'"
             },
             "columns": {
                 "type": "number",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -103,7 +104,6 @@ export class LayoutGrid {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "columns",
                 "reflect": false,
                 "defaultValue": "12"
             }

package/dist/collection/components/link-button/link-button.js CHANGED Viewed

@@ -49,6 +49,7 @@ export class LinkButton {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -63,12 +64,12 @@ export class LinkButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "url": {
                 "type": "string",
+                "attribute": "url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -83,11 +84,11 @@ export class LinkButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "url",
                 "reflect": false
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "'_self' | '_blank' | '_parent' | '_top'",
@@ -102,7 +103,6 @@ export class LinkButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"
             }

package/dist/collection/components/map-navigation/map-navigation.js CHANGED Viewed

@@ -179,6 +179,7 @@ export class MapNavigation {
         return {
             "applicationName": {
                 "type": "string",
+                "attribute": "application-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -193,11 +194,11 @@ export class MapNavigation {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "application-name",
                 "reflect": false
             },
             "navigationTitle": {
                 "type": "string",
+                "attribute": "navigation-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -212,11 +213,11 @@ export class MapNavigation {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "navigation-title",
                 "reflect": false
             },
             "hideContextMenu": {
                 "type": "boolean",
+                "attribute": "hide-context-menu",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -231,7 +232,6 @@ export class MapNavigation {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-context-menu",
                 "reflect": false,
                 "defaultValue": "true"
             }

package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js CHANGED Viewed

@@ -64,6 +64,7 @@ export class MapNavigationOverlay {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -78,11 +79,11 @@ export class MapNavigationOverlay {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false
             },
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -97,11 +98,11 @@ export class MapNavigationOverlay {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -119,11 +120,11 @@ export class MapNavigationOverlay {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false
             },
             "iconColor": {
                 "type": "string",
+                "attribute": "icon-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,7 +139,6 @@ export class MapNavigationOverlay {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-color",
                 "reflect": false
             }
         };