@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.
- package/components/digi-bar-chart.js +4 -4
- package/components/digi-chart-line.js +7 -4
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-bar-chart.cjs.entry.js +4 -4
- package/dist/cjs/{digi-chart-line.cjs.entry.js → digi-button_6.cjs.entry.js} +224 -5
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2 -1
- package/dist/cjs/digi-code-block_3.cjs.entry.js +2 -1
- package/dist/cjs/digi-dialog.cjs.entry.js +2 -1
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +2 -1
- package/dist/cjs/digi-footer.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -1
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +2 -1
- package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -1
- package/dist/cjs/digi-header.cjs.entry.js +2 -1
- package/dist/cjs/digi-link.cjs.entry.js +78 -0
- package/dist/cjs/{digi-link_2.cjs.entry.js → digi-logo_2.cjs.entry.js} +24 -72
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -1
- package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -1
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -1
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -1
- package/dist/cjs/index-cfa8e9be.js +10 -26
- package/dist/cjs/index.cjs.js +13 -12
- package/dist/cjs/link-variation.enum-e6d243b1.js +7 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{logo-variation.enum-3632e1e1.js → logo-variation.enum-607fadb4.js} +0 -6
- package/dist/collection/components/_chart/bar-chart/bar-chart.js +4 -4
- package/dist/collection/components/_chart/chart-line/chart-line.js +7 -4
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +6 -0
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +6 -8
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-02646d18.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-0873a381.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-125dd887.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-195cf497.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-25faef21.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-290d1746.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4028ad65.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-45fe2828.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4c6f74fb.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-52b4119a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-81e86ac1.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-c2ee26cb.js → p-8fc1143f.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-a272c883.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ad9a707b.js +1 -0
- package/dist/digi-arbetsformedlingen/p-d7fe697e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e661462a.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e8ae7a8d.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-edda9cea.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f4c3f47e.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fb8ac3de.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-fc4dc147.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-bar-chart.entry.js +5 -5
- package/dist/esm/{digi-chart-line.entry.js → digi-button_6.entry.js} +222 -8
- package/dist/esm/digi-calendar-datepicker.entry.js +2 -1
- package/dist/esm/digi-code-block_3.entry.js +2 -1
- package/dist/esm/digi-dialog.entry.js +2 -1
- package/dist/esm/digi-expandable-accordion.entry.js +2 -1
- package/dist/esm/digi-footer.entry.js +2 -1
- package/dist/esm/digi-form-error-list.entry.js +2 -1
- package/dist/esm/digi-form-receipt.entry.js +2 -1
- package/dist/esm/digi-form-select-filter.entry.js +2 -1
- package/dist/esm/digi-header-navigation.entry.js +2 -1
- package/dist/esm/digi-header.entry.js +2 -1
- package/dist/esm/digi-link.entry.js +74 -0
- package/dist/esm/{digi-link_2.entry.js → digi-logo_2.entry.js} +25 -73
- package/dist/esm/digi-navigation-pagination.entry.js +2 -1
- package/dist/esm/digi-notification-alert.entry.js +2 -1
- package/dist/esm/digi-notification-error-page.entry.js +2 -1
- package/dist/esm/digi-tools-feedback.entry.js +2 -1
- package/dist/esm/index-8e318bb2.js +10 -26
- package/dist/esm/index.js +2 -1
- package/dist/esm/{linear-ef018ffb.js → linear-f59f8318.js} +1 -1
- package/dist/esm/link-variation.enum-3e259c8a.js +7 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{logo-variation.enum-636315cc.js → logo-variation.enum-5b68b79f.js} +1 -7
- package/hydrate/index.js +11 -8
- package/hydrate/index.mjs +11 -8
- package/package.json +1 -1
- package/dist/cjs/digi-button.cjs.entry.js +0 -130
- package/dist/cjs/digi-icon-chart_2.cjs.entry.js +0 -53
- package/dist/cjs/digi-icon-x.cjs.entry.js +0 -30
- package/dist/cjs/digi-navigation-sidebar-button.cjs.entry.js +0 -30
- package/dist/cjs/digi-typography.cjs.entry.js +0 -30
- package/dist/digi-arbetsformedlingen/p-19538845.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1b90267f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-210dca34.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-311c00ad.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-365fcbbc.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-48572c26.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-67a69bb7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6d23aabd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6f3ef3b6.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-77ef8788.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7975d958.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-80232e3f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-81cac8dd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a13f2c2f.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ab8c8a0e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b0170be7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-b1855b86.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d0db545e.js +0 -1
- package/dist/digi-arbetsformedlingen/p-e86ddfd3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-eab849c4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ecd749b9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ff728780.entry.js +0 -1
- package/dist/esm/digi-button.entry.js +0 -126
- package/dist/esm/digi-icon-chart_2.entry.js +0 -48
- package/dist/esm/digi-icon-x.entry.js +0 -26
- package/dist/esm/digi-navigation-sidebar-button.entry.js +0 -26
- 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 {
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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,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;
|