@designsystem-se/af 35.4.1-beta.8 → 35.4.1-beta.9
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.
- package/components/digi-bar-chart.js +8 -11
- package/dist/cjs/digi-bar-chart_27.cjs.entry.js +8 -11
- package/dist/collection/components/_chart/bar-chart/bar-chart.js +8 -11
- package/dist/collection/design-tokens/components/_logo.variables.scss +19 -16
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-b4eb40ca.entry.js +1 -0
- package/dist/esm/digi-bar-chart_27.entry.js +8 -11
- package/hydrate/index.js +8 -11
- package/hydrate/index.mjs +8 -11
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-96534cbc.entry.js +0 -1
|
@@ -1041,8 +1041,8 @@ const barChart = class {
|
|
|
1041
1041
|
.on('mouseenter', (_event, serie) => this.highlightBars(serie))
|
|
1042
1042
|
.on('mouseleave', this.resetBarColor);
|
|
1043
1043
|
legendChips.append('svg')
|
|
1044
|
-
.attr('width', rectSize)
|
|
1045
|
-
.attr('height', rectSize)
|
|
1044
|
+
.attr('width', rectSize + 1)
|
|
1045
|
+
.attr('height', rectSize + 1)
|
|
1046
1046
|
.append('rect')
|
|
1047
1047
|
.attr('x', 0)
|
|
1048
1048
|
.attr('y', 0)
|
|
@@ -1622,21 +1622,18 @@ const barChart = class {
|
|
|
1622
1622
|
return body;
|
|
1623
1623
|
}
|
|
1624
1624
|
render() {
|
|
1625
|
-
var _a, _b, _c, _d
|
|
1625
|
+
var _a, _b, _c, _d;
|
|
1626
1626
|
// Setting header
|
|
1627
1627
|
let heading = '';
|
|
1628
1628
|
if (this.chartData) {
|
|
1629
1629
|
if (!this.chartData.subTitle)
|
|
1630
1630
|
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}>`;
|
|
1631
|
-
else
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${(_a = this.chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
|
|
1636
|
-
<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>`;
|
|
1637
|
-
}
|
|
1631
|
+
else
|
|
1632
|
+
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${this.chartData.subTitle}</p>`;
|
|
1633
|
+
if (this.chartData.infoText)
|
|
1634
|
+
heading = `${heading}<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>`;
|
|
1638
1635
|
}
|
|
1639
|
-
return (h(Host, { key: '
|
|
1636
|
+
return (h(Host, { key: 'bf35d7e9a6879cd90cd8cef33c9319cfc9e45afe', ref: (el) => (this.host = el) }, h("svg", { key: 'd77703db16cf0fbcffef18175b9d96279c8bdc32', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, h("defs", { key: 'c5cd241c72b0efb58f7746d4bc211cfba84409d0' }, h("pattern", { key: '14470e18a1a1d32c69bc2512f50c1bfb2cd49322', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("line", { key: '24adb8419e0117952429e7d5458e776520a688fe', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), h("pattern", { key: 'ae0863278d3e2786a1ef341aa10a2b883a7e612d', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("line", { key: 'e31729aacfaf8b66cf9a0c5c3aa10898ffe27aa8', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), h("pattern", { key: '7be7d85ef07cafdde1480049b8691b12448c5171', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("line", { key: '60071e2ba5f3d51438d7cc78caf927267ad9068a', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), h("div", { key: 'c868c8249f6ed7c0096d4f2992a450c37ba237c0', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, h("digi-typography", { key: 'de1d50a63bd5168d3304a80da7aa84fdf03ab4d6', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '5badaeb98f5143f51504d513be0dfaf443093475', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'e2dfdb5d22cea55bbd5c3b9a554ce3f1822dbf7b', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '0cc782d340251e0e9bca696998d060a4b8e7a82d', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '8dbd682e8075ae8f12297470902cfa3177c87ef0', slot: "icon" }), "Visa diagram"), h("div", { key: 'c061002dc1211107a2818ce9ea9865b3879ecfe2', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), h("div", { key: 'fe45b5c1f236afe7580c8282e65297c0b7947959', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, h("div", { key: '5ab4b92e57550749cbcb5b907822bb1667977f92', class: "chartTooltip", id: this.afId }, h("div", { key: 'c50de4c3e1bb7c91a3d7fdfc6bc164ea1723009d', class: "tooltipHead" }, h("digi-icon-x", { key: 'bd01968b5813363fcc1d2bea85b9591bf7236e92', class: "tooltipClose" })), h("div", { key: 'c82d100e89c092c584e84bb64029eea0c27e81b1', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", { class: "caret" })) : (h("digi-icon-caret-down", { class: "caret" })))), h("div", { key: 'eb4d4df19ebf89ce3aefbe99b9bb52a28c3facef', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, h("div", { key: 'fdee4a771e7d431dea5e60f894d4f14f69e041c8', class: "legend" })), h("div", { key: '24e8e60c89d419426e64864ad79fb72bfaa61132', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
|
|
1640
1637
|
}
|
|
1641
1638
|
get hostElement() { return getElement(this); }
|
|
1642
1639
|
static get watchers() { return {
|
package/hydrate/index.js
CHANGED
|
@@ -36603,8 +36603,8 @@ class barChart {
|
|
|
36603
36603
|
.on('mouseenter', (_event, serie) => this.highlightBars(serie))
|
|
36604
36604
|
.on('mouseleave', this.resetBarColor);
|
|
36605
36605
|
legendChips.append('svg')
|
|
36606
|
-
.attr('width', rectSize)
|
|
36607
|
-
.attr('height', rectSize)
|
|
36606
|
+
.attr('width', rectSize + 1)
|
|
36607
|
+
.attr('height', rectSize + 1)
|
|
36608
36608
|
.append('rect')
|
|
36609
36609
|
.attr('x', 0)
|
|
36610
36610
|
.attr('y', 0)
|
|
@@ -37184,21 +37184,18 @@ class barChart {
|
|
|
37184
37184
|
return body;
|
|
37185
37185
|
}
|
|
37186
37186
|
render() {
|
|
37187
|
-
var _a, _b, _c, _d
|
|
37187
|
+
var _a, _b, _c, _d;
|
|
37188
37188
|
// Setting header
|
|
37189
37189
|
let heading = '';
|
|
37190
37190
|
if (this.chartData) {
|
|
37191
37191
|
if (!this.chartData.subTitle)
|
|
37192
37192
|
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}>`;
|
|
37193
|
-
else
|
|
37194
|
-
|
|
37195
|
-
|
|
37196
|
-
|
|
37197
|
-
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${(_a = this.chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
|
|
37198
|
-
<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>`;
|
|
37199
|
-
}
|
|
37193
|
+
else
|
|
37194
|
+
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${this.chartData.subTitle}</p>`;
|
|
37195
|
+
if (this.chartData.infoText)
|
|
37196
|
+
heading = `${heading}<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>`;
|
|
37200
37197
|
}
|
|
37201
|
-
return (hAsync(Host, { key: '
|
|
37198
|
+
return (hAsync(Host, { key: 'bf35d7e9a6879cd90cd8cef33c9319cfc9e45afe', ref: (el) => (this.host = el) }, hAsync("svg", { key: 'd77703db16cf0fbcffef18175b9d96279c8bdc32', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, hAsync("defs", { key: 'c5cd241c72b0efb58f7746d4bc211cfba84409d0' }, hAsync("pattern", { key: '14470e18a1a1d32c69bc2512f50c1bfb2cd49322', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: '24adb8419e0117952429e7d5458e776520a688fe', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), hAsync("pattern", { key: 'ae0863278d3e2786a1ef341aa10a2b883a7e612d', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: 'e31729aacfaf8b66cf9a0c5c3aa10898ffe27aa8', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), hAsync("pattern", { key: '7be7d85ef07cafdde1480049b8691b12448c5171', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: '60071e2ba5f3d51438d7cc78caf927267ad9068a', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), hAsync("div", { key: 'c868c8249f6ed7c0096d4f2992a450c37ba237c0', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, hAsync("digi-typography", { key: 'de1d50a63bd5168d3304a80da7aa84fdf03ab4d6', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '5badaeb98f5143f51504d513be0dfaf443093475', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'e2dfdb5d22cea55bbd5c3b9a554ce3f1822dbf7b', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '0cc782d340251e0e9bca696998d060a4b8e7a82d', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '8dbd682e8075ae8f12297470902cfa3177c87ef0', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'c061002dc1211107a2818ce9ea9865b3879ecfe2', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), hAsync("div", { key: 'fe45b5c1f236afe7580c8282e65297c0b7947959', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, hAsync("div", { key: '5ab4b92e57550749cbcb5b907822bb1667977f92', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'c50de4c3e1bb7c91a3d7fdfc6bc164ea1723009d', class: "tooltipHead" }, hAsync("digi-icon-x", { key: 'bd01968b5813363fcc1d2bea85b9591bf7236e92', class: "tooltipClose" })), hAsync("div", { key: 'c82d100e89c092c584e84bb64029eea0c27e81b1', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", { class: "caret" })) : (hAsync("digi-icon-caret-down", { class: "caret" })))), hAsync("div", { key: 'eb4d4df19ebf89ce3aefbe99b9bb52a28c3facef', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, hAsync("div", { key: 'fdee4a771e7d431dea5e60f894d4f14f69e041c8', class: "legend" })), hAsync("div", { key: '24e8e60c89d419426e64864ad79fb72bfaa61132', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
|
|
37202
37199
|
}
|
|
37203
37200
|
get hostElement() { return getElement(this); }
|
|
37204
37201
|
static get watchers() { return {
|
package/hydrate/index.mjs
CHANGED
|
@@ -36599,8 +36599,8 @@ class barChart {
|
|
|
36599
36599
|
.on('mouseenter', (_event, serie) => this.highlightBars(serie))
|
|
36600
36600
|
.on('mouseleave', this.resetBarColor);
|
|
36601
36601
|
legendChips.append('svg')
|
|
36602
|
-
.attr('width', rectSize)
|
|
36603
|
-
.attr('height', rectSize)
|
|
36602
|
+
.attr('width', rectSize + 1)
|
|
36603
|
+
.attr('height', rectSize + 1)
|
|
36604
36604
|
.append('rect')
|
|
36605
36605
|
.attr('x', 0)
|
|
36606
36606
|
.attr('y', 0)
|
|
@@ -37180,21 +37180,18 @@ class barChart {
|
|
|
37180
37180
|
return body;
|
|
37181
37181
|
}
|
|
37182
37182
|
render() {
|
|
37183
|
-
var _a, _b, _c, _d
|
|
37183
|
+
var _a, _b, _c, _d;
|
|
37184
37184
|
// Setting header
|
|
37185
37185
|
let heading = '';
|
|
37186
37186
|
if (this.chartData) {
|
|
37187
37187
|
if (!this.chartData.subTitle)
|
|
37188
37188
|
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}>`;
|
|
37189
|
-
else
|
|
37190
|
-
|
|
37191
|
-
|
|
37192
|
-
|
|
37193
|
-
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${(_a = this.chartData) === null || _a === void 0 ? void 0 : _a.subTitle}
|
|
37194
|
-
<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>`;
|
|
37195
|
-
}
|
|
37189
|
+
else
|
|
37190
|
+
heading = `<${this.afHeadingLevel}>${this.chartData.title}</${this.afHeadingLevel}><p>${this.chartData.subTitle}</p>`;
|
|
37191
|
+
if (this.chartData.infoText)
|
|
37192
|
+
heading = `${heading}<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>`;
|
|
37196
37193
|
}
|
|
37197
|
-
return (hAsync(Host, { key: '
|
|
37194
|
+
return (hAsync(Host, { key: 'bf35d7e9a6879cd90cd8cef33c9319cfc9e45afe', ref: (el) => (this.host = el) }, hAsync("svg", { key: 'd77703db16cf0fbcffef18175b9d96279c8bdc32', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, hAsync("defs", { key: 'c5cd241c72b0efb58f7746d4bc211cfba84409d0' }, hAsync("pattern", { key: '14470e18a1a1d32c69bc2512f50c1bfb2cd49322', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: '24adb8419e0117952429e7d5458e776520a688fe', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), hAsync("pattern", { key: 'ae0863278d3e2786a1ef341aa10a2b883a7e612d', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: 'e31729aacfaf8b66cf9a0c5c3aa10898ffe27aa8', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), hAsync("pattern", { key: '7be7d85ef07cafdde1480049b8691b12448c5171', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, hAsync("line", { key: '60071e2ba5f3d51438d7cc78caf927267ad9068a', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), hAsync("div", { key: 'c868c8249f6ed7c0096d4f2992a450c37ba237c0', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, hAsync("digi-typography", { key: 'de1d50a63bd5168d3304a80da7aa84fdf03ab4d6', class: "chartTitle", innerHTML: heading }), hAsync("digi-button", { key: '5badaeb98f5143f51504d513be0dfaf443093475', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, hAsync("digi-icon-table", { key: 'e2dfdb5d22cea55bbd5c3b9a554ce3f1822dbf7b', slot: "icon" }), "Visa tabell"), hAsync("digi-button", { key: '0cc782d340251e0e9bca696998d060a4b8e7a82d', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, hAsync("digi-icon-chart", { key: '8dbd682e8075ae8f12297470902cfa3177c87ef0', slot: "icon" }), "Visa diagram"), hAsync("div", { key: 'c061002dc1211107a2818ce9ea9865b3879ecfe2', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), hAsync("div", { key: 'fe45b5c1f236afe7580c8282e65297c0b7947959', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, hAsync("div", { key: '5ab4b92e57550749cbcb5b907822bb1667977f92', class: "chartTooltip", id: this.afId }, hAsync("div", { key: 'c50de4c3e1bb7c91a3d7fdfc6bc164ea1723009d', class: "tooltipHead" }, hAsync("digi-icon-x", { key: 'bd01968b5813363fcc1d2bea85b9591bf7236e92', class: "tooltipClose" })), hAsync("div", { key: 'c82d100e89c092c584e84bb64029eea0c27e81b1', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (hAsync("digi-icon-caret-up", { class: "caret" })) : (hAsync("digi-icon-caret-down", { class: "caret" })))), hAsync("div", { key: 'eb4d4df19ebf89ce3aefbe99b9bb52a28c3facef', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, hAsync("div", { key: 'fdee4a771e7d431dea5e60f894d4f14f69e041c8', class: "legend" })), hAsync("div", { key: '24e8e60c89d419426e64864ad79fb72bfaa61132', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
|
|
37198
37195
|
}
|
|
37199
37196
|
get hostElement() { return getElement(this); }
|
|
37200
37197
|
static get watchers() { return {
|
package/package.json
CHANGED