@designsystem-se/af 38.0.1-beta.0 → 38.0.1-beta.2

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 (119) hide show
  1. package/components/digi-bar-chart.js +170 -70
  2. package/components/digi-calendar-datepicker.js +6 -5
  3. package/components/digi-chart-line.js +12 -8
  4. package/components/digi-code-block.js +1 -1
  5. package/components/digi-code-example.js +2 -2
  6. package/components/digi-dialog.js +1 -0
  7. package/components/digi-footer.js +1 -0
  8. package/components/digi-form-checkbox.js +1 -1
  9. package/components/digi-form-error-list.js +3 -4
  10. package/components/digi-form-filter.js +1 -1
  11. package/components/digi-form-radiobutton.js +1 -1
  12. package/components/digi-form-receipt.js +1 -0
  13. package/components/digi-form-select-filter.js +1 -0
  14. package/components/digi-header-navigation.js +1 -0
  15. package/components/digi-header.js +1 -0
  16. package/components/digi-navigation-pagination.js +1 -0
  17. package/components/digi-notification-alert.js +1 -1
  18. package/components/digi-notification-error-page.js +1 -0
  19. package/components/digi-progress-circle.js +1 -6
  20. package/components/digi-tablist.js +5 -5
  21. package/components/digi-tag.js +1 -1
  22. package/components/digi-title-logo.js +1 -0
  23. package/components/digi-tools-feedback.js +1 -0
  24. package/components/index.js +1 -0
  25. package/components/{p-57a1c472.js → p-13c09880.js} +2 -2
  26. package/components/{p-4d2d082d.js → p-75c8d67e.js} +1 -0
  27. package/components/{p-b24c2842.js → p-77d8d575.js} +2 -2
  28. package/components/{p-195ca01d.js → p-bc5b7057.js} +1 -0
  29. package/components/p-be4fd246.js +7 -0
  30. package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
  31. package/dist/cjs/digi-bar-chart.cjs.entry.js +170 -70
  32. package/dist/cjs/digi-button_27.cjs.entry.js +1 -0
  33. package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +6 -5
  34. package/dist/cjs/digi-chart-line.cjs.entry.js +12 -8
  35. package/dist/cjs/digi-code-block_3.cjs.entry.js +3 -2
  36. package/dist/cjs/digi-dialog.cjs.entry.js +1 -0
  37. package/dist/cjs/digi-form-checkbox.cjs.entry.js +2 -2
  38. package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
  39. package/dist/cjs/digi-form-receipt.cjs.entry.js +1 -0
  40. package/dist/cjs/digi-form-select-filter.cjs.entry.js +1 -0
  41. package/dist/cjs/digi-navigation-pagination.cjs.entry.js +1 -0
  42. package/dist/cjs/digi-notification-alert.cjs.entry.js +1 -0
  43. package/dist/cjs/digi-notification-error-page.cjs.entry.js +1 -0
  44. package/dist/cjs/digi-progress-circle.cjs.entry.js +4 -9
  45. package/dist/cjs/digi-tablist.cjs.entry.js +5 -5
  46. package/dist/cjs/digi-tag.cjs.entry.js +1 -1
  47. package/dist/cjs/digi-tools-feedback.cjs.entry.js +1 -0
  48. package/dist/cjs/index.cjs.js +7 -0
  49. package/dist/cjs/loader.cjs.js +1 -1
  50. package/dist/cjs/progress-circle-role.enum-b7fdcf0c.js +7 -0
  51. package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.js +5 -5
  52. package/dist/collection/components/_chart/bar-chart/bar-chart.js +171 -70
  53. package/dist/collection/components/_chart/chart-line/chart-line.js +12 -8
  54. package/dist/collection/components/_form/form-checkbox/form-checkbox.js +2 -2
  55. package/dist/collection/components/_form/form-error-list/form-error-list.js +1 -7
  56. package/dist/collection/components/_form/form-radiobutton/form-radiobutton.js +2 -2
  57. package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +5 -5
  58. package/dist/collection/components/_tag/tag/tag.js +1 -1
  59. package/dist/collection/enums.js +7 -0
  60. package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +0 -2
  61. package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
  62. package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
  63. package/dist/digi-arbetsformedlingen/{p-60738889.entry.js → p-01874a31.entry.js} +1 -1
  64. package/dist/digi-arbetsformedlingen/p-18880083.entry.js +1 -0
  65. package/dist/digi-arbetsformedlingen/{p-d71c33d8.entry.js → p-37c0ea9e.entry.js} +1 -1
  66. package/dist/digi-arbetsformedlingen/p-39468f49.entry.js +1 -0
  67. package/dist/digi-arbetsformedlingen/p-501f9b16.entry.js +1 -0
  68. package/dist/digi-arbetsformedlingen/{p-d670e0e0.entry.js → p-54d5aa93.entry.js} +1 -1
  69. package/dist/digi-arbetsformedlingen/p-59073668.entry.js +1 -0
  70. package/dist/digi-arbetsformedlingen/p-8833044b.entry.js +1 -0
  71. package/dist/digi-arbetsformedlingen/p-97f66789.entry.js +1 -0
  72. package/dist/digi-arbetsformedlingen/p-9dae073c.entry.js +1 -0
  73. package/dist/digi-arbetsformedlingen/p-a186888d.entry.js +1 -0
  74. package/dist/digi-arbetsformedlingen/p-be4fd246.js +1 -0
  75. package/dist/digi-arbetsformedlingen/{p-0a6d26f7.entry.js → p-cea5ef63.entry.js} +1 -1
  76. package/dist/digi-arbetsformedlingen/{p-67ba87db.entry.js → p-d3e14568.entry.js} +1 -1
  77. package/dist/digi-arbetsformedlingen/p-ddd659bf.entry.js +1 -0
  78. package/dist/digi-arbetsformedlingen/p-e5bd5a7e.entry.js +1 -0
  79. package/dist/digi-arbetsformedlingen/p-ef689144.entry.js +1 -0
  80. package/dist/digi-arbetsformedlingen/p-f0a405ca.entry.js +1 -0
  81. package/dist/esm/digi-arbetsformedlingen.js +1 -1
  82. package/dist/esm/digi-bar-chart.entry.js +170 -70
  83. package/dist/esm/digi-button_27.entry.js +1 -0
  84. package/dist/esm/digi-calendar-datepicker.entry.js +6 -5
  85. package/dist/esm/digi-chart-line.entry.js +12 -8
  86. package/dist/esm/digi-code-block_3.entry.js +3 -2
  87. package/dist/esm/digi-dialog.entry.js +1 -0
  88. package/dist/esm/digi-form-checkbox.entry.js +2 -2
  89. package/dist/esm/digi-form-error-list.entry.js +2 -2
  90. package/dist/esm/digi-form-receipt.entry.js +1 -0
  91. package/dist/esm/digi-form-select-filter.entry.js +1 -0
  92. package/dist/esm/digi-navigation-pagination.entry.js +1 -0
  93. package/dist/esm/digi-notification-alert.entry.js +1 -0
  94. package/dist/esm/digi-notification-error-page.entry.js +1 -0
  95. package/dist/esm/digi-progress-circle.entry.js +1 -6
  96. package/dist/esm/digi-tablist.entry.js +5 -5
  97. package/dist/esm/digi-tag.entry.js +1 -1
  98. package/dist/esm/digi-tools-feedback.entry.js +1 -0
  99. package/dist/esm/index.js +1 -0
  100. package/dist/esm/loader.js +1 -1
  101. package/dist/esm/progress-circle-role.enum-7737a2c6.js +7 -0
  102. package/dist/types/components/_calendar/calendar-datepicker/calendar-datepicker.d.ts +2 -2
  103. package/dist/types/components/_form/form-error-list/form-error-list.d.ts +0 -1
  104. package/dist/types/enums.d.ts +7 -0
  105. package/hydrate/index.js +204 -102
  106. package/hydrate/index.mjs +204 -102
  107. package/package.json +1 -1
  108. package/dist/digi-arbetsformedlingen/p-20693fa2.entry.js +0 -1
  109. package/dist/digi-arbetsformedlingen/p-3566b732.entry.js +0 -1
  110. package/dist/digi-arbetsformedlingen/p-3cda17e1.entry.js +0 -1
  111. package/dist/digi-arbetsformedlingen/p-4d84c470.entry.js +0 -1
  112. package/dist/digi-arbetsformedlingen/p-50b32151.entry.js +0 -1
  113. package/dist/digi-arbetsformedlingen/p-54b6eb3f.entry.js +0 -1
  114. package/dist/digi-arbetsformedlingen/p-5ad6d46d.entry.js +0 -1
  115. package/dist/digi-arbetsformedlingen/p-6324c9bf.entry.js +0 -1
  116. package/dist/digi-arbetsformedlingen/p-9062da9b.entry.js +0 -1
  117. package/dist/digi-arbetsformedlingen/p-9a456d55.entry.js +0 -1
  118. package/dist/digi-arbetsformedlingen/p-a26333e9.entry.js +0 -1
  119. package/dist/digi-arbetsformedlingen/p-e347aae8.entry.js +0 -1
