@designsystem-se/af 32.3.0 → 32.3.1-beta.1

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 (114) hide show
  1. package/components/digi-bar-chart.js +4 -4
  2. package/components/digi-chart-line.js +7 -4
  3. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  4. package/dist/cjs/digi-bar-chart.cjs.entry.js +4 -4
  5. package/dist/cjs/{digi-chart-line.cjs.entry.js → digi-button_6.cjs.entry.js} +224 -5
  6. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2 -1
  7. package/dist/cjs/digi-code-block_3.cjs.entry.js +2 -1
  8. package/dist/cjs/digi-dialog.cjs.entry.js +2 -1
  9. package/dist/cjs/digi-expandable-accordion.cjs.entry.js +2 -1
  10. package/dist/cjs/digi-footer.cjs.entry.js +2 -1
  11. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -1
  12. package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -1
  13. package/dist/cjs/digi-form-select-filter.cjs.entry.js +2 -1
  14. package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -1
  15. package/dist/cjs/digi-header.cjs.entry.js +2 -1
  16. package/dist/cjs/digi-link.cjs.entry.js +78 -0
  17. package/dist/cjs/{digi-link_2.cjs.entry.js → digi-logo_2.cjs.entry.js} +24 -72
  18. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -1
  19. package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -1
  20. package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -1
  21. package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -1
  22. package/dist/cjs/index-cfa8e9be.js +10 -26
  23. package/dist/cjs/index.cjs.js +13 -12
  24. package/dist/cjs/link-variation.enum-e6d243b1.js +7 -0
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/cjs/{logo-variation.enum-3632e1e1.js → logo-variation.enum-607fadb4.js} +0 -6
  27. package/dist/collection/components/_chart/bar-chart/bar-chart.js +4 -4
  28. package/dist/collection/components/_chart/chart-line/chart-line.js +7 -4
  29. package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +6 -0
  30. package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +6 -8
  31. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  32. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  33. package/dist/digi-arbetsformedlingen/p-02646d18.entry.js +1 -0
  34. package/dist/digi-arbetsformedlingen/p-0873a381.entry.js +1 -0
  35. package/dist/digi-arbetsformedlingen/p-125dd887.entry.js +1 -0
  36. package/dist/digi-arbetsformedlingen/p-195cf497.entry.js +1 -0
  37. package/dist/digi-arbetsformedlingen/p-25faef21.entry.js +1 -0
  38. package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
  39. package/dist/digi-arbetsformedlingen/p-4028ad65.entry.js +1 -0
  40. package/dist/digi-arbetsformedlingen/p-45fe2828.entry.js +1 -0
  41. package/dist/digi-arbetsformedlingen/p-4c6f74fb.entry.js +1 -0
  42. package/dist/digi-arbetsformedlingen/p-52b4119a.entry.js +1 -0
  43. package/dist/digi-arbetsformedlingen/p-81e86ac1.entry.js +1 -0
  44. package/dist/digi-arbetsformedlingen/{p-c2ee26cb.js → p-8fc1143f.js} +1 -1
  45. package/dist/digi-arbetsformedlingen/p-a272c883.entry.js +1 -0
  46. package/dist/digi-arbetsformedlingen/p-ad9a707b.js +1 -0
  47. package/dist/digi-arbetsformedlingen/p-d7fe697e.entry.js +1 -0
  48. package/dist/digi-arbetsformedlingen/p-e661462a.entry.js +1 -0
  49. package/dist/digi-arbetsformedlingen/p-e8ae7a8d.entry.js +1 -0
  50. package/dist/digi-arbetsformedlingen/p-edda9cea.entry.js +1 -0
  51. package/dist/digi-arbetsformedlingen/p-f4c3f47e.entry.js +1 -0
  52. package/dist/digi-arbetsformedlingen/p-fb8ac3de.entry.js +1 -0
  53. package/dist/digi-arbetsformedlingen/p-fc4dc147.entry.js +1 -0
  54. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  55. package/dist/esm/digi-bar-chart.entry.js +5 -5
  56. package/dist/esm/{digi-chart-line.entry.js → digi-button_6.entry.js} +222 -8
  57. package/dist/esm/digi-calendar-datepicker.entry.js +2 -1
  58. package/dist/esm/digi-code-block_3.entry.js +2 -1
  59. package/dist/esm/digi-dialog.entry.js +2 -1
  60. package/dist/esm/digi-expandable-accordion.entry.js +2 -1
  61. package/dist/esm/digi-footer.entry.js +2 -1
  62. package/dist/esm/digi-form-error-list.entry.js +2 -1
  63. package/dist/esm/digi-form-receipt.entry.js +2 -1
  64. package/dist/esm/digi-form-select-filter.entry.js +2 -1
  65. package/dist/esm/digi-header-navigation.entry.js +2 -1
  66. package/dist/esm/digi-header.entry.js +2 -1
  67. package/dist/esm/digi-link.entry.js +74 -0
  68. package/dist/esm/{digi-link_2.entry.js → digi-logo_2.entry.js} +25 -73
  69. package/dist/esm/digi-navigation-pagination.entry.js +2 -1
  70. package/dist/esm/digi-notification-alert.entry.js +2 -1
  71. package/dist/esm/digi-notification-error-page.entry.js +2 -1
  72. package/dist/esm/digi-tools-feedback.entry.js +2 -1
  73. package/dist/esm/index-8e318bb2.js +10 -26
  74. package/dist/esm/index.js +2 -1
  75. package/dist/esm/{linear-ef018ffb.js → linear-f59f8318.js} +1 -1
  76. package/dist/esm/link-variation.enum-3e259c8a.js +7 -0
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/{logo-variation.enum-636315cc.js → logo-variation.enum-5b68b79f.js} +1 -7
  79. package/hydrate/index.js +11 -8
  80. package/hydrate/index.mjs +11 -8
  81. package/package.json +1 -1
  82. package/dist/cjs/digi-button.cjs.entry.js +0 -130
  83. package/dist/cjs/digi-icon-chart_2.cjs.entry.js +0 -53
  84. package/dist/cjs/digi-icon-x.cjs.entry.js +0 -30
  85. package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -30
  86. package/dist/cjs/digi-typography.cjs.entry.js +0 -30
  87. package/dist/digi-arbetsformedlingen/p-19538845.entry.js +0 -1
  88. package/dist/digi-arbetsformedlingen/p-1b90267f.entry.js +0 -1
  89. package/dist/digi-arbetsformedlingen/p-210dca34.entry.js +0 -1
  90. package/dist/digi-arbetsformedlingen/p-311c00ad.entry.js +0 -1
  91. package/dist/digi-arbetsformedlingen/p-365fcbbc.entry.js +0 -1
  92. package/dist/digi-arbetsformedlingen/p-48572c26.entry.js +0 -1
  93. package/dist/digi-arbetsformedlingen/p-67a69bb7.entry.js +0 -1
  94. package/dist/digi-arbetsformedlingen/p-6d23aabd.entry.js +0 -1
  95. package/dist/digi-arbetsformedlingen/p-6f3ef3b6.entry.js +0 -1
  96. package/dist/digi-arbetsformedlingen/p-77ef8788.entry.js +0 -1
  97. package/dist/digi-arbetsformedlingen/p-7975d958.entry.js +0 -1
  98. package/dist/digi-arbetsformedlingen/p-80232e3f.entry.js +0 -1
  99. package/dist/digi-arbetsformedlingen/p-81cac8dd.entry.js +0 -1
  100. package/dist/digi-arbetsformedlingen/p-a13f2c2f.entry.js +0 -1
  101. package/dist/digi-arbetsformedlingen/p-ab8c8a0e.entry.js +0 -1
  102. package/dist/digi-arbetsformedlingen/p-b0170be7.entry.js +0 -1
  103. package/dist/digi-arbetsformedlingen/p-b1855b86.entry.js +0 -1
  104. package/dist/digi-arbetsformedlingen/p-d0db545e.js +0 -1
  105. package/dist/digi-arbetsformedlingen/p-e86ddfd3.entry.js +0 -1
  106. package/dist/digi-arbetsformedlingen/p-eab849c4.entry.js +0 -1
  107. package/dist/digi-arbetsformedlingen/p-ecd749b9.entry.js +0 -1
  108. package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +0 -1
  109. package/dist/digi-arbetsformedlingen/p-ff728780.entry.js +0 -1
  110. package/dist/esm/digi-button.entry.js +0 -126
  111. package/dist/esm/digi-icon-chart_2.entry.js +0 -48
  112. package/dist/esm/digi-icon-x.entry.js +0 -26
  113. package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -26
  114. package/dist/esm/digi-typography.entry.js +0 -26
