@scania/tegel 1.41.0-build-beta.0 → 1.41.0-stencil-core-beta.0

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 (80) hide show
  1. package/dist/cjs/tds-dropdown_2.cjs.entry.js +9 -25
  2. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  3. package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
  4. package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  6. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
  7. package/dist/cjs/tds-popover-canvas.cjs.entry.js +3 -3
  8. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-popover-menu.cjs.entry.js +3 -3
  10. package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +1 -1
  11. package/dist/cjs/tds-tooltip.cjs.entry.js +8 -4
  12. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +9 -18
  13. package/dist/collection/components/header/header-launcher/header-launcher.js +2 -2
  14. package/dist/collection/components/header/header-title/header-title.css +0 -2
  15. package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
  16. package/dist/collection/components/popover-core/popover-core.js +13 -8
  17. package/dist/collection/components/popover-menu/popover-menu.js +3 -3
  18. package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
  19. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  20. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  21. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  22. package/dist/collection/components/tooltip/tooltip.js +8 -4
  23. package/dist/components/{p-1YnjaUCy.js → p-B569z5eW.js} +4 -4
  24. package/dist/components/{p-DZDx1Si2.js → p-DnzQe_HU.js} +9 -5
  25. package/dist/components/{p-ChGLhiqn.js → p-Ip9G3co9.js} +2 -2
  26. package/dist/components/{p-Ee9QeMgy.js → p-SqXsUd-b.js} +9 -25
  27. package/dist/components/{p-8koCGAVT.js → p-X1sPx4t5.js} +1 -1
  28. package/dist/components/tds-dropdown-option.js +1 -1
  29. package/dist/components/tds-folder-tabs.js +2 -2
  30. package/dist/components/tds-header-dropdown.js +2 -2
  31. package/dist/components/tds-header-launcher.js +4 -4
  32. package/dist/components/tds-header-title.js +1 -1
  33. package/dist/components/tds-inline-tabs.js +2 -2
  34. package/dist/components/tds-navigation-tabs.js +4 -4
  35. package/dist/components/tds-popover-canvas.js +1 -1
  36. package/dist/components/tds-popover-core.js +1 -1
  37. package/dist/components/tds-popover-menu.js +4 -4
  38. package/dist/components/tds-slider.js +3 -3
  39. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  40. package/dist/components/tds-table-footer.js +1 -1
  41. package/dist/components/tds-text-field.js +1 -1
  42. package/dist/components/tds-textarea.js +2 -2
  43. package/dist/components/tds-tooltip.js +1 -1
  44. package/dist/esm/tds-dropdown_2.entry.js +9 -25
  45. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  46. package/dist/esm/tds-header-launcher.entry.js +2 -2
  47. package/dist/esm/tds-header-title.entry.js +1 -1
  48. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  49. package/dist/esm/tds-navigation-tabs.entry.js +4 -4
  50. package/dist/esm/tds-popover-canvas.entry.js +3 -3
  51. package/dist/esm/tds-popover-core.entry.js +1 -1
  52. package/dist/esm/tds-popover-menu.entry.js +3 -3
  53. package/dist/esm/tds-table-body-input-wrapper.entry.js +1 -1
  54. package/dist/esm/tds-tooltip.entry.js +8 -4
  55. package/dist/tegel/{p-60cbdc0a.entry.js → p-0ac95ef0.entry.js} +1 -1
  56. package/dist/tegel/{p-d4412e32.entry.js → p-11159349.entry.js} +1 -1
  57. package/dist/tegel/{p-0cd740b9.entry.js → p-1f255f25.entry.js} +1 -1
  58. package/dist/tegel/p-26907beb.entry.js +1 -0
  59. package/dist/tegel/{p-348f3bad.entry.js → p-3557fbdf.entry.js} +1 -1
  60. package/dist/tegel/p-4e58b98d.entry.js +1 -0
  61. package/dist/tegel/p-5eed2dae.entry.js +1 -0
  62. package/dist/tegel/{p-a53cb562.entry.js → p-81314f19.entry.js} +1 -1
  63. package/dist/tegel/p-bbcab377.entry.js +1 -0
  64. package/dist/tegel/{p-83a3ca55.entry.js → p-ca437b9a.entry.js} +1 -1
  65. package/dist/tegel/{p-d28462be.entry.js → p-fa19eac0.entry.js} +1 -1
  66. package/dist/tegel/tegel.esm.js +1 -1
  67. package/dist/types/components/header/header-launcher/header-launcher.d.ts +1 -1
  68. package/dist/types/components/popover-canvas/popover-canvas.d.ts +1 -1
  69. package/dist/types/components/popover-core/popover-core.d.ts +4 -4
  70. package/dist/types/components/popover-menu/popover-menu.d.ts +1 -1
  71. package/dist/types/components/table/table-body-input-wrapper/table-body-input-wrapper.d.ts +1 -1
  72. package/dist/types/components/tooltip/tooltip.d.ts +1 -1
  73. package/dist/types/components.d.ts +4 -4
  74. package/package.json +1 -1
  75. package/dist/collection/utils/dom.js +0 -7
  76. package/dist/tegel/p-73167867.entry.js +0 -1
  77. package/dist/tegel/p-bee62505.entry.js +0 -1
  78. package/dist/tegel/p-c2b3bd3c.entry.js +0 -1
  79. package/dist/tegel/p-dcd132d5.entry.js +0 -1
  80. package/dist/types/utils/dom.d.ts +0 -2
