npm - @siemens/ix - Versions diffs - 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746 - Mend

@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746

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 (1147) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"col.js","sourceRoot":"","sources":["../../../src/components/col/col.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAC;~~AAwBnE~~,MAAM,OAAO,GAAG;IAwBd,QAAQ;QACN,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC;IAEO,OAAO,CAAC,UAA0B;QACxC,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAA4B,CAAC;QACjC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YACrC,MAAM,kBAAkB,GACtB,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAEzD,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YAE7C,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,GAAG,WAAW,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,oBAAoB;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAElC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO;gBACL,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,MAAM;aACpB,CAAC;QACJ,CAAC;QAED,MAAM,OAAO,GAAG,aAAa,IAAI,2CAA2C,CAAC;QAE7E,OAAO;YACL,IAAI,EAAE,OAAO,OAAO,EAAE;YACtB,KAAK,EAAE,GAAG,OAAO,EAAE;YACnB,WAAW,EAAE,GAAG,OAAO,EAAE;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,oBACA,IAAI,CAAC,oBAAoB,EAAE;YAGhC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnGM,eAAW,GAAqB,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,AAA3C,CAA4C","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 /\n\nimport { Component, forceUpdate, h, Host, Listen, Prop } from '@stencil/core';\nimport { Breakpoint, matchBreakpoint } from '../utils/breakpoints';\~~n\ntype~~ ~~GridBreakpoint~~ = ~~Breakpoint \| '';\n\nexport type~~ ColumnSize ~~=\n \|~~ ~~'1'\n \|~~ '2'\n ~~\| '3'~~\~~n \|~~ ~~'4'\n \|~~ ~~'5'\n \|~~ ~~'6'\n \|~~ ~~'7'\n~~ \| '8'~~\n \| '9'\n \| '10'\n \| '11'\n \| '12'\n \| 'auto'~~;\n\n@Component({\n tag: 'ix-col',\n styleUrl: 'col.scss',\n shadow: true,\n})\nexport class Col {\n static Breakpoints: GridBreakpoint[] = ['', 'sm', 'md', 'lg'];\n\n /\n Size of the column\n /\n @Prop() size?: ColumnSize;\n\n /\n Size of the column for sm screens\n /\n @Prop() sizeSm?: ColumnSize;\n\n /\n Size of the column for md screens\n /\n @Prop() sizeMd?: ColumnSize;\n\n /\n Size of the column for lg screens\n /\n @Prop() sizeLg?: ColumnSize;\n\n @Listen('resize', { target: 'window' })\n onResize() {\n forceUpdate(this);\n }\n\n private getSize(breakpoint: GridBreakpoint) {\n if (breakpoint === '') {\n return this.size;\n }\n\n if (breakpoint === 'sm') {\n return this.sizeSm;\n }\n\n if (breakpoint === 'md') {\n return this.sizeMd;\n }\n\n if (breakpoint === 'lg') {\n return this.sizeLg;\n }\n }\n\n private getColumnSize(): ColumnSize \| undefined {\n let size: ColumnSize \| undefined;\n Col.Breakpoints.forEach((breakpoint) => {\n const isMediaQueryActive =\n breakpoint !== '' ? matchBreakpoint(breakpoint) : true;\n\n if (!isMediaQueryActive) {\n return;\n }\n\n const currentSize = this.getSize(breakpoint);\n\n if (currentSize) {\n size = currentSize;\n }\n });\n\n return size;\n }\n\n private getColumnSizeStyling() {\n const size = this.getColumnSize();\n\n if (!size) {\n return;\n }\n\n if (size === 'auto') {\n return {\n flex: '0 0 auto',\n width: 'auto',\n 'max-width': 'auto',\n };\n }\n\n const colSize = `calc(calc(${size} / var(--ix-layout-grid-columns)) 100%)`;\n\n return {\n flex: `0 0 ${colSize}`,\n width: `${colSize}`,\n 'max-width': `${colSize}`,\n };\n }\n\n render() {\n return (\n <Host\n style={{\n ...this.getColumnSizeStyling(),\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"col.js","sourceRoot":"","sources":["../../../src/components/col/col.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUnE,MAAM,OAAO,GAAG;IAwBd,QAAQ;QACN,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC;IAEO,OAAO,CAAC,UAA0B;QACxC,IAAI,UAAU,KAAK,EAAE,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,IAAI,CAAC;QACnB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;QAED,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAA4B,CAAC;QACjC,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YACrC,MAAM,kBAAkB,GACtB,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAEzD,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YAE7C,IAAI,WAAW,EAAE,CAAC;gBAChB,IAAI,GAAG,WAAW,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,oBAAoB;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAElC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO;gBACL,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,MAAM;aACpB,CAAC;QACJ,CAAC;QAED,MAAM,OAAO,GAAG,aAAa,IAAI,2CAA2C,CAAC;QAE7E,OAAO;YACL,IAAI,EAAE,OAAO,OAAO,EAAE;YACtB,KAAK,EAAE,GAAG,OAAO,EAAE;YACnB,WAAW,EAAE,GAAG,OAAO,EAAE;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,oBACA,IAAI,CAAC,oBAAoB,EAAE;YAGhC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnGM,eAAW,GAAqB,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,AAA3C,CAA4C","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 /\n\nimport { Component, forceUpdate, h, Host, Listen, Prop } from '@stencil/core';\nimport { Breakpoint, matchBreakpoint } from '../utils/breakpoints';\nimport type { ColumnSize } from './col.types';\n\ntype GridBreakpoint = Breakpoint \| '';\n\n@Component({\n tag: 'ix-col',\n styleUrl: 'col.scss',\n shadow: true,\n})\nexport class Col {\n static Breakpoints: GridBreakpoint[] = ['', 'sm', 'md', 'lg'];\n\n /\n Size of the column\n /\n @Prop() size?: ColumnSize;\n\n /\n Size of the column for sm screens\n /\n @Prop() sizeSm?: ColumnSize;\n\n /\n Size of the column for md screens\n /\n @Prop() sizeMd?: ColumnSize;\n\n /\n Size of the column for lg screens\n /\n @Prop() sizeLg?: ColumnSize;\n\n @Listen('resize', { target: 'window' })\n onResize() {\n forceUpdate(this);\n }\n\n private getSize(breakpoint: GridBreakpoint) {\n if (breakpoint === '') {\n return this.size;\n }\n\n if (breakpoint === 'sm') {\n return this.sizeSm;\n }\n\n if (breakpoint === 'md') {\n return this.sizeMd;\n }\n\n if (breakpoint === 'lg') {\n return this.sizeLg;\n }\n }\n\n private getColumnSize(): ColumnSize \| undefined {\n let size: ColumnSize \| undefined;\n Col.Breakpoints.forEach((breakpoint) => {\n const isMediaQueryActive =\n breakpoint !== '' ? matchBreakpoint(breakpoint) : true;\n\n if (!isMediaQueryActive) {\n return;\n }\n\n const currentSize = this.getSize(breakpoint);\n\n if (currentSize) {\n size = currentSize;\n }\n });\n\n return size;\n }\n\n private getColumnSizeStyling() {\n const size = this.getColumnSize();\n\n if (!size) {\n return;\n }\n\n if (size === 'auto') {\n return {\n flex: '0 0 auto',\n width: 'auto',\n 'max-width': 'auto',\n };\n }\n\n const colSize = `calc(calc(${size} / var(--ix-layout-grid-columns)) 100%)`;\n\n return {\n flex: `0 0 ${colSize}`,\n width: `${colSize}`,\n 'max-width': `${colSize}`,\n };\n }\n\n render() {\n return (\n <Host\n style={{\n ...this.getColumnSizeStyling(),\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/col/col.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=col.types.js.map

package/dist/collection/components/col/col.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"col.types.js","sourceRoot":"","sources":["../../../src/components/col/col.types.ts"],"names":[],"mappings":"","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 */\nexport type ColumnSize =\n | '1'\n | '2'\n | '3'\n | '4'\n | '5'\n | '6'\n | '7'\n | '8'\n | '9'\n | '10'\n | '11'\n | '12'\n | 'auto';\n"]}

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

@@ -19,12 +19,12 @@ export class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (h(Host, { key: 'b232033e844cce7b64e46fb947aaa82088e1a3b7' }, h("div", { key: '189fe885fb253cb87bc268d182dd46bc1523fb83', class: {
+        return (h(Host, { key: '2fc667e794c1c405e05bb44d1a0a30e1347fdbb9' }, h("div", { key: '26c76928f72d75a3898ef3981b3594170b2f8e50', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, h("slot", { key: '0fe53f18f29eef2a950c6ad87d5860ed01445aa0', name: "header", onSlotchange: () => {
+            } }, h("slot", { key: '87b919b488d9bca96f10b6ae777b238a7ff32323', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), h("div", { key: 'a613f4f94a9402390740f36e78227b6550ef4f01', class: "content" }, h("slot", { key: 'f1f60c196ea4700dede8af657eb771864fdff734' }))));
+            } })), h("div", { key: 'ec33f05055ae1a0ade4394bd40a20fc58bccbb51', class: "content" }, h("slot", { key: '861d214129eacbbb74988cf8f556186acb7bda99' }))));
     }
     static get is() { return "ix-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class ContentHeader {
         this.hasBackButton = false;
     }
     render() {
-        return (h(Host, { key: '928efa217011fe719ae85f242af1a6a53dd9f9a0' }, this.hasBackButton ? (h("ix-icon-button", { class: 'backButton', variant: "primary", icon: iconArrowLeft, ghost: true, onClick: () => this.backButtonClick.emit() })) : null, h("div", { key: '9ea073b90b1b71caa19ffd417a49eed7c4308061', class: "titleGroup" }, h("ix-typography", { key: '961dced5d7117a17efe8f1830968796d1d864be3', format: this.variant === 'secondary' ? 'h4' : 'h3', class: this.variant === 'secondary' ? 'secondary' : '' }, this.headerTitle), !!this.headerSubtitle && (h("ix-typography", { key: '9bf3c18838430fdffbbc146b1577f5d2251dc3e4', format: 'h6', "text-color": 'soft', class: this.variant === 'secondary' ? 'subtitle' : '' }, this.headerSubtitle))), h("div", { key: '8952391cb6163493dc5ab27b690c4375ef535ac4', class: "buttons" }, h("slot", { key: 'afa8f83adfda8f12a5ac50a1bde46d1e1ba60671' }))));
+        return (h(Host, { key: 'e1289f0a76f8019796f87829f15f61409973bed0' }, this.hasBackButton ? (h("ix-icon-button", { class: 'backButton', variant: "primary", icon: iconArrowLeft, ghost: true, onClick: () => this.backButtonClick.emit() })) : null, h("div", { key: '7749798c2f8f8121d334d7ae78ad3530f095ef48', class: "titleGroup" }, h("ix-typography", { key: '0e448a5cd660f088101c406da3af96f12d2e2690', format: this.variant === 'secondary' ? 'h4' : 'h3', class: this.variant === 'secondary' ? 'secondary' : '' }, this.headerTitle), !!this.headerSubtitle && (h("ix-typography", { key: 'ffb763836bdde4eba3a4cfc4f981e7a2c7dd46a2', format: 'h6', "text-color": 'soft', class: this.variant === 'secondary' ? 'subtitle' : '' }, this.headerSubtitle))), h("div", { key: 'aa50a3909afbc6ef73521ac957d79a1ae01f19fd', class: "buttons" }, h("slot", { key: 'a72ec6709a889fadfe486a1fb9896ca482242307' }))));
     }
     static get is() { return "ix-content-header"; }
     static get encapsulation() { return "shadow"; }
@@ -49,9 +49,9 @@ export class ContentHeader {
                     "resolved": "\"primary\" | \"secondary\"",
                     "references": {
                         "ContentHeaderVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/content-header/content-header.tsx",
-                            "id": "src/components/content-header/content-header.tsx::ContentHeaderVariant"
+                            "location": "import",
+                            "path": "./content-header.types",
+                            "id": "src/components/content-header/content-header.types.ts::ContentHeaderVariant"
                         }
                     }
                 },

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

	@@ -1 +1 @@
1	- {"version":3,"file":"content-header.js","sourceRoot":"","sources":["../../../src/components/content-header/content-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAS9E~~,MAAM,OAAO,aAAa;IAL1B;QAME;;WAEG;QACK,YAAO,GAAyB,SAAS,CAAC;QAOlD;;WAEG;QACK,mBAAc,GAAuB,SAAS,CAAC;QAEvD;;WAEG;QACK,kBAAa,GAAY,KAAK,CAAC;KA2CxC;IApCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACpB,sBACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,GAC1B,CACnB,CAAC,CAAC,CAAC,IAAI;YAER,4DAAK,KAAK,EAAC,YAAY;gBACrB,sEACE,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClD,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAErD,IAAI,CAAC,WAAW,CACH;gBACf,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CACxB,sEACE,MAAM,EAAE,IAAI,gBACA,MAAM,EAClB,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAEpD,IAAI,CAAC,cAAc,CACN,CACjB,CACG;YACN,4DAAK,KAAK,EAAC,SAAS;gBAClB,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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 { iconArrowLeft } from '@siemens/ix-icons/icons';\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\~~n\nexport~~ type ContentHeaderVariant = ~~'primary'~~ \| '~~secondary~~';\n\n@Component({\n tag: 'ix-content-header',\n styleUrl: 'content-header.scss',\n shadow: true,\n})\nexport class ContentHeader {\n /\n Variant of content header\n /\n @Prop() variant: ContentHeaderVariant = 'primary';\n\n /\n Title of Header\n /\n @Prop() headerTitle?: string;\n\n /\n Subtitle of Header\n /\n @Prop() headerSubtitle: string \| undefined = undefined;\n\n /\n Display a back button\n /\n @Prop() hasBackButton: boolean = false;\n\n /\n Triggered when back button is clicked\n */\n @Event() backButtonClick!: EventEmitter<void>;\n\n render() {\n return (\n <Host>\n {this.hasBackButton ? (\n <ix-icon-button\n class={'backButton'}\n variant=\"primary\"\n icon={iconArrowLeft}\n ghost={true}\n onClick={() => this.backButtonClick.emit()}\n ></ix-icon-button>\n ) : null}\n\n <div class=\"titleGroup\">\n <ix-typography\n format={this.variant === 'secondary' ? 'h4' : 'h3'}\n class={this.variant === 'secondary' ? 'secondary' : ''}\n >\n {this.headerTitle}\n </ix-typography>\n {!!this.headerSubtitle && (\n <ix-typography\n format={'h6'}\n text-color={'soft'}\n class={this.variant === 'secondary' ? 'subtitle' : ''}\n >\n {this.headerSubtitle}\n </ix-typography>\n )}\n </div>\n <div class=\"buttons\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"content-header.js","sourceRoot":"","sources":["../../../src/components/content-header/content-header.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQ9E,MAAM,OAAO,aAAa;IAL1B;QAME;;WAEG;QACK,YAAO,GAAyB,SAAS,CAAC;QAOlD;;WAEG;QACK,mBAAc,GAAuB,SAAS,CAAC;QAEvD;;WAEG;QACK,kBAAa,GAAY,KAAK,CAAC;KA2CxC;IApCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACpB,sBACE,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,GAC1B,CACnB,CAAC,CAAC,CAAC,IAAI;YAER,4DAAK,KAAK,EAAC,YAAY;gBACrB,sEACE,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAClD,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAErD,IAAI,CAAC,WAAW,CACH;gBACf,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CACxB,sEACE,MAAM,EAAE,IAAI,gBACA,MAAM,EAClB,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAEpD,IAAI,CAAC,cAAc,CACN,CACjB,CACG;YACN,4DAAK,KAAK,EAAC,SAAS;gBAClB,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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 { iconArrowLeft } from '@siemens/ix-icons/icons';\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ContentHeaderVariant } from './content-header.types';\n\n@Component({\n tag: 'ix-content-header',\n styleUrl: 'content-header.scss',\n shadow: true,\n})\nexport class ContentHeader {\n /\n Variant of content header\n /\n @Prop() variant: ContentHeaderVariant = 'primary';\n\n /\n Title of Header\n /\n @Prop() headerTitle?: string;\n\n /\n Subtitle of Header\n /\n @Prop() headerSubtitle: string \| undefined = undefined;\n\n /\n Display a back button\n /\n @Prop() hasBackButton: boolean = false;\n\n /\n Triggered when back button is clicked\n */\n @Event() backButtonClick!: EventEmitter<void>;\n\n render() {\n return (\n <Host>\n {this.hasBackButton ? (\n <ix-icon-button\n class={'backButton'}\n variant=\"primary\"\n icon={iconArrowLeft}\n ghost={true}\n onClick={() => this.backButtonClick.emit()}\n ></ix-icon-button>\n ) : null}\n\n <div class=\"titleGroup\">\n <ix-typography\n format={this.variant === 'secondary' ? 'h4' : 'h3'}\n class={this.variant === 'secondary' ? 'secondary' : ''}\n >\n {this.headerTitle}\n </ix-typography>\n {!!this.headerSubtitle && (\n <ix-typography\n format={'h6'}\n text-color={'soft'}\n class={this.variant === 'secondary' ? 'subtitle' : ''}\n >\n {this.headerSubtitle}\n </ix-typography>\n )}\n </div>\n <div class=\"buttons\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/content-header/content-header.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=content-header.types.js.map

package/dist/collection/components/content-header/content-header.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"content-header.types.js","sourceRoot":"","sources":["../../../src/components/content-header/content-header.types.ts"],"names":[],"mappings":"","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 */\nexport type ContentHeaderVariant = 'primary' | 'secondary';\n"]}

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

@@ -14,7 +14,7 @@ export class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (h(Host, { key: 'b51d8dffe6ab4876ee52328043eb949c9db10200', style: style }, h("slot", { key: '34aae403a952e99bebae1dbfa2c089a5d2fa73d5' })));
+        return (h(Host, { key: 'a6516c0d4de0a1dddd6860e69930262064b91f2a', style: style }, h("slot", { key: '4f536059b653610e8a04fffd43aebf63e9554fc2' })));
     }
     static get is() { return "ix-css-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class CssGrid {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (h(Host, { key: '2ae68c413a5c560848f3a4a2df91098fe4515f40', style: style }, h("slot", { key: '08790f4bd0db622f9f78eaa3a0694748b4053fc1' })));
+        return (h(Host, { key: 'aa465f2817f5788d72565bf138cefff118e307e9', style: style }, h("slot", { key: '3e170cdadb93be56a578d657fcd70d5e03cc608e' })));
     }
     static get is() { return "ix-css-grid"; }
     static get encapsulation() { return "shadow"; }
@@ -106,9 +106,9 @@ export class CssGrid {
                             "id": "global::Record"
                         },
                         "CssGridTemplateType": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/css-grid/css-grid.tsx",
-                            "id": "src/components/css-grid/css-grid.tsx::CssGridTemplateType"
+                            "location": "import",
+                            "path": "./css-grid.types",
+                            "id": "src/components/css-grid/css-grid.types.ts::CssGridTemplateType"
                         }
                     }
                 },

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":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;~~AAE5C~~,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,MAAM,OAAO,GAAG,oCAAoC,CAAC;~~AAIrD~~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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"]}
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';\nimport type { CssGridTemplateType } from './css-grid.types';\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\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/css-grid/css-grid.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=css-grid.types.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"css-grid.types.js","sourceRoot":"","sources":["../../../src/components/css-grid/css-grid.types.ts"],"names":[],"mappings":"","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 */\nexport type CssGridTemplateType = 'sm' | 'md' | 'lg';\n"]}

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

@@ -36,7 +36,7 @@ export class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (h(Host, { key: '169feb69a90e647f7e3d6c989bdf55fbd899e91b' }, h("ix-field-wrapper", { key: 'ff3596456a62d3bf0c3a1481d60b3294ca727a7a', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, h("slot", { key: '4c6d8db5227627a16a08342e51ff3670e5e41f4e' }))));
+        return (h(Host, { key: '70d7fefaf6c76d6f6400aa86028bd5e590f04869' }, h("ix-field-wrapper", { key: 'd9f6e786f6c94d63e0571b45afd455169465aa55', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, h("slot", { key: '7146528507351733a8c9ddd3f445627103bc0611' }))));
     }
     static get is() { return "ix-custom-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-dropdown/date-dropdown.js CHANGED Viewed

@@ -225,21 +225,21 @@ export class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '66740d1169f13c0ed85e36272cb59a05724f42c1' }, h("ix-button", { key: '891287bd399698808d137ae2fac156ca01a21373', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, ghost: this.ghost, outline: this.outline, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled }, this.getButtonLabel()), h("ix-dropdown", { key: 'fb077d08ac2fe7bbd01b946922303f40536640e0', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (h(Host, { key: 'b7371214ce82eed05c19e73b26babb08b60d46ec' }, h("ix-button", { key: '91748fd78c32d1d23259c17d16e1eab90271d3a0', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, ghost: this.ghost, outline: this.outline, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled }, this.getButtonLabel()), h("ix-dropdown", { key: '53cd4bc9c402a0f2382756b85f18d9a4b80531f6', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, h("ix-layout-grid", { key: '7c3a5c70e8c8d7e22ae8621ba3eca16cff1d757c', noMargin: true }, h("ix-row", { key: 'ca6c60a1d4dddcc15a36f465f7fe79de8ff28045' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("ix-col", { key: '7acb95c80ee7bf5b85dacb89c1c3a2812f6e9529', class: {
+            } }, h("ix-layout-grid", { key: '5599bb6f0dddf7399b1a44176641201467c7a019', noMargin: true }, h("ix-row", { key: '8e6883fbc64b092a210bd77888bdab5e816b113c' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("ix-col", { key: '3b88c720c0a424b6a3026c4cf007df0814f2ab53', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), h("div", { key: '5090d6491dcb3c6eba91582ebf6cc0b78452eaf6', hidden: !this.customRangeAllowed }, h("ix-dropdown-item", { key: '1285567b0623bcf7ed7cd4915a3013cadbd1e2ac', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), h("ix-col", { key: '5afab982bec7e18e16b64c36c103c8f7a740e29e', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (h(Fragment, { key: '4e4a4149530a08d42bc5cb141e1a5e0e22117a02' }, h("ix-date-picker", { key: '312c1f27d8f91633bec874413c1f0c6dea078d2c', standaloneAppearance: false, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), h("div", { key: '61033c0bd3eb3bc860c685df0e2556bc690bf38b', hidden: !this.customRangeAllowed }, h("ix-dropdown-item", { key: '2fa55223e18a75fd65838e98a6afa4a169525c66', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), h("ix-col", { key: '6982ad47abe4b14bc422ea42d806752f3e33dbeb', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (h(Fragment, { key: '15c3d0cc723a01cf76276ee9a6c68a0ebd179f73' }, h("ix-date-picker", { key: '68735562c72730699eefc798df37d5e860c0da24', standaloneAppearance: false, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, range: this.range, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), h("div", { key: 'f6fca1d1dc986a38d80535253d0bba90b4f48898', class: "pull-right" }, h("ix-button", { key: '8f88fa27152f95519be94fa96fcb97f6fbf66aef', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, range: this.range, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), h("div", { key: '13adf9949b7c8ed6bfb57e12e5d70f4d9760b6d4', class: "pull-right" }, h("ix-button", { key: 'bd91140d0ef61b3898fb2e55207ed7a333f0fb24', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -560,9 +560,9 @@ export class DateDropdown {
                     "resolved": "DateDropdownOption[]",
                     "references": {
                         "DateDropdownOption": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/date-dropdown/date-dropdown.tsx",
-                            "id": "src/components/date-dropdown/date-dropdown.tsx::DateDropdownOption"
+                            "location": "import",
+                            "path": "./date-dropdown.types",
+                            "id": "src/components/date-dropdown/date-dropdown.types.ts::DateDropdownOption"
                         }
                     }
                 },
@@ -722,9 +722,9 @@ export class DateDropdown {
                     "resolved": "{ id: string; from?: string | undefined; to?: string | undefined; }",
                     "references": {
                         "DateRangeChangeEvent": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/date-dropdown/date-dropdown.tsx",
-                            "id": "src/components/date-dropdown/date-dropdown.tsx::DateRangeChangeEvent"
+                            "location": "import",
+                            "path": "./date-dropdown.types",
+                            "id": "src/components/date-dropdown/date-dropdown.types.ts::DateRangeChangeEvent"
                         }
                     }
                 }
@@ -742,9 +742,9 @@ export class DateDropdown {
                             "id": "global::Promise"
                         },
                         "DateRangeChangeEvent": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/date-dropdown/date-dropdown.tsx",
-                            "id": "src/components/date-dropdown/date-dropdown.tsx::DateRangeChangeEvent"
+                            "location": "import",
+                            "path": "./date-dropdown.types",
+                            "id": "src/components/date-dropdown/date-dropdown.types.ts::DateRangeChangeEvent"
                         }
                     },
                     "return": "Promise<DateRangeChangeEvent>"

package/dist/collection/components/date-dropdown/date-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-dropdown.js","sourceRoot":"","sources":["../../../src/components/date-dropdown/date-dropdown.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 {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { type LiteralStringUnion } from '../utils/type-helper';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport { makeRef } from '../utils/make-ref';\nimport { ButtonVariant } from '../button/button';\nimport { IxButtonComponent } from '../button/button-component';\nimport { iconHistory } from '@siemens/ix-icons/icons';\n\nexport type DateDropdownOption = {\n id: string;\n label: string;\n from?: string;\n to?: string;\n};\n\nexport type DateRangeChangeEvent = {\n id: string;\n from?: string;\n to?: string;\n};\n\n@Component({\n tag: 'ix-date-dropdown',\n styleUrl: 'date-dropdown.scss',\n shadow: true,\n})\nexport class DateDropdown\n implements\n Omit<IxDatePickerComponent, 'corners'>,\n Omit<IxButtonComponent, 'type' \| 'icon'>\n{\n @Element() hostElement!: HTMLIxDateDropdownElement;\n\n /\n Disable the button that opens the dropdown containing the date picker.\n /\n @Prop() disabled = false;\n\n /\n Date format string.\n * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.\n /\n @Prop() format = 'yyyy/LL/dd';\n\n /\n If true a range of dates can be selected.\n /\n @Prop() range = true;\n\n /\n Picker date. If the picker is in range mode this property is the start date.\n * If set to `null` no default start date will be pre-selected.\n \n Format is based on `format`\n /\n @Prop() from = '';\n\n /\n Picker date. If the picker is in range mode this property is the end date.\n * If the picker is not in range mode leave this value `null`\n \n Format is based on `format`\n /\n @Prop() to = '';\n\n /\n The earliest date that can be selected by the date picker.\n * If not set there will be no restriction.\n /\n @Prop() minDate = '';\n\n /\n The latest date that can be selected by the date picker.\n * If not set there will be no restriction.\n /\n @Prop() maxDate = '';\n\n /\n Used to set the initial select date range as well as the button name,\n * if not set or no according date range label is found, nothing will be selected\n /\n @Prop() dateRangeId = 'custom';\n\n /\n Button variant\n /\n @Prop() variant: ButtonVariant = 'primary';\n\n /\n Outline button\n /\n @Prop() outline = false;\n\n /\n Button with no background or outline\n /\n @Prop() ghost = false;\n\n /\n Loading button\n /\n @Prop() loading: boolean = false;\n\n /\n Shows week numbers displayed on the left side of the date picker\n \n @since 3.0.0\n /\n @Prop() showWeekNumbers = false;\n\n @Watch('dateRangeId')\n @Watch('to')\n @Watch('from')\n onDateRangeIdChange() {\n this.onRangeListSelect(this.dateRangeId);\n this.updateCurrentDate();\n this.setDateRangeSelection(this.dateRangeId);\n\n if (!this.currentRangeValue) {\n return;\n }\n\n this.onDateSelect({\n from: this.currentRangeValue.from,\n to: this.currentRangeValue.to,\n id: this.currentRangeValue.id,\n });\n }\n\n /\n Controls whether the user is allowed to pick custom date ranges in the component.\n * When set to 'true', the user can select a custom date range using the date picker.\n * When set to 'false', only predefined time date ranges are available for selection.\n /\n @Prop() customRangeAllowed = true;\n\n /\n An array of predefined date range options for the date picker.\n * Each option is an object with a label describing the range and a function\n * that returns the start and end dates of the range as a DateRangeOption object.\n \n Example format:\n * {\n * id: 'some unique id',\n * label: 'Name of the range',\n * from: undefined, to: '2023/03/29'\n * },\n * // ... other predefined date range options ...\n /\n @Prop() dateRangeOptions: DateDropdownOption[] = [];\n\n @Watch('dateRangeOptions')\n onDateRangeOptionsChange() {\n this.initialize();\n this.onDateRangeIdChange();\n }\n\n /\n Locale identifier (e.g. 'en' or 'de').\n /\n @Prop() locale?: string;\n\n /\n The index of which day to start the week on, based on the Locale#weekdays array.\n * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n /\n @Prop() weekStartIndex = 0;\n\n /\n Text for custom dropdown item. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n /\n Text for the done button. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n /\n Text for the done button. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n /* @internal /\n @Prop() today = DateTime.now().toISO();\n\n /\n EventEmitter for date range change events.\n \n This event is emitted when the date range changes within the component.\n * The event payload contains information about the selected date range.\n /\n @Event()\n private readonly dateRangeChange!: EventEmitter<DateRangeChangeEvent>;\n\n @State() private selectedDateRangeId: LiteralStringUnion<'custom'> = '';\n @State() private currentRangeValue?: {\n from?: string;\n to?: string;\n id: string;\n };\n private readonly triggerRef = makeRef<HTMLElement>();\n\n @Watch('disabled')\n onDisabledChange() {\n if (this.disabled) {\n this.closeDropdown();\n }\n }\n\n private datePickerTouched = false;\n\n componentWillLoad() {\n this.initialize();\n this.setDateRangeSelection(this.dateRangeId);\n }\n\n /\n Retrieves the currently selected date range from the component.\n * This method returns the selected date range as a `DateChangeEvent` object.\n */\n @Method()\n public async getDateRange(): Promise<DateRangeChangeEvent> {\n return this.currentRangeValue \|\| { id: '', from: '', to: '' };\n }\n\n private initialize() {\n const isCustomRange =\n this.dateRangeId === 'custom' \|\|\n (!this.dateRangeId && !!this.from && !!this.to);\n\n if (isCustomRange && this.customRangeAllowed) {\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n const isValidConfiguration = !isCustomRange && !this.from;\n if (!isValidConfiguration) {\n console.warn(\n '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n );\n\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n }\n\n private updateCurrentDate() {\n this.currentRangeValue = {\n id: this.selectedDateRangeId,\n from: this.from,\n to: this.to,\n };\n }\n\n private onDateSelect(\n rangeValue: { from?: string; to?: string; id: string },\n preserveDropdown = true\n ) {\n this.dateRangeChange.emit(rangeValue);\n\n if (preserveDropdown) {\n this.closeDropdown();\n }\n\n this.datePickerTouched = false;\n }\n\n private onRangeListSelect(id: string) {\n if (this.setDateRangeSelection(id) && this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }\n\n private setDateRangeSelection(id: string) {\n this.selectedDateRangeId = id;\n const option = this.dateRangeOptions.find((range) => range.id === id);\n\n if (option) {\n this.currentRangeValue = option;\n }\n\n return option;\n }\n\n private closeDropdown() {\n const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n\n if (dropdown) {\n dropdown.show = false;\n }\n }\n\n private getButtonLabel() {\n if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n let range = this.currentRangeValue.from;\n\n if (this.currentRangeValue.to) {\n range += ` - ${this.currentRangeValue.to}`;\n }\n\n return range;\n }\n\n if (!this.selectedDateRangeId) {\n return this.i18nNoRange;\n }\n\n if (!this.dateRangeOptions \|\| this.dateRangeOptions?.length === 0) {\n return this.i18nNoRange;\n }\n\n const option = this.dateRangeOptions.find(\n (option) => option.id === this.selectedDateRangeId\n );\n\n if (!option) {\n console.error(\n `Cannot find range option with id ${this.selectedDateRangeId}`\n );\n return this.i18nNoRange;\n }\n\n return option.label;\n }\n\n render() {\n return (\n <Host>\n <ix-button\n data-testid=\"date-dropdown-trigger\"\n data-date-dropdown-trigger\n variant={this.variant}\n ghost={this.ghost}\n outline={this.outline}\n loading={this.loading}\n icon={iconHistory}\n ref={this.triggerRef}\n disabled={this.disabled}\n >\n {this.getButtonLabel()}\n </ix-button>\n <ix-dropdown\n data-testid=\"date-dropdown\"\n data-date-dropdown\n class=\"min-width max-height\"\n trigger={this.triggerRef.waitForCurrent()}\n closeBehavior=\"outside\"\n placement=\"bottom-start\"\n onShowChanged={({ detail: show }) => {\n if (\n !show &&\n this.selectedDateRangeId === 'custom' &&\n this.datePickerTouched &&\n this.currentRangeValue\n ) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n <ix-layout-grid noMargin>\n <ix-row>\n {this.dateRangeOptions?.length > 1 && (\n <ix-col\n class={{\n 'no-margin': true,\n 'border-right': this.selectedDateRangeId === 'custom',\n }}\n >\n {this.dateRangeOptions.map((dateRangeOption) => (\n <ix-dropdown-item\n label={dateRangeOption.label}\n onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n checked={this.selectedDateRangeId === dateRangeOption.id}\n ></ix-dropdown-item>\n ))}\n <div hidden={!this.customRangeAllowed}>\n <ix-dropdown-item\n label={this.i18nCustomItem}\n checked={this.selectedDateRangeId === 'custom'}\n onClick={() => this.onRangeListSelect('custom')}\n ></ix-dropdown-item>\n </div>\n </ix-col>\n )}\n <ix-col class=\"no-margin\">\n {this.selectedDateRangeId === 'custom' && (\n <Fragment>\n <ix-date-picker\n standaloneAppearance={false}\n locale={this.locale}\n onDateChange={(e) => {\n e.stopPropagation();\n this.currentRangeValue = {\n ...e.detail,\n id: 'custom',\n };\n this.datePickerTouched = true;\n }}\n onDateRangeChange={(e) => e.stopPropagation()}\n format={this.format}\n range={this.range}\n from={this.from \|\| this.currentRangeValue?.from}\n to={this.to \|\| this.currentRangeValue?.to}\n minDate={this.minDate}\n maxDate={this.maxDate}\n today={this.today}\n weekStartIndex={this.weekStartIndex}\n showWeekNumbers={this.showWeekNumbers}\n ></ix-date-picker>\n <div class=\"pull-right\">\n <ix-button\n onClick={() => {\n if (this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n {this.i18nDone}\n </ix-button>\n </div>\n </Fragment>\n )}\n </ix-col>\n </ix-row>\n </ix-layout-grid>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"date-dropdown.js","sourceRoot":"","sources":["../../../src/components/date-dropdown/date-dropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,QAAQ,EACR,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAWtD,MAAM,OAAO,YAAY;IALzB;QAYE;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;QAEzB;;;WAGG;QACK,WAAM,GAAG,YAAY,CAAC;QAE9B;;WAEG;QACK,UAAK,GAAG,IAAI,CAAC;QAErB;;;;;WAKG;QACK,SAAI,GAAG,EAAE,CAAC;QAElB;;;;;WAKG;QACK,OAAE,GAAG,EAAE,CAAC;QAEhB;;;WAGG;QACK,YAAO,GAAG,EAAE,CAAC;QAErB;;;WAGG;QACK,YAAO,GAAG,EAAE,CAAC;QAErB;;;WAGG;QACK,gBAAW,GAAG,QAAQ,CAAC;QAE/B;;WAEG;QACK,YAAO,GAAkB,SAAS,CAAC;QAE3C;;WAEG;QACK,YAAO,GAAG,KAAK,CAAC;QAExB;;WAEG;QACK,UAAK,GAAG,KAAK,CAAC;QAEtB;;WAEG;QACK,YAAO,GAAY,KAAK,CAAC;QAEjC;;;;WAIG;QACK,oBAAe,GAAG,KAAK,CAAC;QAqBhC;;;;WAIG;QACK,uBAAkB,GAAG,IAAI,CAAC;QAElC;;;;;;;;;;;;WAYG;QACK,qBAAgB,GAAyB,EAAE,CAAC;QAapD;;;WAGG;QACK,mBAAc,GAAG,CAAC,CAAC;QAE3B;;WAEG;QACsC,mBAAc,GAAG,WAAW,CAAC;QAEtE;;WAEG;QAC+B,aAAQ,GAAG,MAAM,CAAC;QAEpD;;WAEG;QACmC,gBAAW,GAAG,cAAc,CAAC;QAEnE,gBAAgB;QACR,UAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;QAWtB,wBAAmB,GAAiC,EAAE,CAAC;QAMvD,eAAU,GAAG,OAAO,EAAe,CAAC;QAS7C,sBAAiB,GAAG,KAAK,CAAC;KA+NnC;IAhUC,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACzC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE7C,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,CAAC;YAChB,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI;YACjC,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE;YAC7B,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE;SAC9B,CAAC,CAAC;IACL,CAAC;IAyBD,wBAAwB;QACtB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAiDD,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAID,iBAAiB;QACf,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/C,CAAC;IAED;;;OAGG;IAEI,KAAK,CAAC,YAAY;QACvB,OAAO,IAAI,CAAC,iBAAiB,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IAChE,CAAC;IAEO,UAAU;QAChB,MAAM,aAAa,GACjB,IAAI,CAAC,WAAW,KAAK,QAAQ;YAC7B,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAElD,IAAI,aAAa,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC7C,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;YACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAEzB,OAAO;QACT,CAAC;QACD,MAAM,oBAAoB,GAAG,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAC1D,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CACV,wFAAwF,CACzF,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC;YACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAEzB,OAAO;QACT,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG;YACvB,EAAE,EAAE,IAAI,CAAC,mBAAmB;YAC5B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAC;IACJ,CAAC;IAEO,YAAY,CAClB,UAAsD,EACtD,gBAAgB,GAAG,IAAI;QAEvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEtC,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAEO,iBAAiB,CAAC,EAAU;QAClC,IAAI,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,EAAU;QACtC,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAEtE,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC;QAClC,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,aAAa;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAE3E,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,cAAc;;QACpB,IAAI,IAAI,CAAC,mBAAmB,KAAK,QAAQ,KAAI,MAAA,IAAI,CAAC,iBAAiB,0CAAE,IAAI,CAAA,EAAE,CAAC;YAC1E,IAAI,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAExC,IAAI,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,CAAC;gBAC9B,KAAK,IAAI,MAAM,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,CAAC;YAC7C,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAC,WAAW,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,MAAM,MAAK,CAAC,EAAE,CAAC;YAClE,OAAO,IAAI,CAAC,WAAW,CAAC;QAC1B,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CACvC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,mBAAmB,CACnD,CAAC;QAEF,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CACX,oCAAoC,IAAI,CAAC,mBAAmB,EAAE,CAC/D,CAAC;YACF,OAAO,IAAI,CAAC,WAAW,CAAC;QAC1B,CAAC;QAED,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;;QACJ,OAAO,CACL,EAAC,IAAI;YACH,iFACc,uBAAuB,sCAEnC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,cAAc,EAAE,CACZ;YACZ,mFACc,eAAe,8BAE3B,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,EACzC,aAAa,EAAC,SAAS,EACvB,SAAS,EAAC,cAAc,EACxB,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;oBAClC,IACE,CAAC,IAAI;wBACL,IAAI,CAAC,mBAAmB,KAAK,QAAQ;wBACrC,IAAI,CAAC,iBAAiB;wBACtB,IAAI,CAAC,iBAAiB,EACtB,CAAC;wBACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;oBAC5C,CAAC;gBACH,CAAC;gBAED,uEAAgB,QAAQ;oBACtB;wBACG,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,MAAM,IAAG,CAAC,IAAI,CACpC,+DACE,KAAK,EAAE;gCACL,WAAW,EAAE,IAAI;gCACjB,cAAc,EAAE,IAAI,CAAC,mBAAmB,KAAK,QAAQ;6BACtD;4BAEA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAC9C,wBACE,KAAK,EAAE,eAAe,CAAC,KAAK,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC,EACzD,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAAK,eAAe,CAAC,EAAE,GACtC,CACrB,CAAC;4BACF,4DAAK,MAAM,EAAE,CAAC,IAAI,CAAC,kBAAkB;gCACnC,yEACE,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAAK,QAAQ,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAC7B,CAChB,CACC,CACV;wBACD,+DAAQ,KAAK,EAAC,WAAW,IACtB,IAAI,CAAC,mBAAmB,KAAK,QAAQ,IAAI,CACxC,EAAC,QAAQ;4BACP,uEACE,oBAAoB,EAAE,KAAK,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oCAClB,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,IAAI,CAAC,iBAAiB,mCACjB,CAAC,CAAC,MAAM,KACX,EAAE,EAAE,QAAQ,GACb,CAAC;oCACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gCAChC,CAAC,EACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAC7C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,iBAAiB,0CAAE,IAAI,CAAA,EAC/C,EAAE,EAAE,IAAI,CAAC,EAAE,KAAI,MAAA,IAAI,CAAC,iBAAiB,0CAAE,EAAE,CAAA,EACzC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,eAAe,EAAE,IAAI,CAAC,eAAe,GACrB;4BAClB,4DAAK,KAAK,EAAC,YAAY;gCACrB,kEACE,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;4CAC3B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;wCAC5C,CAAC;oCACH,CAAC,IAEA,IAAI,CAAC,QAAQ,CACJ,CACR,CACG,CACZ,CACM,CACF,CACM,CACL,CACT,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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 {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { type LiteralStringUnion } from '../utils/type-helper';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport { makeRef } from '../utils/make-ref';\nimport { ButtonVariant } from '../button/button';\nimport { IxButtonComponent } from '../button/button-component';\nimport { iconHistory } from '@siemens/ix-icons/icons';\nimport type {\n DateDropdownOption,\n DateRangeChangeEvent,\n} from './date-dropdown.types';\n\n@Component({\n tag: 'ix-date-dropdown',\n styleUrl: 'date-dropdown.scss',\n shadow: true,\n})\nexport class DateDropdown\n implements\n Omit<IxDatePickerComponent, 'corners'>,\n Omit<IxButtonComponent, 'type' \| 'icon'>\n{\n @Element() hostElement!: HTMLIxDateDropdownElement;\n\n /\n Disable the button that opens the dropdown containing the date picker.\n /\n @Prop() disabled = false;\n\n /\n Date format string.\n * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.\n /\n @Prop() format = 'yyyy/LL/dd';\n\n /\n If true a range of dates can be selected.\n /\n @Prop() range = true;\n\n /\n Picker date. If the picker is in range mode this property is the start date.\n * If set to `null` no default start date will be pre-selected.\n \n Format is based on `format`\n /\n @Prop() from = '';\n\n /\n Picker date. If the picker is in range mode this property is the end date.\n * If the picker is not in range mode leave this value `null`\n \n Format is based on `format`\n /\n @Prop() to = '';\n\n /\n The earliest date that can be selected by the date picker.\n * If not set there will be no restriction.\n /\n @Prop() minDate = '';\n\n /\n The latest date that can be selected by the date picker.\n * If not set there will be no restriction.\n /\n @Prop() maxDate = '';\n\n /\n Used to set the initial select date range as well as the button name,\n * if not set or no according date range label is found, nothing will be selected\n /\n @Prop() dateRangeId = 'custom';\n\n /\n Button variant\n /\n @Prop() variant: ButtonVariant = 'primary';\n\n /\n Outline button\n /\n @Prop() outline = false;\n\n /\n Button with no background or outline\n /\n @Prop() ghost = false;\n\n /\n Loading button\n /\n @Prop() loading: boolean = false;\n\n /\n Shows week numbers displayed on the left side of the date picker\n \n @since 3.0.0\n /\n @Prop() showWeekNumbers = false;\n\n @Watch('dateRangeId')\n @Watch('to')\n @Watch('from')\n onDateRangeIdChange() {\n this.onRangeListSelect(this.dateRangeId);\n this.updateCurrentDate();\n this.setDateRangeSelection(this.dateRangeId);\n\n if (!this.currentRangeValue) {\n return;\n }\n\n this.onDateSelect({\n from: this.currentRangeValue.from,\n to: this.currentRangeValue.to,\n id: this.currentRangeValue.id,\n });\n }\n\n /\n Controls whether the user is allowed to pick custom date ranges in the component.\n * When set to 'true', the user can select a custom date range using the date picker.\n * When set to 'false', only predefined time date ranges are available for selection.\n /\n @Prop() customRangeAllowed = true;\n\n /\n An array of predefined date range options for the date picker.\n * Each option is an object with a label describing the range and a function\n * that returns the start and end dates of the range as a DateRangeOption object.\n \n Example format:\n * {\n * id: 'some unique id',\n * label: 'Name of the range',\n * from: undefined, to: '2023/03/29'\n * },\n * // ... other predefined date range options ...\n /\n @Prop() dateRangeOptions: DateDropdownOption[] = [];\n\n @Watch('dateRangeOptions')\n onDateRangeOptionsChange() {\n this.initialize();\n this.onDateRangeIdChange();\n }\n\n /\n Locale identifier (e.g. 'en' or 'de').\n /\n @Prop() locale?: string;\n\n /\n The index of which day to start the week on, based on the Locale#weekdays array.\n * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n /\n @Prop() weekStartIndex = 0;\n\n /\n Text for custom dropdown item. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n /\n Text for the done button. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n /\n Text for the done button. Will be used for translation.\n /\n @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n /* @internal /\n @Prop() today = DateTime.now().toISO();\n\n /\n EventEmitter for date range change events.\n \n This event is emitted when the date range changes within the component.\n * The event payload contains information about the selected date range.\n /\n @Event()\n private readonly dateRangeChange!: EventEmitter<DateRangeChangeEvent>;\n\n @State() private selectedDateRangeId: LiteralStringUnion<'custom'> = '';\n @State() private currentRangeValue?: {\n from?: string;\n to?: string;\n id: string;\n };\n private readonly triggerRef = makeRef<HTMLElement>();\n\n @Watch('disabled')\n onDisabledChange() {\n if (this.disabled) {\n this.closeDropdown();\n }\n }\n\n private datePickerTouched = false;\n\n componentWillLoad() {\n this.initialize();\n this.setDateRangeSelection(this.dateRangeId);\n }\n\n /\n Retrieves the currently selected date range from the component.\n * This method returns the selected date range as a `DateChangeEvent` object.\n */\n @Method()\n public async getDateRange(): Promise<DateRangeChangeEvent> {\n return this.currentRangeValue \|\| { id: '', from: '', to: '' };\n }\n\n private initialize() {\n const isCustomRange =\n this.dateRangeId === 'custom' \|\|\n (!this.dateRangeId && !!this.from && !!this.to);\n\n if (isCustomRange && this.customRangeAllowed) {\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n const isValidConfiguration = !isCustomRange && !this.from;\n if (!isValidConfiguration) {\n console.warn(\n '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n );\n\n this.selectedDateRangeId = 'custom';\n this.updateCurrentDate();\n\n return;\n }\n }\n\n private updateCurrentDate() {\n this.currentRangeValue = {\n id: this.selectedDateRangeId,\n from: this.from,\n to: this.to,\n };\n }\n\n private onDateSelect(\n rangeValue: { from?: string; to?: string; id: string },\n preserveDropdown = true\n ) {\n this.dateRangeChange.emit(rangeValue);\n\n if (preserveDropdown) {\n this.closeDropdown();\n }\n\n this.datePickerTouched = false;\n }\n\n private onRangeListSelect(id: string) {\n if (this.setDateRangeSelection(id) && this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }\n\n private setDateRangeSelection(id: string) {\n this.selectedDateRangeId = id;\n const option = this.dateRangeOptions.find((range) => range.id === id);\n\n if (option) {\n this.currentRangeValue = option;\n }\n\n return option;\n }\n\n private closeDropdown() {\n const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n\n if (dropdown) {\n dropdown.show = false;\n }\n }\n\n private getButtonLabel() {\n if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n let range = this.currentRangeValue.from;\n\n if (this.currentRangeValue.to) {\n range += ` - ${this.currentRangeValue.to}`;\n }\n\n return range;\n }\n\n if (!this.selectedDateRangeId) {\n return this.i18nNoRange;\n }\n\n if (!this.dateRangeOptions \|\| this.dateRangeOptions?.length === 0) {\n return this.i18nNoRange;\n }\n\n const option = this.dateRangeOptions.find(\n (option) => option.id === this.selectedDateRangeId\n );\n\n if (!option) {\n console.error(\n `Cannot find range option with id ${this.selectedDateRangeId}`\n );\n return this.i18nNoRange;\n }\n\n return option.label;\n }\n\n render() {\n return (\n <Host>\n <ix-button\n data-testid=\"date-dropdown-trigger\"\n data-date-dropdown-trigger\n variant={this.variant}\n ghost={this.ghost}\n outline={this.outline}\n loading={this.loading}\n icon={iconHistory}\n ref={this.triggerRef}\n disabled={this.disabled}\n >\n {this.getButtonLabel()}\n </ix-button>\n <ix-dropdown\n data-testid=\"date-dropdown\"\n data-date-dropdown\n class=\"min-width max-height\"\n trigger={this.triggerRef.waitForCurrent()}\n closeBehavior=\"outside\"\n placement=\"bottom-start\"\n onShowChanged={({ detail: show }) => {\n if (\n !show &&\n this.selectedDateRangeId === 'custom' &&\n this.datePickerTouched &&\n this.currentRangeValue\n ) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n <ix-layout-grid noMargin>\n <ix-row>\n {this.dateRangeOptions?.length > 1 && (\n <ix-col\n class={{\n 'no-margin': true,\n 'border-right': this.selectedDateRangeId === 'custom',\n }}\n >\n {this.dateRangeOptions.map((dateRangeOption) => (\n <ix-dropdown-item\n label={dateRangeOption.label}\n onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n checked={this.selectedDateRangeId === dateRangeOption.id}\n ></ix-dropdown-item>\n ))}\n <div hidden={!this.customRangeAllowed}>\n <ix-dropdown-item\n label={this.i18nCustomItem}\n checked={this.selectedDateRangeId === 'custom'}\n onClick={() => this.onRangeListSelect('custom')}\n ></ix-dropdown-item>\n </div>\n </ix-col>\n )}\n <ix-col class=\"no-margin\">\n {this.selectedDateRangeId === 'custom' && (\n <Fragment>\n <ix-date-picker\n standaloneAppearance={false}\n locale={this.locale}\n onDateChange={(e) => {\n e.stopPropagation();\n this.currentRangeValue = {\n ...e.detail,\n id: 'custom',\n };\n this.datePickerTouched = true;\n }}\n onDateRangeChange={(e) => e.stopPropagation()}\n format={this.format}\n range={this.range}\n from={this.from \|\| this.currentRangeValue?.from}\n to={this.to \|\| this.currentRangeValue?.to}\n minDate={this.minDate}\n maxDate={this.maxDate}\n today={this.today}\n weekStartIndex={this.weekStartIndex}\n showWeekNumbers={this.showWeekNumbers}\n ></ix-date-picker>\n <div class=\"pull-right\">\n <ix-button\n onClick={() => {\n if (this.currentRangeValue) {\n this.onDateSelect(this.currentRangeValue);\n }\n }}\n >\n {this.i18nDone}\n </ix-button>\n </div>\n </Fragment>\n )}\n </ix-col>\n </ix-row>\n </ix-layout-grid>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/date-dropdown/date-dropdown.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=date-dropdown.types.js.map

package/dist/collection/components/date-dropdown/date-dropdown.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-dropdown.types.js","sourceRoot":"","sources":["../../../src/components/date-dropdown/date-dropdown.types.ts"],"names":[],"mappings":"","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 */\nexport type DateDropdownOption = {\n id: string;\n label: string;\n from?: string;\n to?: string;\n};\n\nexport type DateRangeChangeEvent = {\n id: string;\n from?: string;\n to?: string;\n};\n"]}

package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-dropdown.ct.js","sourceRoot":"","sources":["../../../../src/components/date-dropdown/test/date-dropdown.ct.ts"],"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 */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\nimport { DateTime } from 'luxon';\nimport { DateDropdownOption } from '../date-dropdown';\n\nconst DATE_DROPDOWN_SELECTOR = 'ix-date-dropdown';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown></ix-date-dropdown>`);\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n await expect(dateDropdown).toHaveClass(/hydrated/);\n});\n\nregressionTest.describe('date dropdown tests', () => {\n regressionTest.beforeEach(async ({ mount, page }) => {\n await mount(`<ix-date-dropdown from=\"2023/11/01\"></ix-date-dropdown>`);\n\n const today = DateTime.now();\n const format = 'yyyy/LL/dd';\n const prevWeek = today.minus({\n day: 7,\n });\n\n const dateDropdown = page.locator('ix-date-dropdown');\n\n const rangeOptions: DateDropdownOption[] = [\n {\n id: 'no-time',\n label: 'No time limit',\n // TODO (IX-1870): refactor event signatures to match internal logic with undefined values\n from: undefined as any,\n to: today.toFormat(format),\n },\n {\n id: 'today',\n label: 'Today',\n from: today.toFormat(format),\n to: today.toFormat(format),\n },\n {\n id: 'last-7-days',\n label: 'Last 7 days',\n from: today\n .minus({\n day: 7,\n })\n .toFormat(format),\n to: today.toFormat(format),\n },\n {\n id: 'last-week',\n label: 'Last week',\n from: prevWeek.startOf('week').toFormat(format),\n to: prevWeek.endOf('week').toFormat(format),\n },\n {\n id: 'current-month',\n label: 'Current month',\n from: today.startOf('month').toFormat(format),\n to: today.endOf('month').toFormat(format),\n },\n ];\n\n await dateDropdown.evaluate(\n (el, [dateRangeOptions]) => {\n const elementToTest = el as HTMLIxDateDropdownElement;\n\n elementToTest.dateRangeId = 'today';\n elementToTest.customRangeAllowed = true;\n elementToTest.dateRangeOptions = dateRangeOptions;\n },\n [rangeOptions]\n );\n });\n\n regressionTest(\n 'select different date interval and get date',\n async ({ page }) => {\n const dateDropdown = page.locator('ix-date-dropdown');\n await dateDropdown.click();\n\n const intervalOptionsButton = dateDropdown.getByRole('button', {\n name: 'Last 7 days',\n });\n await intervalOptionsButton.click();\n\n const button = dateDropdown.locator('ix-button');\n await expect(button).toContainText(/Last 7 days/);\n\n const selectedDateRange = await dateDropdown.evaluate(\n (el: HTMLIxDateDropdownElement) => el.getDateRange()\n );\n const endDate = DateTime.now();\n const startDate = endDate.minus({\n day: 7,\n });\n\n expect(selectedDateRange).toStrictEqual({\n from: startDate.toFormat('yyyy/LL/dd'),\n to: endDate.toFormat('yyyy/LL/dd'),\n id: 'last-7-days',\n label: 'Last 7 days',\n });\n }\n );\n\n regressionTest(\n 'select custom date interval and get time',\n async ({ page }) => {\n const dateDropDownButton = page.locator('ix-date-dropdown');\n await dateDropDownButton.click();\n\n const dropdown = dateDropDownButton.locator('ix-dropdown');\n await expect(dropdown).toHaveClass(/show/);\n\n const customItem = dateDropDownButton.getByText('Custom...');\n await customItem.click();\n\n const datepicker = dateDropDownButton.locator('ix-date-picker');\n await expect(datepicker).toBeVisible();\n\n const startDay = datepicker\n .locator('[date-calender-day]')\n .getByText('3', { exact: true });\n const endDay = datepicker\n .locator('[date-calender-day]')\n .getByText('11', { exact: true });\n\n await startDay.click();\n await endDay.click();\n\n const dateDoneButton = dateDropDownButton.getByRole('button', {\n name: 'Done',\n });\n\n await dateDoneButton.click();\n await expect(datepicker).not.toBeVisible();\n\n const button = dateDropDownButton.locator('[data-date-dropdown-trigger]');\n await expect(button).toHaveText(/2023\\/11\\/03 \\- 2023\\/11\\/11/);\n }\n );\n\n regressionTest(\n 'check if dateRangeChange event is fired',\n async ({ page }) => {\n const today = DateTime.now();\n const format = 'yyyy/LL/dd';\n\n const dateDropdown = page.locator('ix-date-dropdown');\n await expect(dateDropdown).toHaveClass(/hydrated/);\n\n const eventPromise = dateDropdown.evaluate((e) => {\n return new Promise<any>((resolve) => {\n e.addEventListener('dateRangeChange', (event: any) =>\n // Using JSON.stringify to deserialize js object between chrome instance and test\n resolve(JSON.stringify(event.detail))\n );\n });\n });\n\n await dateDropdown.click();\n const intervalOptionsButton = page.locator(\n 'ix-dropdown-item div.dropdown-item-text:has-text(\"Last 7 days\")'\n );\n await intervalOptionsButton.click();\n\n const dateRangeChangeEvent = await eventPromise;\n expect(JSON.parse(dateRangeChangeEvent)).toStrictEqual({\n from: today\n .minus({\n day: 7,\n })\n .toFormat(format),\n to: today.toFormat(format),\n id: 'last-7-days',\n label: 'Last 7 days',\n });\n }\n );\n\n regressionTest('check initial date', async ({ page }) => {\n const dateDropDownButton = page.locator(DATE_DROPDOWN_SELECTOR);\n await expect(dateDropDownButton).toHaveClass(/hydrated/);\n\n const initialSetDate = await dateDropDownButton.evaluate(\n (el: HTMLIxDateDropdownElement) => el.getDateRange()\n );\n\n const endDate = DateTime.now();\n const startDate = endDate;\n\n expect(initialSetDate).toEqual({\n from: startDate.toFormat('yyyy/LL/dd'),\n to: endDate.toFormat('yyyy/LL/dd'),\n id: 'today',\n label: 'Today',\n });\n });\n});\n\nregressionTest('set date from a button', async ({ mount, page }) => {\n await mount(\n `<ix-date-dropdown from=\"2024/02/16\"></ix-date-dropdown><ix-button id=\"set-tomorrow\"></ix-button>`\n );\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n const setButton = page.locator('#set-tomorrow');\n await expect(dateDropdown).toHaveClass(/hydrated/);\n\n await setButton.click();\n\n await dateDropdown.evaluate((el: HTMLIxDateDropdownElement) => {\n el.from = '2024/02/17';\n el.to = '2024/02/27';\n return el.getDateRange();\n });\n const button = dateDropdown.locator('[data-date-dropdown-trigger]');\n await expect(button).toHaveText(/2024\\/02\\/17 \\- 2024\\/02\\/27/);\n});\n\nregressionTest('select different year', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown from=\"2024/02/16\"></ix-date-dropdown>`);\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n\n await expect(dateDropdown).toHaveClass(/hydrated/);\n await expect(dateDropdown).toBeVisible();\n\n const dateDropdownTrigger = dateDropdown.getByTestId('date-dropdown-trigger');\n await dateDropdownTrigger.click();\n await expect(dateDropdownTrigger).toBeVisible();\n\n const datePickerDropdown = dateDropdown.getByTestId('date-dropdown');\n await expect(datePickerDropdown).toBeVisible();\n\n const datepicker = datePickerDropdown.locator('ix-date-picker');\n const yearMonthButton = datepicker.getByTestId('year-month-button');\n await yearMonthButton.click();\n\n const yearMonthDropdown = datepicker.getByTestId('year-month-dropdown');\n await expect(yearMonthDropdown).toBeVisible();\n\n const yearContainer = yearMonthDropdown.getByTestId('year-container');\n const year2020 = yearContainer.getByText('2020');\n\n await year2020.click();\n\n const monthContainer = yearMonthDropdown.getByTestId('month-container');\n const march2020 = monthContainer.getByText('March 2020');\n\n await march2020.click();\n\n await expect(yearMonthDropdown).not.toBeVisible();\n await expect(yearMonthButton).toHaveText('March 2020');\n});\n\nregressionTest('disable', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown disabled></ix-date-dropdown>`);\n const dateDropdown = page.locator('ix-date-dropdown');\n\n const trigger = page.locator('[data-date-dropdown-trigger]');\n await expect(trigger).toHaveAttribute('disabled');\n\n await dateDropdown.click();\n\n const dropdown = dateDropdown.locator('[data-date-dropdown]');\n await expect(dropdown).not.toBeVisible();\n});\n\nregressionTest(\n 'close dropdown after disabled property = true',\n async ({ mount, page }) => {\n await mount(`<ix-date-dropdown></ix-date-dropdown>`);\n const dateDropdown = page.locator('ix-date-dropdown');\n await dateDropdown.click();\n await dateDropdown.evaluate((dd: HTMLIxDateDropdownElement) => {\n dd.disabled = true;\n });\n const dropdown = dateDropdown.locator('[data-date-dropdown]');\n await expect(dropdown).not.toBeVisible();\n }\n);\n"]}
1	+ {"version":3,"file":"date-dropdown.ct.js","sourceRoot":"","sources":["../../../../src/components/date-dropdown/test/date-dropdown.ct.ts"],"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 */\nimport { expect } from '@playwright/test';\nimport { regressionTest } from '@utils/test';\nimport { DateTime } from 'luxon';\nimport { DateDropdownOption } from '../date-dropdown.types';\n\nconst DATE_DROPDOWN_SELECTOR = 'ix-date-dropdown';\n\nregressionTest('renders', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown></ix-date-dropdown>`);\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n await expect(dateDropdown).toHaveClass(/hydrated/);\n});\n\nregressionTest.describe('date dropdown tests', () => {\n regressionTest.beforeEach(async ({ mount, page }) => {\n await mount(`<ix-date-dropdown from=\"2023/11/01\"></ix-date-dropdown>`);\n\n const today = DateTime.now();\n const format = 'yyyy/LL/dd';\n const prevWeek = today.minus({\n day: 7,\n });\n\n const dateDropdown = page.locator('ix-date-dropdown');\n\n const rangeOptions: DateDropdownOption[] = [\n {\n id: 'no-time',\n label: 'No time limit',\n // TODO (IX-1870): refactor event signatures to match internal logic with undefined values\n from: undefined as any,\n to: today.toFormat(format),\n },\n {\n id: 'today',\n label: 'Today',\n from: today.toFormat(format),\n to: today.toFormat(format),\n },\n {\n id: 'last-7-days',\n label: 'Last 7 days',\n from: today\n .minus({\n day: 7,\n })\n .toFormat(format),\n to: today.toFormat(format),\n },\n {\n id: 'last-week',\n label: 'Last week',\n from: prevWeek.startOf('week').toFormat(format),\n to: prevWeek.endOf('week').toFormat(format),\n },\n {\n id: 'current-month',\n label: 'Current month',\n from: today.startOf('month').toFormat(format),\n to: today.endOf('month').toFormat(format),\n },\n ];\n\n await dateDropdown.evaluate(\n (el, [dateRangeOptions]) => {\n const elementToTest = el as HTMLIxDateDropdownElement;\n\n elementToTest.dateRangeId = 'today';\n elementToTest.customRangeAllowed = true;\n elementToTest.dateRangeOptions = dateRangeOptions;\n },\n [rangeOptions]\n );\n });\n\n regressionTest(\n 'select different date interval and get date',\n async ({ page }) => {\n const dateDropdown = page.locator('ix-date-dropdown');\n await dateDropdown.click();\n\n const intervalOptionsButton = dateDropdown.getByRole('button', {\n name: 'Last 7 days',\n });\n await intervalOptionsButton.click();\n\n const button = dateDropdown.locator('ix-button');\n await expect(button).toContainText(/Last 7 days/);\n\n const selectedDateRange = await dateDropdown.evaluate(\n (el: HTMLIxDateDropdownElement) => el.getDateRange()\n );\n const endDate = DateTime.now();\n const startDate = endDate.minus({\n day: 7,\n });\n\n expect(selectedDateRange).toStrictEqual({\n from: startDate.toFormat('yyyy/LL/dd'),\n to: endDate.toFormat('yyyy/LL/dd'),\n id: 'last-7-days',\n label: 'Last 7 days',\n });\n }\n );\n\n regressionTest(\n 'select custom date interval and get time',\n async ({ page }) => {\n const dateDropDownButton = page.locator('ix-date-dropdown');\n await dateDropDownButton.click();\n\n const dropdown = dateDropDownButton.locator('ix-dropdown');\n await expect(dropdown).toHaveClass(/show/);\n\n const customItem = dateDropDownButton.getByText('Custom...');\n await customItem.click();\n\n const datepicker = dateDropDownButton.locator('ix-date-picker');\n await expect(datepicker).toBeVisible();\n\n const startDay = datepicker\n .locator('[date-calender-day]')\n .getByText('3', { exact: true });\n const endDay = datepicker\n .locator('[date-calender-day]')\n .getByText('11', { exact: true });\n\n await startDay.click();\n await endDay.click();\n\n const dateDoneButton = dateDropDownButton.getByRole('button', {\n name: 'Done',\n });\n\n await dateDoneButton.click();\n await expect(datepicker).not.toBeVisible();\n\n const button = dateDropDownButton.locator('[data-date-dropdown-trigger]');\n await expect(button).toHaveText(/2023\\/11\\/03 \\- 2023\\/11\\/11/);\n }\n );\n\n regressionTest(\n 'check if dateRangeChange event is fired',\n async ({ page }) => {\n const today = DateTime.now();\n const format = 'yyyy/LL/dd';\n\n const dateDropdown = page.locator('ix-date-dropdown');\n await expect(dateDropdown).toHaveClass(/hydrated/);\n\n const eventPromise = dateDropdown.evaluate((e) => {\n return new Promise<any>((resolve) => {\n e.addEventListener('dateRangeChange', (event: any) =>\n // Using JSON.stringify to deserialize js object between chrome instance and test\n resolve(JSON.stringify(event.detail))\n );\n });\n });\n\n await dateDropdown.click();\n const intervalOptionsButton = page.locator(\n 'ix-dropdown-item div.dropdown-item-text:has-text(\"Last 7 days\")'\n );\n await intervalOptionsButton.click();\n\n const dateRangeChangeEvent = await eventPromise;\n expect(JSON.parse(dateRangeChangeEvent)).toStrictEqual({\n from: today\n .minus({\n day: 7,\n })\n .toFormat(format),\n to: today.toFormat(format),\n id: 'last-7-days',\n label: 'Last 7 days',\n });\n }\n );\n\n regressionTest('check initial date', async ({ page }) => {\n const dateDropDownButton = page.locator(DATE_DROPDOWN_SELECTOR);\n await expect(dateDropDownButton).toHaveClass(/hydrated/);\n\n const initialSetDate = await dateDropDownButton.evaluate(\n (el: HTMLIxDateDropdownElement) => el.getDateRange()\n );\n\n const endDate = DateTime.now();\n const startDate = endDate;\n\n expect(initialSetDate).toEqual({\n from: startDate.toFormat('yyyy/LL/dd'),\n to: endDate.toFormat('yyyy/LL/dd'),\n id: 'today',\n label: 'Today',\n });\n });\n});\n\nregressionTest('set date from a button', async ({ mount, page }) => {\n await mount(\n `<ix-date-dropdown from=\"2024/02/16\"></ix-date-dropdown><ix-button id=\"set-tomorrow\"></ix-button>`\n );\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n const setButton = page.locator('#set-tomorrow');\n await expect(dateDropdown).toHaveClass(/hydrated/);\n\n await setButton.click();\n\n await dateDropdown.evaluate((el: HTMLIxDateDropdownElement) => {\n el.from = '2024/02/17';\n el.to = '2024/02/27';\n return el.getDateRange();\n });\n const button = dateDropdown.locator('[data-date-dropdown-trigger]');\n await expect(button).toHaveText(/2024\\/02\\/17 \\- 2024\\/02\\/27/);\n});\n\nregressionTest('select different year', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown from=\"2024/02/16\"></ix-date-dropdown>`);\n const dateDropdown = page.locator(DATE_DROPDOWN_SELECTOR);\n\n await expect(dateDropdown).toHaveClass(/hydrated/);\n await expect(dateDropdown).toBeVisible();\n\n const dateDropdownTrigger = dateDropdown.getByTestId('date-dropdown-trigger');\n await dateDropdownTrigger.click();\n await expect(dateDropdownTrigger).toBeVisible();\n\n const datePickerDropdown = dateDropdown.getByTestId('date-dropdown');\n await expect(datePickerDropdown).toBeVisible();\n\n const datepicker = datePickerDropdown.locator('ix-date-picker');\n const yearMonthButton = datepicker.getByTestId('year-month-button');\n await yearMonthButton.click();\n\n const yearMonthDropdown = datepicker.getByTestId('year-month-dropdown');\n await expect(yearMonthDropdown).toBeVisible();\n\n const yearContainer = yearMonthDropdown.getByTestId('year-container');\n const year2020 = yearContainer.getByText('2020');\n\n await year2020.click();\n\n const monthContainer = yearMonthDropdown.getByTestId('month-container');\n const march2020 = monthContainer.getByText('March 2020');\n\n await march2020.click();\n\n await expect(yearMonthDropdown).not.toBeVisible();\n await expect(yearMonthButton).toHaveText('March 2020');\n});\n\nregressionTest('disable', async ({ mount, page }) => {\n await mount(`<ix-date-dropdown disabled></ix-date-dropdown>`);\n const dateDropdown = page.locator('ix-date-dropdown');\n\n const trigger = page.locator('[data-date-dropdown-trigger]');\n await expect(trigger).toHaveAttribute('disabled');\n\n await dateDropdown.click();\n\n const dropdown = dateDropdown.locator('[data-date-dropdown]');\n await expect(dropdown).not.toBeVisible();\n});\n\nregressionTest(\n 'close dropdown after disabled property = true',\n async ({ mount, page }) => {\n await mount(`<ix-date-dropdown></ix-date-dropdown>`);\n const dateDropdown = page.locator('ix-date-dropdown');\n await dateDropdown.click();\n await dateDropdown.evaluate((dd: HTMLIxDateDropdownElement) => {\n dd.disabled = true;\n });\n const dropdown = dateDropdown.locator('[data-date-dropdown]');\n await expect(dropdown).not.toBeVisible();\n }\n);\n"]}

package/dist/collection/components/date-input/date-input.js CHANGED Viewed

@@ -250,12 +250,12 @@ export class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (h(Host, { key: 'f2432a02920249ff59fc91d57623620573af4c70', class: {
+        return (h(Host, { key: '3d8a56705953daf2370e56fe4333f31f208ea037', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: 'f001e966d617399d04102a642f59fef21038c871', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), h("ix-dropdown", { key: '576b8f9e3bd3f18e3f0ecf580fe294d6f626b414', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, h("ix-field-wrapper", { key: 'a99de3a8c8448b7c807c4fd85bc23431824e8f2f', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), h("ix-dropdown", { key: '738258763d741f101a88c6a475e7a243ed5f7cb0', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, h("ix-date-picker", { key: 'c2c6b17507c917f47630acbb01ee6512fa426fa5', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
+            } }, h("ix-date-picker", { key: 'f155eced9d35eac1cfcca130356c48fa4edcde7a', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers }))));
@@ -652,9 +652,9 @@ export class DateInput {
                     "resolved": "{ patternMismatch: boolean; invalidReason?: string | undefined; }",
                     "references": {
                         "DateInputValidityState": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/date-input/date-input.tsx",
-                            "id": "src/components/date-input/date-input.tsx::DateInputValidityState"
+                            "location": "import",
+                            "path": "./date-input.types",
+                            "id": "src/components/date-input/date-input.types.ts::DateInputValidityState"
                         }
                     }
                 }