@scania/tegel 1.18.0-tdsheaderitembeta.3 → 1.18.0-tdsheaderitembeta.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.
@@ -7,18 +7,22 @@ const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
7
7
  require('./inheritAttributes-ff9ad737.js');
8
8
 
9
9
  /**
10
- * Loop through the children and add the 'listitem' role if needed.
10
+ * Loop through the children and add the 'listitem' role if needed,
11
+ * skipping elements with a 'slot' attribute.
11
12
  * @param {Node} targetNode The node being updated.
12
13
  * */
13
14
  const updateListChildrenRoles = (targetNode) => {
14
15
  targetNode.childNodes.forEach((node) => {
15
16
  if (node.nodeType === Node.ELEMENT_NODE) {
16
17
  const element = node;
17
- if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
18
- element.setAttribute('role', 'listitem');
18
+ if (!element.hasAttribute('slot')) {
19
+ if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
20
+ element.setAttribute('role', 'listitem');
21
+ }
19
22
  }
20
23
  }
21
24
  });
25
+ console.log('targetNode childNodes ----> ', targetNode.childNodes);
22
26
  };
23
27
 
24
28
  const headerCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
@@ -27,43 +31,29 @@ const TdsHeaderStyle0 = headerCss;
27
31
  const TdsHeader = class {
28
32
  constructor(hostRef) {
29
33
  index.registerInstance(this, hostRef);
30
- console.log('TdsHeader: constructor');
31
34
  const callback = (mutationsList) => {
32
35
  mutationsList.forEach((mutation) => {
33
36
  if (mutation.type === 'childList') {
34
- console.log('TdsHeader: Mutation observed - childList changed');
35
37
  updateListChildrenRoles(mutation.target);
36
38
  }
37
39
  });
38
40
  };
39
41
  this.observer = new MutationObserver(callback);
40
42
  }
41
- handleSlotChange() {
42
- console.log('TdsHeader: handleSlotChange called');
43
- this.applyNameEnd();
44
- }
45
43
  componentDidLoad() {
46
- console.log('TdsHeader: componentDidLoad');
47
- const hostElement = this.host;
48
- const navElement = hostElement.querySelector('.tds-header-component-list');
49
- this.observer.observe(navElement, {
44
+ const defaultSlot = this.host.shadowRoot.querySelector('slot:not([name])');
45
+ this.observer.observe(defaultSlot, {
50
46
  childList: true,
51
- subtree: false,
47
+ subtree: true,
52
48
  });
53
- updateListChildrenRoles(navElement);
54
- }
55
- applyNameEnd() {
56
- console.log('TdsHeader: applyNameEnd called');
57
- // Any additional code for `applyNameEnd` can go here
49
+ updateListChildrenRoles(defaultSlot);
58
50
  }
59
51
  disconnectedCallback() {
60
- console.log('TdsHeader: disconnectedCallback');
61
52
  this.observer.disconnect();
62
53
  }
63
54
  render() {
64
- console.log('TdsHeader: render');
65
55
  const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
66
- return (index.h(index.Host, { key: 'c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73' }, index.h("slot", { key: '1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb', name: "hamburger" }), index.h("slot", { key: '57e04184071ea0a7d435e7c2567d0c44ee97398f', name: "title" }), index.h("nav", Object.assign({ key: '7af87c6e808800c4db754c6f97020758b26e7cd2' }, navAttributes), index.h("ul", { key: '99be737f48c27a700a16af5d8e0f38ffa076fbea', class: "tds-header-component-list" }, index.h("slot", { key: 'bd3a97a97e0e517973c4ac1236aa8e034e7843ee' }), index.h("li", { key: '4f8809818c4e61bf653866831814c9f7f9355a5f', class: "tds-header-middle-spacer" }), index.h("slot", { key: '6377b00ad6c78336b5aa93441eadd56939c9247a', onSlotchange: () => this.handleSlotChange(), name: "end" })))));
56
+ return (index.h(index.Host, { key: '92e4d29d4ceaed3a82472410e0f0659f6a587828' }, index.h("slot", { key: '7038ae890bc62e5ccce362a24891732183e8566d', name: "hamburger" }), index.h("slot", { key: '213037ebc8c51df9bc331aa0d1529f60d8cad37f', name: "title" }), index.h("nav", Object.assign({ key: 'cabffb1cdf20522e18713e60a687e57c6f704fff' }, navAttributes), index.h("ul", { key: '0a62b6edc5ef46062857a105ce062ed3c32af206', class: "tds-header-component-list" }, index.h("slot", { key: '780d6deda346635aaced9c3dfa875b44ffece7eb' }), index.h("li", { key: '166241058da4723a999c32941905f5ab652a0f4e', class: "tds-header-middle-spacer" }), index.h("slot", { key: '279879b9b283e8808ffcb2284a458273ded9825b', name: "end" })))));
67
57
  }
68
58
  get host() { return index.getElement(this); }
69
59
  };
@@ -9,43 +9,29 @@ import inheritAriaAttributes from "../../utils/inheritAriaAttributes";
9
9
  */
10
10
  export class TdsHeader {
11
11
  constructor() {
12
- console.log('TdsHeader: constructor');
13
12
  const callback = (mutationsList) => {
14
13
  mutationsList.forEach((mutation) => {
15
14
  if (mutation.type === 'childList') {
16
- console.log('TdsHeader: Mutation observed - childList changed');
17
15
  updateListChildrenRoles(mutation.target);
18
16
  }
19
17
  });
20
18
  };
21
19
  this.observer = new MutationObserver(callback);
22
20
  }
23
- handleSlotChange() {
24
- console.log('TdsHeader: handleSlotChange called');
25
- this.applyNameEnd();
26
- }
27
21
  componentDidLoad() {
28
- console.log('TdsHeader: componentDidLoad');
29
- const hostElement = this.host;
30
- const navElement = hostElement.querySelector('.tds-header-component-list');
31
- this.observer.observe(navElement, {
22
+ const defaultSlot = this.host.shadowRoot.querySelector('slot:not([name])');
23
+ this.observer.observe(defaultSlot, {
32
24
  childList: true,
33
- subtree: false,
25
+ subtree: true,
34
26
  });
35
- updateListChildrenRoles(navElement);
36
- }
37
- applyNameEnd() {
38
- console.log('TdsHeader: applyNameEnd called');
39
- // Any additional code for `applyNameEnd` can go here
27
+ updateListChildrenRoles(defaultSlot);
40
28
  }
41
29
  disconnectedCallback() {
42
- console.log('TdsHeader: disconnectedCallback');
43
30
  this.observer.disconnect();
44
31
  }
45
32
  render() {
46
- console.log('TdsHeader: render');
47
33
  const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
48
- return (h(Host, { key: 'c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73' }, h("slot", { key: '1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb', name: "hamburger" }), h("slot", { key: '57e04184071ea0a7d435e7c2567d0c44ee97398f', name: "title" }), h("nav", Object.assign({ key: '7af87c6e808800c4db754c6f97020758b26e7cd2' }, navAttributes), h("ul", { key: '99be737f48c27a700a16af5d8e0f38ffa076fbea', class: "tds-header-component-list" }, h("slot", { key: 'bd3a97a97e0e517973c4ac1236aa8e034e7843ee' }), h("li", { key: '4f8809818c4e61bf653866831814c9f7f9355a5f', class: "tds-header-middle-spacer" }), h("slot", { key: '6377b00ad6c78336b5aa93441eadd56939c9247a', onSlotchange: () => this.handleSlotChange(), name: "end" })))));
34
+ return (h(Host, { key: '92e4d29d4ceaed3a82472410e0f0659f6a587828' }, h("slot", { key: '7038ae890bc62e5ccce362a24891732183e8566d', name: "hamburger" }), h("slot", { key: '213037ebc8c51df9bc331aa0d1529f60d8cad37f', name: "title" }), h("nav", Object.assign({ key: 'cabffb1cdf20522e18713e60a687e57c6f704fff' }, navAttributes), h("ul", { key: '0a62b6edc5ef46062857a105ce062ed3c32af206', class: "tds-header-component-list" }, h("slot", { key: '780d6deda346635aaced9c3dfa875b44ffece7eb' }), h("li", { key: '166241058da4723a999c32941905f5ab652a0f4e', class: "tds-header-middle-spacer" }), h("slot", { key: '279879b9b283e8808ffcb2284a458273ded9825b', name: "end" })))));
49
35
  }
50
36
  static get is() { return "tds-header"; }
51
37
  static get originalStyleUrls() {
@@ -1,15 +1,19 @@
1
1
  /**
2
- * Loop through the children and add the 'listitem' role if needed.
2
+ * Loop through the children and add the 'listitem' role if needed,
3
+ * skipping elements with a 'slot' attribute.
3
4
  * @param {Node} targetNode The node being updated.
4
5
  * */
5
6
  const updateListChildrenRoles = (targetNode) => {
6
7
  targetNode.childNodes.forEach((node) => {
7
8
  if (node.nodeType === Node.ELEMENT_NODE) {
8
9
  const element = node;
9
- if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
10
- element.setAttribute('role', 'listitem');
10
+ if (!element.hasAttribute('slot')) {
11
+ if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
12
+ element.setAttribute('role', 'listitem');
13
+ }
11
14
  }
12
15
  }
13
16
  });
17
+ console.log('targetNode childNodes ----> ', targetNode.childNodes);
14
18
  };
15
19
  export default updateListChildrenRoles;
@@ -2,18 +2,22 @@ import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
2
2
  import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
3
3
 
4
4
  /**
5
- * Loop through the children and add the 'listitem' role if needed.
5
+ * Loop through the children and add the 'listitem' role if needed,
6
+ * skipping elements with a 'slot' attribute.
6
7
  * @param {Node} targetNode The node being updated.
7
8
  * */
8
9
  const updateListChildrenRoles = (targetNode) => {
9
10
  targetNode.childNodes.forEach((node) => {
10
11
  if (node.nodeType === Node.ELEMENT_NODE) {
11
12
  const element = node;
12
- if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
13
- element.setAttribute('role', 'listitem');
13
+ if (!element.hasAttribute('slot')) {
14
+ if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
15
+ element.setAttribute('role', 'listitem');
16
+ }
14
17
  }
15
18
  }
16
19
  });
20
+ console.log('targetNode childNodes ----> ', targetNode.childNodes);
17
21
  };
18
22
 
19
23
  const headerCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
@@ -23,43 +27,29 @@ const TdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader extends H {
23
27
  constructor() {
24
28
  super();
25
29
  this.__registerHost();
26
- console.log('TdsHeader: constructor');
27
30
  const callback = (mutationsList) => {
28
31
  mutationsList.forEach((mutation) => {
29
32
  if (mutation.type === 'childList') {
30
- console.log('TdsHeader: Mutation observed - childList changed');
31
33
  updateListChildrenRoles(mutation.target);
32
34
  }
33
35
  });
34
36
  };
35
37
  this.observer = new MutationObserver(callback);
36
38
  }
37
- handleSlotChange() {
38
- console.log('TdsHeader: handleSlotChange called');
39
- this.applyNameEnd();
40
- }
41
39
  componentDidLoad() {
42
- console.log('TdsHeader: componentDidLoad');
43
- const hostElement = this.host;
44
- const navElement = hostElement.querySelector('.tds-header-component-list');
45
- this.observer.observe(navElement, {
40
+ const defaultSlot = this.host.shadowRoot.querySelector('slot:not([name])');
41
+ this.observer.observe(defaultSlot, {
46
42
  childList: true,
47
- subtree: false,
43
+ subtree: true,
48
44
  });
49
- updateListChildrenRoles(navElement);
50
- }
51
- applyNameEnd() {
52
- console.log('TdsHeader: applyNameEnd called');
53
- // Any additional code for `applyNameEnd` can go here
45
+ updateListChildrenRoles(defaultSlot);
54
46
  }
55
47
  disconnectedCallback() {
56
- console.log('TdsHeader: disconnectedCallback');
57
48
  this.observer.disconnect();
58
49
  }
59
50
  render() {
60
- console.log('TdsHeader: render');
61
51
  const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
62
- return (h(Host, { key: 'c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73' }, h("slot", { key: '1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb', name: "hamburger" }), h("slot", { key: '57e04184071ea0a7d435e7c2567d0c44ee97398f', name: "title" }), h("nav", Object.assign({ key: '7af87c6e808800c4db754c6f97020758b26e7cd2' }, navAttributes), h("ul", { key: '99be737f48c27a700a16af5d8e0f38ffa076fbea', class: "tds-header-component-list" }, h("slot", { key: 'bd3a97a97e0e517973c4ac1236aa8e034e7843ee' }), h("li", { key: '4f8809818c4e61bf653866831814c9f7f9355a5f', class: "tds-header-middle-spacer" }), h("slot", { key: '6377b00ad6c78336b5aa93441eadd56939c9247a', onSlotchange: () => this.handleSlotChange(), name: "end" })))));
52
+ return (h(Host, { key: '92e4d29d4ceaed3a82472410e0f0659f6a587828' }, h("slot", { key: '7038ae890bc62e5ccce362a24891732183e8566d', name: "hamburger" }), h("slot", { key: '213037ebc8c51df9bc331aa0d1529f60d8cad37f', name: "title" }), h("nav", Object.assign({ key: 'cabffb1cdf20522e18713e60a687e57c6f704fff' }, navAttributes), h("ul", { key: '0a62b6edc5ef46062857a105ce062ed3c32af206', class: "tds-header-component-list" }, h("slot", { key: '780d6deda346635aaced9c3dfa875b44ffece7eb' }), h("li", { key: '166241058da4723a999c32941905f5ab652a0f4e', class: "tds-header-middle-spacer" }), h("slot", { key: '279879b9b283e8808ffcb2284a458273ded9825b', name: "end" })))));
63
53
  }
64
54
  get host() { return this; }
65
55
  static get style() { return TdsHeaderStyle0; }
@@ -3,18 +3,22 @@ import { i as inheritAriaAttributes } from './inheritAriaAttributes-04f2f252.js'
3
3
  import './inheritAttributes-d21e267b.js';
4
4
 
5
5
  /**
6
- * Loop through the children and add the 'listitem' role if needed.
6
+ * Loop through the children and add the 'listitem' role if needed,
7
+ * skipping elements with a 'slot' attribute.
7
8
  * @param {Node} targetNode The node being updated.
8
9
  * */
9
10
  const updateListChildrenRoles = (targetNode) => {
10
11
  targetNode.childNodes.forEach((node) => {
11
12
  if (node.nodeType === Node.ELEMENT_NODE) {
12
13
  const element = node;
13
- if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
14
- element.setAttribute('role', 'listitem');
14
+ if (!element.hasAttribute('slot')) {
15
+ if (element.tagName.toLowerCase() !== 'li' && element.getAttribute('role') !== 'listitem') {
16
+ element.setAttribute('role', 'listitem');
17
+ }
15
18
  }
16
19
  }
17
20
  });
21
+ console.log('targetNode childNodes ----> ', targetNode.childNodes);
18
22
  };
19
23
 
20
24
  const headerCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
@@ -23,43 +27,29 @@ const TdsHeaderStyle0 = headerCss;
23
27
  const TdsHeader = class {
24
28
  constructor(hostRef) {
25
29
  registerInstance(this, hostRef);
26
- console.log('TdsHeader: constructor');
27
30
  const callback = (mutationsList) => {
28
31
  mutationsList.forEach((mutation) => {
29
32
  if (mutation.type === 'childList') {
30
- console.log('TdsHeader: Mutation observed - childList changed');
31
33
  updateListChildrenRoles(mutation.target);
32
34
  }
33
35
  });
34
36
  };
35
37
  this.observer = new MutationObserver(callback);
36
38
  }
37
- handleSlotChange() {
38
- console.log('TdsHeader: handleSlotChange called');
39
- this.applyNameEnd();
40
- }
41
39
  componentDidLoad() {
42
- console.log('TdsHeader: componentDidLoad');
43
- const hostElement = this.host;
44
- const navElement = hostElement.querySelector('.tds-header-component-list');
45
- this.observer.observe(navElement, {
40
+ const defaultSlot = this.host.shadowRoot.querySelector('slot:not([name])');
41
+ this.observer.observe(defaultSlot, {
46
42
  childList: true,
47
- subtree: false,
43
+ subtree: true,
48
44
  });
49
- updateListChildrenRoles(navElement);
50
- }
51
- applyNameEnd() {
52
- console.log('TdsHeader: applyNameEnd called');
53
- // Any additional code for `applyNameEnd` can go here
45
+ updateListChildrenRoles(defaultSlot);
54
46
  }
55
47
  disconnectedCallback() {
56
- console.log('TdsHeader: disconnectedCallback');
57
48
  this.observer.disconnect();
58
49
  }
59
50
  render() {
60
- console.log('TdsHeader: render');
61
51
  const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
62
- return (h(Host, { key: 'c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73' }, h("slot", { key: '1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb', name: "hamburger" }), h("slot", { key: '57e04184071ea0a7d435e7c2567d0c44ee97398f', name: "title" }), h("nav", Object.assign({ key: '7af87c6e808800c4db754c6f97020758b26e7cd2' }, navAttributes), h("ul", { key: '99be737f48c27a700a16af5d8e0f38ffa076fbea', class: "tds-header-component-list" }, h("slot", { key: 'bd3a97a97e0e517973c4ac1236aa8e034e7843ee' }), h("li", { key: '4f8809818c4e61bf653866831814c9f7f9355a5f', class: "tds-header-middle-spacer" }), h("slot", { key: '6377b00ad6c78336b5aa93441eadd56939c9247a', onSlotchange: () => this.handleSlotChange(), name: "end" })))));
52
+ return (h(Host, { key: '92e4d29d4ceaed3a82472410e0f0659f6a587828' }, h("slot", { key: '7038ae890bc62e5ccce362a24891732183e8566d', name: "hamburger" }), h("slot", { key: '213037ebc8c51df9bc331aa0d1529f60d8cad37f', name: "title" }), h("nav", Object.assign({ key: 'cabffb1cdf20522e18713e60a687e57c6f704fff' }, navAttributes), h("ul", { key: '0a62b6edc5ef46062857a105ce062ed3c32af206', class: "tds-header-component-list" }, h("slot", { key: '780d6deda346635aaced9c3dfa875b44ffece7eb' }), h("li", { key: '166241058da4723a999c32941905f5ab652a0f4e', class: "tds-header-middle-spacer" }), h("slot", { key: '279879b9b283e8808ffcb2284a458273ded9825b', name: "end" })))));
63
53
  }
64
54
  get host() { return getElement(this); }
65
55
  };
@@ -0,0 +1 @@
1
+ import{r as e,h as d,H as t,g as a}from"./p-2049fab2.js";import{i as r}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const s=e=>{e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const d=e;d.hasAttribute("slot")||"li"!==d.tagName.toLowerCase()&&"listitem"!==d.getAttribute("role")&&d.setAttribute("role","listitem")}})),console.log("targetNode childNodes ----\x3e ",e.childNodes)},o=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.shadowRoot.querySelector("slot:not([name])");this.observer.observe(e,{childList:!0,subtree:!0}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,{key:"92e4d29d4ceaed3a82472410e0f0659f6a587828"},d("slot",{key:"7038ae890bc62e5ccce362a24891732183e8566d",name:"hamburger"}),d("slot",{key:"213037ebc8c51df9bc331aa0d1529f60d8cad37f",name:"title"}),d("nav",Object.assign({key:"cabffb1cdf20522e18713e60a687e57c6f704fff"},e),d("ul",{key:"0a62b6edc5ef46062857a105ce062ed3c32af206",class:"tds-header-component-list"},d("slot",{key:"780d6deda346635aaced9c3dfa875b44ffece7eb"}),d("li",{key:"166241058da4723a999c32941905f5ab652a0f4e",class:"tds-header-middle-spacer"}),d("slot",{key:"279879b9b283e8808ffcb2284a458273ded9825b",name:"end"}))))}get host(){return a(this)}};o.style=':host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{o as tds_header}
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as a}from"./p-e1255160.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await a(),t(JSON.parse('[["p-06d2fa56",[[1,"tds-header-launcher",{"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"]]]]],["p-588a05aa",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"]]]]],["p-0f486a7c",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-1bc2c73c",[[1,"tds-header-hamburger"]]],["p-54a105a4",[[1,"tds-header-brand-symbol"]]],["p-4ab7461e",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"]]]]],["p-dcbd977f",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-930e767e",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"],"toggleAccordionItem":[64]}]]],["p-1a2f3852",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"hideBanner":[64],"showBanner":[64]}]]],["p-d1cbe5be",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-91225c7a",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"helper":[1],"focusInput":[32],"setValue":[64]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-c790ef93",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-b4c7099f",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"open":[32]}]]],["p-987084a5",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-6938329a",[[4,"tds-header-launcher-list"]]],["p-5d0e8f1e",[[1,"tds-header-launcher-list-item"]]],["p-a642c800",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-a9654cd4",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-5a891dd2",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"isShown":[32],"showModal":[64],"closeModal":[64],"initializeModal":[64],"cleanupModal":[64]}]]],["p-91dcddd5",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-4bab99d5",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"childRef":[32],"close":[64]}]]],["p-c18b2746",[[1,"tds-side-menu-close-button"]]],["p-0f38bea7",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-2b030cef",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"sliderId":[1,"slider-id"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-c917d8be",[[1,"tds-step",{"index":[1],"state":[1],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-9de400f4",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-9c2dfecc",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-1634247e",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-ff5cd75f",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-bb129d43",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-831111e9",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"focusInput":[32]}]]],["p-52be41ce",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"focusInput":[32]}]]],["p-088bfcd4",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"hideToast":[64],"showToast":[64]}]]],["p-73dd2dbb",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"]}]]],["p-47bf836e",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-137929b7",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-db00f607",[[1,"tds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-7a83cf55",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-0df92ce7",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-cd5219ac",[[1,"tds-breadcrumbs"]]],["p-8ae952b6",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-fe9b385f",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4]}]]],["p-e86f2d31",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-bda3d846",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-ed02ad2b",[[1,"tds-footer-item"]]],["p-46fe6712",[[4,"tds-header"]]],["p-ede11de8",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-f841f094",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-9bf7f5cd",[[1,"tds-header-launcher-grid-item"]]],["p-e65dba91",[[4,"tds-header-launcher-grid-title"]]],["p-50fcdc56",[[4,"tds-header-launcher-list-title"]]],["p-959a6780",[[1,"tds-header-title"]]],["p-b00bcf39",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-c3513f1f",[[1,"tds-link",{"disabled":[4],"underline":[4]}]]],["p-ff7ae8a3",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-b21eb276",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-f9325536",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-4a7a977b",[[1,"tds-side-menu",{"open":[4],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32]},[[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"]}]]],["p-b9e37cf2",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-2e44b4e9",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-6aabf7e1",[[1,"tds-side-menu-overlay"]]],["p-57f95a1b",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-5db5c8f4",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-51e49417",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-aed1c5cf",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-bcae4d3a",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-19571a64",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"toggle":[64]}]]],["p-e7108828",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-b9ac3122",[[1,"tds-header-launcher-button",{"active":[4]}]]],["p-6b405a0f",[[1,"tds-divider",{"orientation":[1]}]]],["p-6c26e66f",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-de540cc0",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-a464920f",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"toggleCheckbox":[64]},null,{"indeterminate":["handleIndeterminateState"]}]]],["p-285d7485",[[17,"tds-dropdown-option",{"value":[1],"disabled":[4],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[1,"default-value"],"open":[32],"value":[32],"filterResult":[32],"filterFocus":[32],"reset":[64],"setValue":[64],"appendValue":[64],"removeValue":[64],"close":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]],{"open":["handleOpenState"]}]]],["p-f0d46e61",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"childRef":[32],"close":[64]}]]],["p-7d83ba98",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-a5a67770",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-cd289e17",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"]}]]],["p-1ce239bf",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
1
+ import{p as e,b as t}from"./p-2049fab2.js";export{s as setNonce}from"./p-2049fab2.js";import{g as a}from"./p-e1255160.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((async e=>(await a(),t(JSON.parse('[["p-06d2fa56",[[1,"tds-header-launcher",{"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"]]]]],["p-588a05aa",[[1,"tds-header-dropdown",{"label":[1],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"]]]]],["p-0f486a7c",[[1,"tds-table-footer",{"pagination":[516],"paginationValue":[1538,"pagination-value"],"rowsperpage":[516],"rowsPerPageValues":[16],"pages":[514],"cols":[2],"columnsNumber":[32],"compactDesign":[32],"lastCorrectValue":[32],"tableId":[32],"horizontalScrollWidth":[32],"rowsPerPageValue":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-1bc2c73c",[[1,"tds-header-hamburger"]]],["p-54a105a4",[[1,"tds-header-brand-symbol"]]],["p-4ab7461e",[[1,"tds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[4],"hoverState":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"]]]]],["p-dcbd977f",[[1,"tds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-930e767e",[[1,"tds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"],"toggleAccordionItem":[64]}]]],["p-1a2f3852",[[1,"tds-banner",{"icon":[1],"header":[1],"subheader":[1],"variant":[1],"bannerId":[1,"banner-id"],"hidden":[516],"hideBanner":[64],"showBanner":[64]}]]],["p-d1cbe5be",[[1,"tds-card",{"modeVariant":[1,"mode-variant"],"imagePlacement":[1,"image-placement"],"header":[1],"subheader":[1],"bodyImg":[1,"body-img"],"bodyImgAlt":[1,"body-img-alt"],"bodyDivider":[4,"body-divider"],"clickable":[4],"stretch":[4],"cardId":[1,"card-id"]}]]],["p-91225c7a",[[2,"tds-datetime",{"type":[513],"value":[1537],"min":[1],"max":[1],"defaultValue":[1,"default-value"],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"modeVariant":[1,"mode-variant"],"name":[1],"state":[1],"autofocus":[4],"label":[1],"helper":[1],"focusInput":[32],"setValue":[64]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-c790ef93",[[1,"tds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-b4c7099f",[[1,"tds-footer-group",{"titleText":[1,"title-text"],"open":[32]}]]],["p-987084a5",[[1,"tds-header-cell",{"cellKey":[513,"cell-key"],"cellValue":[513,"cell-value"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"disablePadding":[516,"disable-padding"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"multiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"expandableRows":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-6938329a",[[4,"tds-header-launcher-list"]]],["p-5d0e8f1e",[[1,"tds-header-launcher-list-item"]]],["p-a642c800",[[1,"tds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-a9654cd4",[[1,"tds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"variant":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-5a891dd2",[[1,"tds-modal",{"header":[1],"prevent":[4],"size":[1],"actionsPosition":[1,"actions-position"],"selector":[1],"referenceEl":[16],"show":[4],"closable":[4],"isShown":[32],"showModal":[64],"closeModal":[64],"initializeModal":[64],"cleanupModal":[64]}]]],["p-91dcddd5",[[1,"tds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"leftPadding":[514,"left-padding"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64],"reinitialize":[64]},null,{"selectedIndex":["handleSelectedIndexUpdate"]}]]],["p-4bab99d5",[[6,"tds-popover-menu",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"fluidWidth":[4,"fluid-width"],"childRef":[32],"close":[64]}]]],["p-c18b2746",[[1,"tds-side-menu-close-button"]]],["p-0f38bea7",[[1,"tds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-2b030cef",[[0,"tds-slider",{"label":[1],"value":[1025],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"thumbSize":[1,"thumb-size"],"snap":[4],"sliderId":[1,"slider-id"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{"value":["handleValueUpdate"]}]]],["p-c917d8be",[[1,"tds-step",{"index":[1],"state":[1],"hideLabels":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]]],["p-9de400f4",[[1,"tds-table-body-input-wrapper",{"showIcon":[4,"show-icon"],"renderSlot":[32],"inputFocused":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-9c2dfecc",[[1,"tds-table-body-row",{"selected":[516],"disabled":[516],"clickable":[516],"multiselect":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-1634247e",[[1,"tds-table-header",{"allSelected":[1540,"all-selected"],"selected":[1540],"disabled":[1540],"indeterminate":[4],"multiselect":[32],"expandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]]],["p-ff5cd75f",[[1,"tds-table-header-input-wrapper",{"showIcon":[4,"show-icon"],"compactDesign":[4,"compact-design"],"renderSlot":[32],"inputFocused":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-bb129d43",[[1,"tds-table-toolbar",{"tableTitle":[513,"table-title"],"filter":[516],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32],"horizontalScrollWidth":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]]],["p-831111e9",[[6,"tds-text-field",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"min":[8],"max":[8],"helper":[1],"placeholder":[1],"value":[513],"disabled":[4],"readOnly":[4,"read-only"],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"focusInput":[32]}]]],["p-52be41ce",[[2,"tds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autofocus":[4],"noMinWidth":[4,"no-min-width"],"focusInput":[32]}]]],["p-088bfcd4",[[1,"tds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"variant":[1],"hidden":[516],"closable":[4],"toastRole":[1,"toast-role"],"hideToast":[64],"showToast":[64]}]]],["p-73dd2dbb",[[6,"tds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"trigger":[1],"show":[1028],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"]}]]],["p-47bf836e",[[1,"tds-accordion",{"modeVariant":[1,"mode-variant"],"hideLastBorder":[4,"hide-last-border"]}]]],["p-137929b7",[[1,"tds-badge",{"value":[1],"hidden":[516],"size":[1],"shape":[32],"text":[32]},null,{"value":["watchProps"],"size":["watchProps"]}]]],["p-db00f607",[[1,"tds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-7a83cf55",[[1,"tds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlign":[513,"text-align"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"tableId":[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]]],["p-0df92ce7",[[1,"tds-breadcrumb",{"current":[4]}]]],["p-cd5219ac",[[1,"tds-breadcrumbs"]]],["p-8ae952b6",[[6,"tds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-fe9b385f",[[6,"tds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[1540],"name":[1],"value":[1],"disabled":[4]}]]],["p-e86f2d31",[[1,"tds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-bda3d846",[[1,"tds-footer",{"modeVariant":[1,"mode-variant"]}]]],["p-ed02ad2b",[[1,"tds-footer-item"]]],["p-581d0e83",[[4,"tds-header"]]],["p-ede11de8",[[1,"tds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"header":[1],"subheader":[1]}]]],["p-f841f094",[[4,"tds-header-launcher-grid",{"headingElement":[32]}]]],["p-9bf7f5cd",[[1,"tds-header-launcher-grid-item"]]],["p-e65dba91",[[4,"tds-header-launcher-grid-title"]]],["p-50fcdc56",[[4,"tds-header-launcher-list-title"]]],["p-959a6780",[[1,"tds-header-title"]]],["p-b00bcf39",[[1,"tds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-c3513f1f",[[1,"tds-link",{"disabled":[4],"underline":[4]}]]],["p-ff7ae8a3",[[1,"tds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-b21eb276",[[1,"tds-popover-menu-item",{"disabled":[4]}]]],["p-f9325536",[[6,"tds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-4a7a977b",[[1,"tds-side-menu",{"open":[4],"persistent":[4],"collapsed":[1028],"isUpperSlotEmpty":[32],"isCollapsed":[32],"initialCollapsedState":[32]},[[16,"internalTdsCollapse","collapsedSideMenuEventHandler"]],{"collapsed":["onCollapsedChange"]}]]],["p-b9e37cf2",[[1,"tds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-2e44b4e9",[[1,"tds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-6aabf7e1",[[1,"tds-side-menu-overlay"]]],["p-57f95a1b",[[0,"tds-spinner",{"size":[1],"variant":[1]}]]],["p-5db5c8f4",[[1,"tds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"]},null,{"orientation":["handleDirectionChange"],"labelPosition":["handleLabelPositionChange"],"size":["handleSizeChange"],"hideLabels":["handleHideLabelsChange"]}]]],["p-51e49417",[[1,"tds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"multiselect":[516],"expandableRows":[516,"expandable-rows"],"responsive":[516],"modeVariant":[513,"mode-variant"],"zebraMode":[513,"zebra-mode"],"horizontalScrollWidth":[1,"horizontal-scroll-width"],"tableId":[1,"table-id"],"enableHorizontalScrollToolbarDesign":[32],"enableHorizontalScrollFooterDesign":[32],"getSelectedRows":[64]},null,{"multiselect":["multiselectChanged"],"expandableRows":["enableExpandableRowsChanged"],"compactDesign":["compactDesignChanged"],"verticalDividers":["verticalDividersChanged"],"noMinWidth":["noMinWidthChanged"],"zebraMode":["zebraModeChanged"],"modeVariant":["modeVariantChanged"],"horizontalScrollWidth":["widthChanged"]}]]],["p-aed1c5cf",[[4,"tds-table-body",{"multiselect":[32],"enablePaginationTableBody":[32],"expandableRows":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"zebraMode":[32],"tableId":[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]]],["p-bcae4d3a",[[1,"tds-table-body-row-expandable",{"colSpan":[2,"col-span"],"rowId":[513,"row-id"],"expanded":[516],"overflow":[513],"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"expand":[64],"collapse":[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{"expanded":["watchExpanded"]}]]],["p-19571a64",[[6,"tds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"toggle":[64]}]]],["p-e7108828",[[1,"tds-header-item",{"active":[4],"selected":[4]}],[1,"tds-core-header-item"]]],["p-b9ac3122",[[1,"tds-header-launcher-button",{"active":[4]}]]],["p-6b405a0f",[[1,"tds-divider",{"orientation":[1]}]]],["p-6c26e66f",[[1,"tds-header-dropdown-list",{"size":[513],"headingElement":[32]}]]],["p-de540cc0",[[1,"tds-header-dropdown-list-item",{"selected":[4],"size":[513]}]]],["p-a464920f",[[6,"tds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[1540],"indeterminate":[1028],"value":[1],"toggleCheckbox":[64]},null,{"indeterminate":["handleIndeterminateState"]}]]],["p-285d7485",[[17,"tds-dropdown-option",{"value":[1],"disabled":[4],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]}],[1,"tds-dropdown",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"error":[4],"multiselect":[4],"filter":[4],"normalizeText":[4,"normalize-text"],"noResultText":[1,"no-result-text"],"defaultValue":[1,"default-value"],"open":[32],"value":[32],"filterResult":[32],"filterFocus":[32],"reset":[64],"setValue":[64],"appendValue":[64],"removeValue":[64],"close":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]],{"open":["handleOpenState"]}]]],["p-f0d46e61",[[6,"tds-popover-canvas",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"childRef":[32],"close":[64]}]]],["p-7d83ba98",[[1,"tds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"tds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-a5a67770",[[1,"tds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-cd289e17",[[6,"tds-popover-core",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"trigger":[1],"autoHide":[4,"auto-hide"],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32],"close":[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"]],{"show":["onShowChange"],"referenceEl":["onReferenceElChanged"],"trigger":["onTriggerChanged"]}]]],["p-1ce239bf",[[1,"tds-icon",{"name":[513],"size":[513],"svgTitle":[1,"svg-title"],"svgDescription":[1,"svg-description"],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e))));
@@ -8,9 +8,7 @@ export declare class TdsHeader {
8
8
  host: HTMLElement;
9
9
  private observer;
10
10
  constructor();
11
- private handleSlotChange;
12
11
  componentDidLoad(): void;
13
- private applyNameEnd;
14
12
  disconnectedCallback(): void;
15
13
  render(): any;
16
14
  }
@@ -1,5 +1,6 @@
1
1
  /**
2
- * Loop through the children and add the 'listitem' role if needed.
2
+ * Loop through the children and add the 'listitem' role if needed,
3
+ * skipping elements with a 'slot' attribute.
3
4
  * @param {Node} targetNode The node being updated.
4
5
  * */
5
6
  declare const updateListChildrenRoles: (targetNode: Node) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel",
3
- "version": "1.18.0-tdsheaderitembeta.3",
3
+ "version": "1.18.0-tdsheaderitembeta.4",
4
4
  "description": "Tegel Design System",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -1 +0,0 @@
1
- import{r as e,h as d,H as a,g as t}from"./p-2049fab2.js";import{i as s}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const r=e=>{e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const d=e;"li"!==d.tagName.toLowerCase()&&"listitem"!==d.getAttribute("role")&&d.setAttribute("role","listitem")}}))},o=class{constructor(d){e(this,d),console.log("TdsHeader: constructor"),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&(console.log("TdsHeader: Mutation observed - childList changed"),r(e.target))}))}))}handleSlotChange(){console.log("TdsHeader: handleSlotChange called"),this.applyNameEnd()}componentDidLoad(){console.log("TdsHeader: componentDidLoad");const e=this.host.querySelector(".tds-header-component-list");this.observer.observe(e,{childList:!0,subtree:!1}),r(e)}applyNameEnd(){console.log("TdsHeader: applyNameEnd called")}disconnectedCallback(){console.log("TdsHeader: disconnectedCallback"),this.observer.disconnect()}render(){console.log("TdsHeader: render");const e=Object.assign({},s(this.host));return d(a,{key:"c6cd83c7b46fcebb36fddaa1eac94a9720d5dd73"},d("slot",{key:"1555d5e8ce3ddffa75be96a2254d5c7d1ea9fecb",name:"hamburger"}),d("slot",{key:"57e04184071ea0a7d435e7c2567d0c44ee97398f",name:"title"}),d("nav",Object.assign({key:"7af87c6e808800c4db754c6f97020758b26e7cd2"},e),d("ul",{key:"99be737f48c27a700a16af5d8e0f38ffa076fbea",class:"tds-header-component-list"},d("slot",{key:"bd3a97a97e0e517973c4ac1236aa8e034e7843ee"}),d("li",{key:"4f8809818c4e61bf653866831814c9f7f9355a5f",class:"tds-header-middle-spacer"}),d("slot",{key:"6377b00ad6c78336b5aa93441eadd56939c9247a",onSlotchange:()=>this.handleSlotChange(),name:"end"}))))}get host(){return t(this)}};o.style=':host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{o as tds_header}