@@ -1,9 +1,3 @@
1
- var LinkVariation;
2
- (function (LinkVariation) {
3
- LinkVariation["SMALL"] = "small";
4
- LinkVariation["LARGE"] = "large";
5
- })(LinkVariation || (LinkVariation = {}));
6
-
7
1
  var LogoColor;
8
2
  (function (LogoColor) {
9
3
  LogoColor["PRIMARY"] = "primary";
@@ -16,4 +10,4 @@ var LogoVariation;
16
10
  LogoVariation["LARGE"] = "large";
17
11
  })(LogoVariation || (LogoVariation = {}));
18
12
 
19
- export { LinkVariation as L, LogoColor as a, LogoVariation as b };
13
+ export { LogoColor as L, LogoVariation as a };
package/hydrate/index.js CHANGED
@@ -16347,9 +16347,10 @@ class ChartLine {
16347
16347
  .data([text])
16348
16348
  .join('text')
16349
16349
  .attr('font-size', this.fontSize)
16350
+ .attr('font-family', 'sans-serif')
16350
16351
  .text((d) => d)
16351
16352
  .each((...[, i, nodelist]) => {
16352
- const thisWidth = nodelist[i].getComputedTextLength();
16353
+ const thisWidth = nodelist[i].getComputedTextLength() + 5; // A little extra padding, text sizes seems to be a little small compared to real life
16353
16354
  textWidth.push(thisWidth);
16354
16355
  nodelist[i].remove();
16355
16356
  });
@@ -16358,16 +16359,18 @@ class ChartLine {
16358
16359
  }
16359
16360
  // Goes through all tick values and checks the biggest in size, this one will decide the default tick-size
16360
16361
  setTickSize() {
16362
+ // Padding on both sides comined
16363
+ const textPadding = 25; // 12.5 pixel padding on each side
16361
16364
  if (this._chartData.data.xValueNames) {
16362
16365
  for (const elem of this._chartData.data.xValueNames) {
16363
- const size = this.getTextSize(elem);
16366
+ const size = this.getTextSize(elem) + textPadding;
16364
16367
  if (size > this._tickSize)
16365
16368
  this._tickSize = size;
16366
16369
  }
16367
16370
  }
16368
16371
  else {
16369
16372
  for (const elem of this._chartData.data.xValues) {
16370
- const size = this.getTextSize(elem.toString());
16373
+ const size = this.getTextSize(elem.toString()) + textPadding;
16371
16374
  if (size > this._tickSize)
16372
16375
  this._tickSize = size;
16373
16376
  }
@@ -16485,7 +16488,7 @@ class ChartLine {
16485
16488
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
16486
16489
  else
16487
16490
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
16488
- return (hAsync("host", { key: '599b0ceed35f5372d1fbab921a637e9435273014', ref: (el) => (this._host = el) }, hAsync("div", { key: '7d30965d31f83efe4a5595b6d1142bc0367f0663', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '3de359b224ed3bba175db33e5aec7216b8994e48', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'd63d39502bb4f527f80873acf1dc9b6aa83d9b32', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '59bc7601399c0dd03f29b490e627b4b489f2ce47', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '43cd8c5f4d3e75b05dfaec827803e5f0e026cdfe', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'b7ee0fda3ec7d3a484edefba7013b2228d5fb13b', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '3e218f0ae719329d770bbf40015d14b7eea69030', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '81180bbc15847c234f28b197747e4b7f49ba249a', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '0a35223f2243858cd475d21918ed42d28f84e51f', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'dfd78720458cde92bc08839d6d158709466feb8c', class: "close" }), ' '), hAsync("div", { key: 'b6170e2955828a957f1f2b34dc3c9f1ef7ee2e2f', class: "chart", ref: (el) => (this._chartDiv = el) }), hAsync("div", { key: 'c2f92a38360c0f33464948ae3deea1e3a73d37c8', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '0f8dee442695c4de67f35b574c06a89f1835c9b9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
16491
+ return (hAsync("host", { key: '23524b77e8aa2bb1cae912a08c4f35791074a769', ref: (el) => (this._host = el) }, hAsync("div", { key: '75c7c1a8be55953b5547c5a3dd956027af73fbd1', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '76e755f765d16611ecf82c2980f660f28cb0239a', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '6665f4a0c7f9ea09b938bd690f1ad2f2838f0c9c', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '05aee665d9cd4d743c37cda816a3f5a3fe3128f5', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '9f42b7ac02cb3f45d5d2503a9e12836bd76ce862', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '43e9db95020bf3d24c68a24b269a179d70d8d056', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'fc14ac6bf87466a5655dc5416bac08d0627a41ef', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: 'd65b4ea0b2a3a0abdc7a94e1cfb82e425ba50d2e', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '0ecff411dd746d6f21b53ae0d39729a55bedd957', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '9dd0ba013b81972e3e74b2e068b808f443ba7bf4', class: "close" }), ' '), hAsync("div", { key: '371ba97658cd0e4f3a251bff860c45a43e9da9f1', class: "chart", ref: (el) => (this._chartDiv = el) }), hAsync("div", { key: 'b4f5e4c1bc605f857910ec423f9de0285ac27e88', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '6bcc5645b85e62d321a2c37cd365b2d36b577b9a', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
16489
16492
  }
16490
16493
  get element() { return getElement(this); }
16491
16494
  static get watchers() { return {
@@ -37134,7 +37137,7 @@ class barChart {
37134
37137
  adjustment = Math.ceil((newSize - mSize) / (size / d.length));
37135
37138
  }
37136
37139
  // Slicing the text up, saving atleast 3 characters
37137
- return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)) + '...');
37140
+ return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)).trim() + '...');
37138
37141
  }));
37139
37142
  }
37140
37143
  else {
@@ -37155,13 +37158,13 @@ class barChart {
37155
37158
  const mSize = this._margin.left;
37156
37159
  if (size < mSize)
37157
37160
  return d;
37158
- const newSize = this.getTextSize(d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length), 3)) + '...');
37161
+ const newSize = this.getTextSize(d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length), 3)).trim() + '...');
37159
37162
  let adjustment = 0;