@@ -14,7 +14,13 @@ export class ChartLine {
14
14
  this._lineTypes = [null, '18, 7', '8,7', '2,6'];
15
15
  this._strokeWidth = 2.75;
16
16
  this._lineCap = 'round';
17
- this._strokeGlyphs = [d3.symbolCircle, d3.symbolTriangle, d3.symbolSquare, d3.symbolWye, d3.symbolDiamond2];
17
+ this._strokeGlyphs = [
18
+ d3.symbolCircle,
19
+ d3.symbolTriangle,
20
+ d3.symbolSquare,
21
+ d3.symbolWye,
22
+ d3.symbolDiamond2
23
+ ];
18
24
  this._toggled = false;
19
25
  this._tickSize = 0;
20
26
  // Selection list from legend chips
@@ -98,9 +104,7 @@ export class ChartLine {
98
104
  .tickSize(-(this.dims.width - this.margin.left))
99
105
  .tickFormat((d) => d3.formatLocale(this.axisNumberFormat).format(this.formatStyle)(d)));
100
106
  }
101
- this._yAxisHandle
102
- .selectAll('line')
103
- .attr('stroke', '#BDBDBD');
107
+ this._yAxisHandle.selectAll('line').attr('stroke', '#BDBDBD');
104
108
  this._yAxisHandle.select('.domain').attr('display', 'none');
