@scania/tegel 1.31.0 → 1.31.1-asset-load-order-local-first.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 (106) hide show
  1. package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
  2. package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
  3. package/dist/cjs/tds-footer.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
  6. package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
  7. package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
  8. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
  9. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
  11. package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
  12. package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
  13. package/dist/cjs/tds-toast.cjs.entry.js +3 -3
  14. package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
  15. package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
  16. package/dist/collection/assets/logos/scania-logotype.png +0 -0
  17. package/dist/collection/assets/logos/scania-logotype.svg +2355 -0
  18. package/dist/collection/assets/logos/scania-wordmark-white.png +0 -0
  19. package/dist/collection/assets/logos/scania-wordmark.png +0 -0
  20. package/dist/collection/assets/logos/scania-wordmark.svg +17 -0
  21. package/dist/collection/components/footer/footer.css +1 -1
  22. package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +1 -1
  23. package/dist/collection/components/popover-core/tds-popover-core.css +0 -8307
  24. package/dist/collection/components/slider/slider-stories-setup.js +235 -0
  25. package/dist/collection/components/table/table-toolbar/table-toolbar.css +6 -1
  26. package/dist/collection/components/table/table-toolbar/table-toolbar.js +3 -2
  27. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
  28. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
  29. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
  30. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
  31. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
  32. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
  33. package/dist/collection/components/text-field/text-field.js +5 -5
  34. package/dist/collection/components/textarea/textarea.js +4 -4
  35. package/dist/collection/components/toast/toast.js +3 -3
  36. package/dist/collection/components/toggle/toggle.js +2 -2
  37. package/dist/collection/components/tooltip/tooltip.js +2 -2
  38. package/dist/collection/stories/formatHtmlPreview.js +10 -0
  39. package/dist/components/{p-4420365f.js → p-9cee9d7f.js} +3 -3
  40. package/dist/components/p-d3866be7.js +2098 -0
  41. package/dist/components/{p-516d8085.js → p-df84759a.js} +1 -1
  42. package/dist/components/tds-folder-tab.js +2 -2
  43. package/dist/components/tds-folder-tabs.js +2 -2
  44. package/dist/components/tds-footer.js +1 -1
  45. package/dist/components/tds-header-brand-symbol.js +1 -1
  46. package/dist/components/tds-header-dropdown.js +2 -2
  47. package/dist/components/tds-header-launcher.js +2 -2
  48. package/dist/components/tds-inline-tab.js +2 -2
  49. package/dist/components/tds-inline-tabs.js +2 -2
  50. package/dist/components/tds-navigation-tab.js +2 -2
  51. package/dist/components/tds-navigation-tabs.js +4 -4
  52. package/dist/components/tds-popover-canvas.js +1 -1
  53. package/dist/components/tds-popover-core.js +1 -1
  54. package/dist/components/tds-popover-menu.js +1 -1
  55. package/dist/components/tds-table-toolbar.js +3 -3
  56. package/dist/components/tds-text-field.js +5 -5
  57. package/dist/components/tds-textarea.js +6 -6
  58. package/dist/components/tds-toast.js +3 -3
  59. package/dist/components/tds-toggle.js +2 -2
  60. package/dist/components/tds-tooltip.js +1 -1
  61. package/dist/esm/tds-folder-tab.entry.js +2 -2
  62. package/dist/esm/tds-folder-tabs.entry.js +2 -2
  63. package/dist/esm/tds-footer.entry.js +1 -1
  64. package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
  65. package/dist/esm/tds-inline-tab.entry.js +2 -2
  66. package/dist/esm/tds-inline-tabs.entry.js +2 -2
  67. package/dist/esm/tds-navigation-tab.entry.js +2 -2
  68. package/dist/esm/tds-navigation-tabs.entry.js +4 -4
  69. package/dist/esm/tds-popover-core.entry.js +1 -1
  70. package/dist/esm/tds-table-toolbar.entry.js +3 -3
  71. package/dist/esm/tds-text-field.entry.js +5 -5
  72. package/dist/esm/tds-textarea.entry.js +4 -4
  73. package/dist/esm/tds-toast.entry.js +3 -3
  74. package/dist/esm/tds-toggle.entry.js +2 -2
  75. package/dist/esm/tds-tooltip.entry.js +2 -2
  76. package/dist/tegel/assets/logos/scania-logotype.png +0 -0
  77. package/dist/tegel/assets/logos/scania-logotype.svg +2355 -0
  78. package/dist/tegel/assets/logos/scania-wordmark-white.png +0 -0
  79. package/dist/tegel/assets/logos/scania-wordmark.png +0 -0
  80. package/dist/tegel/assets/logos/scania-wordmark.svg +17 -0
  81. package/dist/tegel/p-0cac9ea6.entry.js +1 -0
  82. package/dist/tegel/{p-a1262f8f.entry.js → p-106e048d.entry.js} +1 -1
  83. package/dist/tegel/{p-2286d4c3.entry.js → p-10dfd194.entry.js} +1 -1
  84. package/dist/tegel/{p-b9603974.entry.js → p-1297d40e.entry.js} +1 -1
  85. package/dist/tegel/{p-0ca95c76.entry.js → p-212e1fff.entry.js} +1 -1
  86. package/dist/tegel/p-3a92d554.entry.js +1 -0
  87. package/dist/tegel/{p-2774f177.entry.js → p-46b66490.entry.js} +1 -1
  88. package/dist/tegel/{p-1116da44.entry.js → p-52adc30c.entry.js} +1 -1
  89. package/dist/tegel/{p-87ba6285.entry.js → p-64be21db.entry.js} +1 -1
  90. package/dist/tegel/{p-d29a777f.entry.js → p-67b4b2cf.entry.js} +1 -1
  91. package/dist/tegel/{p-e7a452a8.entry.js → p-76faaf70.entry.js} +1 -1
  92. package/dist/tegel/{p-9d8bb017.entry.js → p-78823da3.entry.js} +1 -1
  93. package/dist/tegel/{p-6631ea34.entry.js → p-bb1d069f.entry.js} +1 -1
  94. package/dist/tegel/{p-051c9000.entry.js → p-c7b0253c.entry.js} +1 -1
  95. package/dist/tegel/p-cbe217bf.entry.js +1 -0
  96. package/dist/tegel/tegel.css +2 -2
  97. package/dist/tegel/tegel.esm.js +1 -1
  98. package/dist/types/components/slider/slider-stories-setup.d.ts +233 -0
  99. package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +1 -0
  100. package/dist/types/stories/formatHtmlPreview.d.ts +2 -0
  101. package/package.json +1 -1
  102. package/scripts/copy-assets.mjs +32 -30
  103. package/dist/components/p-96e83134.js +0 -2098
  104. package/dist/tegel/p-26e8f033.entry.js +0 -1
  105. package/dist/tegel/p-5ade1970.entry.js +0 -1
  106. package/dist/tegel/p-b58c7bed.entry.js +0 -1