37160
37163
  if (newSize > mSize) {
37161
37164
  adjustment = Math.ceil((newSize - mSize) / (size / d.length));
37162
37165
  }
37163
37166
  // Slicing the text up, saving atleast 3 characters
37164
- return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)) + '...');
37167
+ return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)).trim() + '...');
37165
37168
  }));
37166
37169
  }
37167
37170
  }
@@ -38007,7 +38010,7 @@ class barChart {
38007
38010
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
38008
38011
  <span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
38009
38012
  }
38010
- return (hAsync(Host, { key: '6542bfbcbf8ab501505bbbb8de22e2f974199c17', ref: (el) => (this._host = el) }, hAsync("div", { key: '545d724643358ff83253d7851aee53fd552d1bd2', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: 'e6405ea7d4ab0f499db6b7c3bf9fb1d0b9d8ba2a', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'a51a759093334d02ed4f85374b7c7f6645d26f09', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '0531f03eaae69b9209be45523d00aeed203d3f6c', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '3db29cd19057f2f441183f91eaee4bae49502f76', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'f95b9969e3516e0ef1d03152644b56009e583e1f', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '154173339889b8ae0187491b2392ed45ed6dceca', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '7d01d6003d06b03a5b3005b641f76e658876b688', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '643206324382099ce1acee66b8c409048b736755', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '70a296e1278e914d46c80ae84132dbc4fba5e6d4', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '4af7c0b6fbcf3b08694b9b500cb09f1f2433598a', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '5ea7297db866d101b0872d34d28a0c6bf91459ee', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: 'db2fc9424b364b092ce5f323717d70713d86fd6a', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
38013
+ return (hAsync(Host, { key: '1e65613b383c823e2612b4e3b66c2aab2b6a63ee', ref: (el) => (this._host = el) }, hAsync("div", { key: '0722c740fe78699676bb98247d5aa9b8a2ac6ec4', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '7e318220350058798accc80bcac29764e460c854', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '37799980afd2cf93d1c924220b34a018c03d943b', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '0018a24d271ff038b42623f01b42d781538eeca1', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: 'b52b57a35abd23e47f97ad8aadaf74847d77092c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'd644be20ea9cb15fbd8cf3308e452b9e993da833', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '8e396c518fdcf565d8295f67f9ee22b88c1aad94', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '6b95d5b67649fe88aee0fccd276d726a63490c41', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'c1ee45d3d3e2949da0edb7f5ae7f5d824fec7149', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '34cb0be40388ae734b974201975e7ca347c34866', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: 'af236d72c75cf21e1549151c2ad8244d3ec64f8e', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '09ffd8c2a0278de23ec262ca110c629b9e6e3d01', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '510d6eb3e641d7ba0f763426a5d1bd055f1ae68f', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
38011
38014
  }
38012
38015
  get hostElement() { return getElement(this); }
38013
38016
  static get watchers() { return {
package/hydrate/index.mjs CHANGED
@@ -16343,9 +16343,10 @@ class ChartLine {
16343
16343
  .data([text])
16344
16344
  .join('text')
16345
16345
  .attr('font-size', this.fontSize)
16346
+ .attr('font-family', 'sans-serif')
16346
16347
  .text((d) => d)
16347
16348
  .each((...[, i, nodelist]) => {
16348
- const thisWidth = nodelist[i].getComputedTextLength();
16349
+ const thisWidth = nodelist[i].getComputedTextLength() + 5; // A little extra padding, text sizes seems to be a little small compared to real life
16349
16350
  textWidth.push(thisWidth);
16350
16351
  nodelist[i].remove();
16351
16352
  });
@@ -16354,16 +16355,18 @@ class ChartLine {
16354
16355
  }
16355
16356
  // Goes through all tick values and checks the biggest in size, this one will decide the default tick-size
16356
16357
  setTickSize() {
16358
+ // Padding on both sides comined
16359
+ const textPadding = 25; // 12.5 pixel padding on each side
16357
16360
  if (this._chartData.data.xValueNames) {
16358
16361
  for (const elem of this._chartData.data.xValueNames) {
16359
- const size = this.getTextSize(elem);
16362
+ const size = this.getTextSize(elem) + textPadding;
16360
16363
  if (size > this._tickSize)
16361
16364
  this._tickSize = size;
16362
16365
  }
16363
16366
  }
16364
16367
  else {
16365
16368
  for (const elem of this._chartData.data.xValues) {
16366
- const size = this.getTextSize(elem.toString());
16369
+ const size = this.getTextSize(elem.toString()) + textPadding;
16367
16370
  if (size > this._tickSize)
16368
16371
  this._tickSize = size;
16369
16372
  }
@@ -16481,7 +16484,7 @@ class ChartLine {
16481
16484
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
16482
16485
  else
16483
16486
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
16484
- return (hAsync("host", { key: '599b0ceed35f5372d1fbab921a637e9435273014', ref: (el) => (this._host = el) }, hAsync("div", { key: '7d30965d31f83efe4a5595b6d1142bc0367f0663', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '3de359b224ed3bba175db33e5aec7216b8994e48', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'd63d39502bb4f527f80873acf1dc9b6aa83d9b32', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '59bc7601399c0dd03f29b490e627b4b489f2ce47', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '43cd8c5f4d3e75b05dfaec827803e5f0e026cdfe', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'b7ee0fda3ec7d3a484edefba7013b2228d5fb13b', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '3e218f0ae719329d770bbf40015d14b7eea69030', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '81180bbc15847c234f28b197747e4b7f49ba249a', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '0a35223f2243858cd475d21918ed42d28f84e51f', class: "tooltipBody" }), hAsync("digi-icon-x", { key: 'dfd78720458cde92bc08839d6d158709466feb8c', class: "close" }), ' '), hAsync("div", { key: 'b6170e2955828a957f1f2b34dc3c9f1ef7ee2e2f', class: "chart", ref: (el) => (this._chartDiv = el) }), hAsync("div", { key: 'c2f92a38360c0f33464948ae3deea1e3a73d37c8', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '0f8dee442695c4de67f35b574c06a89f1835c9b9', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
16487
+ return (hAsync("host", { key: '23524b77e8aa2bb1cae912a08c4f35791074a769', ref: (el) => (this._host = el) }, hAsync("div", { key: '75c7c1a8be55953b5547c5a3dd956027af73fbd1', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '76e755f765d16611ecf82c2980f660f28cb0239a', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '6665f4a0c7f9ea09b938bd690f1ad2f2838f0c9c', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '05aee665d9cd4d743c37cda816a3f5a3fe3128f5', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '9f42b7ac02cb3f45d5d2503a9e12836bd76ce862', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '43e9db95020bf3d24c68a24b269a179d70d8d056', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'fc14ac6bf87466a5655dc5416bac08d0627a41ef', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: 'd65b4ea0b2a3a0abdc7a94e1cfb82e425ba50d2e', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '0ecff411dd746d6f21b53ae0d39729a55bedd957', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '9dd0ba013b81972e3e74b2e068b808f443ba7bf4', class: "close" }), ' '), hAsync("div", { key: '371ba97658cd0e4f3a251bff860c45a43e9da9f1', class: "chart", ref: (el) => (this._chartDiv = el) }), hAsync("div", { key: 'b4f5e4c1bc605f857910ec423f9de0285ac27e88', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '6bcc5645b85e62d321a2c37cd365b2d36b577b9a', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
16485
16488
  }
16486
16489
  get element() { return getElement(this); }
16487
16490
  static get watchers() { return {
@@ -37130,7 +37133,7 @@ class barChart {
37130
37133
  adjustment = Math.ceil((newSize - mSize) / (size / d.length));
37131
37134
  }
37132
37135
  // Slicing the text up, saving atleast 3 characters
37133
- return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)) + '...');
37136
+ return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)).trim() + '...');
37134
37137
  }));
37135
37138
  }
37136
37139
  else {
@@ -37151,13 +37154,13 @@ class barChart {
37151
37154
  const mSize = this._margin.left;
37152
37155
  if (size < mSize)
37153
37156
  return d;
37154
- const newSize = this.getTextSize(d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length), 3)) + '...');
37157
+ const newSize = this.getTextSize(d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length), 3)).trim() + '...');
37155
37158
  let adjustment = 0;
37156
37159
  if (newSize > mSize) {
37157
37160
  adjustment = Math.ceil((newSize - mSize) / (size / d.length));
37158
37161
  }
37159
37162
  // Slicing the text up, saving atleast 3 characters
37160
- return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)) + '...');
37163
+ return (d.slice(0, Math.max(Math.floor((mSize / (size + this._ellipsisSize)) * d.length) - adjustment, 3)).trim() + '...');
37161
37164
  }));