105
109
  if (init)
106
110
  this.leftSetAxis(init);
@@ -179,7 +183,7 @@ export class ChartLine {
179
183
  container
180
184
  .selectAll('.legendSvg')
181
185
  .filter((...[, i]) => {
182
- return i > (this._lineTypes.length - 1);
186
+ return i > this._lineTypes.length - 1;
183
187
  })
184
188
  .append('path')
185
189
  .attr('d', (...[, i]) => this.symbolType(i, 70))
@@ -337,7 +341,7 @@ export class ChartLine {
337
341
  .selectAll('.symbolGroup')
338
342
  .data(this.reshapeData(this._chartData.data.series.filter(
339
343
  // Symbols are only needed, when we are out of line types
340
- (...[, index]) => index > (this._lineTypes.length - 1))))
344
+ (...[, index]) => index > this._lineTypes.length - 1)))
341
345
  .join((enter) => {
342
346
  if (!transition) {
343
347
  enter
@@ -1346,7 +1350,7 @@ export class ChartLine {
1346
1350
  .attr('class', 'linePath')
1347
1351
  .attr('stroke', (d) => this.colorFunction(d))
1348
1352
  .attr('stroke-linecap', this._lineCap)
1349
- .attr('stroke-width', (d) => (d.length > 1 ? this._strokeWidth : 4))
1353
+ .attr('stroke-width', (d) => d.length > 1 ? this._strokeWidth : 4)
1350
1354
  .attr('fill', 'none')
1351
1355
  .attr('stroke-dasharray', (d, i) => d.length > 1 ? this.dashFunction(d, i) : null)
1352
1356
  .attr('d', (d) => this._LineFunc(d.line));
@@ -1616,7 +1620,7 @@ export class ChartLine {
1616
1620
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
1617
1621
  else
1618
1622
  heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
1619
- return (h("host", { key: 'eedf8d79973aa2d15f474e93134acbdfb9ef3d0c', ref: (el) => (this._host = el) }, h("div", { key: 'd8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5c9b87f00f5bba14becd10154e3b13cac48124b7', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '859a31da8c6afc1c07474ea4914af732588cef5b', 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() : ''}` }, h("digi-icon-table", { key: '3852def8d78f96314ee1a304a8b4b5d787e6f456', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b4c53c45553bce7c77d20653d52a39c431597491', 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() : ''}` }, h("digi-icon-chart", { key: '8f5fabf6d507e5e664dcf9c89a73a2bfb5572645', slot: "icon" }), "Visa diagram"), h("div", { key: '7678960d000f436d5b0a9dce2f4489f9b48a0fee', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '64edcbc78f51256719674dc4f9dc01af0ee7998a', class: "chartTooltip", id: this.afId }, h("div", { key: '0e9d9ffed55146e7aef132df07eea7ff2f5996c0', class: "tooltipHead" }, h("digi-icon-x", { key: '0463a7d4892199fb684f536a07a45132ad458c62', class: "close" }), ' '), h("div", { key: 'a703ec0152cee394b60a9110dfba8090c8e2e0bb', class: "tooltipBody" })), h("div", { key: '36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '558f1c0c8d1c6921d76a2e017197914af3b4e83c', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'f003d37dd680bf77a0fda37ba976edce57a7fcfe', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
1623
+ return (h("host", { key: 'a21c09ee91ccabf90f91d2344d301d26710f9a60', ref: (el) => (this._host = el) }, h("div", { key: 'c97af6a0bbc28675a19c843a3c355b35397e5804', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '76085c6924fd317d4a281e93ca4623b85f0fb867', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '241e30b3094e8eea86c7c24bb2a90f67ea04ef6f', 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() : ''}` }, h("digi-icon-table", { key: '5cc0d03d40d076481d14d0478390b131cdaa61f7', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '241d3e97b9a21f556b3e46cebc63c77ce106d26c', 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() : ''}` }, h("digi-icon-chart", { key: 'f0a5c78bc5e04db994559f2ce1a13c0e7285c36d', slot: "icon" }), "Visa diagram"), h("div", { key: 'f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '75672c02d61a14741348dc183782df71f3a4db19', class: "chartTooltip", id: this.afId }, h("div", { key: 'b4e03381d825d68af2bdbf859458896c639b6559', class: "tooltipHead" }, h("digi-icon-x", { key: '1301ab00ff3818e0940e69f17aa09b296c04a86c', class: "close" }), ' '), h("div", { key: 'eb01d362db4495c0a3d4396ad4c71c2a952114ad', class: "tooltipBody" })), h("div", { key: 'accd6776d3db14c662ff84b2e826f6cf713ff38d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '507dfba00c88d5b371fd8304053b9b7762506d25', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'cb3fc091c6a557bfd62e8f7d59863e973da0ee53', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
1620
1624
  }
1621
1625
  static get is() { return "digi-chart-line"; }
1622
1626
  static get encapsulation() { return "scoped"; }
@@ -110,7 +110,7 @@ export class FormCheckbox {
110
110
  this.afOnInput.emit(e);
111
111
  }
112
112
  render() {
113
- return (h(Host, { key: 'd7e12f0914eb5fc16e1209e0750a73efd66fca33', tabindex: -1 }, h("div", { key: 'b33d1c998d5ae378bb8696252532856b13725e9f', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: '727323a21a37e0261e0a977d156973299348e624', class: "digi-form-checkbox__input", ref: (el) => {
113
+ return (h(Host, { key: '93a52532d5ee8e2b89982b3d06509c16b3656bce', tabindex: -1 }, h("div", { key: '3f2fe30e35c36080d80fdec5c57abf8e310ae14b', class: Object.assign({ 'digi-form-checkbox': true }, this.cssModifiers) }, h("input", { key: 'a45c26da379bff48830f0b03ceebcf24b06c3b17', class: "digi-form-checkbox__input", ref: (el) => {
114
114
  var _a;
115
115
  this._input = el;
116
116
  (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
@@ -118,7 +118,7 @@ export class FormCheckbox {
118
118
  ? null
119
119
  : `${this.afAriaDescribedby ? `${this.afAriaDescribedby} ` : ''}${this.afDescription ? `${this.afId}-description` : ''}`, "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormCheckboxValidation.ERROR
120
120
  ? 'true'
121
- : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '233961330af245e0aa18ad7dd5ac15ee904f7fee', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: '92dfa2221b06f2103bcb1790c78a9eca5f75bda0', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: '6de87be41c6794767c89fa239a85785e56f1d25f', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
121
+ : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "checkbox", checked: this.afChecked, value: this.afValue, indeterminate: this.afIndeterminate, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '54cd68f1c10fd023e9dd81bd0fabb2920b911c12', htmlFor: this.afId, class: "digi-form-checkbox__label" }, h("span", { key: 'c7184f48868d38d04485a48f214cc3c37d862ba4', class: "digi-form-checkbox__box" }), this.afLabel), !!this.afDescription && (h("p", { key: 'afc00a7de3cef740bdbf23607cd9247887752759', id: `${this.afId}-description`, class: "digi-form-checkbox__description" }, this.afDescription)))));
122
122
  }
123
123
  static get is() { return "digi-form-checkbox"; }
124
124
  static get encapsulation() { return "scoped"; }
@@ -9,7 +9,6 @@ import { NotificationAlertVariation } from "../../_notification/notification-ale
9
9
  */
10
10
  export class FormErrorList {
11
11
  constructor() {
12
- this.linkItems = [];
13
12
  this.afHeading = undefined;
14
13
  this.afHeadingLevel = FormErrorListHeadingLevel.H2;
15
14
  this.afDescription = undefined;
@@ -50,7 +49,7 @@ export class FormErrorList {
50
49
  this.afOnClickLink.emit({ id });
51
50
  }
52
51
  render() {
53
- return (h("div", { key: 'fc8938c08154c626d2adaabf937d9dbe2a8e5081', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: '5b40a2ad599aa762aa7e99c53a800036a6a13803', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: 'd572fbb4b86f28bd4691cb794ea3a4d0178bb6d1', "af-variation": TypographyVariation.SMALL }, h("p", { key: '021b86a736414bacad64f235b17b80d991564cf0', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: 'acc3bc00c90958b753ae608e40383aa0cb725350' }))));
52
+ return (h("div", { key: '59bc43d4b3dd0149647b50203cc1ae585d829006', class: "digi-form-error-list", id: this.afId }, h("digi-notification-alert", { key: 'a2b034276ff7549c9c0711202020e3753da7808d', ref: (el) => (this._notificationAlert = el), "af-heading": this.afHeading, "af-heading-level": this.afHeadingLevel, "af-variation": NotificationAlertVariation.DANGER }, this.afDescription && (h("digi-typography", { key: '3a61c65373b92a73694770f851c6727e27f853e7', "af-variation": TypographyVariation.SMALL }, h("p", { key: 'a088b4d084f5a6db85cedcb4f469f4dff803f8f6', class: "digi-form-error-list__description" }, this.afDescription))), h("slot", { key: '794c42cdece0d06945255b70a96a6992eb4dcd4c' }))));
54
53
  }
55
54
  static get is() { return "digi-form-error-list"; }
56
55
  static get encapsulation() { return "scoped"; }
@@ -210,11 +209,6 @@ export class FormErrorList {
210
209
  }
211
210
  };
212
211
  }
213
- static get states() {
214
- return {
215
- "linkItems": {}
216
- };
217
- }
218
212
  static get events() {
219
213
  return [{
220
214
  "method": "afOnClickLink",
@@ -99,9 +99,9 @@ export class FormRadiobutton {
99
99
  this.afOnInput.emit(e);
100
100
  }
101
101
  render() {
102
- return (h(Host, { key: 'ec217535e0b0c596d9823eaa069a821d3dace97a', tabindex: -1 }, h("div", { key: '04976fd86d7aaa1bcbfff4b95692b397fd628955', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '5241250e0afc92eea48123accd45ed6944f51ed0', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
102
+ return (h(Host, { key: 'fe6fc75d677f52442809001913f012b8aaa7817b', tabindex: -1 }, h("div", { key: '87aa662ea170803ea002653f26e03b13c3cbaba4', class: Object.assign({ 'digi-form-radiobutton': true }, this.cssModifiers) }, h("input", { key: '0e138b5b12f6ccd152980395a7ccfad705a0e497', class: "digi-form-radiobutton__input", ref: (el) => (this._input = el), onInput: (e) => this.inputHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), "aria-describedby": this.afAriaDescribedby, "aria-labelledby": this.afAriaLabelledby, "aria-invalid": this.afValidation === FormRadiobuttonValidation.ERROR
103
103
  ? 'true'
104
- : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '9a0c06e2e514422bdbbc39df05996c9e445dc093', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '1e5ef984c274330cc155d8f9a41e32c861c63d14', class: "digi-form-radiobutton__circle" }), this.afLabel))));
104
+ : 'false', required: this.afRequired, id: this.afId, name: this.afName, type: "radio", checked: this.afChecked, value: this.afValue, autofocus: this.afAutofocus ? this.afAutofocus : null }), h("label", { key: '14e1da2bd43b84f94497b9529f619a172ba1c0d3', htmlFor: this.afId, class: "digi-form-radiobutton__label" }, h("span", { key: '22ed147d6d453f200abfc5f24752e58111b51595', class: "digi-form-radiobutton__circle" }), this.afLabel))));
105
105
  }
106
106
  static get is() { return "digi-form-radiobutton"; }
107
107
  static get encapsulation() { return "scoped"; }
@@ -238,14 +238,14 @@ export class NavigationTablist {
238
238
  cancelAnimationFrame(this._requestAnimationFrame);
239
239
  }
240
240
  render() {
241
- return (h(Host, { key: '44ece2561106040d1fb23f2c24f151c50e7b5432' }, h("div", { key: 'd54cb37e18990fb7706c7e1c3d94f8dfd3b0cee4', class: {
241
+ return (h(Host, { key: '8bdab05cd034b9940aefcb9f38b16d09b6f0b0c7' }, h("div", { key: '2d2266a9600dcc5817130ed4ece38868779e0b69', class: {
242
242
  'digi-tablist': true,
243
243
  'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
244
244
  'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
245
- } }, h("div", { key: 'b8b9665c28711cda30f0568af15c900b948cd212', class: "control-wrapper", style: {
245
+ } }, h("div", { key: 'a96cd5d9a2eec5b2b52f0d1a00b2810c28e8d4bd', class: "control-wrapper", style: {
246
246
  left: '0',
247
247
  visibility: this.showPrev ? 'visible' : 'hidden'
248
- } }, h("button", { key: '8d0e59a36c098a8571f0ea7f64a06d7429935885', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a4b2fcb053c4ad8e6cb9ee8599809dfee3a77337' }))), h("div", { key: 'e6e8254781b288332138e6c6d01e1a8bcc7372fe', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
248
+ } }, h("button", { key: '7a9810781c300bd44aa7ce3f3f76f651b1799023', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '8f65c019aa2a60f8d10025c147ad2448d30cdf1d' }))), h("div", { key: '7be08fe744f17f71fab7358d63d010f17e5c977d', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
249
249
  const focusable = tab.id === this.tabs[this.selectedTab].id;
250
250
  const isActive = tab.id === this.tabs[this.activeTab].id;
251
251
  const Icon = `digi-icon-${tab.icon}`;
@@ -254,10 +254,10 @@ export class NavigationTablist {
254
254
  'digi-tab': true,
255
255
  'is-active': isActive
256
256
  }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
257
- })), h("div", { key: 'e645fd960b504e7ff561f13e062fad07be42f4c0', class: "control-wrapper", style: {
257
+ })), h("div", { key: 'b79ea56eb945fe5c4b2e34529d8b1985018ac46c', class: "control-wrapper", style: {
258
258
  right: '0',
259
259
  visibility: this.showNext ? 'visible' : 'hidden'
260
- } }, h("button", { key: 'd5fccaac7b9cfcd7dd289429ee6f455b40a87faa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '0e2d59b5ed8a3cca1b0abb70db9c0f9b33c0f204' })))), h("div", { key: '54e9be2e4ab7f61878a76e21d7d7bd3b50dc5136', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '0beba6fcbf4c7f618a5b7f1e18d00b9452d74bf0' }))));
260
+ } }, h("button", { key: '3d581fe07f9591f21fef85e700259d3b44332631', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '1f3a564d4eff7851ad13901c492e663c5c43d384' })))), h("div", { key: '2cd9aa7d409b36395febee9dfd26eb6e82b02f35', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b9f82031b00032dfb1df2358546a8a35934033a0' }))));
261
261
  }
262
262
  static get is() { return "digi-tablist"; }
263
263
  static get encapsulation() { return "scoped"; }
@@ -27,7 +27,7 @@ export class Tag {
27
27
  return this.afText;
28
28
  }
29
29
  render() {
30
- return (h("digi-button", { key: '8e73c3fad4b8543e65bf9c8c5f722ae036613ad9', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '618d56b558da3948e247248bebf998656e7410c7', slot: "icon-secondary" })));
30
+ return (h("digi-button", { key: 'd45766b0f00a85fafdddc4f4e741f614bafb8963', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2e97ae41c0b848f049d20bff6ece2285fff79a2e', slot: "icon-secondary" })));
31
31
  }
32
32
  static get is() { return "digi-tag"; }
33
33
  static get encapsulation() { return "scoped"; }
@@ -7,8 +7,12 @@ export * from './components/_button/button/button-size.enum';
7
7
  export * from './components/_button/button/button-type.enum';
8
8
  export * from './components/_button/button/button-variation.enum';
9
9
  export * from './components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum';
10
+ export * from './components/_calendar/calendar-datepicker/calendar-datepicker.types';
10
11
  export * from './components/_calendar/week-view/calendar-week-view-heading-level.enum';
11
12
  export * from './components/_chart/bar-chart/bar-chart-variation.enum';
13
+ export * from './components/_chart/interfaces/bar-chart-data.interface';
14
+ export * from './components/_chart/interfaces/chart-data-series.interface';
15
+ export * from './components/_chart/interfaces/line-chart-data.interface';
12
16
  export * from './components/_code/code-block/code-block-language.enum';
13
17
  export * from './components/_code/code-block/code-block-variation.enum';
14
18
  export * from './components/_code/code-example/code-example-language.enum';
@@ -29,7 +33,9 @@ export * from './components/_form/form-checkbox/form-checkbox-layout.enum';
29
33
  export * from './components/_form/form-checkbox/form-checkbox-validation.enum';
30
34
  export * from './components/_form/form-checkbox/form-checkbox-variation.enum';
31
35
  export * from './components/_form/form-error-list/form-error-list-heading-level.enum';
36
+ export * from './components/_form/form-error-list/form-error-list.types';
32
37
  export * from './components/_form/form-file-upload/form-file-upload-heading-level.enum';
38
+ export * from './components/_form/form-file-upload/form-file-upload-error-messages.type';
33
39
  export * from './components/_form/form-file-upload/form-file-upload-validation.enum';
34
40
  export * from './components/_form/form-file-upload/form-file-upload-variation.enum';
35
41
  export * from './components/_form/form-input-search/form-input-search-variation.enum';
@@ -89,6 +95,7 @@ export * from './components/_notification/notification-alert/notification-alert-
89
95
  export * from './components/_notification/notification-alert/notification-alert-size.enum';
90
96
  export * from './components/_notification/notification-alert/notification-alert-variation.enum';
91
97
  export * from './components/_notification/notification-error-page/notification-error-page-httpstatus.enum';
98
+ export * from './components/_progress/progress-circle/progress-circle-role.enum';
92
99
  export * from './components/_progress/progress-indicator/progress-indicator-role.enum';
93
100
  export * from './components/_progress/progress-indicator/progress-indicator-variation.enum';
94
101
  export * from './components/_progress/progress-list-item/progress-list-item-heading-level.enum';
@@ -15,6 +15,4 @@
15
15
  --digi--logo--secondary--symbol: var(--digi--color--logotype--secondary--symbol);
16
16
  --digi--logo--primary--text: var(--digi--color--logotype--primary--text);
17
17
  --digi--logo--secondary--text: var(--digi--color--logotype--secondary--text);
18
- }g: 1.375rem;
19
- --digi--title-logo-gap: 9px;
20
18
  }