@@ -41,10 +41,10 @@ const TdsFolderTab = class {
41
41
  }
42
42
  }
43
43
  render() {
44
- return (index.h(index.Host, { key: '3e036096f61107d381945ce7b9a4478668666d20', "aria-selected": this.selected }, index.h("div", { key: 'a99712b0487ea9102b4cd0afd3c079a0f52b7ce9', class: {
44
+ return (index.h(index.Host, { key: '19a42f7143a8f32130642bd50dd6817f871fdf20', "aria-selected": this.selected }, index.h("div", { key: '51bef3bebff5e13d7c949529919865780d8b33de', class: {
45
45
  selected: this.selected,
46
46
  disabled: this.disabled,
47
- }, style: { width: `${this.tabWidth}px` } }, index.h("slot", { key: 'eddb270a4d93a3fe824531bd86b769246545262e' }))));
47
+ }, style: { width: `${this.tabWidth}px` } }, index.h("slot", { key: '2b661d3518f047f7bd0e50a121987eb62c5d42e8' }))));
48
48
  }
49
49
  get host() { return index.getElement(this); }
50
50
  };
@@ -169,9 +169,9 @@ const TdsFolderTabs = class {
169
169
  this.removeEventListenerFromTabs();
170
170
  }
171
171
  render() {
172
- return (index.h(index.Host, { key: '382b6b5286588f36ff98f20c1a6a76cc5f59aac0', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'd3118c3bb9e31de96eaabc91c78d125856c665d5', class: "wrapper", ref: (el) => {
172
+ return (index.h(index.Host, { key: 'c56bf987e23ade8b30cd2470ab1ed0f4273bd191', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'afab8a86427918d5ac4bbc17dd2a436a986df577', class: "wrapper", ref: (el) => {
173
173
  this.navWrapperElement = el;
174
- } }, index.h("button", { key: '26f0d1733a766f96de00328e041e06ecab13c1dc', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, index.h("tds-icon", { key: '1e62e87833204ccfe40ffc52f29567dc75f3f9e0', name: "chevron_left", size: "20px" })), index.h("slot", { key: '7c33f235eed736380307d496d62da55223d7f90b', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'b2d3faaa0bc01f1385cf44e80e29f5445e928381', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, index.h("tds-icon", { key: 'c04434dd18f0ae0c2b2e43b5dfd4ab4a5c317a25', name: "chevron_right", size: "20px" })))));
174
+ } }, index.h("button", { key: '0b82a953932e888d05478d82944c90768f97bb36', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, index.h("tds-icon", { key: '50cd22c5be43ae452e0896b449570774c3ab0151', name: "chevron_left", size: "20px" })), index.h("slot", { key: '3cb17dddc8592241c467167b3a0028355f2b7d5e', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '23c289b70d723b2d0705692835a510b8a650fcfa', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, index.h("tds-icon", { key: 'fff2bfcbcf916d1b391aa25ee5f6fda3c8e63d23', name: "chevron_right", size: "20px" })))));
175
175
  }
176
176
  get host() { return index.getElement(this); }
177
177
  static get watchers() { return {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-ca8040ad.js');
6
6
  const hasSlot = require('./hasSlot-1c90e9ba.js');
7
7
 
8
- const footerCss = ":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg), var(--tds-background-image-scania-wordmark-white-svg-local);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";
8
+ const footerCss = ":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";
9
9
  const TdsFooterStyle0 = footerCss;
10
10
 
11
11
  const TdsFooter = class {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-ca8040ad.js');
6
6
 
7
- const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-svg-local);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";
7
+ const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";
8
8
  const TdsHeaderBrandSymbolStyle0 = headerBrandSymbolCss;
9
9
 
10
10
  const TdsHeaderBrandSymbol = class {
@@ -36,11 +36,11 @@ const TdsInlineTab = class {
36
36
  }
37
37
  }
38
38
  render() {
39
- return (index.h(index.Host, { key: 'fb0af4b885f31d9afa67f76bf3cf122f59876079', "aria-selected": this.selected }, index.h("div", { key: '624b7370a054f490575a9a2491eaa9277f4a77ba', class: {
39
+ return (index.h(index.Host, { key: '496b56fa31a50e26ceea5275e29873d030ea2937', "aria-selected": this.selected }, index.h("div", { key: 'c67bfb892ea721b1ad329e00453fe62dcf4681c0', class: {
40
40
  'inline-tab-item': true,
41
41
  'selected': this.selected,
42
42
  'disabled': this.disabled,
43
- } }, index.h("slot", { key: '0eadedfe560fe93faebf07a8f1a546ae022676d9' }))));
43
+ } }, index.h("slot", { key: 'bae7788e0625279f4eb82129da1256fbb7f1c95b' }))));
44
44
  }
45
45
  get host() { return index.getElement(this); }
46
46
  };
@@ -176,9 +176,9 @@ const TdsInlineTabs = class {
176
176
  this.removeEventListenerFromTabs();
177
177
  }
178
178
  render() {
179
- return (index.h(index.Host, { key: 'ccd58f7b7b6bb4423fa45a6d6177386f5561e32a', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: '0369ce03c5cb29f24762b6b5bb3ba932f82a0869', class: "wrapper", ref: (el) => {
179
+ return (index.h(index.Host, { key: '9fa2d8cb54ac480fb5875432440506b0c12efaa5', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'aecb68d56088f84e271f3c829c84da4e732df9b8', class: "wrapper", ref: (el) => {
180
180
  this.navWrapperElement = el;
181
- }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'f8cf277e9bb870d3b7d53bc3eff73806b61f0828', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'f72664b9b0f19b9a0c4ded16bd1be4b66594406a', name: "chevron_left", size: "20px" })), index.h("slot", { key: '1e2bc784f1148361bf04b34cbbdb62f3d3aad8af', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: 'b9d0e45c7d46a399081d561e496c5d1cc81132b0', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '55bbe28b1524a0ac6a808b1fb41225263977005f', name: "chevron_right", size: "20px" })))));
181
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '9b97d342cfe66209063b504b49480d587cd626d5', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'a447ce946eb5bc02a2527f210322aa76ca5ad5b8', name: "chevron_left", size: "20px" })), index.h("slot", { key: '1df34e68bbea35ef76de48e7b8fe96b3a8655792', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '7c753dd66c173265c32a7b49197df12fbecc78d1', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'f76934b67470db5ff6ddb6fbae86f87fd3d0bdee', name: "chevron_right", size: "20px" })))));
182
182
  }