@@ -3,14 +3,6 @@ import { c as convertToString } from './p-CBZ6wC3m.js';
3
3
  import { d as defineCustomElement$2 } from './p-Ca3wGDna.js';
4
4
  import { d as defineCustomElement$1 } from './p-CPDv0bBc.js';
5
5
 
6
- function isTag(el, tagName) {
7
- return !!el && el.tagName === tagName.toUpperCase();
8
- }
9
- function closestByTag(start, tagName) {
10
- const found = start.closest(tagName);
11
- return isTag(found, tagName) ? found : null;
12
- }
13
-
14
6
  const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";
15
7
 
16
8
  const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOption extends H {
@@ -33,27 +25,19 @@ const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOpti
33
25
  // eslint-disable-next-line no-unused-vars,
34
26
  this.label = '';
35
27
  this.componentWillRender = () => {
36
- var _a, _b;
37
- if (!this.host.parentElement)
28
+ var _a, _b, _c;
29
+ if (!this.host.parentElement) {
38
30
  return;
39
- const directParent = this.host.parentElement;
40
- if (isTag(directParent, 'tds-dropdown')) {
41
- this.parentElement = directParent;
42
- }
43
- else {
44
- const root = this.host.getRootNode();
45
- if (root instanceof ShadowRoot) {
46
- this.parentElement = closestByTag(root.host, 'tds-dropdown');
47
- }
48
- else {
49
- this.parentElement = null;
50
- }
51
31
  }
32
+ this.parentElement =
33
+ ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'TDS-DROPDOWN'
34
+ ? this.host.parentElement
35
+ : this.host.getRootNode().host;
52
36
  if (this.parentElement) {
53
- this.multiselect = (_a = this.parentElement.multiselect) !== null && _a !== void 0 ? _a : false;
37
+ this.multiselect = (_b = this.parentElement.multiselect) !== null && _b !== void 0 ? _b : false;
54
38
  this.size = this.parentElement.size || 'lg';
55
39
  }
56
- this.label = ((_b = this.host.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '';
40
+ this.label = ((_c = this.host.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '';
57
41
  };
58
42
  this.handleSingleSelect = () => {
59
43
  if (!this.disabled) {
@@ -113,7 +97,7 @@ const TdsDropdownOption = /*@__PURE__*/ proxyCustomElement(class TdsDropdownOpti
113
97
  this.internalValue = convertToString(this.value);
114
98
  }
115
99
  render() {
116
- return (h(Host, { key: '9fa5bfe8a6dc4596c0181c3319cba2e4101b7502' }, h("div", { key: 'b160e2007f01dfa6b13b633408125cd32159bb95', class: `dropdown-option
100
+ return (h(Host, { key: 'a92f443fccb282309c20c52b9214b6b03b03e7ee' }, h("div", { key: 'b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5', class: `dropdown-option
117
101
  ${this.size}
118
102
  ${this.selected ? 'selected' : ''}
119
103
  ${this.disabled ? 'disabled' : ''}
@@ -2052,7 +2052,7 @@ const TdsPopoverCore = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCore ext
2052
2052
  'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
2053
2053
  };
2054
2054
  const classList = generateClassList(classes);
2055
- return (h(Host, { key: '76b7fa6ce3245a6401a5098490daa724e4b64246', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '0e07204cc6c439ae5640f721288adeff141a5e2d' })));
2055
+ return (h(Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
2056
2056
  }
2057
2057
  get host() { return this; }
2058
2058
  static get watchers() { return {
@@ -1,4 +1,4 @@
1
- import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-Ee9QeMgy.js';
1
+ import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-SqXsUd-b.js';
2
2
 
3
3
  const TdsDropdownOption = TdsDropdownOption$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -172,9 +172,9 @@ const TdsFolderTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTabs ext
172
172
  this.removeEventListenerFromTabs();
173
173
  }
174
174
  render() {
175
- return (h(Host, { key: '654c328d868d1f8d4e835aa3e953813415d9162d', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '294e02bcd45d662f556498b8f79179c98d5a9899', class: "wrapper", ref: (el) => {
175
+ return (h(Host, { key: '8c8c4916fe50279d530f99d21fef8f4ceb89fe55', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5850bbcf52dfadf7a08dbe420916d98ed6d14b41', class: "wrapper", ref: (el) => {
176
176
  this.navWrapperElement = el;
177
- } }, h("button", { key: 'e079f0d843342d1aac64cacfbacefed6151f9059', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '747aa96f5385c04699168bae31c3942044725a10', name: "chevron_left", size: "20px" })), h("slot", { key: '08d6bb2da6f3edf676b35f7e032d901acff9f10e', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '2a4b75885039d6410a69e34e4c56d46882461e43', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'a85ec055d4f485db7d64ce536438ade9d3988fab', name: "chevron_right", size: "20px" })))));
177
+ } }, h("button", { key: '9506486a1d6a2415bc8213cf1c0ab8c7789ad82c', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'e721ba34d2d703bd0ee2fe833e7859f282b6b332', name: "chevron_left", size: "20px" })), h("slot", { key: 'ee2558c4a7d35d8d6355df59b735344151742884', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6ac20fbd52634a08bd6ef369a45fe0ebb7de9d5d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '20a1096cec8ef7e121200f469761fac9a2a5086d', name: "chevron_right", size: "20px" })))));
178
178
  }
179
179
  get host() { return this; }
180
180
  static get watchers() { return {
@@ -3,8 +3,8 @@ import { g as generateUniqueId } from './p-Cn4f8w1e.js';
3
3
  import { d as defineCustomElement$6 } from './p-BhLq7lgx.js';
4
4
  import { d as defineCustomElement$5 } from './p-BHBgkUfr.js';
5
5
  import { d as defineCustomElement$4 } from './p-CPDv0bBc.js';
6
- import { d as defineCustomElement$3 } from './p-1YnjaUCy.js';
7
- import { d as defineCustomElement$2 } from './p-8koCGAVT.js';
6
+ import { d as defineCustomElement$3 } from './p-B569z5eW.js';
7
+ import { d as defineCustomElement$2 } from './p-X1sPx4t5.js';
8
8
 
9
9
  const headerDropdownCss = ":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}:host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}:host .state-open tds-header-item button:hover,:host .state-open tds-header-item a:hover{background-color:var(--tds-nav-item-background-hover);box-shadow:none}";
10
10
 
@@ -5,8 +5,8 @@ import { d as defineCustomElement$7 } from './p-BhLq7lgx.js';
5
5
  import { d as defineCustomElement$6 } from './p-BHBgkUfr.js';
6
6
  import { d as defineCustomElement$5 } from './p-D1ati-pM.js';
7
7
  import { d as defineCustomElement$4 } from './p-CPDv0bBc.js';
8
- import { d as defineCustomElement$3 } from './p-1YnjaUCy.js';
9
- import { d as defineCustomElement$2 } from './p-8koCGAVT.js';
8
+ import { d as defineCustomElement$3 } from './p-B569z5eW.js';
9
+ import { d as defineCustomElement$2 } from './p-X1sPx4t5.js';
10
10
 
11
11
  const headerLauncherCss = ":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}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
12
12
 
@@ -57,11 +57,11 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
57
57
  }, 'ref': (el) => {
58
58
  this.buttonEl = el;
59
59
  } });
60
- return (h(Host, { key: 'd6402957a4e8c7221a3cefae397117a952381d22' }, h("div", { key: '0d5e89739be69df6e111404ca64fa81dd35ffab9', class: {
60
+ return (h(Host, { key: '214953326230ac1b5ab664b032783c20d9999531' }, h("div", { key: '0efccd70365257b6f682b777bb6a3d056996aa82', class: {
61
61
  'wrapper': true,
62
62
  'state-open': this.open,
63
63
  'state-list-type-menu': this.hasListTypeMenu,
64
- } }, h("tds-header-launcher-button", Object.assign({ key: '7c42d6bec11176653b8b00c458a5dd1a1e9ef168' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: 'a7eddf9c3df2f3e4229c1fade730a622767349ad', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
64
+ } }, h("tds-header-launcher-button", Object.assign({ key: '677518edd231dedb813d59220699bf3b1f1469a6' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: '7d9b39133b781601acb0d8f97237694209f8d355', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
65
65
  {
66
66
  name: 'flip',
67
67
  options: {
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './index.js';
2
2
 
3
- const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:normal}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
3
+ const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
4
4
 
5
5
  const TdsHeaderTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderTitle extends H {
6
6
  constructor(registerHost) {
@@ -180,9 +180,9 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
180
180
  this.removeEventListenerFromTabs();
181
181
  }
182
182
  render() {
183
- return (h(Host, { key: '305a1bd0998686df8e69d6f06e9d767c86ba20e0', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '8d59508b84bea296d97e27cf3da3817ed2014f49', class: "wrapper", ref: (el) => {
183
+ return (h(Host, { key: 'f33abd9071c85c0651a3ab93e3996ec44717e325', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '8a5233b2a941a3a1e72dc45f93015b5e606663a8', class: "wrapper", ref: (el) => {
184
184
  this.navWrapperElement = el;
185
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '7d302c8197a96537d25d2a881c5ecb2a3a28e849', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '8050bf7f62240241d415c909500b27c1ceb199ee', name: "chevron_left", size: "20px" })), h("slot", { key: '6818de93a8757534f6244e6208a7dbdb8a83c144', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'ebfa34fab49cd5931e355acb5adf154ac548a9c0', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '24183941036df17810a990c3972393efbf031e03', name: "chevron_right", size: "20px" })))));
185
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'f2a8051863cfa93f8b2a5c562fc5ebefcc36b195', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'a93d1cb8ddc5486bbb15449c328a25f6e8e2b4cd', name: "chevron_left", size: "20px" })), h("slot", { key: 'e5b096420d72d12c861730fd9829baeba7cce625', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'f154a7b6553fe77e3f09da314403db5326df8e21', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '6832c693ab8a446a629788894f792f571c09cbe3', name: "chevron_right", size: "20px" })))));
186
186
  }
187
187
  get host() { return this; }
188
188
  static get watchers() { return {
@@ -180,15 +180,15 @@ const TdsNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsNavigation
180
180
  this.removeEventListenerFromTabs();
181
181
  }
182
182
  render() {
183
- return (h(Host, { key: '6e532a0645718391624017452e1d8bd253868af3', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'a1a7d5dcf07187d85bed5c193422328202331125', class: "wrapper", ref: (el) => {
183
+ return (h(Host, { key: 'cdf0eff9acca827e372a58f5721ff9279b0360f4', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'a8fafbc680fbdb0450db591e7f3ffda864946684', class: "wrapper", ref: (el) => {
184
184
  this.navWrapperElement = el;
185
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'a9bd22bc8abec2e7b1237884402349d63a930043', "aria-label": this.tdsScrollLeftAriaLabel, class: {
185
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '402e0ca33fa71dced98cf8d86e26e3dba312fa7d', "aria-label": this.tdsScrollLeftAriaLabel, class: {
186
186
  'scroll-left-button': true,
187
187
  'show': this.showLeftScroll,
188
- }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '222fc93851ab026162c9ed02a64c02247582e886', name: "chevron_left", size: "20px" })), h("slot", { key: '7dfff9f0ec4453e5499e83b0806563769364bbeb', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'bc75394c414ea6d8f276db8f119545ac4f91cf1f', "aria-label": this.tdsScrollRightAriaLabel, class: {
188
+ }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '2849a2da7c6ef133d173756778400baa2a51d58d', name: "chevron_left", size: "20px" })), h("slot", { key: '64081b7518abde00c8f1d80ff414849bccd1cb0b', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '916ba6b9107982f8b8763920bdf4e2bd99127943', "aria-label": this.tdsScrollRightAriaLabel, class: {
189
189
  'scroll-right-button': true,
190
190
  'show': this.showRightScroll,
191
- }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '42abd91c08e7fb44b3432bfa71b09ba2b0f1c40d', name: "chevron_right", size: "20px" })))));
191
+ }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '26f84d67bc4b1eb04668464a74b655db1953d999', name: "chevron_right", size: "20px" })))));
192
192
  }
193
193
  get host() { return this; }
194
194
  static get watchers() { return {
@@ -1,4 +1,4 @@
1
- import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-1YnjaUCy.js';
1
+ import { T as TdsPopoverCanvas$1, d as defineCustomElement$1 } from './p-B569z5eW.js';
2
2
 
3
3
  const TdsPopoverCanvas = TdsPopoverCanvas$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-8koCGAVT.js';
1
+ import { T as TdsPopoverCore$1, d as defineCustomElement$1 } from './p-X1sPx4t5.js';
2
2
 
3
3
  const TdsPopoverCore = TdsPopoverCore$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h, a as Host } from './index.js';
2
2
  import { i as inheritAttributes } from './p-CF8bH08v.js';
3
- import { d as defineCustomElement$2 } from './p-8koCGAVT.js';
3
+ import { d as defineCustomElement$2 } from './p-X1sPx4t5.js';
4
4
 
5
5
  const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
6
6
 
@@ -41,15 +41,15 @@ const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu e
41
41
  }
42
42
  render() {
43
43
  var _a;
44
- return (h(Host, { key: '832a4f7840634b9e9cc9c7d29c86234839f4690a', class: {
44
+ return (h(Host, { key: 'ad39066c2a2f7d4e4696143095fa8a0032d7c148', class: {
45
45
  [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
46
- } }, h("tds-popover-core", { key: '98b2a20b9a423cc9b50f7fe3e300312445eedf7e', class: {
46
+ } }, h("tds-popover-core", { key: 'f261b18f6e1e26df1baf39628911cb885277b431', class: {
47
47
  'tds-popover-menu': true,
48
48
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
49
49
  'fluid-width': this.fluidWidth,
50
50
  }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
51
51
  this.childRef = el;
52
- }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'af5a21fd419ed88bb6aa5dbdddee5b0e13bde87f', role: "menu" }, h("slot", { key: '70811543fa73325aadcf11c5ebe7de7bf130b6cd' })))));
52
+ }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f1549f6d338ed8e9a511577a85735b834a89df27', role: "menu" }, h("slot", { key: 'def698636f21c11133ad0289b21b76db0f208116' })))));
53
53
  }
54
54
  get host() { return this; }
55
55
  static get style() { return popoverMenuCss; }
@@ -1,9 +1,9 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
2
2
  import { g as generateUniqueId } from './p-Cn4f8w1e.js';
3
3
  import { d as defineCustomElement$5 } from './p-CPDv0bBc.js';
4
- import { d as defineCustomElement$4 } from './p-8koCGAVT.js';
5
- import { d as defineCustomElement$3 } from './p-ChGLhiqn.js';
6
- import { d as defineCustomElement$2 } from './p-DZDx1Si2.js';
4
+ import { d as defineCustomElement$4 } from './p-X1sPx4t5.js';
5
+ import { d as defineCustomElement$3 } from './p-Ip9G3co9.js';
6
+ import { d as defineCustomElement$2 } from './p-DnzQe_HU.js';
7
7
 
8
8
  const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:\"\";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}";
9
9
 
@@ -91,7 +91,7 @@ const TdsTableBodyInputWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TdsTab
91
91
  }
92
92
  }
93
93
  render() {
94
- return (h(Host, { key: '8030b00df873e3a242708a9b4fe88b4ad618d069', class: {
94
+ return (h(Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
95
95
  'focused-input-wrapper': this.inputFocused,
96
96
  'show-icon': this.showIcon,
97
97
  'tds-table__compact': this.compactDesign,
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './index.js';
2
2
  import { d as defineCustomElement$5 } from './p-Ca3wGDna.js';
3
3
  import { d as defineCustomElement$4 } from './p-BhQM9_yR.js';
4
- import { d as defineCustomElement$3 } from './p-Ee9QeMgy.js';
4
+ import { d as defineCustomElement$3 } from './p-SqXsUd-b.js';
5
5
  import { d as defineCustomElement$2 } from './p-CPDv0bBc.js';
6
6
 
7
7
  const tableFooterCss = ":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";
@@ -1,4 +1,4 @@
1
- import { T as TdsTextField$1, d as defineCustomElement$1 } from './p-ChGLhiqn.js';
1
+ import { T as TdsTextField$1, d as defineCustomElement$1 } from './p-Ip9G3co9.js';
2
2
 
3
3
  const TdsTextField = TdsTextField$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
2
2
  import { g as generateUniqueId } from './p-Cn4f8w1e.js';
3
3
  import { g as getAriaInvalid } from './p-wEP_nEaO.js';
4
4
  import { d as defineCustomElement$4 } from './p-CPDv0bBc.js';
5
- import { d as defineCustomElement$3 } from './p-8koCGAVT.js';
6
- import { d as defineCustomElement$2 } from './p-DZDx1Si2.js';
5
+ import { d as defineCustomElement$3 } from './p-X1sPx4t5.js';
6
+ import { d as defineCustomElement$2 } from './p-DnzQe_HU.js';
7
7
 
8
8
  const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
9
9
 
@@ -1,4 +1,4 @@
1
- import { T as TdsTooltip$1, d as defineCustomElement$1 } from './p-DZDx1Si2.js';
1
+ import { T as TdsTooltip$1, d as defineCustomElement$1 } from './p-DnzQe_HU.js';
2
2
 
3
3
  const TdsTooltip = TdsTooltip$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -636,14 +636,6 @@ const TdsDropdown = class {
636
636
  };
637
637
  TdsDropdown.style = dropdownCss;
638
638
 
639
- function isTag(el, tagName) {
640
- return !!el && el.tagName === tagName.toUpperCase();
641
- }
642
- function closestByTag(start, tagName) {
643
- const found = start.closest(tagName);
644
- return isTag(found, tagName) ? found : null;
645
- }
646
-
647
639
  const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}";
648
640
 
649
641
  const TdsDropdownOption = class {
@@ -662,27 +654,19 @@ const TdsDropdownOption = class {
662
654
  // eslint-disable-next-line no-unused-vars,
663
655
  this.label = '';
664
656
  this.componentWillRender = () => {
665
- var _a, _b;
666
- if (!this.host.parentElement)
657
+ var _a, _b, _c;
658
+ if (!this.host.parentElement) {
667
659
  return;
668
- const directParent = this.host.parentElement;
669
- if (isTag(directParent, 'tds-dropdown')) {
670
- this.parentElement = directParent;
671
- }
672
- else {
673
- const root = this.host.getRootNode();
674
- if (root instanceof ShadowRoot) {
675
- this.parentElement = closestByTag(root.host, 'tds-dropdown');
676
- }
677
- else {
678
- this.parentElement = null;
679
- }
680
660
  }
661
+ this.parentElement =
662
+ ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'TDS-DROPDOWN'
663
+ ? this.host.parentElement
664
+ : this.host.getRootNode().host;
681
665
  if (this.parentElement) {
682
- this.multiselect = (_a = this.parentElement.multiselect) !== null && _a !== void 0 ? _a : false;
666
+ this.multiselect = (_b = this.parentElement.multiselect) !== null && _b !== void 0 ? _b : false;
683
667
  this.size = this.parentElement.size || 'lg';
684
668
  }
685
- this.label = ((_b = this.host.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '';
669
+ this.label = ((_c = this.host.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '';
686
670
  };
687
671
  this.handleSingleSelect = () => {
688
672
  if (!this.disabled) {
@@ -742,7 +726,7 @@ const TdsDropdownOption = class {
742
726
  this.internalValue = convertToString(this.value);
743
727
  }
744
728
  render() {
745
- return (h(Host, { key: '9fa5bfe8a6dc4596c0181c3319cba2e4101b7502' }, h("div", { key: 'b160e2007f01dfa6b13b633408125cd32159bb95', class: `dropdown-option
729
+ return (h(Host, { key: 'a92f443fccb282309c20c52b9214b6b03b03e7ee' }, h("div", { key: 'b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5', class: `dropdown-option
746
730
  ${this.size}
747
731
  ${this.selected ? 'selected' : ''}
748
732
  ${this.disabled ? 'disabled' : ''}
@@ -167,9 +167,9 @@ const TdsFolderTabs = class {
167
167
  this.removeEventListenerFromTabs();
168
168
  }
169
169
  render() {
170
- return (h(Host, { key: '654c328d868d1f8d4e835aa3e953813415d9162d', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '294e02bcd45d662f556498b8f79179c98d5a9899', class: "wrapper", ref: (el) => {
170
+ return (h(Host, { key: '8c8c4916fe50279d530f99d21fef8f4ceb89fe55', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5850bbcf52dfadf7a08dbe420916d98ed6d14b41', class: "wrapper", ref: (el) => {
171
171
  this.navWrapperElement = el;
172
- } }, h("button", { key: 'e079f0d843342d1aac64cacfbacefed6151f9059', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '747aa96f5385c04699168bae31c3942044725a10', name: "chevron_left", size: "20px" })), h("slot", { key: '08d6bb2da6f3edf676b35f7e032d901acff9f10e', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '2a4b75885039d6410a69e34e4c56d46882461e43', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'a85ec055d4f485db7d64ce536438ade9d3988fab', name: "chevron_right", size: "20px" })))));
172
+ } }, h("button", { key: '9506486a1d6a2415bc8213cf1c0ab8c7789ad82c', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'e721ba34d2d703bd0ee2fe833e7859f282b6b332', name: "chevron_left", size: "20px" })), h("slot", { key: 'ee2558c4a7d35d8d6355df59b735344151742884', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6ac20fbd52634a08bd6ef369a45fe0ebb7de9d5d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '20a1096cec8ef7e121200f469761fac9a2a5086d', name: "chevron_right", size: "20px" })))));
173
173
  }
174
174
  get host() { return getElement(this); }
175
175
  static get watchers() { return {
@@ -48,11 +48,11 @@ const TdsHeaderLauncher = class {
48
48
  }, 'ref': (el) => {
49
49
  this.buttonEl = el;
50
50
  } });
51
- return (h(Host, { key: 'd6402957a4e8c7221a3cefae397117a952381d22' }, h("div", { key: '0d5e89739be69df6e111404ca64fa81dd35ffab9', class: {
51
+ return (h(Host, { key: '214953326230ac1b5ab664b032783c20d9999531' }, h("div", { key: '0efccd70365257b6f682b777bb6a3d056996aa82', class: {
52
52
  'wrapper': true,
53
53
  'state-open': this.open,
54
54
  'state-list-type-menu': this.hasListTypeMenu,
55
- } }, h("tds-header-launcher-button", Object.assign({ key: '7c42d6bec11176653b8b00c458a5dd1a1e9ef168' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: 'a7eddf9c3df2f3e4229c1fade730a622767349ad', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
55
+ } }, h("tds-header-launcher-button", Object.assign({ key: '677518edd231dedb813d59220699bf3b1f1469a6' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: '7d9b39133b781601acb0d8f97237694209f8d355', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
56
56
  {
57
57
  name: 'flip',
58
58
  options: {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-BqRtRha-.js';
2
2
 
3
- const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:normal}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
3
+ const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
4
4
 
5
5
  const TdsHeaderTitle = class {
6
6
  constructor(hostRef) {
@@ -175,9 +175,9 @@ const TdsInlineTabs = class {
175
175
  this.removeEventListenerFromTabs();
176
176
  }
177
177
  render() {
178
- return (h(Host, { key: '305a1bd0998686df8e69d6f06e9d767c86ba20e0', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '8d59508b84bea296d97e27cf3da3817ed2014f49', class: "wrapper", ref: (el) => {
178
+ return (h(Host, { key: 'f33abd9071c85c0651a3ab93e3996ec44717e325', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '8a5233b2a941a3a1e72dc45f93015b5e606663a8', class: "wrapper", ref: (el) => {
179
179
  this.navWrapperElement = el;
180
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '7d302c8197a96537d25d2a881c5ecb2a3a28e849', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '8050bf7f62240241d415c909500b27c1ceb199ee', name: "chevron_left", size: "20px" })), h("slot", { key: '6818de93a8757534f6244e6208a7dbdb8a83c144', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'ebfa34fab49cd5931e355acb5adf154ac548a9c0', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '24183941036df17810a990c3972393efbf031e03', name: "chevron_right", size: "20px" })))));
180
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'f2a8051863cfa93f8b2a5c562fc5ebefcc36b195', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'a93d1cb8ddc5486bbb15449c328a25f6e8e2b4cd', name: "chevron_left", size: "20px" })), h("slot", { key: 'e5b096420d72d12c861730fd9829baeba7cce625', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'f154a7b6553fe77e3f09da314403db5326df8e21', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '6832c693ab8a446a629788894f792f571c09cbe3', name: "chevron_right", size: "20px" })))));
181
181
  }
182
182
  get host() { return getElement(this); }
183
183
  static get watchers() { return {
@@ -175,15 +175,15 @@ const TdsNavigationTabs = class {
175
175
  this.removeEventListenerFromTabs();
176
176
  }
177
177
  render() {
178
- return (h(Host, { key: '6e532a0645718391624017452e1d8bd253868af3', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'a1a7d5dcf07187d85bed5c193422328202331125', class: "wrapper", ref: (el) => {
178
+ return (h(Host, { key: 'cdf0eff9acca827e372a58f5721ff9279b0360f4', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: 'a8fafbc680fbdb0450db591e7f3ffda864946684', class: "wrapper", ref: (el) => {
179
179
  this.navWrapperElement = el;
180
- }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'a9bd22bc8abec2e7b1237884402349d63a930043', "aria-label": this.tdsScrollLeftAriaLabel, class: {
180
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '402e0ca33fa71dced98cf8d86e26e3dba312fa7d', "aria-label": this.tdsScrollLeftAriaLabel, class: {
181
181
  'scroll-left-button': true,
182
182
  'show': this.showLeftScroll,
183
- }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '222fc93851ab026162c9ed02a64c02247582e886', name: "chevron_left", size: "20px" })), h("slot", { key: '7dfff9f0ec4453e5499e83b0806563769364bbeb', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'bc75394c414ea6d8f276db8f119545ac4f91cf1f', "aria-label": this.tdsScrollRightAriaLabel, class: {
183
+ }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '2849a2da7c6ef133d173756778400baa2a51d58d', name: "chevron_left", size: "20px" })), h("slot", { key: '64081b7518abde00c8f1d80ff414849bccd1cb0b', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '916ba6b9107982f8b8763920bdf4e2bd99127943', "aria-label": this.tdsScrollRightAriaLabel, class: {
184
184
  'scroll-right-button': true,
185
185
  'show': this.showRightScroll,
186
- }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '42abd91c08e7fb44b3432bfa71b09ba2b0f1c40d', name: "chevron_right", size: "20px" })))));
186
+ }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '26f84d67bc4b1eb04668464a74b655db1953d999', name: "chevron_right", size: "20px" })))));
187
187
  }
188
188
  get host() { return getElement(this); }
189
189
  static get watchers() { return {
@@ -39,14 +39,14 @@ const TdsPopoverCanvas = class {
39
39
  }
40
40
  render() {
41
41
  var _a;
42
- return (h(Host, { key: '071143316f14b7761f977019700f0702525f0de5', class: {
42
+ return (h(Host, { key: '8f22b74f8df985de4505b1472cf47b621d5c515e', class: {
43
43
  [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
44
- } }, h("tds-popover-core", Object.assign({ key: 'f5fc243aad216007da0380ee70540bb72ba34d75', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
44
+ } }, h("tds-popover-core", Object.assign({ key: 'a7d3fed2b26cd2dc532e9e78413828d52b28b21e', role: this.tdsAlertDialog }, this.inheritedAttributes, { class: {
45
45
  'tds-popover-canvas': true,
46
46
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
47
47
  }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
48
48
  this.childRef = el;
49
- }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '09da7cb90c058689d33a80058cb900ddbcf6bd3e' }, h("slot", { key: '3c94938fd46e7c819c77fa340505cf50c8bbb06d' })))));
49
+ }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '3c1fde8225ca64b259798f763b8d2264346c246e' }, h("slot", { key: 'e133b76f8088a4b572c8bb69792bc3fa6d652da9' })))));
50
50
  }
51
51
  get host() { return getElement(this); }
52
52
  };
@@ -2049,7 +2049,7 @@ const TdsPopoverCore = class {
2049
2049
  'tds-animation-exit-fade': !this.isShown && this.animation === 'fade',
2050
2050
  };
2051
2051
  const classList = generateClassList(classes);
2052
- return (h(Host, { key: '76b7fa6ce3245a6401a5098490daa724e4b64246', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '0e07204cc6c439ae5640f721288adeff141a5e2d' })));
2052
+ return (h(Host, { key: '5c557610103827aedbabbd37a79730580d15ca2d', role: this.host.getAttribute('role'), class: classList, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '487a937b3c9d87b91425f6bd9eb88bc3fa85d7df' })));
2053
2053
  }
2054
2054
  get host() { return getElement(this); }
2055
2055
  static get watchers() { return {
@@ -37,15 +37,15 @@ const TdsPopoverMenu = class {
37
37
  }
38
38
  render() {
39
39
  var _a;
40
- return (h(Host, { key: '832a4f7840634b9e9cc9c7d29c86234839f4690a', class: {
40
+ return (h(Host, { key: 'ad39066c2a2f7d4e4696143095fa8a0032d7c148', class: {
41
41
  [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
42
- } }, h("tds-popover-core", { key: '98b2a20b9a423cc9b50f7fe3e300312445eedf7e', class: {
42
+ } }, h("tds-popover-core", { key: 'f261b18f6e1e26df1baf39628911cb885277b431', class: {
43
43
  'tds-popover-menu': true,
44
44
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
45
45
  'fluid-width': this.fluidWidth,
46
46
  }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
47
47
  this.childRef = el;
48
- }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'af5a21fd419ed88bb6aa5dbdddee5b0e13bde87f', role: "menu" }, h("slot", { key: '70811543fa73325aadcf11c5ebe7de7bf130b6cd' })))));
48
+ }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f1549f6d338ed8e9a511577a85735b834a89df27', role: "menu" }, h("slot", { key: 'def698636f21c11133ad0289b21b76db0f208116' })))));
49
49
  }
50
50
  get host() { return getElement(this); }
51
51
  };
@@ -86,7 +86,7 @@ const TdsTableBodyInputWrapper = class {
86
86
  }
87
87
  }
88
88
  render() {
89
- return (h(Host, { key: '8030b00df873e3a242708a9b4fe88b4ad618d069', class: {
89
+ return (h(Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
90
90
  'focused-input-wrapper': this.inputFocused,
91
91
  'show-icon': this.showIcon,
92
92
  'tds-table__compact': this.compactDesign,
@@ -64,16 +64,20 @@ const TdsTooltip = class {
64
64
  }
65
65
  render() {
66
66
  var _a;
67
- return (h(Host, { key: '898440a89d6d72e57b537aa442f806667240a1c1', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '3265ee9e08d6802c086a4c12cfcefc110a0f5dd2' }, this.inheritedAttributes, { class: {
67
+ return (h(Host, { key: '69ced518e10ea5d65da8266257d7f7bba5db3f63', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '9511b6fb5dcd5a270de5b6f9b50b40271b4f5030' }, this.inheritedAttributes, { class: {
68
68
  'tds-tooltip': true,
69
69
  [`tds-tooltip-${this.border}`]: true,
70
70
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
71
71
  'tds-tooltip-show': this.show,
72
- }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
72
+ }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false,
73
+ // @ts-ignore
74
+ onInternalTdsShow: () => {
73
75
  this.show = true;
74
- }, onInternalTdsClose: () => {
76
+ },
77
+ // @ts-ignore
78
+ onInternalTdsClose: () => {
75
79
  this.show = false;
76
- }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '150aa2a7fdc8bad50c6f42148ce2091eb5058b82' }))));
80
+ }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '8fb6467b2d1fa2ce6a70a171966ff245f8205b55' }))));
77
81
  }
78
82
  get host() { return getElement(this); }
79
83
  };
@@ -1 +1 @@
1
- import{r as e,h as o}from"./p-BqRtRha-.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:normal}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}
1
+ import{r as e,h as o}from"./p-BqRtRha-.js";const t=class{constructor(o){e(this,o)}render(){return o("h4",{key:"4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a"},o("slot",{key:"e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc"}))}};t.style="h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";export{t as tds_header_title}