37162
37165
  }
37163
37166
  }
@@ -38003,7 +38006,7 @@ class barChart {
38003
38006
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}
38004
38007
  <span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this._chartData.infoText}</span></p>`;
38005
38008
  }
38006
- return (hAsync(Host, { key: '6542bfbcbf8ab501505bbbb8de22e2f974199c17', ref: (el) => (this._host = el) }, hAsync("div", { key: '545d724643358ff83253d7851aee53fd552d1bd2', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: 'e6405ea7d4ab0f499db6b7c3bf9fb1d0b9d8ba2a', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: 'a51a759093334d02ed4f85374b7c7f6645d26f09', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '0531f03eaae69b9209be45523d00aeed203d3f6c', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '3db29cd19057f2f441183f91eaee4bae49502f76', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'f95b9969e3516e0ef1d03152644b56009e583e1f', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '154173339889b8ae0187491b2392ed45ed6dceca', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '7d01d6003d06b03a5b3005b641f76e658876b688', class: "chartTooltip", id: this.afId }, hAsync("div", { key: '643206324382099ce1acee66b8c409048b736755', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '70a296e1278e914d46c80ae84132dbc4fba5e6d4', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: '4af7c0b6fbcf3b08694b9b500cb09f1f2433598a', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '5ea7297db866d101b0872d34d28a0c6bf91459ee', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: 'db2fc9424b364b092ce5f323717d70713d86fd6a', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
38009
+ return (hAsync(Host, { key: '1e65613b383c823e2612b4e3b66c2aab2b6a63ee', ref: (el) => (this._host = el) }, hAsync("div", { key: '0722c740fe78699676bb98247d5aa9b8a2ac6ec4', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, hAsync("digi-typography", { key: '7e318220350058798accc80bcac29764e460c854', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '37799980afd2cf93d1c924220b34a018c03d943b', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: '0018a24d271ff038b42623f01b42d781538eeca1', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: 'b52b57a35abd23e47f97ad8aadaf74847d77092c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: 'd644be20ea9cb15fbd8cf3308e452b9e993da833', slot: "icon" }), "Visa diagram"), hAsync("div", { key: '8e396c518fdcf565d8295f67f9ee22b88c1aad94', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), hAsync("div", { key: '6b95d5b67649fe88aee0fccd276d726a63490c41', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'c1ee45d3d3e2949da0edb7f5ae7f5d824fec7149', class: "tooltipBody" }), hAsync("digi-icon-x", { key: '34cb0be40388ae734b974201975e7ca347c34866', class: "close" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", null)) : (hAsync("digi-icon-caret-down", null))), hAsync("div", { key: 'af236d72c75cf21e1549151c2ad8244d3ec64f8e', ref: (el) => (this._chartDiv = el) }, " "), hAsync("div", { key: '09ffd8c2a0278de23ec262ca110c629b9e6e3d01', class: "legend", ref: (el) => (this._legendDiv = el) }), hAsync("div", { key: '510d6eb3e641d7ba0f763426a5d1bd055f1ae68f', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
38007
38010
  }
38008
38011
  get hostElement() { return getElement(this); }
38009
38012
  static get watchers() { return {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designsystem-se/af",
3
3
  "author": "Arbetsförmedlingen",
4
- "version": "32.3.0",
4
+ "version": "32.3.1-beta.1",
5
5
  "description": "Web Components for Digi Designsystem",
6
6
  "license": "Apache-2.0",
7
7
  "main": "./dist/index.cjs.js",
@@ -1,130 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-cfa8e9be.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
- const buttonSize_enum = require('./button-size.enum-7921c01e.js');
8
- const buttonType_enum = require('./button-type.enum-406723db.js');
9
- const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
10
-
11
- const buttonCss = ".digi--util--fs--xs.sc-digi-button{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-button{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-button{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-button{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-button{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-button{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-button{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-button{padding-top:5rem !important}.digi--util--pb--1.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-button{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-button{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-button{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-button{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-button{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-button{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-button{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-button{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-button{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-button{padding:2.5rem !important}.digi--util--p--60.sc-digi-button{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-button{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-button{padding:4.5rem !important}.digi--util--p--90.sc-digi-button{padding:5rem !important}.digi--util--ptb--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-button{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-button{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-button{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-button{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-button{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-button{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-button{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-button{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-button{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-button{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-button{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-button{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-button{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-button{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-button{display:none}.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--inverted-1);--digi--button--color--background--primary--hover:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--focus:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--active:var(--digi--color--background--inverted-6);--digi--button--color--background--secondary--default:var(--digi--color--background--primary);--digi--button--color--background--secondary--hover:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--focus:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--active:var(--digi--color--background--inverted-5);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--inverted);--digi--button--color--text--primary--hover:var(--digi--color--text--inverted);--digi--button--color--text--primary--focus:var(--digi--color--text--inverted);--digi--button--color--text--primary--active:var(--digi--color--text--inverted);--digi--button--color--text--secondary--default:var(--digi--color--text--secondary);--digi--button--color--text--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--text--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--text--secondary--active:var(--digi--color--text--secondary);--digi--button--color--text--function--default:var(--digi--color--text--link);--digi--button--color--text--function--hover:var(--digi--color--text--link-hover);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--text--function--active:var(--digi--color--text--secondary);--digi--button--color--border--primary--default:var(--digi--color--border--secondary);--digi--button--color--border--primary--hover:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--focus:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--active:var(--digi--color--border--inverted-2);--digi--button--color--border--secondary--default:var(--digi--color--border--secondary);--digi--button--color--border--secondary--hover:var(--digi--color--border--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--secondary);--digi--button--color--border--secondary--active:var(--digi--color--border--secondary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--text--inverted);--digi--button--color--icon--primary--hover:var(--digi--color--text--inverted);--digi--button--color--icon--primary--focus:var(--digi--color--text--inverted);--digi--button--color--icon--primary--active:var(--digi--color--text--inverted);--digi--button--color--icon--secondary--default:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--active:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--link);--digi--button--color--icon--function--hover:var(--digi--color--text--link-hover);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--active:var(--digi--color--text--secondary);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-size--large:var(--digi--global--typography--font-size--interaction-large);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset;--digi--button--min-height--large:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--primary--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--primary--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--primary--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--primary--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--primary--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--primary--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--secondary--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--secondary--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--secondary--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--secondary--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--secondary--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(\n --digi--button--color--border--secondary--active\n );--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--secondary--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(\n --digi--button--border-radius--secondary--active\n );--BORDER-WIDTH--DEFAULT:var(\n --digi--button--border-width--secondary--default\n );--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(\n --digi--button--border-style--secondary--default\n );--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n --digi--button--color--background--function--default\n );--COLOR--BACKGROUND--HOVER:var(\n --digi--button--color--background--function--hover\n );--COLOR--BACKGROUND--FOCUS:var(\n --digi--button--color--background--function--focus\n );--COLOR--BACKGROUND--ACTIVE:var(\n --digi--button--color--background--function--active\n );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(\n --digi--button--color--border--function--default\n );--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(\n --digi--button--border-radius--function--default\n );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--large)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(\n --digi--button--text-align--full-width\n );--digi--button--justify-content--default:var(\n --digi--button--justify-content--full-width\n )}";
12
- const DigiButtonStyle0 = buttonCss;
13
-
14
- const Button = class {
15
- constructor(hostRef) {
16
- index.registerInstance(this, hostRef);
17
- this.afOnClick = index.createEvent(this, "afOnClick", 7);
18
- this.afOnFocus = index.createEvent(this, "afOnFocus", 7);
19
- this.afOnBlur = index.createEvent(this, "afOnBlur", 7);
20
- this.afOnReady = index.createEvent(this, "afOnReady", 3);
21
- this.hasIcon = undefined;
22
- this.hasIconSecondary = undefined;
23
- this.isFullSize = undefined;
24
- this.afSize = buttonSize_enum.ButtonSize.MEDIUM;
25
- this.afTabindex = undefined;
26
- this.afVariation = buttonVariation_enum.ButtonVariation.PRIMARY;
27
- this.afType = buttonType_enum.ButtonType.BUTTON;
28
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-button');
29
- this.afAriaLabel = undefined;
30
- this.afAriaLabelledby = undefined;
31
- this.afAriaControls = undefined;
32
- this.afForm = undefined;
33
- this.afAriaPressed = undefined;
34
- this.afAriaExpanded = undefined;
35
- this.afAriaHaspopup = undefined;
36
- this.afAriaCurrent = undefined;
37
- this.afRole = undefined;
38
- this.afAriaChecked = undefined;
39
- this.afLang = undefined;
40
- this.afDir = undefined;
41
- this.afFullWidth = false;
42
- this.afAutofocus = undefined;
43
- this.afInputRef = undefined;
44
- }
45
- fullWidthHandler() {
46
- this.isFullSize = this.afFullWidth;
47
- }
48
- /**
49
- * Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
50
- * @en Returns a reference to the button element. Handy for setting focus programmatically.
51
- */
52
- async afMGetButtonElement() {
53
- return this._button;
54
- }
55
- componentWillLoad() {
56
- this.setHasIcon();
57
- this.fullWidthHandler();
58
- }
59
- componentWillUpdate() {
60
- this.setHasIcon();
61
- }
62
- componentDidLoad() {
63
- this.afOnReady.emit();
64
- }
65
- setHasIcon() {
66
- const icon = !!this.hostElement.querySelector('[slot="icon"]');
67
- const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
68
- if (icon) {
69
- this.hasIcon = icon;
70
- }
71
- if (iconSecondary) {
72
- this.hasIconSecondary = iconSecondary;
73
- }
74
- }
75
- get cssModifiers() {
76
- return {
77
- [`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
78
- [`digi-button--size-${this.afSize}`]: !!this.afSize,
79
- 'digi-button--icon': this.hasIcon,
80
- 'digi-button--icon-secondary': this.hasIconSecondary,
81
- 'digi-button--full-width': this.isFullSize
82
- };
83
- }
84
- get pressedState() {
85
- if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
86
- return;
87
- }
88
- return this.afAriaPressed ? 'true' : 'false';
89
- }
90
- get expandedState() {
91
- if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
92
- return;
93
- }
94
- return this.afAriaExpanded ? 'true' : 'false';
95
- }
96
- get hasPopup() {
97
- if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
98
- return;
99
- }
100
- return this.afAriaHaspopup ? 'true' : 'false';
101
- }
102
- clickHandler(e) {
103
- this.afOnClick.emit(e);
104
- }
105
- focusHandler(e) {
106
- this.afOnFocus.emit(e);
107
- }
108
- blurHandler(e) {
109
- this.afOnBlur.emit(e);
110
- }
111
- render() {
112
- return (index.h(index.Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, index.h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
113
- var _a, _b, _c;
114
- this._button = el;
115
- (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
116
- // Stencil has a bug wiith form attribute so we need to set it like this
117
- // https://github.com/ionic-team/stencil/issues/2703
118
- this.afForm
119
- ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
120
- : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
121
- }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (index.h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, index.h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), index.h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, index.h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (index.h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, index.h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
122
- }
123
- get hostElement() { return index.getElement(this); }
124
- static get watchers() { return {
125
- "afFullWidth": ["fullWidthHandler"]
126
- }; }
127
- };
128
- Button.style = DigiButtonStyle0;
129
-
130
- exports.digi_button = Button;
@@ -1,53 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-cfa8e9be.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const iconChartCss = ".sc-digi-icon-chart-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-chart-h svg.sc-digi-icon-chart{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
9
- const DigiIconChartStyle0 = iconChartCss;
10
-
11
- const IconChart = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afTitle = undefined;
15
- this.afDesc = undefined;
16
- this.afSvgAriaHidden = true;
17
- this.afSvgAriaLabelledby = undefined;
18
- this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
19
- }
20
- render() {
21
- return (index.h("svg", { key: '16fa86185d0c09aca9cba8c771b007e8da0f33fe', width: "56", height: "62", viewBox: "0 0 56 62", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
22
- ? this.afSvgAriaLabelledby
23
- : this.afTitle
24
- ? this.titleId
25
- : undefined }, index.h("title", { key: '36b652e61c6fcf06ac8f7f2440c6db532330fefd' }, "Chart"), this.afTitle && index.h("title", { key: '7e849c2dec73881e6d69ca01f3be4b79450c707c', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '507107a648cb518b296a97c0fb55fe1614ea96e2' }, this.afDesc), index.h("defs", { key: '2fa14be022112356237148f175862a94bba776df' }, index.h("polygon", { key: 'c3200df2ca6d403cb829772fa66e8c3995c4dcd9', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("polygon", { key: '9b8af3cbaee3f0b21d0bd55054b57a203c812d8e', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" })), index.h("g", { key: 'ff03cd865063a27189ccf82fd2c701bcaa8067a9', id: "Ikonguide", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: 'cc604bbc6a53c122295fbb641fd296fc3824019c', transform: "translate(-1012.000000, -804.000000)", id: "Chart" }, index.h("g", { key: '6f4ac52c2ff705f933f68fda82bd23c1dffd32a9', transform: "translate(1013.063248, 823.768116)" }, index.h("g", { key: 'd76200f0fafa52c56dc6787def0aa2570e05ea33', id: "Group", transform: "translate(-0.000000, 0.000000)" }, index.h("path", { key: '604cd4482c210807d5a46877fbf318a8b80abc75', d: "M11.2871933,17.0724638 L3.19179715,17.0724638 C1.47642907,17.0724638 0.0891563449,18.5157634 0.0891563449,20.3004089 L0,39.003939 C0,40.7885845 1.38727273,42.2318841 3.1026408,42.2318841 L11.1980369,42.2318841 C12.913405,42.2318841 14.3006777,40.7885845 14.3006777,39.003939 L14.3898341,20.3004089 C14.3898341,18.5157634 12.9989951,17.0724638 11.2871933,17.0724638", id: "Fill-1", fill: "currentColor" }), index.h("path", { key: '1e6689f0e175c46119bade00fb2f3a1309174771', d: "M31.292107,11.2318841 L23.077661,11.2318841 C21.3370669,11.2318841 19.9293931,12.6247 19.9293931,14.3469222 L19.8389256,39.1168459 C19.8389256,40.8354877 21.2465994,42.2318841 22.9871935,42.2318841 L31.2016396,42.2318841 C32.9422337,42.2318841 34.3499075,40.8354877 34.3499075,39.1168459 L34.4403749,14.3469222 C34.4403749,12.6247 33.0290824,11.2318841 31.292107,11.2318841", id: "Fill-3", fill: "currentColor" }), index.h("path", { key: 'e330afda18dce8a563536cc7caa97e22438fde24', d: "M51.0899571,0 L43.0444095,0 C41.339604,0 39.9608736,1.42791855 39.9608736,3.19354534 L39.7836589,39.0420095 C39.7836589,40.8039655 41.1659336,42.2318841 42.8671948,42.2318841 L50.9162867,42.2318841 C52.6175479,42.2318841 53.9962783,40.8039655 53.9962783,39.0420095 L54.173493,3.19354534 C54.173493,1.42791855 52.7912183,0 51.0899571,0", id: "Fill-6", fill: "currentColor" }), index.h("polygon", { key: 'f2ceda4f246b04bb146a3e5339f45e86a253840e', id: "path-1", points: "19.8389256 11.2318841 34.4403749 11.2318841 34.4403749 42.2318841 19.8389256 42.2318841" }), index.h("g", { key: 'e25d52aba3921e0ac509e45c621f71aa5511a2d0', id: "Clip-4" }), index.h("polygon", { key: '18fbd043c2aa0072efc4519123e5eee5a51c3c86', id: "path-3", points: "-0.846460828 -19.7681159 53.908974 -19.7681159 53.908974 -0.393115942 -0.846460828 -0.393115942" }), index.h("g", { key: 'd30388dfdc1ff1ceb0643819e034532166f332ed', id: "Clip-9" }), index.h("path", { key: '037a94cff19391bac5b81666e244f6d57c0340df', d: "M2.64246183,-0.393115942 L24.287738,-0.393115942 C24.783165,-0.393115942 25.2716142,-0.501190406 25.7216852,-0.713736852 L51.853716,-12.8829215 C53.6086441,-13.6970825 54.3936517,-15.8297519 53.5981773,-17.6454029 C52.8027029,-19.4610539 50.7372607,-20.2680099 48.9858215,-19.4466439 L23.5376196,-7.59808021 L2.64246183,-7.59808021 C0.716576525,-7.59808021 -0.846460828,-5.98777069 -0.846460828,-3.99559807 C-0.846460828,-2.00342546 0.716576525,-0.393115942 2.64246183,-0.393115942", id: "Fill-8", fill: "currentColor", mask: "url(#mask-4)" })))))));
26
- }
27
- };
28
- IconChart.style = DigiIconChartStyle0;
29
-
30
- const iconTableCss = ".sc-digi-icon-table-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-table-h svg.sc-digi-icon-table{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
31
- const DigiIconTableStyle0 = iconTableCss;
32
-
33
- const IconTable = class {
34
- constructor(hostRef) {
35
- index.registerInstance(this, hostRef);
36
- this.afTitle = undefined;
37
- this.afDesc = undefined;
38
- this.afSvgAriaHidden = true;
39
- this.afSvgAriaLabelledby = undefined;
40
- this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
41
- }
42
- render() {
43
- return (index.h("svg", { key: '7a55b48df78a8e9057dffe6e2089891ed68e4526', class: "digi-icon-table", width: "62px", height: "62px", viewBox: "0 0 62 62", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
44
- ? this.afSvgAriaLabelledby
45
- : this.afTitle
46
- ? this.titleId
47
- : undefined, xmlns: "http://www.w3.org/2000/svg", fill: "currentColor" }, this.afTitle && index.h("title", { key: '251e13c72598a28d9c7b873aa8e64948274ade7a', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: '4b571dbbf204a916cc8b61af79de5c72725e2d3b' }, this.afDesc), index.h("defs", { key: 'a3e1391310514895299db5fdc7d6d4fe18da2a09' }, index.h("polygon", { key: '13d65fb502b902fd08eaddad665a296e9fee7b9a', points: "0 62 62 62 62 0 0 0" })), index.h("g", { key: 'af78d915d9840609c09edfb5b483e1509d029f6b', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("g", { key: '2417b04063a55d9814117c874ee8cac9af8446a4', transform: "translate(-302, -975)" }, index.h("g", { key: '1066e4a7c83bf853dce07b536d025dddd0b67cd5', transform: "translate(302, 975)" }, index.h("polygon", { key: '0f6d7e9801161c026e43fbfa9bae0aea6b3be4d0', fill: "currentColor", points: "29.6502083 9.05264249 32.3497917 9.05264249 32.3497917 6.36704663 29.6502083 6.36704663" }), index.h("g", { key: 'd38709e6df6250ccc8d53f230dff12dc347d8875' }, index.h("path", { key: '4b276b903f126171b12ba449fb95b950fc917599', d: "M35.3073208,0 L26.6931958,0 C24.7918625,0 23.2496125,1.53297409 23.2496125,3.42574093 L23.2496125,11.9939482 C23.2496125,13.886715 24.7918625,15.4196891 26.6931958,15.4196891 L35.3073208,15.4196891 C37.2086542,15.4196891 38.7496125,13.886715 38.7496125,11.9939482 L38.7496125,3.42574093 C38.7496125,1.53297409 37.2086542,0 35.3073208,0", fill: "currentColor" }), index.h("polygon", { key: 'd8220374c70f8584f74779cbb8b774b600c4b0b7', fill: "currentColor", points: "6.40020833 9.05264249 9.09979167 9.05264249 9.09979167 6.36704663 6.40020833 6.36704663" }), index.h("path", { key: '47365747c094d031b9e48d49663ebedb6665fb77', d: "M12.0573208,0 L3.44319583,0 C1.5418625,0 -0.0003875,1.53297409 -0.0003875,3.42574093 L-0.0003875,11.9939482 C-0.0003875,13.886715 1.5418625,15.4196891 3.44319583,15.4196891 L12.0573208,15.4196891 C13.9586542,15.4196891 15.4996125,13.886715 15.4996125,11.9939482 L15.4996125,3.42574093 C15.4996125,1.53297409 13.9586542,0 12.0573208,0", fill: "currentColor" }), index.h("polygon", { key: 'dc793c79b6c27faaaea06cea0178d38532aed949', fill: "currentColor", points: "52.9002083 9.05264249 55.5997917 9.05264249 55.5997917 6.36704663 52.9002083 6.36704663" }), index.h("path", { key: 'd49570ecca15c91e851ca767de81716832b71584', d: "M58.5573208,0 L49.9431958,0 C48.0418625,0 46.4996125,1.53297409 46.4996125,3.42574093 L46.4996125,11.9939482 C46.4996125,13.886715 48.0418625,15.4196891 49.9431958,15.4196891 L58.5573208,15.4196891 C60.4586542,15.4196891 61.9996125,13.886715 61.9996125,11.9939482 L61.9996125,3.42574093 C61.9996125,1.53297409 60.4586542,0 58.5573208,0", fill: "currentColor" }), index.h("polygon", { key: '5ebe8db44a5b79fd8fedd84e2c63885ef2d87456', fill: "currentColor", points: "29.6502083 55.6329534 32.3497917 55.6329534 32.3497917 52.9473575 29.6502083 52.9473575" }), index.h("path", { key: 'fc3542bc89983679cc1ad86e8bcbe416f29a2666', d: "M35.3073208,46.5803109 L26.6931958,46.5803109 C24.7918625,46.5803109 23.2496125,48.113285 23.2496125,50.0060518 L23.2496125,58.5742591 C23.2496125,60.4670259 24.7918625,62 26.6931958,62 L35.3073208,62 C37.2086542,62 38.7496125,60.4670259 38.7496125,58.5742591 L38.7496125,50.0060518 C38.7496125,48.113285 37.2086542,46.5803109 35.3073208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '350e985e2584b82a3ef07d953a5eab8d4b0a3ffb', fill: "currentColor", points: "6.40020833 55.6329534 9.09979167 55.6329534 9.09979167 52.9473575 6.40020833 52.9473575" }), index.h("path", { key: '98e055d750e0a2025941c6c40ee09fbeb90d27c5', d: "M12.0573208,46.5803109 L3.44319583,46.5803109 C1.5418625,46.5803109 -0.0003875,48.113285 -0.0003875,50.0060518 L-0.0003875,58.5742591 C-0.0003875,60.4670259 1.5418625,62 3.44319583,62 L12.0573208,62 C13.9586542,62 15.4996125,60.4670259 15.4996125,58.5742591 L15.4996125,50.0060518 C15.4996125,48.113285 13.9586542,46.5803109 12.0573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: 'a3e32fc6300b6e55ac15a930be79b761e7f238a8', fill: "currentColor", points: "52.9002083 55.6329534 55.5997917 55.6329534 55.5997917 52.9473575 52.9002083 52.9473575" }), index.h("path", { key: '820460300b290dbe8094655a5ada2c17bfc66a86', d: "M58.5573208,46.5803109 L49.9431958,46.5803109 C48.0418625,46.5803109 46.4996125,48.113285 46.4996125,50.0060518 L46.4996125,58.5742591 C46.4996125,60.4670259 48.0418625,62 49.9431958,62 L58.5573208,62 C60.4586542,62 61.9996125,60.4670259 61.9996125,58.5742591 L61.9996125,50.0060518 C61.9996125,48.113285 60.4586542,46.5803109 58.5573208,46.5803109", fill: "currentColor" }), index.h("polygon", { key: '763b0e581317426587568946fb1a0c3fd3eb0428', fill: "currentColor", points: "29.6502083 32.3427979 32.3497917 32.3427979 32.3497917 29.6572021 29.6502083 29.6572021" }), index.h("path", { key: '8a7abc98191f8a2701424c868ad4eba09ec425d7', d: "M35.3073208,23.2901554 L26.6931958,23.2901554 C24.7918625,23.2901554 23.2496125,24.8231295 23.2496125,26.7158964 L23.2496125,35.2841036 C23.2496125,37.1768705 24.7918625,38.7098446 26.6931958,38.7098446 L35.3073208,38.7098446 C37.2086542,38.7098446 38.7496125,37.1768705 38.7496125,35.2841036 L38.7496125,26.7158964 C38.7496125,24.8231295 37.2086542,23.2901554 35.3073208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: '2249138c4d6553a0733aa612bacd347425067933', fill: "currentColor", points: "6.40020833 32.3427979 9.09979167 32.3427979 9.09979167 29.6572021 6.40020833 29.6572021" }), index.h("path", { key: 'f9fc8bc339295ed603da771e9aa41697a7401581', d: "M12.0573208,23.2901554 L3.44319583,23.2901554 C1.5418625,23.2901554 -0.0003875,24.8231295 -0.0003875,26.7158964 L-0.0003875,35.2841036 C-0.0003875,37.1768705 1.5418625,38.7098446 3.44319583,38.7098446 L12.0573208,38.7098446 C13.9586542,38.7098446 15.4996125,37.1768705 15.4996125,35.2841036 L15.4996125,26.7158964 C15.4996125,24.8231295 13.9586542,23.2901554 12.0573208,23.2901554", fill: "currentColor" }), index.h("polygon", { key: 'd5c75887f9b7b0f7e2693c1f57fb1b7d98b29c61', fill: "currentColor", points: "52.9002083 32.3427979 55.5997917 32.3427979 55.5997917 29.6572021 52.9002083 29.6572021" }), index.h("path", { key: '18286e1aea29564ef8dbdaa3fcf4143ad7843ed4', d: "M58.5573208,23.2901554 L49.9431958,23.2901554 C48.0418625,23.2901554 46.4996125,24.8231295 46.4996125,26.7158964 L46.4996125,35.2841036 C46.4996125,37.1768705 48.0418625,38.7098446 49.9431958,38.7098446 L58.5573208,38.7098446 C60.4586542,38.7098446 61.9996125,37.1768705 61.9996125,35.2841036 L61.9996125,26.7158964 C61.9996125,24.8231295 60.4586542,23.2901554 58.5573208,23.2901554", fill: "currentColor" })))))));
48
- }
49
- };
50
- IconTable.style = DigiIconTableStyle0;
51
-
52
- exports.digi_icon_chart = IconChart;
53
- exports.digi_icon_table = IconTable;
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-cfa8e9be.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
9
- const DigiIconXStyle0 = iconXCss;
10
-
11
- const IconX = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afTitle = undefined;
15
- this.afDesc = undefined;
16
- this.afSvgAriaHidden = true;
17
- this.afSvgAriaLabelledby = undefined;
18
- this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
19
- }
20
- render() {
21
- return (index.h("svg", { key: '06415f56b7bdcf4e4d01e3f8e22c972cd166039e', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
22
- ? this.afSvgAriaLabelledby
23
- : this.afTitle
24
- ? this.titleId
25
- : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '12da73d80236640ba89463221e4f15cccddee097', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e9083ab8497e6b711aa1452456f2d5897e1e6829' }, this.afDesc), index.h("g", { key: 'd8a9bbd2743f1b3e01739576fec36cbe470d4c52', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '5a20c2fee197c4120038b297cd243a22b5aab5f2', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
26
- }
27
- };
28
- IconX.style = DigiIconXStyle0;
29
-
30
- exports.digi_icon_x = IconX;
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-cfa8e9be.js');
6
- const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
7
-
8
- const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
9
- const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
10
-
11
- const NavigationSidebarButton = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
15
- this.isActive = false;
16
- this.afText = undefined;
17
- this.afAriaLabel = undefined;
18
- this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-sidebar-button');
19
- }
20
- toggleHandler() {
21
- this.isActive = !this.isActive;
22
- this.afOnToggle.emit(this.isActive);
23
- }
24
- render() {
25
- return (index.h("digi-button", { key: '9304dd2121a3758e9bef83ad45539aabc2390f11', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, index.h("digi-icon-bars", { key: '6d419ac71efe6e91ae71e069f81c3b753e22af26', slot: "icon" })));
26
- }
27
- };
28
- NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
29
-
30
- exports.digi_navigation_sidebar_button = NavigationSidebarButton;