183
183
  get host() { return index.getElement(this); }
184
184
  static get watchers() { return {
@@ -36,8 +36,8 @@ const TdsNavigationTab = class {
36
36
  }
37
37
  }
38
38
  render() {
39
- return (index.h(index.Host, { key: '089ff23cbaa8ec219eb3771964a6843015b47378' }, index.h("div", { key: 'c75620addf322521de678bf4012c5c1dfdeb9464', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
40
- ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'f3bb65a7f8aad7adfc0ccb5d4bbc1c98c368978b' }))));
39
+ return (index.h(index.Host, { key: '28ba6f5bedc4f2a31e5011e37bf92d3b38fa8abe' }, index.h("div", { key: 'ac5aad203d8a13dc42a8f9e99b2ccdd7c784c9af', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
40
+ ${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'da6292612753748f6cac68e0b282ecde642cb5b5' }))));
41
41
  }
42
42
  get host() { return index.getElement(this); }
43
43
  };
@@ -176,15 +176,15 @@ const TdsNavigationTabs = class {
176
176
  this.removeEventListenerFromTabs();
177
177
  }
178
178
  render() {
179
- return (index.h(index.Host, { key: '26d9458d689f9304aa6fb6a5b07f05079c715152', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '8b8568c45abe2952607764df75682a10864bf35e', class: "wrapper", ref: (el) => {
179
+ return (index.h(index.Host, { key: '2fc278cacc04614ca43b70f52b12f79b31227fbb', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '50357810903ea3bff83fde4478960de0866c7c15', class: "wrapper", ref: (el) => {
180
180
  this.navWrapperElement = el;
181
- }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '369338833a13937105bf4ebaf50a22b9cb5d618f', "aria-label": this.tdsScrollLeftAriaLabel, class: {
181
+ }, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'b5b05a2f9bce1618c71594cf388dc83efce98915', "aria-label": this.tdsScrollLeftAriaLabel, class: {
182
182
  'scroll-left-button': true,
183
183
  'show': this.showLeftScroll,
184
- }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'bea7b39e109ad4453065176b0e16e0d0595ba37a', name: "chevron_left", size: "20px" })), index.h("slot", { key: '5b82ca06921a3566ab7c1614d6e551e4332d8112', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '50c111d8298d3715503b251d890c2a59f984c9fc', "aria-label": this.tdsScrollRightAriaLabel, class: {
184
+ }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'aad19852d36ff8e1642ba464f9618a57ff37169c', name: "chevron_left", size: "20px" })), index.h("slot", { key: '3dcf0d7e6900df33a69863868a3a48dcb4aa8141', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '352539955226aecf92deb0c0db83c42a5b021e43', "aria-label": this.tdsScrollRightAriaLabel, class: {
185
185
  'scroll-right-button': true,
186
186
  'show': this.showRightScroll,
187
- }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '9e7ba00a1c6e155dcb8f76a175411ee9d20fb669', name: "chevron_right", size: "20px" })))));
187
+ }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '0e3fe531374dd82b6ee5de1a5a1bea4a38e03500', name: "chevron_right", size: "20px" })))));
188
188
  }
189
189
  get host() { return index.getElement(this); }
190
190
  static get watchers() { return {