@designsystem-se/af 39.2.1-beta.1 → 39.2.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-form-input-search.js +4 -3
- package/components/digi-form-receipt.js +1 -1
- package/components/digi-info-card.js +1 -1
- package/components/digi-link-internal.js +1 -1
- package/components/digi-tools-feedback-rating.js +1 -1
- package/components/{p-DQRqhcLy.js → p-DTbZcA8e.js} +1 -1
- package/custom-elements.json +2 -2
- package/dist/cjs/digi-form-input-search.cjs.entry.js +4 -3
- package/dist/cjs/digi-form-receipt.cjs.entry.js +1 -1
- package/dist/cjs/digi-link-internal.cjs.entry.js +1 -1
- package/dist/cjs/digi-tools-feedback-rating.cjs.entry.js +1 -1
- package/dist/collection/components/_form/form-input-search/form-input-search.js +8 -4
- package/dist/collection/components/_form/form-receipt/form-receipt.js +3 -1
- package/dist/collection/components/_link/link-internal/link-internal.js +1 -1
- package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js +2 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_logo.variables.scss +0 -2
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/{p-33d73056.entry.js → p-7f180ce2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1499bab8.entry.js → p-d0b3c35b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-d9f05bc7.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-13e26924.entry.js → p-fb20fc2b.entry.js} +1 -1
- package/dist/esm/digi-form-input-search.entry.js +4 -3
- package/dist/esm/digi-form-receipt.entry.js +1 -1
- package/dist/esm/digi-link-internal.entry.js +1 -1
- package/dist/esm/digi-tools-feedback-rating.entry.js +1 -1
- package/dist/types/components/_form/form-input-search/form-input-search.d.ts +2 -1
- package/dist/types/components/_form/form-receipt/form-receipt.d.ts +2 -0
- package/dist/types/components/_tools/tools-feedback-rating/tools-feedback-rating.d.ts +1 -1
- package/dist/types/components.d.ts +6 -4
- package/hydrate/index.js +9 -6
- package/hydrate/index.mjs +9 -6
- package/package.json +4 -2
- package/dist/digi-arbetsformedlingen/p-92a36cc9.entry.js +0 -1
|
@@ -51,7 +51,8 @@ const FormInputSearch = /*@__PURE__*/ proxyCustomElement(class FormInputSearch e
|
|
|
51
51
|
*/
|
|
52
52
|
this.afId = randomIdGenerator('digi-form-input-search');
|
|
53
53
|
/**
|
|
54
|
-
* Sätter variant. Kan vara 'small'
|
|
54
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
55
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
55
56
|
* @en Set input variation.
|
|
56
57
|
*/
|
|
57
58
|
this.afVariation = FormInputSearchVariation.MEDIUM;
|
|
@@ -145,10 +146,10 @@ const FormInputSearch = /*@__PURE__*/ proxyCustomElement(class FormInputSearch e
|
|
|
145
146
|
};
|
|
146
147
|
}
|
|
147
148
|
render() {
|
|
148
|
-
return (h(Host, { key: '
|
|
149
|
+
return (h(Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, h("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
|
|
149
150
|
'digi-form-input-search__input': true,
|
|
150
151
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
151
|
-
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '
|
|
152
|
+
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '3cd29d50fde3ddeb6b731969a51609688554cf75', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
|
|
152
153
|
}
|
|
153
154
|
get hostElement() { return this; }
|
|
154
155
|
static get watchers() { return {
|
|
@@ -127,7 +127,7 @@ const FormReceipt = /*@__PURE__*/ proxyCustomElement(class FormReceipt extends H
|
|
|
127
127
|
return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
|
|
128
128
|
}
|
|
129
129
|
render() {
|
|
130
|
-
return (h("div", { key: '
|
|
130
|
+
return (h("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
|
|
131
131
|
}
|
|
132
132
|
get hostElement() { return this; }
|
|
133
133
|
static get style() { return formReceiptCss(); }
|
|
@@ -3,7 +3,7 @@ import { b as InfoCardType, a as InfoCardSize, I as InfoCardBorderPosition, c as
|
|
|
3
3
|
import { l as logger } from './p-DdB9j8uV.js';
|
|
4
4
|
import { d as defineCustomElement$5 } from './p-CSefQfv6.js';
|
|
5
5
|
import { d as defineCustomElement$4 } from './p-DuEh6-g9.js';
|
|
6
|
-
import { d as defineCustomElement$3 } from './p-
|
|
6
|
+
import { d as defineCustomElement$3 } from './p-DTbZcA8e.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-B85a4tNl.js';
|
|
8
8
|
|
|
9
9
|
const infoCardCss = () => `.sc-digi-info-card-h{--digi--info-card--background-color--primary:var(--digi--color--background--pop-out);--digi--info-card--background-color--secondary:var(--digi--color--background--secondary);--digi--info-card--background-color--related:var(--digi--color--background--primary);--digi--info-card--color--heading:var(--digi--color--text--primary);--digi--info-card--color--heading--multi:var(--digi--color--text--interactive--primary);--digi--info-card--border:var(--digi--border-width--complementary-2) solid var(--digi--color--border--accent--primary);--digi--info-card--padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest) var(--digi--padding--medium);--digi--info-card--padding--desktop:var(--digi--padding--largest-2) var(--digi--padding--largest) var(--digi--padding--largest-3) var(--digi--padding--largest);--digi--info-card--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--info-card--heading--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--info-card--heading--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--BACKGROUND-COLOR:var(--digi--info-card--background-color--single)}.sc-digi-info-card-h .digi-info-card.sc-digi-info-card{background-color:var(--BACKGROUND-COLOR);height:100%;display:grid;position:relative}.sc-digi-info-card-h .digi-info-card--primary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--primary)}.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--tip.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--related);--COLOR--HEADING:var(--digi--info-card--color--heading);--PADDING:var(--digi--info-card--padding);--MARGIN-TOP:var(--digi--margin--medium)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card--related.sc-digi-info-card{--PADDING:var(--digi--info-card--padding--desktop)}}.sc-digi-info-card-h .digi-info-card--secondary.sc-digi-info-card{--BACKGROUND-COLOR:var(--digi--info-card--background-color--secondary)}.sc-digi-info-card-h .digi-info-card--border-top.sc-digi-info-card{border-top:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card--border-left.sc-digi-info-card{border-left:var(--digi--info-card--border)}.sc-digi-info-card-h .digi-info-card__content.sc-digi-info-card{grid-column:1;grid-row:1;padding:var(--PADDING)}.sc-digi-info-card-h .digi-info-card__icon.sc-digi-info-card{position:absolute;top:0;right:0;transform:translateY(-50%)}.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--info-card--heading--font-size--mobile);margin-top:0;margin-bottom:0.5rem;font-weight:var(--digi--info-card--heading--font-weight);display:block;color:var(--COLOR--HEADING)}@media (min-width: 48rem){.sc-digi-info-card-h .digi-info-card__heading.sc-digi-info-card{font-size:var(--digi--info-card--heading--font-size--desktop);margin-bottom:1rem}}.sc-digi-info-card-h .digi-info-card--active-link.sc-digi-info-card .digi-info-card__heading.sc-digi-info-card{text-decoration:underline}.sc-digi-info-card-h .digi-info-card__link.sc-digi-info-card{margin-top:var(--MARGIN-TOP);display:block;font-size:inherit;line-height:inherit;font-weight:inherit}.sc-digi-info-card-h .digi-info-card__link-overlay.sc-digi-info-card{grid-column:1;grid-row:1;opacity:0}`;
|
|
@@ -199,7 +199,7 @@ const ToolsFeedbackRating = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback
|
|
|
199
199
|
{}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
200
200
|
}
|
|
201
201
|
render() {
|
|
202
|
-
return (h("div", { key: '
|
|
202
|
+
return (h("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
203
203
|
}
|
|
204
204
|
get hostElement() { return this; }
|
|
205
205
|
static get watchers() { return {
|
|
@@ -33,7 +33,7 @@ const LinkInternal = /*@__PURE__*/ proxyCustomElement(class LinkInternal extends
|
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (h("digi-link", { key: '
|
|
36
|
+
return (h(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (h("digi-link", { key: 'a2962646501a8ae9b950b7388fa52275ad9127d3', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
|
|
37
37
|
}
|
|
38
38
|
get hostElement() { return this; }
|
|
39
39
|
static get style() { return linkInternalCss(); }
|
package/custom-elements.json
CHANGED
|
@@ -1250,7 +1250,7 @@
|
|
|
1250
1250
|
},
|
|
1251
1251
|
{
|
|
1252
1252
|
"name": "af-variation",
|
|
1253
|
-
"description": "Sätter variant. Kan vara 'small'
|
|
1253
|
+
"description": "Sätter variant. Kan vara 'small' eller 'medium'."
|
|
1254
1254
|
},
|
|
1255
1255
|
{
|
|
1256
1256
|
"name": "value",
|
|
@@ -8014,7 +8014,7 @@
|
|
|
8014
8014
|
},
|
|
8015
8015
|
{
|
|
8016
8016
|
"name": "af-application-id",
|
|
8017
|
-
"description": "Sätter
|
|
8017
|
+
"description": "Sätter business application number i Produktkatalogen, används för spårning"
|
|
8018
8018
|
},
|
|
8019
8019
|
{
|
|
8020
8020
|
"name": "af-dir",
|
|
@@ -43,7 +43,8 @@ const FormInputSearch = class {
|
|
|
43
43
|
*/
|
|
44
44
|
this.afId = randomIdGenerator_util.randomIdGenerator('digi-form-input-search');
|
|
45
45
|
/**
|
|
46
|
-
* Sätter variant. Kan vara 'small'
|
|
46
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
47
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
47
48
|
* @en Set input variation.
|
|
48
49
|
*/
|
|
49
50
|
this.afVariation = formInputSearchVariation_enum.FormInputSearchVariation.MEDIUM;
|
|
@@ -137,10 +138,10 @@ const FormInputSearch = class {
|
|
|
137
138
|
};
|
|
138
139
|
}
|
|
139
140
|
render() {
|
|
140
|
-
return (index.h(index.Host, { key: '
|
|
141
|
+
return (index.h(index.Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, index.h("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, index.h("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
|
|
141
142
|
'digi-form-input-search__input': true,
|
|
142
143
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
143
|
-
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: '
|
|
144
|
+
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (index.h("digi-button", { key: '3cd29d50fde3ddeb6b731969a51609688554cf75', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, index.h("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
|
|
144
145
|
}
|
|
145
146
|
get hostElement() { return index.getElement(this); }
|
|
146
147
|
static get watchers() { return {
|
|
@@ -125,7 +125,7 @@ const FormReceipt = class {
|
|
|
125
125
|
return (index.h("div", { class: "digi-form-receipt__content" }, index.h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), index.h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
|
|
126
126
|
}
|
|
127
127
|
render() {
|
|
128
|
-
return (index.h("div", { key: '
|
|
128
|
+
return (index.h("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === typographyVariation_enum.FormReceiptVariation.FULLWIDTH ? (index.h("digi-layout-block", { afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
|
|
129
129
|
}
|
|
130
130
|
get hostElement() { return index.getElement(this); }
|
|
131
131
|
};
|
|
@@ -30,7 +30,7 @@ const LinkInternal = class {
|
|
|
30
30
|
};
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (index.h(index.Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (index.h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (index.h("digi-link", { key: '
|
|
33
|
+
return (index.h(index.Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (index.h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), index.h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (index.h("digi-link", { key: 'a2962646501a8ae9b950b7388fa52275ad9127d3', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, index.h("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
|
|
34
34
|
}
|
|
35
35
|
get hostElement() { return index.getElement(this); }
|
|
36
36
|
};
|
|
@@ -192,7 +192,7 @@ const ToolsFeedbackRating = class {
|
|
|
192
192
|
{}).text.toLowerCase() || null}`)), index.h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (index.h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, index.h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, index.h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, index.h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, index.h("g", { transform: "translate(1663, 2565)" }, index.h("g", { transform: "translate(190, 0)" }, index.h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback-rating__thankyou" }, index.h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, index.h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), index.h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), index.h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (index.h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (index.h("div", { class: "digi-tools-feedback-rating__link" }, index.h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
193
193
|
}
|
|
194
194
|
render() {
|
|
195
|
-
return (index.h("div", { key: '
|
|
195
|
+
return (index.h("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, index.h("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
196
196
|
}
|
|
197
197
|
get hostElement() { return index.getElement(this); }
|
|
198
198
|
static get watchers() { return {
|
|
@@ -30,7 +30,8 @@ export class FormInputSearch {
|
|
|
30
30
|
*/
|
|
31
31
|
this.afId = randomIdGenerator('digi-form-input-search');
|
|
32
32
|
/**
|
|
33
|
-
* Sätter variant. Kan vara 'small'
|
|
33
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
34
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
34
35
|
* @en Set input variation.
|
|
35
36
|
*/
|
|
36
37
|
this.afVariation = FormInputSearchVariation.MEDIUM;
|
|
@@ -124,10 +125,10 @@ export class FormInputSearch {
|
|
|
124
125
|
};
|
|
125
126
|
}
|
|
126
127
|
render() {
|
|
127
|
-
return (h(Host, { key: '
|
|
128
|
+
return (h(Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, h("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
|
|
128
129
|
'digi-form-input-search__input': true,
|
|
129
130
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
130
|
-
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '
|
|
131
|
+
}, ref: (el) => (this._input = el), onAfOnBlur: (e) => this.blurHandler(e), onAfOnChange: (e) => this.changeHandler(e), onAfOnFocus: (e) => this.focusHandler(e), onAfOnFocusout: (e) => this.focusoutHandler(e), onAfOnKeyup: (e) => this.keyupHandler(e), onAfOnInput: (e) => this.inputHandler(e), afLabel: this.afLabel, afLabelDescription: this.afLabelDescription, afAriaActivedescendant: this.afAriaActivedescendant, afAriaDescribedby: this.afAriaDescribedby, afAriaLabelledby: this.afAriaLabelledby, afAriaAutocomplete: this.afAriaAutocomplete, afAutocomplete: this.afAutocomplete, afName: this.afName, afType: this.afType, afValue: this.afValue, afVariation: this.afVariation, afAutofocus: this.afAutofocus ? this.afAutofocus : null, afButtonVariation: this.afButtonVariation, afId: this.afId }, !this.afHideButton && (h("digi-button", { key: '3cd29d50fde3ddeb6b731969a51609688554cf75', class: "digi-form-input-search__button", onAfOnClick: (e) => this.clickHandler(e), onAfOnFocus: (e) => e.stopPropagation(), afType: this.afButtonType, afAriaLabel: this.afButtonAriaLabel, afAriaLabelledby: this.afButtonAriaLabelledby, afSize: this.afVariation, slot: "button" }, h("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
|
|
131
132
|
}
|
|
132
133
|
static get is() { return "digi-form-input-search"; }
|
|
133
134
|
static get encapsulation() { return "scoped"; }
|
|
@@ -468,10 +469,13 @@ export class FormInputSearch {
|
|
|
468
469
|
"optional": false,
|
|
469
470
|
"docs": {
|
|
470
471
|
"tags": [{
|
|
472
|
+
"name": "deprecated",
|
|
473
|
+
"text": "Obs, varianten 'large' kommer att utg\u00E5 i december 2026."
|
|
474
|
+
}, {
|
|
471
475
|
"name": "en",
|
|
472
476
|
"text": "Set input variation."
|
|
473
477
|
}],
|
|
474
|
-
"text": "S\u00E4tter variant. Kan vara 'small'
|
|
478
|
+
"text": "S\u00E4tter variant. Kan vara 'small' eller 'medium'."
|
|
475
479
|
},
|
|
476
480
|
"getter": false,
|
|
477
481
|
"setter": false,
|
|
@@ -4,6 +4,8 @@ import { FormReceiptVariation } from "./form-receipt-variation.enum";
|
|
|
4
4
|
import { FormReceiptType } from "./form-receipt-type.enum";
|
|
5
5
|
import { LayoutBlockVariation } from "../../../enums";
|
|
6
6
|
/**
|
|
7
|
+
* @slot default - Kan innehålla vad som helst
|
|
8
|
+
*
|
|
7
9
|
* @enums FormReceiptVariation - receipt-variation.enum.ts
|
|
8
10
|
* @enums FormReceiptType - receipt-type.enum.ts
|
|
9
11
|
* @enums FormReceiptHeadingLevel - receipt-heading-level.enum.ts
|
|
@@ -78,7 +80,7 @@ export class FormReceipt {
|
|
|
78
80
|
return (h("div", { class: "digi-form-receipt__content" }, h("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { class: "digi-form-receipt__infographic-primary", d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))), h(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
|
|
79
81
|
}
|
|
80
82
|
render() {
|
|
81
|
-
return (h("div", { key: '
|
|
83
|
+
return (h("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (h("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
|
|
82
84
|
}
|
|
83
85
|
static get is() { return "digi-form-receipt"; }
|
|
84
86
|
static get encapsulation() { return "scoped"; }
|
|
@@ -28,7 +28,7 @@ export class LinkInternal {
|
|
|
28
28
|
};
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (h("digi-link", { key: '
|
|
31
|
+
return (h(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (h("digi-link", { key: 'a706b4079ce762660dbc1485432882e58f19e77e', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (h("digi-link", { key: 'a2962646501a8ae9b950b7388fa52275ad9127d3', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "digi-link-internal"; }
|
|
34
34
|
static get encapsulation() { return "scoped"; }
|
|
@@ -195,7 +195,7 @@ export class ToolsFeedbackRating {
|
|
|
195
195
|
{}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
196
196
|
}
|
|
197
197
|
render() {
|
|
198
|
-
return (h("div", { key: '
|
|
198
|
+
return (h("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
199
199
|
}
|
|
200
200
|
static get is() { return "digi-tools-feedback-rating"; }
|
|
201
201
|
static get encapsulation() { return "scoped"; }
|
|
@@ -561,7 +561,7 @@ export class ToolsFeedbackRating {
|
|
|
561
561
|
"name": "en",
|
|
562
562
|
"text": "Sets an application id."
|
|
563
563
|
}],
|
|
564
|
-
"text": "S\u00E4tter
|
|
564
|
+
"text": "S\u00E4tter business application number i Produktkatalogen, anv\u00E4nds f\u00F6r sp\u00E5rning"
|
|
565
565
|
},
|
|
566
566
|
"getter": false,
|
|
567
567
|
"setter": false,
|
|
@@ -15,6 +15,4 @@
|
|
|
15
15
|
--digi--logo--secondary--symbol: var(--digi--color--logotype--secondary--symbol);
|
|
16
16
|
--digi--logo--primary--text: var(--digi--color--logotype--primary--text);
|
|
17
17
|
--digi--logo--secondary--text: var(--digi--color--logotype--secondary--text);
|
|
18
|
-
}g: 1.375rem;
|
|
19
|
-
--digi--title-logo-gap: 9px;
|
|
20
18
|
}
|