@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
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,a,d as
|
|
1
|
+
import{r as i,c as t,h as s,a,d as h}from"./p-BnKuq1L7.js";import{r as e}from"./p-BGaIliX6.js";import{F as n}from"./p-BvWKyXb_.js";import{a as r,F as f}from"./p-BSJH8Lpg.js";import{B as o}from"./p-DShzaNrQ.js";import{d}from"./p-CZrDWyoh.js";import{d as u}from"./p-C4cIvg7J.js";import"./p-DwBvm-Nc.js";const c=class{constructor(s){i(this,s),this.afOnFocusOutside=t(this,"afOnFocusOutside",7),this.afOnFocusInside=t(this,"afOnFocusInside",7),this.afOnClickOutside=t(this,"afOnClickOutside",7),this.afOnClickInside=t(this,"afOnClickInside",7),this.afOnChange=t(this,"afOnChange",7),this.afOnBlur=t(this,"afOnBlur",7),this.afOnKeyup=t(this,"afOnKeyup",7),this.afOnFocus=t(this,"afOnFocus",7),this.afOnFocusout=t(this,"afOnFocusout",7),this.afOnInput=t(this,"afOnInput",7),this.afOnClick=t(this,"afOnClick",7),this.afOnSubmitSearch=t(this,"afOnSubmitSearch",7),this.afOnReady=t(this,"afOnReady",3),this.afType=r.SEARCH,this.afButtonVariation=f.PRIMARY,this.afId=e("digi-form-input-search"),this.afVariation=n.MEDIUM,this.afButtonType=o.SUBMIT}onValueChanged(i){this.afValue=i}onAfValueChanged(i){this.value=i}async afMGetFormControlElement(){return await this._input.afMGetFormControlElement()}blurHandler(i){this.afOnBlur.emit(i)}changeHandler(i){this.afValue=this.value=i.target.value,this.afOnChange.emit(i)}focusHandler(i){i.stopPropagation(),this.afOnFocus.emit(i)}focusoutHandler(i){this.afOnFocusout.emit(i)}keyupHandler(i){this.afOnKeyup.emit(i),"Enter"===i.detail.key&&this.afOnSubmitSearch.emit(this.afValue)}inputHandler(i){this.afOnInput.emit(i)}clickHandler(i){i.stopPropagation(),this.afOnClick.emit(i),this.afOnSubmitSearch.emit(this.afValue)}focusOnInput(){this._input.focus()}clickOutsideListener(i){d(i.target,`[data-af-identifier="${this.afId}"]`)?this.afOnClickOutside.emit(i):this.afOnClickInside.emit(i)}focusOutsideListener(i){u(i.target,`[data-af-identifier="${this.afId}"]`)?this.afOnFocusOutside.emit(i):this.afOnFocusInside.emit(i)}componentWillLoad(){this.afValue?this.value=this.afValue:this.afValue=this.value}componentDidLoad(){this.afOnReady.emit()}get cssModifiers(){return{"digi-form-input-search--small":this.afVariation===n.SMALL,"digi-form-input-search--medium":this.afVariation===n.MEDIUM,"digi-form-input-search--large":this.afVariation===n.LARGE}}render(){return s(a,{key:"479760a36173d0a06d88a6c407c87543a6b13125",tabindex:-1},s("div",{key:"4e49bfd22f8191c07418f4e11b6328c53efbf8d8",class:Object.assign({"digi-form-input-search":!0},this.cssModifiers),"data-af-identifier":this.afId},s("digi-form-input",{key:"e4fdc40206a1bb9423b852e1f7e683ea8676a924",class:{"digi-form-input-search__input":!0,"digi-form-input-search__input--no-button":this.afHideButton},ref:i=>this._input=i,onAfOnBlur:i=>this.blurHandler(i),onAfOnChange:i=>this.changeHandler(i),onAfOnFocus:i=>this.focusHandler(i),onAfOnFocusout:i=>this.focusoutHandler(i),onAfOnKeyup:i=>this.keyupHandler(i),onAfOnInput:i=>this.inputHandler(i),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&&s("digi-button",{key:"3cd29d50fde3ddeb6b731969a51609688554cf75",class:"digi-form-input-search__button",onAfOnClick:i=>this.clickHandler(i),onAfOnFocus:i=>i.stopPropagation(),afType:this.afButtonType,afAriaLabel:this.afButtonAriaLabel,afAriaLabelledby:this.afButtonAriaLabelledby,afSize:this.afVariation,slot:"button"},s("digi-icon-search",{key:"26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345",slot:"icon"}),this.afButtonText))))}get hostElement(){return h(this)}static get watchers(){return{value:[{onValueChanged:0}],afValue:[{onAfValueChanged:0}]}}};c.style=".sc-digi-form-input-search-h{--digi--form-input-search--input--border-radius--default:var(--digi--border-radius--input-search);width:100%}.sc-digi-form-input-search-h .digi-form-input-search__input.sc-digi-form-input-search{--digi--form-input--border-radius:var(--digi--form-input-search--input--border-radius--default)}";export{c as digi_form_input_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as r,h as a,a as g,d as o}from"./p-BnKuq1L7.js";const t=class{constructor(a){i(this,a),this.afOnClick=r(this,"afOnClick",7),this.afOverrideLink=!1,this.afLinkContainer=!1}clickLinkHandler(i){i.stopImmediatePropagation(),this.afOnClick.emit(i.detail)}get cssModifiers(){return{"digi-link--hide-visited":this.hideVisitedColor}}render(){return a(g,{key:"8ba42942dc3b785180bb3f934b8cc369b16042fe"},!this.afLinkContainer&&a("digi-link",{key:"a706b4079ce762660dbc1485432882e58f19e77e",class:Object.assign({"digi-link-internal":!0},this.cssModifiers),afHref:this.afHref,afOverrideLink:this.afOverrideLink,afLinkContainer:this.afLinkContainer,onAfOnClick:i=>this.clickLinkHandler(i),afDescribedby:this.afDescribedby,afAriaLabel:this.afAriaLabel},a("digi-icon-chevron-right",{key:"c685e2ae9752fb4ad6d91dc963e7047fba542a00",class:"digi-link-internal__icon","aria-hidden":"true",slot:"icon"}),a("slot",{key:"920c84a6a9a904139d666a38e98d85f7af887c1f"})),this.afLinkContainer&&a("digi-link",{key:"a2962646501a8ae9b950b7388fa52275ad9127d3",class:Object.assign({"digi-link-internal":!0},this.cssModifiers),afHref:this.afHref,afOverrideLink:!0,afLinkContainer:this.afLinkContainer,onAfOnClick:i=>this.clickLinkHandler(i),afDescribedby:this.afDescribedby,afAriaLabel:this.afAriaLabel},a("slot",{key:"fe5d219a4eec5914341798e4fd489c14f955c3cc"})))}get hostElement(){return o(this)}};t.style=".sc-digi-link-internal:root{--digi--grayscale--0:#ffffff;--digi--grayscale--100:#f4f4f4;--digi--grayscale--1000:#000000;--digi--grayscale--200:#ededed;--digi--grayscale--300:#e4e4e4;--digi--grayscale--400:#dddddd;--digi--grayscale--50:#fbfbfb;--digi--grayscale--500:#cacaca;--digi--grayscale--600:#acacac;--digi--grayscale--700:#757575;--digi--grayscale--800:#5c5c5c;--digi--grayscale--900:#333333;--digi--misc--transparent:#ffffff00;--digi--sentiment--error--200:#fdeded;--digi--sentiment--error--500:#da0000;--digi--sentiment--error--700:#c7311a;--digi--sentiment--informative--200:#e9e9ff;--digi--sentiment--informative--500:#0a4dd1;--digi--sentiment--informative--700:#0058a3;--digi--sentiment--success--200:#e9f6ec;--digi--sentiment--success--500:#008a20;--digi--sentiment--success--700:#02703c;--digi--sentiment--warning--200:#fff398;--digi--sentiment--warning--50:#fffbdd;--digi--sentiment--warning--500:#ffe200;--digi--sentiment--warning--700:#ffc108;--digi--sentiment--warning--900:#664d00;--digi--animation--duration--base:var(--digi--global--animation--duration--base);--digi--animation--duration--small:var(--digi--global--animation--duration--short);--digi--animation--duration--large:var(--digi--global--animation--duration--longer);--digi--animation--duration--reduced:var(--digi--global--animation--duration--shortest);--digi--animation--duration--sweep:var(--digi--global--animation--duration--longest);--digi--animation--rotation--45:var(--digi--global--animation--rotation--smallest-2);--digi--animation--rotation--90:var(--digi--global--animation--rotation--smallest);--digi--animation--rotation--135:var(--digi--global--animation--rotation--smaller);--digi--animation--rotation--180:var(--digi--global--animation--rotation--small);--digi--animation--rotation--225:var(--digi--global--animation--rotation--base);--digi--animation--rotation--270:var(--digi--global--animation--rotation--large);--digi--animation--rotation--315:var(--digi--global--animation--rotation--larger);--digi--animation--rotation--360:var(--digi--global--animation--rotation--largest);--digi--global--animation--duration--base:0.3s;--digi--global--animation--duration--short:0.2s;--digi--global--animation--duration--shorter:0.1s;--digi--global--animation--duration--shortest:0.01s;--digi--global--animation--duration--long:0.4s;--digi--global--animation--duration--longer:0.5s;--digi--global--animation--duration--longest:4s;--digi--global--animation--rotation--smallest-2:0deg;--digi--global--animation--rotation--smallest:45deg;--digi--global--animation--rotation--smaller:90deg;--digi--global--animation--rotation--small:135deg;--digi--global--animation--rotation--base:180deg;--digi--global--animation--rotation--large:225deg;--digi--global--animation--rotation--larger:270deg;--digi--global--animation--rotation--largest:315deg;--digi--global--animation--rotation--largest-2:360deg;--digi--global--border-radius--base:6px;--digi--global--border-radius--small:4px;--digi--global--border-radius--smaller:3px;--digi--global--border-radius--smallest:2px;--digi--global--border-radius--smallest-2:1px;--digi--global--border-radius--smallest-3:0px;--digi--global--border-radius--large:8px;--digi--global--border-radius--larger:16px;--digi--global--border-radius--largest:32px;--digi--global--border-radius--largest-2:64px;--digi--global--border-width--base:2px;--digi--global--border-width--small:1px;--digi--global--border-width--smaller:0px;--digi--global--border-width--large:4px;--digi--global--border-width--larger:6px;--digi--global--border-width--largest:8px;--digi--global--border-width--largest-2:10px;--digi--global--border-style--solid:solid;--digi--global--border-style--none:none;--digi--global--border-style--dashed:dashed;--digi--global--spacing--base:16px;--digi--global--spacing--small:14px;--digi--global--spacing--smaller:12px;--digi--global--spacing--smallest:10px;--digi--global--spacing--smallest-2:8px;--digi--global--spacing--smallest-3:6px;--digi--global--spacing--smallest-4:4px;--digi--global--spacing--smallest-5:3px;--digi--global--spacing--smallest-6:2px;--digi--global--spacing--smallest-7:1px;--digi--global--spacing--large:18px;--digi--global--spacing--larger:20px;--digi--global--spacing---:22px;--digi--global--spacing--largest-2:24px;--digi--global--spacing--largest-3:28px;--digi--global--spacing--largest-4:32px;--digi--global--spacing--largest-5:40px;--digi--global--spacing--largest-6:48px;--digi--global--spacing--largest-7:56px;--digi--global--spacing--largest-8:64px;--digi--global--spacing--largest:22px;--digi--global--spacing--largest-3-5:30px;--digi--global--spacing--largest-9:72px;--digi--global--spacing--largest-10:80px;--digi--global--breakpoint--smallest-3:374px;--digi--global--breakpoint--smallest-2:375px;--digi--global--breakpoint--smallest:575px;--digi--global--breakpoint--smaller:576px;--digi--global--breakpoint--small:767px;--digi--global--breakpoint--medium:768px;--digi--global--breakpoint--large:991px;--digi--global--breakpoint--larger:992px;--digi--global--breakpoint--largest:1199px;--digi--global--breakpoint--largest-2:1200px;--digi--global--breakpoint--largest-3:1399px;--digi--global--breakpoint--largest-4:1400px;--digi--global--size--smaller:auto;--digi--global--size--small:36rem;--digi--global--size--base:48rem;--digi--global--size--large:62rem;--digi--global--size--larger:75rem;--digi--global--size--largest:87.5rem;--digi--global--text-width--small:31rem;--digi--global--text-width--base:35rem;--digi--global--text-width--large:40rem;--digi--global--text-width--larger:44rem;--digi--global--text-width--largest:48rem;--digi--global--text-width--largest-2:53rem;--digi--global--text-width--largest-3:61rem;--digi--global--text-width--largest-4:70rem;--digi--global--typography--line-height--base:1.5;--digi--global--typography--line-height--small:1;--digi--global--typography--line-height--large:2;--digi--global--typography--font-size--base:1rem;--digi--global--typography--font-size--small:0.875rem;--digi--global--typography--font-size--smaller:0.75rem;--digi--global--typography--font-size--large:1.125rem;--digi--global--typography--font-size--larger:1.25rem;--digi--global--typography--font-size--largest:1.375rem;--digi--global--typography--font-size--largest-2:1.5rem;--digi--global--typography--font-size--largest-3:1.75rem;--digi--global--typography--font-size--largest-4:2rem;--digi--global--typography--font-size--largest-5:2.25rem;--digi--global--typography--font-size--interaction-small:0.875rem;--digi--global--typography--font-size--interaction-medium:1rem;--digi--global--typography--font-size--interaction-large:1.125rem;--digi--global--typography--font-size--largest-6:2.5rem;--digi--global--typography--font-weight--regular:400;--digi--global--typography--font-weight--light:300;--digi--global--typography--font-weight--semibold:600;--digi--global--typography--font-weight--bold:700;--digi--global--typography--font-family--default:'Open Sans';--digi--global--typography--font-family--mono:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;--digi--global--typography--text-decoration--default:none;--digi--global--typography--text-decoration--link:underline;--digi--border-radius--primary:var(--digi--global--border-radius--smallest-3);--digi--border-radius--secondary:var(--digi--global--border-radius--base);--digi--border-radius--tertiary:var(--digi--global--border-radius--smaller);--digi--border-radius--complementary-1:var(--digi--global--border-radius--largest);--digi--border-radius--complementary-2:var(--digi--global--border-radius--largest-2);--digi--border-radius--button:var(--digi--global--border-radius--base);--digi--border-radius--input:var(--digi--global--border-radius--smallest-3);--digi--border-radius--input-search:var(--digi--global--border-radius--base);--digi--border-radius--complementary-3:var(--digi--global--border-radius--larger);--digi--border-width--primary:var(--digi--global--border-width--small);--digi--border-width--secondary:var(--digi--global--border-width--base);--digi--border-width--complementary-1:var(--digi--global--border-width--largest);--digi--border-width--complementary-2:var(--digi--global--border-width--largest-2);--digi--border-width--input-regular:var(--digi--global--border-width--small);--digi--border-width--input-validation:var(--digi--global--border-width--base);--digi--border-width--button:var(--digi--global--border-width--small);--digi--border-style--primary:var(--digi--global--border-style--solid);--digi--border-style--secondary:var(--digi--global--border-style--none);--digi--padding--medium:var(--digi--global--spacing--base);--digi--padding--smaller:var(--digi--global--spacing--smallest-2);--digi--padding--small:var(--digi--global--spacing--smaller);--digi--padding--large:var(--digi--global--spacing--largest-2);--digi--padding--larger:var(--digi--global--spacing--largest-3);--digi--padding--largest:var(--digi--global--spacing--largest-4);--digi--padding--largest-2:var(--digi--global--spacing--largest-5);--digi--padding--largest-3:var(--digi--global--spacing--largest-6);--digi--margin--smaller:var(--digi--global--spacing--smallest-2);--digi--margin--small:var(--digi--global--spacing--smallest);--digi--margin--medium:var(--digi--global--spacing--base);--digi--margin--large:var(--digi--global--spacing--largest-2);--digi--margin--larger:var(--digi--global--spacing--largest-3);--digi--margin--largest:var(--digi--global--spacing--largest-4);--digi--margin--h1-small:var(--digi--global--spacing--base);--digi--margin--h1-medium:var(--digi--global--spacing--largest-2);--digi--margin--h1-large:var(--digi--global--spacing--largest-4);--digi--margin--h2-small:var(--digi--global--spacing--base);--digi--margin--h2-large:var(--digi--global--spacing--base);--digi--margin--h3-small:var(--digi--global--spacing--smallest-2);--digi--margin--h3-large:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-small:var(--digi--global--spacing--smallest-2);--digi--margin--h4-h6-large:var(--digi--global--spacing--smallest-2);--digi--margin--text-small:var(--digi--global--spacing--largest-2);--digi--margin--text-large:var(--digi--global--spacing--largest-2);--digi--gutter--largest-3:var(--digi--global--spacing--largest-2);--digi--gutter--largest-2:var(--digi--global--spacing--larger);--digi--gutter--largest:var(--digi--global--spacing--base);--digi--gutter--larger:var(--digi--global--spacing--smaller);--digi--gutter--large:var(--digi--global--spacing--smallest);--digi--gutter--medium:var(--digi--global--spacing--smallest-2);--digi--gutter--small:var(--digi--global--spacing--smallest-3);--digi--gutter--smaller:var(--digi--global--spacing--smallest-4);--digi--gutter--smallest:var(--digi--global--spacing--smallest-5);--digi--gutter--smallest-2:var(--digi--global--spacing--smallest-6);--digi--gutter--smallest-3:var(--digi--global--spacing--smallest-7);--digi--gutter--button-block-small:var(--digi--global--spacing--smallest-3);--digi--gutter--button-block-medium:var(--digi--global--spacing--smallest-2);--digi--gutter--button-block-large:var(--digi--global--spacing--smallest);--digi--gutter--button-inline-small:var(--digi--global--spacing--smallest-2);--digi--gutter--button-inline-medium:var(--digi--global--spacing--base);--digi--gutter--button-inline-large:var(--digi--global--spacing--largest-2);--digi--gutter--icon:var(--digi--global--spacing--smallest);--digi--breakpoint--small-below:var(--digi--global--breakpoint--smallest);--digi--breakpoint--small:var(--digi--global--breakpoint--smaller);--digi--breakpoint--medium-below:var(--digi--global--breakpoint--small);--digi--breakpoint--medium:var(--digi--global--breakpoint--medium);--digi--breakpoint--large-below:var(--digi--global--breakpoint--large);--digi--breakpoint--large:var(--digi--global--breakpoint--larger);--digi--breakpoint--x-large-below:var(--digi--global--breakpoint--largest);--digi--breakpoint--x-large:var(--digi--global--breakpoint--largest-2);--digi--breakpoint--xx-large-below:var(--digi--global--breakpoint--largest-3);--digi--breakpoint--xx-large:var(--digi--global--breakpoint--largest-4);--digi--container-width--smaller:var(--digi--global--size--smaller);--digi--container-width--small:var(--digi--global--size--small);--digi--container-width--base:var(--digi--global--size--base);--digi--container-width--medium:var(--digi--global--size--base);--digi--container-width--large:var(--digi--global--size--large);--digi--container-width--larger:var(--digi--global--size--larger);--digi--container-width--largest:var(--digi--global--size--largest);--digi--container-gutter--smaller:var(--digi--global--spacing--base);--digi--container-gutter--small:var(--digi--global--spacing--large);--digi--container-gutter--base:var(--digi--global--spacing--base);--digi--container-gutter--medium:var(--digi--global--spacing--largest-2);--digi--container-gutter--large:var(--digi--global--spacing--base);--digi--container-gutter--larger:var(--digi--global--spacing--largest-3-5);--digi--container-gutter--largest:var(--digi--global--spacing--largest-5);--digi--paragraph-width--medium:var(--digi--global--text-width--base);--digi--paragraph-width--large:var(--digi--global--text-width--large);--digi--input-height--small:var(--digi--global--spacing--largest-4);--digi--input-height--medium:var(--digi--global--spacing--largest-5);--digi--input-height--large:var(--digi--global--spacing--largest-6);--digi--typography--body--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--body--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--body--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--body--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--body--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--body--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--body--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--body--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--body--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--description--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--description--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-1--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-1--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-1--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-1--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-1--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-1--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--font-size--desktop:var(--digi--global--typography--font-size--largest-2);--digi--typography--heading-2--font-size--desktop-large:var(--digi--global--typography--font-size--largest-3);--digi--typography--heading-2--font-size--mobile:var(--digi--global--typography--font-size--largest);--digi--typography--heading-2--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-2--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-2--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-2--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--font-size--desktop:var(--digi--global--typography--font-size--larger);--digi--typography--heading-3--font-size--desktop-large:var(--digi--global--typography--font-size--largest);--digi--typography--heading-3--font-size--mobile:var(--digi--global--typography--font-size--large);--digi--typography--heading-3--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-3--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-3--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-3--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--heading-4--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--heading-4--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--desktop-large:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--heading-4--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--heading-4--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-4--text-decoration--mobile:var(--digi--global--typography--text-decoration--default);--digi--typography--heading-jumbo--font-size--desktop:var(--digi--global--typography--font-size--largest-4);--digi--typography--heading-jumbo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-6);--digi--typography--heading-jumbo--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--input--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--label--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--font-weight--mobile:var(--digi--global--typography--font-weight--semibold);--digi--typography--label--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--label-description--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--label-description--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--link--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--link--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--link--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--desktop-large:var(--digi--global--typography--font-weight--regular);--digi--typography--link--font-weight--mobile:var(--digi--global--typography--font-weight--regular);--digi--typography--link--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--desktop-large:var(--digi--global--typography--line-height--base);--digi--typography--link--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--link--text-decoration--desktop:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--desktop-large:var(--digi--global--typography--text-decoration--link);--digi--typography--link--text-decoration--mobile:var(--digi--global--typography--text-decoration--link);--digi--typography--link-bold--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--preamble--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--preamble--line-height--mobile:var(--digi--global--typography--line-height--base);--digi--typography--preamble--line-height--desktop:var(--digi--global--typography--line-height--base);--digi--typography--accordion--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-size--mobile:var(--digi--global--typography--font-size--base);--digi--typography--accordion--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--typography--tag--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-size--mobile:var(--digi--global--typography--font-size--small);--digi--typography--tag--font-weight--desktop:var(--digi--global--typography--font-weight--regular);--digi--typography--breadcrumbs--font-size--desktop:var(--digi--global--typography--font-size--small);--digi--typography--breadcrumbs--text-decoration--desktop:var(--digi--global--typography--text-decoration--default);--digi--typography--title-logo--font-size--desktop:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--desktop-large:var(--digi--global--typography--font-size--largest-5);--digi--typography--title-logo--font-size--mobile:var(--digi--global--typography--font-size--largest-3);--digi--typography--title-logo--font-weight--desktop:var(--digi--global--typography--font-weight--bold);--digi--typography--button--font-size--desktop:var(--digi--global--typography--font-size--base);--digi--typography--button--font-size--desktop-large:var(--digi--global--typography--font-size--large);--digi--typography--button--font-weight--desktop:var(--digi--global--typography--font-weight--semibold);--digi--color--amethyst--500:#822998;--digi--color--jade--100:#bddfda;--digi--color--jade--200:#7fc1b6;--digi--color--jade--400:#379d8d;--digi--color--jade--50:#ddeeec;--digi--color--jade--500:#058470;--digi--color--jade--600:#046a5a;--digi--color--jade--700:#035548;--digi--color--jade--900:#02372f;--digi--color--leaf--100:#f1f7e5;--digi--color--leaf--200:#ddebc1;--digi--color--leaf--400:#aace65;--digi--color--leaf--500:#95c23e;--digi--color--leaf--600:#779b32;--digi--color--pear--500:#b7ee4a;--digi--color--pear--600:#a7d943;--digi--color--rose--100:#f4cada;--digi--color--rose--200:#e997b7;--digi--color--rose--400:#dd5c8e;--digi--color--rose--50:#f9e4ec;--digi--color--rose--500:#d43372;--digi--color--rose--600:#bd2e65;--digi--color--rose--700:#882149;--digi--color--rose--900:#54172e;--digi--color--sapphire--500:#1616b2;--digi--color--stratos--100:#dddde9;--digi--color--stratos--400:#33337b;--digi--color--stratos--500:#00005a;--digi--color--stratos--600:#000048;--digi--color--water--200:#f1f8fe;--digi--color--water--500:#bdd3e7;--digi--color--water--700:#0058a3;--digi--color--background--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--input-elements--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--default--primary-inverted--light--af18:var(--digi--color--leaf--500);--digi--color--background--interactive--default--quaternary--light--af18:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light--af18:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light--af18:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--background--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--background--interactive--hover--quarternary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light--af18:var(--digi--color--water--500);--digi--color--background--interactive--hover--tertiary--light--af18:var(--digi--color--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light--af18:var(--digi--color--leaf--200);--digi--color--background--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--background--interactive--selected--tertiary--light--af18:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light--af18:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light--af18:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--notification--light--af18:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light--af18:var(--digi--color--leaf--100);--digi--color--background--primary--light--af18:var(--digi--grayscale--0);--digi--color--background--secondary--light--af18:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light--af18:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light--af18:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light--af18:var(--digi--color--rose--500);--digi--color--background--sentiment--beta--secondary--light--af18:var(--digi--color--rose--100);--digi--color--background--sentiment--error--primary--light--af18:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light--af18:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light--af18:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light--af18:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light--af18:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light--af18:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light--af18:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light--af18:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light--af18:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light--af18:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light--af18:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light--af18:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light--af18:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light--af18:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light--af18:var(--digi--misc--transparent);--digi--color--border--accent--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--accent--secondary--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--inverted--light--af18:var(--digi--color--leaf--500);--digi--color--border--interactive--default--on-input--light--af18:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light--af18:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--hover--inverted--light--af18:var(--digi--color--pear--500);--digi--color--border--interactive--hover--primary--light--af18:var(--digi--color--water--700);--digi--color--border--interactive--hover--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--selected--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--border--interactive--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light--af18:var(--digi--sentiment--warning--900);--digi--color--border--notification--light--af18:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light--af18:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light--af18:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light--af18:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light--af18:var(--digi--misc--transparent);--digi--color--divider--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--divider--on-brand-primary--light--af18:var(--digi--color--stratos--400);--digi--color--divider--primary--light--af18:var(--digi--grayscale--400);--digi--color--divider--secondary--light--af18:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--icon--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--icon--cta--light--af18:var(--digi--color--sapphire--500);--digi--color--icon--primary--light--af18:var(--digi--grayscale--900);--digi--color--icon--secondary--light--af18:var(--digi--grayscale--0);--digi--color--icon--validation--error--light--af18:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light--af18:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light--af18:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light--af18:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--primary-alt--light--af18:var(--digi--color--leaf--500);--digi--color--infographic--brand--secondary--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--brand--secondary-alt--light--af18:var(--digi--color--leaf--200);--digi--color--infographic--lineart--light--af18:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light--af18:var(--digi--color--leaf--500);--digi--color--logotype--primary--text--light--af18:var(--digi--color--stratos--500);--digi--color--logotype--secondary--symbol--light--af18:#1db920;--digi--color--logotype--secondary--text--light--af18:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light--af18:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light--af18:var(--digi--color--stratos--500);--digi--color--marking--indication--tertiary--light--af18:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light--af18:var(--digi--color--leaf--200);--digi--color--marking--navigation--level-inactive--light--af18:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light--af18:var(--digi--color--leaf--500);--digi--color--misc--skeleton--light--af18:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light--af18:var(--digi--grayscale--400);--digi--color--text--description--light--af18:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light--af18:var(--digi--color--stratos--500);--digi--color--text--interactive--brand-secondary--light--af18:var(--digi--color--leaf--500);--digi--color--text--interactive--primary--light--af18:var(--digi--color--sapphire--500);--digi--color--text--interactive--secondary--light--af18:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light--af18:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light--af18:var(--digi--color--amethyst--500);--digi--color--text--primary--light--af18:var(--digi--grayscale--900);--digi--color--text--secondary--light--af18:var(--digi--grayscale--0);--digi--amethyst--500:#822998;--digi--granskott--150:#f2faf2;--digi--granskott--200:#ebf8eb;--digi--granskott--250:#ddf4dd;--digi--granskott--300:#cbecc9;--digi--granskott--350:#ace4ad;--digi--granskott--650:#1db920;--digi--granskott--700:#02a704;--digi--granskott--750:#018903;--digi--granskott--800:#016503;--digi--natthimmel--200:#e9f6fd;--digi--natthimmel--250:#ddf1fc;--digi--natthimmel--300:#c9e9fa;--digi--natthimmel--350:#abdef7;--digi--natthimmel--700:#043982;--digi--natthimmel--800:#091d54;--digi--natthimmel--900:#071744;--digi--norrsken--400:#aaf5ab;--digi--norrsken--500:#67ee6a;--digi--rallarros--300:#f8ddf5;--digi--rallarros--500:#ce1cbd;--digi--sapphire--500:#1616b2;--digi--color--background--brand-primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--input-elements--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--pop-out--light:var(--digi--granskott--150);--digi--color--background--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--default--primary-inverted--light:var(--digi--norrsken--500);--digi--color--background--interactive--default--quaternary--light:var(--digi--grayscale--100);--digi--color--background--interactive--default--secondary--light:var(--digi--grayscale--0);--digi--color--background--interactive--default--secondary-inverted--light:var(--digi--misc--transparent);--digi--color--background--interactive--default--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--background--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--background--interactive--hover--quarternary--light:var(--digi--grayscale--200);--digi--color--background--interactive--hover--secondary--light:var(--digi--natthimmel--250);--digi--color--background--interactive--hover--tertiary--light:var(--digi--sapphire--500);--digi--color--background--interactive--selected--on-menu-minus-button--light:var(--digi--granskott--350);--digi--color--background--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--background--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--background--interactive--selected--tertiary--light:var(--digi--grayscale--200);--digi--color--background--interactive--validation--error--light:var(--digi--sentiment--error--200);--digi--color--background--interactive--validation--success--light:var(--digi--sentiment--success--200);--digi--color--background--interactive--validation--warning--light:var(--digi--sentiment--warning--50);--digi--color--background--notification--light:var(--digi--sentiment--error--500);--digi--color--background--pop-out--light:var(--digi--granskott--200);--digi--color--background--primary--light:var(--digi--grayscale--0);--digi--color--background--secondary--light:var(--digi--grayscale--100);--digi--color--background--secondary-accent--light:var(--digi--grayscale--400);--digi--color--background--secondary-muted--light:var(--digi--grayscale--50);--digi--color--background--sentiment--beta--primary--light:var(--digi--rallarros--500);--digi--color--background--sentiment--beta--secondary--light:var(--digi--rallarros--300);--digi--color--background--sentiment--error--primary--light:var(--digi--sentiment--error--500);--digi--color--background--sentiment--error--secondary--light:var(--digi--sentiment--error--700);--digi--color--background--sentiment--error--tertiary--light:var(--digi--sentiment--error--200);--digi--color--background--sentiment--info--primary--light:var(--digi--sentiment--informative--500);--digi--color--background--sentiment--info--secondary--light:var(--digi--sentiment--informative--700);--digi--color--background--sentiment--info--tertiary--light:var(--digi--sentiment--informative--200);--digi--color--background--sentiment--neutral--primary--light:var(--digi--grayscale--700);--digi--color--background--sentiment--neutral--secondary--light:var(--digi--grayscale--400);--digi--color--background--sentiment--neutral--tertiary--light:var(--digi--grayscale--900);--digi--color--background--sentiment--success--primary--light:var(--digi--sentiment--success--500);--digi--color--background--sentiment--success--secondary--light:var(--digi--sentiment--success--700);--digi--color--background--sentiment--success--tertiary--light:var(--digi--sentiment--success--200);--digi--color--background--sentiment--warning--primary--light:var(--digi--sentiment--warning--500);--digi--color--background--sentiment--warning--quarternary--light:var(--digi--sentiment--warning--50);--digi--color--background--sentiment--warning--secondary--light:var(--digi--sentiment--warning--700);--digi--color--background--sentiment--warning--tertiary--light:var(--digi--sentiment--warning--200);--digi--color--background--transparent--light:var(--digi--misc--transparent);--digi--color--border--accent--primary--light:var(--digi--natthimmel--800);--digi--color--border--accent--secondary--light:var(--digi--granskott--700);--digi--color--border--interactive--default--inverted--light:var(--digi--norrsken--500);--digi--color--border--interactive--default--on-input--light:var(--digi--grayscale--900);--digi--color--border--interactive--default--on-input-nuance--light:var(--digi--grayscale--800);--digi--color--border--interactive--default--primary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--hover--inverted--light:var(--digi--norrsken--400);--digi--color--border--interactive--hover--primary--light:var(--digi--natthimmel--700);--digi--color--border--interactive--hover--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--selected--primary--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--selected--secondary--light:var(--digi--natthimmel--800);--digi--color--border--interactive--validation--error--light:var(--digi--sentiment--error--500);--digi--color--border--interactive--validation--success--light:var(--digi--sentiment--success--500);--digi--color--border--interactive--validation--warning--light:var(--digi--sentiment--warning--900);--digi--color--border--notification--light:var(--digi--grayscale--0);--digi--color--border--sentiment--error--light:var(--digi--sentiment--error--500);--digi--color--border--sentiment--info--light:var(--digi--sentiment--informative--500);--digi--color--border--sentiment--success--light:var(--digi--sentiment--success--500);--digi--color--border--sentiment--warning--light:var(--digi--sentiment--warning--500);--digi--color--border--transparent--light:var(--digi--misc--transparent);--digi--color--divider--cta--light:var(--digi--sapphire--500);--digi--color--divider--on-brand-primary--light:var(--digi--natthimmel--350);--digi--color--divider--primary--light:var(--digi--grayscale--400);--digi--color--divider--secondary--light:var(--digi--grayscale--200);--digi--color--icon--brand-primary--light:var(--digi--natthimmel--800);--digi--color--icon--brand-secondary--light:var(--digi--norrsken--500);--digi--color--icon--cta--light:var(--digi--sapphire--500);--digi--color--icon--primary--light:var(--digi--grayscale--900);--digi--color--icon--secondary--light:var(--digi--grayscale--0);--digi--color--icon--validation--error--light:var(--digi--sentiment--error--500);--digi--color--icon--validation--success--light:var(--digi--sentiment--success--500);--digi--color--icon--validation--warning--light:var(--digi--sentiment--warning--500);--digi--color--infographic--background--light:var(--digi--grayscale--0);--digi--color--infographic--brand--primary--light:var(--digi--granskott--700);--digi--color--infographic--brand--primary-alt--light:var(--digi--granskott--700);--digi--color--infographic--brand--secondary--light:var(--digi--granskott--300);--digi--color--infographic--brand--secondary-alt--light:var(--digi--granskott--300);--digi--color--infographic--lineart--light:var(--digi--grayscale--900);--digi--color--logotype--primary--symbol--light:var(--digi--granskott--700);--digi--color--logotype--primary--text--light:var(--digi--natthimmel--800);--digi--color--logotype--secondary--symbol--light:#1db920;--digi--color--logotype--secondary--text--light:var(--digi--grayscale--0);--digi--color--marking--indication--primary--light:var(--digi--sentiment--success--500);--digi--color--marking--indication--secondary--light:var(--digi--natthimmel--800);--digi--color--marking--indication--tertiary--light:var(--digi--grayscale--700);--digi--color--marking--navigation--level-active--light:var(--digi--granskott--350);--digi--color--marking--navigation--level-inactive--light:var(--digi--grayscale--100);--digi--color--marking--navigation--selected--light:var(--digi--granskott--700);--digi--color--misc--skeleton--light:var(--digi--grayscale--400);--digi--color--misc--spinner-path--light:var(--digi--grayscale--400);--digi--color--text--description--light:var(--digi--grayscale--800);--digi--color--text--interactive--brand-primary--light:var(--digi--natthimmel--800);--digi--color--text--interactive--brand-secondary--light:var(--digi--norrsken--500);--digi--color--text--interactive--primary--light:var(--digi--sapphire--500);--digi--color--text--interactive--secondary--light:var(--digi--grayscale--0);--digi--color--text--interactive--tertiary--light:var(--digi--grayscale--900);--digi--color--text--interactive--visited--light:var(--digi--amethyst--500);--digi--color--text--primary--light:var(--digi--grayscale--900);--digi--color--text--secondary--light:var(--digi--grayscale--0);--digi--color--background--brand-primary:var(--digi--color--background--brand-primary--light);--digi--color--background--interactive--default--input-elements:var(--digi--color--background--interactive--default--input-elements--light);--digi--color--background--interactive--default--pop-out:var(--digi--color--background--interactive--default--pop-out--light);--digi--color--background--interactive--default--primary:var(--digi--color--background--interactive--default--primary--light);--digi--color--background--interactive--default--primary-inverted:var(--digi--color--background--interactive--default--primary-inverted--light);--digi--color--background--interactive--default--quaternary:var(--digi--color--background--interactive--default--quaternary--light);--digi--color--background--interactive--default--secondary:var(--digi--color--background--interactive--default--secondary--light);--digi--color--background--interactive--default--secondary-inverted:var(--digi--color--background--interactive--default--secondary-inverted--light);--digi--color--background--interactive--default--tertiary:var(--digi--color--background--interactive--default--tertiary--light);--digi--color--background--interactive--hover--inverted:var(--digi--color--background--interactive--hover--inverted--light);--digi--color--background--interactive--hover--primary:var(--digi--color--background--interactive--hover--primary--light);--digi--color--background--interactive--hover--quarternary:var(--digi--color--background--interactive--hover--quarternary--light);--digi--color--background--interactive--hover--secondary:var(--digi--color--background--interactive--hover--secondary--light);--digi--color--background--interactive--hover--tertiary:var(--digi--color--background--interactive--hover--tertiary--light);--digi--color--background--interactive--selected--on-menu-minus-button:var(--digi--color--background--interactive--selected--on-menu-minus-button--light);--digi--color--background--interactive--selected--primary:var(--digi--color--background--interactive--selected--primary--light);--digi--color--background--interactive--selected--secondary:var(--digi--color--background--interactive--selected--secondary--light);--digi--color--background--interactive--selected--tertiary:var(--digi--color--background--interactive--selected--tertiary--light);--digi--color--background--interactive--validation--error:var(--digi--color--background--interactive--validation--error--light);--digi--color--background--interactive--validation--success:var(--digi--color--background--interactive--validation--success--light);--digi--color--background--interactive--validation--warning:var(--digi--color--background--interactive--validation--warning--light);--digi--color--background--notification:var(--digi--color--background--notification--light);--digi--color--background--pop-out:var(--digi--color--background--pop-out--light);--digi--color--background--primary:var(--digi--color--background--primary--light);--digi--color--background--secondary:var(--digi--color--background--secondary--light);--digi--color--background--secondary-accent:var(--digi--color--background--secondary-accent--light);--digi--color--background--secondary-muted:var(--digi--color--background--secondary-muted--light);--digi--color--background--sentiment--beta--primary:var(--digi--color--background--sentiment--beta--primary--light);--digi--color--background--sentiment--beta--secondary:var(--digi--color--background--sentiment--beta--secondary--light);--digi--color--background--sentiment--error--primary:var(--digi--color--background--sentiment--error--primary--light);--digi--color--background--sentiment--error--secondary:var(--digi--color--background--sentiment--error--secondary--light);--digi--color--background--sentiment--error--tertiary:var(--digi--color--background--sentiment--error--tertiary--light);--digi--color--background--sentiment--info--primary:var(--digi--color--background--sentiment--info--primary--light);--digi--color--background--sentiment--info--secondary:var(--digi--color--background--sentiment--info--secondary--light);--digi--color--background--sentiment--info--tertiary:var(--digi--color--background--sentiment--info--tertiary--light);--digi--color--background--sentiment--neutral--primary:var(--digi--color--background--sentiment--neutral--primary--light);--digi--color--background--sentiment--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary--light);--digi--color--background--sentiment--neutral--tertiary:var(--digi--color--background--sentiment--neutral--tertiary--light);--digi--color--background--sentiment--success--primary:var(--digi--color--background--sentiment--success--primary--light);--digi--color--background--sentiment--success--secondary:var(--digi--color--background--sentiment--success--secondary--light);--digi--color--background--sentiment--success--tertiary:var(--digi--color--background--sentiment--success--tertiary--light);--digi--color--background--sentiment--warning--primary:var(--digi--color--background--sentiment--warning--primary--light);--digi--color--background--sentiment--warning--quarternary:var(--digi--color--background--sentiment--warning--quarternary--light);--digi--color--background--sentiment--warning--secondary:var(--digi--color--background--sentiment--warning--secondary--light);--digi--color--background--sentiment--warning--tertiary:var(--digi--color--background--sentiment--warning--tertiary--light);--digi--color--background--transparent:var(--digi--color--background--transparent--light);--digi--color--border--accent--primary:var(--digi--color--border--accent--primary--light);--digi--color--border--accent--secondary:var(--digi--color--border--accent--secondary--light);--digi--color--border--interactive--default--inverted:var(--digi--color--border--interactive--default--inverted--light);--digi--color--border--interactive--default--on-input:var(--digi--color--border--interactive--default--on-input--light);--digi--color--border--interactive--default--on-input-nuance:var(--digi--color--border--interactive--default--on-input-nuance--light);--digi--color--border--interactive--default--primary:var(--digi--color--border--interactive--default--primary--light);--digi--color--border--interactive--hover--inverted:var(--digi--color--border--interactive--hover--inverted--light);--digi--color--border--interactive--hover--primary:var(--digi--color--border--interactive--hover--primary--light);--digi--color--border--interactive--hover--secondary:var(--digi--color--border--interactive--hover--secondary--light);--digi--color--border--interactive--selected--primary:var(--digi--color--border--interactive--selected--primary--light);--digi--color--border--interactive--selected--secondary:var(--digi--color--border--interactive--selected--secondary--light);--digi--color--border--interactive--validation--error:var(--digi--color--border--interactive--validation--error--light);--digi--color--border--interactive--validation--success:var(--digi--color--border--interactive--validation--success--light);--digi--color--border--interactive--validation--warning:var(--digi--color--border--interactive--validation--warning--light);--digi--color--border--notification:var(--digi--color--border--notification--light);--digi--color--border--sentiment--error:var(--digi--color--border--sentiment--error--light);--digi--color--border--sentiment--info:var(--digi--color--border--sentiment--info--light);--digi--color--border--sentiment--success:var(--digi--color--border--sentiment--success--light);--digi--color--border--sentiment--warning:var(--digi--color--border--sentiment--warning--light);--digi--color--border--transparent:var(--digi--color--border--transparent--light);--digi--color--divider--cta:var(--digi--color--divider--cta--light);--digi--color--divider--on-brand-primary:var(--digi--color--divider--on-brand-primary--light);--digi--color--divider--primary:var(--digi--color--divider--primary--light);--digi--color--divider--secondary:var(--digi--color--divider--secondary--light);--digi--color--icon--brand-primary:var(--digi--color--icon--brand-primary--light);--digi--color--icon--brand-secondary:var(--digi--color--icon--brand-secondary--light);--digi--color--icon--cta:var(--digi--color--icon--cta--light);--digi--color--icon--primary:var(--digi--color--icon--primary--light);--digi--color--icon--secondary:var(--digi--color--icon--secondary--light);--digi--color--icon--validation--error:var(--digi--color--icon--validation--error--light);--digi--color--icon--validation--success:var(--digi--color--icon--validation--success--light);--digi--color--icon--validation--warning:var(--digi--color--icon--validation--warning--light);--digi--color--infographic--background:var(--digi--color--infographic--background--light);--digi--color--infographic--brand--primary:var(--digi--color--infographic--brand--primary--light);--digi--color--infographic--brand--primary-alt:var(--digi--color--infographic--brand--primary-alt--light);--digi--color--infographic--brand--secondary:var(--digi--color--infographic--brand--secondary--light);--digi--color--infographic--brand--secondary-alt:var(--digi--color--infographic--brand--secondary-alt--light);--digi--color--infographic--lineart:var(--digi--color--infographic--lineart--light);--digi--color--logotype--primary--symbol:var(--digi--color--logotype--primary--symbol--light);--digi--color--logotype--primary--text:var(--digi--color--logotype--primary--text--light);--digi--color--logotype--secondary--symbol:var(--digi--color--logotype--secondary--symbol--light);--digi--color--logotype--secondary--text:var(--digi--color--logotype--secondary--text--light);--digi--color--marking--indication--primary:var(--digi--color--marking--indication--primary--light);--digi--color--marking--indication--secondary:var(--digi--color--marking--indication--secondary--light);--digi--color--marking--indication--tertiary:var(--digi--color--marking--indication--tertiary--light);--digi--color--marking--navigation--level-active:var(--digi--color--marking--navigation--level-active--light);--digi--color--marking--navigation--level-inactive:var(--digi--color--marking--navigation--level-inactive--light);--digi--color--marking--navigation--selected:var(--digi--color--marking--navigation--selected--light);--digi--color--misc--skeleton:var(--digi--color--misc--skeleton--light);--digi--color--misc--spinner-path:var(--digi--color--misc--spinner-path--light);--digi--color--text--description:var(--digi--color--text--description--light);--digi--color--text--interactive--brand-primary:var(--digi--color--text--interactive--brand-primary--light);--digi--color--text--interactive--brand-secondary:var(--digi--color--text--interactive--brand-secondary--light);--digi--color--text--interactive--primary:var(--digi--color--text--interactive--primary--light);--digi--color--text--interactive--secondary:var(--digi--color--text--interactive--secondary--light);--digi--color--text--interactive--tertiary:var(--digi--color--text--interactive--tertiary--light);--digi--color--text--interactive--visited:var(--digi--color--text--interactive--visited--light);--digi--color--text--primary:var(--digi--color--text--primary--light);--digi--color--text--secondary:var(--digi--color--text--secondary--light)}body.sc-digi-link-internal{font-size:1rem;font-family:\"Open Sans\", Arial, sans-serif}.sc-digi-link-internal-h{display:inline-flex;max-width:100%;vertical-align:top;--digi--link-internal--gap:var(--digi--gutter--medium);--digi--link-internal--color--default:var(--digi--color--text--interactive--primary);--digi--link-internal--color--hover:var(--digi--color--text--interactive--primary);--digi--link-internal--color--visited:var(--digi--color--text--interactive--visited);--digi--link-internal--font-size:var(--digi--typography--link--font-size--desktop);--digi--link-internal--font-family:var(--digi--global--typography--font-family--default);--digi--link-internal--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link-internal--text-decoration--default:var(--digi--global--typography--text-decoration--default);--digi--link-internal--text-decoration--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-internal--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link-internal--text-decoration--icon--hover:var(--digi--typography--link--text-decoration--desktop);--digi--link-internal--text-decoration-thickness:0.156em;--digi--link-internal--text-underline-offset:3px}.sc-digi-link-internal-h .digi-link-internal.sc-digi-link-internal{--digi--link--gap:var(--digi--link-internal--gap);--digi--link--color--default:var(--digi--link-internal--color--default);--digi--link--color--hover:var(--digi--link-internal--color--hover);--digi--link--color--visited:var(--digi--link-internal--color--visited);--digi--link--font-size:var(--digi--link-internal--font-size);--digi--link--font-family:var(--digi--link-internal--font-family);--digi--link--font-weight:var(--digi--link-internal--font-weight);--digi--link--text-decoration--default:var(--digi--link-internal--text-decoration--default);--digi--link--text-decoration--hover:var(--digi--link-internal--text-decoration--hover);--digi--link--text-decoration--icon--default:var(--digi--link-internal--text-decoration--icon--default);--digi--link--text-decoration--icon--hover:var(--digi--link-internal--text-decoration--icon--hover)}.sc-digi-link-internal-h:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}";export{t as digi_link_internal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as a,d as e}from"./p-BnKuq1L7.js";import{L as s}from"./p-CWFirwyE.js";import{l as d}from"./p-DdB9j8uV.js";import{r as o}from"./p-BGaIliX6.js";import{a as n,F as r,b as g}from"./p-CAmn5qzb.js";const c=class{constructor(a){i(this,a),this.afOnClickFeedback=t(this,"afOnClickFeedback",7),this.afOnSubmitFeedbackLink=t(this,"afOnSubmitFeedbackLink",7),this.afId=o("digi-tools-feedback-rating"),this.afType=n.FULLWIDTH,this.afHeadingLevel=r.H2,this.afQuestion="Hur nöjd är du med tjänsten?",this.afThankYouHeading="Tack för din feedback!",this.afRatings="Inte alls nöjd;Inte särskilt nöjd;Ganska nöjd;Nöjd;Mycket nöjd",this.afUseCustomLink=!1,this.currentStep=1,this.validContent=!0}afIsDoneHandler(){this.currentStep=2}validateQuestion(){if(""==this.afQuestion)return d.warn("digi-tools-feedback-rating must have a question - please add af-question to the component",this.hostElement),this.validContent=!1,!1}componentWillLoad(){this.validateQuestion()}componentDidRender(){this._thankYouHeading&&this._thankYouHeading.focus()}getCurrentPageUrl(){return window.location.href}renderLink(){return this.afUseCustomLink?`${this.afLink}?q1o${this.selectedRating}=1&q2o1=${this.getCurrentPageUrl()}`:this.afLink}async afMSetStep(i){this.currentStep=i}async afMReset(){this.afMSetStep(1),this.selectedRating=null}submitFeedback(){this.afOnClickFeedback.emit(this.getFeedbackData())}submitFeedbackLink(){this.afOnSubmitFeedbackLink.emit(this.getFeedbackLinkData())}ratingsData(){let i=[];this.afRatings&&(i=this.afRatings.split(";"));const t=[];for(let a=0;a<5;a++)t.push({value:a+1,text:i[a]||""});return t}handleRatingChange(i){this.selectedRating=i,this.selectedText=(this.ratingsData().find((i=>i.value===this.selectedRating))||{}).text||null,this.submitFeedback(),this.currentStep=2}handleHover(i){this.hoveredRating=i}getFeedbackData(){return{productarea:this.afProductArea,product:this.afProduct,application:this.afApplication,applicationId:this.afApplicationId,id:this.afId,name:this.afName,questionType:this.afQuestionType,question:this.afQuestion,rating:this.selectedRating,ratingDescription:this.selectedText,linkHref:this.afLink,variation:this.afVariation,version:"2"}}getFeedbackLinkData(){return{productarea:this.afProductArea,product:this.afProduct,application:this.afApplication,applicationId:this.afApplicationId,id:this.afId,name:this.afName,questionType:this.afQuestionType,question:this.afQuestion,linkText:this.afLinkText,linkHref:this.afLink,version:"2"}}get cssModifiers(){return{"digi-tools-feedback-rating--fullwidth":this.afType===n.FULLWIDTH,"digi-tools-feedback-rating--grid":this.afType===n.GRID,"digi-tools-feedback-rating--minimal":this.afType===n.MINIMAL}}get layoutBlockVariation(){if(this.afType===n.MINIMAL)return s.TRANSPARENT;switch(this.afVariation){case g.PRIMARY:return s.SYMBOL;case g.SECONDARY:return s.PRIMARY;case g.TERTIARY:return s.SECONDARY}}get content(){return a("digi-typography",null,this.validContent&&a("div",{dir:this.afDir,lang:this.afLang,class:"digi-tools-feedback-rating__wrapper "+(2===this.currentStep?"step2":"")},1===this.currentStep&&a("div",{class:"digi-tools-feedback-rating__star-rating"},a(this.afHeadingLevel,{id:`${this.afId}-rating-question`,class:"digi-tools-feedback-rating__heading "+(this.afType===n.MINIMAL?"hidden":"")},this.afQuestion),a("div",{class:"digi-tools-feedback-rating__step1-wrapper"},this.afRatings&&a("span",{class:"digi-tools-feedback-rating__step1-description"},"Välj från"," ",`${(this.ratingsData().find((i=>1===i.value))||{}).text.toLowerCase()||null} till ${(this.ratingsData().find((i=>5===i.value))||{}).text.toLowerCase()||null}`),a("div",{"aria-labelledby":`${this.afId}-rating-question`,class:"digi-tools-feedback-rating__star-rating-stars",role:"group"},this.ratingsData().map((({text:i,value:t})=>a("div",{class:"digi-tools-feedback-rating__star-rating-star"},a("button",{class:"digi-tools-feedback-rating__star-rating-star-button",onClick:()=>this.handleRatingChange(t),"aria-label":`${t} ${1===t?"stjärna":"stjärnor"}${""!==i?", "+i:""}`,onMouseEnter:()=>this.handleHover(t),onMouseLeave:()=>this.handleHover(0),onFocus:()=>this.handleHover(t),onFocusout:()=>this.handleHover(0)},a("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>=t?"filled":"")},a("g",{stroke:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round"},a("g",{transform:"translate(-1852, -2564)","stroke-width":"2",class:"digi-tools-feedback-rating-star-icon-border"},a("g",{transform:"translate(1663, 2565)"},a("g",{transform:"translate(190, 0)"},a("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"}))))))))))))),2===this.currentStep&&a("div",{class:"digi-tools-feedback-rating__thankyou"},a("div",{class:"digi-tools-feedback-rating__thankyou-text"},a("svg",{width:"32",height:"26",xmlns:"http://www.w3.org/2000/svg",class:"digi-tools-feedback-rating__thankyou-check-icon"},a("g",{fill:"none","fill-rule":"evenodd"},a("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"}),a("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"}))),a("h2",{class:"digi-tools-feedback-rating__thankyou-text",tabindex:"-1",ref:i=>this._thankYouHeading=i},this.afThankYouHeading)),this.afRatings&&a("p",{class:"digi-tools-feedback-rating__thankyou-text-with-rating"},'Du har gett betyget "',this.selectedText.toLowerCase(),'" med'," ",this.selectedRating,1===this.selectedRating?" stjärna":" stjärnor",".")),2===this.currentStep&&this.afLinkText&&a("div",{class:"digi-tools-feedback-rating__link"},a("digi-link-external",{afHref:this.renderLink(),"af-target":"_blank",onAfOnClick:()=>this.submitFeedbackLink(),"af-variation":"small"},this.afLinkText))))}render(){return a("div",{key:"db4374bf19f6e7a7c9b07397fe3afc5cf2a49c36",class:Object.assign({"digi-tools-feedback-rating":!0},this.cssModifiers)},a("digi-layout-block",{key:"3c0e9d8417305bc8f7a81f6dec7ccb75cabe0667",afVariation:this.layoutBlockVariation,afMarginTop:!0,"af-container":"none"},this.content))}get hostElement(){return e(this)}static get watchers(){return{afIsDone:[{afIsDoneHandler:0}],afQuestion:[{validateQuestion:0}]}}};c.style=".sc-digi-tools-feedback-rating-h{container-type:inline-size;display:block;width:100%}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--fullwidth.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-left:0;padding-right:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--minimal.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-top:var(--digi--padding--largest);padding-inline:var(--digi--padding--largest);padding-bottom:40px}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-bottom:24px;padding-top:var(--digi--padding--medium)}}@media (max-width: 36rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-inline:var(--digi--padding--medium)}}@container (max-width: 576px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper{padding-inline:var(--digi--padding--medium)}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper{padding-bottom:24px;padding-top:var(--digi--padding--medium)}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{display:block}@media (min-width: 36rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{margin-top:0}}@media (max-width: 48rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{flex-shrink:unset}}@container (min-width: 576px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{margin-top:0}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{flex-shrink:unset}}@container (max-width: 342px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{display:flex;align-items:flex-start;flex-direction:column;row-gap:var(--digi--padding--medium)}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-description.sc-digi-tools-feedback-rating{display:block;margin-bottom:10px;font-weight:var(--digi--typography--label--font-weight--mobile)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-top:0;margin-inline-end:3.5rem;max-width:500px;margin-bottom:16px}@media (max-width: 48rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-inline-end:0}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating legend .digi-tools-feedback-rating__heading{margin-inline-end:0}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__fieldset.sc-digi-tools-feedback-rating{max-width:inherit;border:none !important;margin:0;padding:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating{padding:0;width:100%}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating legend.sc-digi-tools-feedback-rating{padding-left:0;flex-basis:26.8125rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating .hidden.sc-digi-tools-feedback-rating{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}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating{display:inline-flex;flex-wrap:wrap;max-height:5rem;margin-inline-end:0.625rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating,.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text.sc-digi-tools-feedback-rating{display:flex}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-check-icon.sc-digi-tools-feedback-rating{padding-right:24px;padding-top:3px;box-sizing:content-box}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating.sc-digi-tools-feedback-rating .step2.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-bottom:0px}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating{background-color:unset;border:unset;cursor:pointer;padding:var(--digi--gutter--smallest-3);display:block;position:relative;margin-inline-end:0.875rem;height:1.875rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.sc-digi-tools-feedback-rating{fill:none}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating{stroke:var(--digi--color--icon--primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__infographic-primary.sc-digi-tools-feedback-rating{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating,.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating{fill:var(--digi--color--icon--brand-primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating{stroke:var(--digi--color--icon--brand-primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text-with-rating.sc-digi-tools-feedback-rating{margin-bottom:var(--digi--margin--medium)}";export{c as digi_tools_feedback_rating}
|
|
1
|
+
import{r as i,c as t,h as a,d as e}from"./p-BnKuq1L7.js";import{L as s}from"./p-CWFirwyE.js";import{l as d}from"./p-DdB9j8uV.js";import{r as o}from"./p-BGaIliX6.js";import{a as n,F as r,b as g}from"./p-CAmn5qzb.js";const c=class{constructor(a){i(this,a),this.afOnClickFeedback=t(this,"afOnClickFeedback",7),this.afOnSubmitFeedbackLink=t(this,"afOnSubmitFeedbackLink",7),this.afId=o("digi-tools-feedback-rating"),this.afType=n.FULLWIDTH,this.afHeadingLevel=r.H2,this.afQuestion="Hur nöjd är du med tjänsten?",this.afThankYouHeading="Tack för din feedback!",this.afRatings="Inte alls nöjd;Inte särskilt nöjd;Ganska nöjd;Nöjd;Mycket nöjd",this.afUseCustomLink=!1,this.currentStep=1,this.validContent=!0}afIsDoneHandler(){this.currentStep=2}validateQuestion(){if(""==this.afQuestion)return d.warn("digi-tools-feedback-rating must have a question - please add af-question to the component",this.hostElement),this.validContent=!1,!1}componentWillLoad(){this.validateQuestion()}componentDidRender(){this._thankYouHeading&&this._thankYouHeading.focus()}getCurrentPageUrl(){return window.location.href}renderLink(){return this.afUseCustomLink?`${this.afLink}?q1o${this.selectedRating}=1&q2o1=${this.getCurrentPageUrl()}`:this.afLink}async afMSetStep(i){this.currentStep=i}async afMReset(){this.afMSetStep(1),this.selectedRating=null}submitFeedback(){this.afOnClickFeedback.emit(this.getFeedbackData())}submitFeedbackLink(){this.afOnSubmitFeedbackLink.emit(this.getFeedbackLinkData())}ratingsData(){let i=[];this.afRatings&&(i=this.afRatings.split(";"));const t=[];for(let a=0;a<5;a++)t.push({value:a+1,text:i[a]||""});return t}handleRatingChange(i){this.selectedRating=i,this.selectedText=(this.ratingsData().find((i=>i.value===this.selectedRating))||{}).text||null,this.submitFeedback(),this.currentStep=2}handleHover(i){this.hoveredRating=i}getFeedbackData(){return{productarea:this.afProductArea,product:this.afProduct,application:this.afApplication,applicationId:this.afApplicationId,id:this.afId,name:this.afName,questionType:this.afQuestionType,question:this.afQuestion,rating:this.selectedRating,ratingDescription:this.selectedText,linkHref:this.afLink,variation:this.afVariation,version:"2"}}getFeedbackLinkData(){return{productarea:this.afProductArea,product:this.afProduct,application:this.afApplication,applicationId:this.afApplicationId,id:this.afId,name:this.afName,questionType:this.afQuestionType,question:this.afQuestion,linkText:this.afLinkText,linkHref:this.afLink,version:"2"}}get cssModifiers(){return{"digi-tools-feedback-rating--fullwidth":this.afType===n.FULLWIDTH,"digi-tools-feedback-rating--grid":this.afType===n.GRID,"digi-tools-feedback-rating--minimal":this.afType===n.MINIMAL}}get layoutBlockVariation(){if(this.afType===n.MINIMAL)return s.TRANSPARENT;switch(this.afVariation){case g.PRIMARY:return s.SYMBOL;case g.SECONDARY:return s.PRIMARY;case g.TERTIARY:return s.SECONDARY}}get content(){return a("digi-typography",null,this.validContent&&a("div",{dir:this.afDir,lang:this.afLang,class:"digi-tools-feedback-rating__wrapper "+(2===this.currentStep?"step2":"")},1===this.currentStep&&a("div",{class:"digi-tools-feedback-rating__star-rating"},a(this.afHeadingLevel,{id:`${this.afId}-rating-question`,class:"digi-tools-feedback-rating__heading "+(this.afType===n.MINIMAL?"hidden":"")},this.afQuestion),a("div",{class:"digi-tools-feedback-rating__step1-wrapper"},this.afRatings&&a("span",{class:"digi-tools-feedback-rating__step1-description"},"Välj från"," ",`${(this.ratingsData().find((i=>1===i.value))||{}).text.toLowerCase()||null} till ${(this.ratingsData().find((i=>5===i.value))||{}).text.toLowerCase()||null}`),a("div",{"aria-labelledby":`${this.afId}-rating-question`,class:"digi-tools-feedback-rating__star-rating-stars",role:"group"},this.ratingsData().map((({text:i,value:t})=>a("div",{class:"digi-tools-feedback-rating__star-rating-star"},a("button",{class:"digi-tools-feedback-rating__star-rating-star-button",onClick:()=>this.handleRatingChange(t),"aria-label":`${t} ${1===t?"stjärna":"stjärnor"}${""!==i?", "+i:""}`,onMouseEnter:()=>this.handleHover(t),onMouseLeave:()=>this.handleHover(0),onFocus:()=>this.handleHover(t),onFocusout:()=>this.handleHover(0)},a("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>=t?"filled":"")},a("g",{stroke:"none","stroke-width":"1","stroke-linecap":"round","stroke-linejoin":"round"},a("g",{transform:"translate(-1852, -2564)","stroke-width":"2",class:"digi-tools-feedback-rating-star-icon-border"},a("g",{transform:"translate(1663, 2565)"},a("g",{transform:"translate(190, 0)"},a("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"}))))))))))))),2===this.currentStep&&a("div",{class:"digi-tools-feedback-rating__thankyou"},a("div",{class:"digi-tools-feedback-rating__thankyou-text"},a("svg",{width:"32",height:"26",xmlns:"http://www.w3.org/2000/svg",class:"digi-tools-feedback-rating__thankyou-check-icon"},a("g",{fill:"none","fill-rule":"evenodd"},a("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"}),a("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"}))),a("h2",{class:"digi-tools-feedback-rating__thankyou-text",tabindex:"-1",ref:i=>this._thankYouHeading=i},this.afThankYouHeading)),this.afRatings&&a("p",{class:"digi-tools-feedback-rating__thankyou-text-with-rating"},'Du har gett betyget "',this.selectedText.toLowerCase(),'" med'," ",this.selectedRating,1===this.selectedRating?" stjärna":" stjärnor",".")),2===this.currentStep&&this.afLinkText&&a("div",{class:"digi-tools-feedback-rating__link"},a("digi-link-external",{afHref:this.renderLink(),"af-target":"_blank",onAfOnClick:()=>this.submitFeedbackLink(),"af-variation":"small"},this.afLinkText))))}render(){return a("div",{key:"de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999",class:Object.assign({"digi-tools-feedback-rating":!0},this.cssModifiers)},a("digi-layout-block",{key:"47d42726369a187867eec27f8a57d07e4c1efb22",afVariation:this.layoutBlockVariation,afMarginTop:!0,"af-container":"none"},this.content))}get hostElement(){return e(this)}static get watchers(){return{afIsDone:[{afIsDoneHandler:0}],afQuestion:[{validateQuestion:0}]}}};c.style=".sc-digi-tools-feedback-rating-h{container-type:inline-size;display:block;width:100%}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--fullwidth.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-left:0;padding-right:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--minimal.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-top:var(--digi--padding--largest);padding-inline:var(--digi--padding--largest);padding-bottom:40px}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-bottom:24px;padding-top:var(--digi--padding--medium)}}@media (max-width: 36rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating{padding-inline:var(--digi--padding--medium)}}@container (max-width: 576px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper{padding-inline:var(--digi--padding--medium)}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper{padding-bottom:24px;padding-top:var(--digi--padding--medium)}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{display:block}@media (min-width: 36rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{margin-top:0}}@media (max-width: 48rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating{flex-shrink:unset}}@container (min-width: 576px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{margin-top:0}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{flex-shrink:unset}}@container (max-width: 342px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper{display:flex;align-items:flex-start;flex-direction:column;row-gap:var(--digi--padding--medium)}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-description.sc-digi-tools-feedback-rating{display:block;margin-bottom:10px;font-weight:var(--digi--typography--label--font-weight--mobile)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-top:0;margin-inline-end:3.5rem;max-width:500px;margin-bottom:16px}@media (max-width: 48rem){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-inline-end:0}}@container (max-width: 768px){.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating legend .digi-tools-feedback-rating__heading{margin-inline-end:0}}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__fieldset.sc-digi-tools-feedback-rating{max-width:inherit;border:none !important;margin:0;padding:0}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating{padding:0;width:100%}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating legend.sc-digi-tools-feedback-rating{padding-left:0;flex-basis:26.8125rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating .hidden.sc-digi-tools-feedback-rating{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}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating{display:inline-flex;flex-wrap:wrap;max-height:5rem;margin-inline-end:0.625rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating,.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text.sc-digi-tools-feedback-rating{display:flex}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-check-icon.sc-digi-tools-feedback-rating{padding-right:24px;padding-top:3px;box-sizing:content-box}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating.sc-digi-tools-feedback-rating .step2.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating{margin-bottom:0px}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating{background-color:unset;border:unset;cursor:pointer;padding:var(--digi--gutter--smallest-3);display:block;position:relative;margin-inline-end:0.875rem;height:1.875rem}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.sc-digi-tools-feedback-rating{fill:none}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating{stroke:var(--digi--color--icon--primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__infographic-primary.sc-digi-tools-feedback-rating{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating,.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating{fill:var(--digi--color--icon--brand-primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating{stroke:var(--digi--color--icon--brand-primary)}.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text-with-rating.sc-digi-tools-feedback-rating{margin-bottom:var(--digi--margin--medium)}";export{c as digi_tools_feedback_rating}
|
|
@@ -41,7 +41,8 @@ const FormInputSearch = class {
|
|
|
41
41
|
*/
|
|
42
42
|
this.afId = randomIdGenerator('digi-form-input-search');
|
|
43
43
|
/**
|
|
44
|
-
* Sätter variant. Kan vara 'small'
|
|
44
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
45
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
45
46
|
* @en Set input variation.
|
|
46
47
|
*/
|
|
47
48
|
this.afVariation = FormInputSearchVariation.MEDIUM;
|
|
@@ -135,10 +136,10 @@ const FormInputSearch = class {
|
|
|
135
136
|
};
|
|
136
137
|
}
|
|
137
138
|
render() {
|
|
138
|
-
return (h(Host, { key: '
|
|
139
|
+
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: {
|
|
139
140
|
'digi-form-input-search__input': true,
|
|
140
141
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
141
|
-
}, 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: '
|
|
142
|
+
}, 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))))));
|
|
142
143
|
}
|
|
143
144
|
get hostElement() { return getElement(this); }
|
|
144
145
|
static get watchers() { return {
|
|
@@ -123,7 +123,7 @@ const FormReceipt = class {
|
|
|
123
123
|
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));
|
|
124
124
|
}
|
|
125
125
|
render() {
|
|
126
|
-
return (h("div", { key: '
|
|
126
|
+
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)));
|
|
127
127
|
}
|
|
128
128
|
get hostElement() { return getElement(this); }
|
|
129
129
|
};
|
|
@@ -28,7 +28,7 @@ const LinkInternal = class {
|
|
|
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
|
get hostElement() { return getElement(this); }
|
|
34
34
|
};
|
|
@@ -190,7 +190,7 @@ const ToolsFeedbackRating = class {
|
|
|
190
190
|
{}).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)))))));
|
|
191
191
|
}
|
|
192
192
|
render() {
|
|
193
|
-
return (h("div", { key: '
|
|
193
|
+
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)));
|
|
194
194
|
}
|
|
195
195
|
get hostElement() { return getElement(this); }
|
|
196
196
|
static get watchers() { return {
|
|
@@ -83,7 +83,8 @@ export declare class FormInputSearch {
|
|
|
83
83
|
*/
|
|
84
84
|
afAriaDescribedby: string;
|
|
85
85
|
/**
|
|
86
|
-
* Sätter variant. Kan vara 'small'
|
|
86
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
87
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
87
88
|
* @en Set input variation.
|
|
88
89
|
*/
|
|
89
90
|
afVariation: FormInputSearchVariation;
|
|
@@ -3,6 +3,8 @@ import { FormReceiptVariation } from './form-receipt-variation.enum';
|
|
|
3
3
|
import { FormReceiptType } from './form-receipt-type.enum';
|
|
4
4
|
import { HTMLStencilElement } from '../../../stencil-public-runtime';
|
|
5
5
|
/**
|
|
6
|
+
* @slot default - Kan innehålla vad som helst
|
|
7
|
+
*
|
|
6
8
|
* @enums FormReceiptVariation - receipt-variation.enum.ts
|
|
7
9
|
* @enums FormReceiptType - receipt-type.enum.ts
|
|
8
10
|
* @enums FormReceiptHeadingLevel - receipt-heading-level.enum.ts
|
|
@@ -86,7 +86,7 @@ export declare class ToolsFeedbackRating {
|
|
|
86
86
|
*/
|
|
87
87
|
afApplication: string;
|
|
88
88
|
/**
|
|
89
|
-
* Sätter
|
|
89
|
+
* Sätter business application number i Produktkatalogen, används för spårning
|
|
90
90
|
* @en Sets an application id.
|
|
91
91
|
*/
|
|
92
92
|
afApplicationId: string;
|
|
@@ -1867,7 +1867,8 @@ export namespace Components {
|
|
|
1867
1867
|
*/
|
|
1868
1868
|
"afValue": string;
|
|
1869
1869
|
/**
|
|
1870
|
-
* Sätter variant. Kan vara 'small'
|
|
1870
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
1871
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
1871
1872
|
* @en Set input variation.
|
|
1872
1873
|
* @default FormInputSearchVariation.MEDIUM
|
|
1873
1874
|
*/
|
|
@@ -8655,7 +8656,7 @@ export namespace Components {
|
|
|
8655
8656
|
*/
|
|
8656
8657
|
"afApplication": string;
|
|
8657
8658
|
/**
|
|
8658
|
-
* Sätter
|
|
8659
|
+
* Sätter business application number i Produktkatalogen, används för spårning
|
|
8659
8660
|
* @en Sets an application id.
|
|
8660
8661
|
*/
|
|
8661
8662
|
"afApplicationId": string;
|
|
@@ -14019,7 +14020,8 @@ declare namespace LocalJSX {
|
|
|
14019
14020
|
*/
|
|
14020
14021
|
"afValue"?: string;
|
|
14021
14022
|
/**
|
|
14022
|
-
* Sätter variant. Kan vara 'small'
|
|
14023
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
14024
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
14023
14025
|
* @en Set input variation.
|
|
14024
14026
|
* @default FormInputSearchVariation.MEDIUM
|
|
14025
14027
|
*/
|
|
@@ -21103,7 +21105,7 @@ declare namespace LocalJSX {
|
|
|
21103
21105
|
*/
|
|
21104
21106
|
"afApplication"?: string;
|
|
21105
21107
|
/**
|
|
21106
|
-
* Sätter
|
|
21108
|
+
* Sätter business application number i Produktkatalogen, används för spårning
|
|
21107
21109
|
* @en Sets an application id.
|
|
21108
21110
|
*/
|
|
21109
21111
|
"afApplicationId"?: string;
|
package/hydrate/index.js
CHANGED
|
@@ -25568,7 +25568,8 @@ class FormInputSearch {
|
|
|
25568
25568
|
*/
|
|
25569
25569
|
this.afId = randomIdGenerator('digi-form-input-search');
|
|
25570
25570
|
/**
|
|
25571
|
-
* Sätter variant. Kan vara 'small'
|
|
25571
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
25572
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
25572
25573
|
* @en Set input variation.
|
|
25573
25574
|
*/
|
|
25574
25575
|
this.afVariation = FormInputSearchVariation.MEDIUM;
|
|
@@ -25662,10 +25663,10 @@ class FormInputSearch {
|
|
|
25662
25663
|
};
|
|
25663
25664
|
}
|
|
25664
25665
|
render() {
|
|
25665
|
-
return (hAsync(Host, { key: '
|
|
25666
|
+
return (hAsync(Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, hAsync("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, hAsync("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
|
|
25666
25667
|
'digi-form-input-search__input': true,
|
|
25667
25668
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
25668
|
-
}, 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 && (hAsync("digi-button", { key: '
|
|
25669
|
+
}, 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 && (hAsync("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" }, hAsync("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
|
|
25669
25670
|
}
|
|
25670
25671
|
get hostElement() { return getElement(this); }
|
|
25671
25672
|
static get watchers() { return {
|
|
@@ -26097,6 +26098,8 @@ class FormRadiogroup {
|
|
|
26097
26098
|
const formReceiptCss = () => `.sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}`;
|
|
26098
26099
|
|
|
26099
26100
|
/**
|
|
26101
|
+
* @slot default - Kan innehålla vad som helst
|
|
26102
|
+
*
|
|
26100
26103
|
* @enums FormReceiptVariation - receipt-variation.enum.ts
|
|
26101
26104
|
* @enums FormReceiptType - receipt-type.enum.ts
|
|
26102
26105
|
* @enums FormReceiptHeadingLevel - receipt-heading-level.enum.ts
|
|
@@ -26172,7 +26175,7 @@ class FormReceipt {
|
|
|
26172
26175
|
return (hAsync("div", { class: "digi-form-receipt__content" }, hAsync("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, hAsync("title", null, "Check mark"), hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("g", { transform: "translate(-170 -32)" }, hAsync("g", { transform: "translate(170 32.325)" }, hAsync("g", { transform: "translate(0 .77495)" }, hAsync("mask", { id: "b", fill: "white" }, hAsync("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), hAsync("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)" })), hAsync("g", { transform: "translate(4.2177)" }, hAsync("mask", { id: "a", fill: "white" }, hAsync("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), hAsync("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)" })))))), hAsync(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
|
|
26173
26176
|
}
|
|
26174
26177
|
render() {
|
|
26175
|
-
return (hAsync("div", { key: '
|
|
26178
|
+
return (hAsync("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (hAsync("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
|
|
26176
26179
|
}
|
|
26177
26180
|
get hostElement() { return getElement(this); }
|
|
26178
26181
|
static get style() { return formReceiptCss(); }
|
|
@@ -34782,7 +34785,7 @@ class LinkInternal {
|
|
|
34782
34785
|
};
|
|
34783
34786
|
}
|
|
34784
34787
|
render() {
|
|
34785
|
-
return (hAsync(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (hAsync("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 }, hAsync("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), hAsync("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (hAsync("digi-link", { key: '
|
|
34788
|
+
return (hAsync(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (hAsync("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 }, hAsync("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), hAsync("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (hAsync("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 }, hAsync("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
|
|
34786
34789
|
}
|
|
34787
34790
|
get hostElement() { return getElement(this); }
|
|
34788
34791
|
static get style() { return linkInternalCss(); }
|
|
@@ -38675,7 +38678,7 @@ class ToolsFeedbackRating {
|
|
|
38675
38678
|
{}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("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) }, hAsync("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' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("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 && (hAsync("div", { class: "digi-tools-feedback-rating__thankyou" }, hAsync("div", { class: "digi-tools-feedback-rating__thankyou-text" }, hAsync("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("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" }), hAsync("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" }))), hAsync("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (hAsync("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 && (hAsync("div", { class: "digi-tools-feedback-rating__link" }, hAsync("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
38676
38679
|
}
|
|
38677
38680
|
render() {
|
|
38678
|
-
return (hAsync("div", { key: '
|
|
38681
|
+
return (hAsync("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, hAsync("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
38679
38682
|
}
|
|
38680
38683
|
get hostElement() { return getElement(this); }
|
|
38681
38684
|
static get watchers() { return {
|
package/hydrate/index.mjs
CHANGED
|
@@ -25566,7 +25566,8 @@ class FormInputSearch {
|
|
|
25566
25566
|
*/
|
|
25567
25567
|
this.afId = randomIdGenerator('digi-form-input-search');
|
|
25568
25568
|
/**
|
|
25569
|
-
* Sätter variant. Kan vara 'small'
|
|
25569
|
+
* Sätter variant. Kan vara 'small' eller 'medium'.
|
|
25570
|
+
* @deprecated Obs, varianten 'large' kommer att utgå i december 2026.
|
|
25570
25571
|
* @en Set input variation.
|
|
25571
25572
|
*/
|
|
25572
25573
|
this.afVariation = FormInputSearchVariation.MEDIUM;
|
|
@@ -25660,10 +25661,10 @@ class FormInputSearch {
|
|
|
25660
25661
|
};
|
|
25661
25662
|
}
|
|
25662
25663
|
render() {
|
|
25663
|
-
return (hAsync(Host, { key: '
|
|
25664
|
+
return (hAsync(Host, { key: '479760a36173d0a06d88a6c407c87543a6b13125', tabindex: -1 }, hAsync("div", { key: '4e49bfd22f8191c07418f4e11b6328c53efbf8d8', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, hAsync("digi-form-input", { key: 'e4fdc40206a1bb9423b852e1f7e683ea8676a924', class: {
|
|
25664
25665
|
'digi-form-input-search__input': true,
|
|
25665
25666
|
'digi-form-input-search__input--no-button': this.afHideButton
|
|
25666
|
-
}, 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 && (hAsync("digi-button", { key: '
|
|
25667
|
+
}, 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 && (hAsync("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" }, hAsync("digi-icon-search", { key: '26f2f3fbcd23a4e8ac3646f6f7d1cafd75126345', slot: "icon" }), this.afButtonText))))));
|
|
25667
25668
|
}
|
|
25668
25669
|
get hostElement() { return getElement(this); }
|
|
25669
25670
|
static get watchers() { return {
|
|
@@ -26095,6 +26096,8 @@ class FormRadiogroup {
|
|
|
26095
26096
|
const formReceiptCss = () => `.sc-digi-form-receipt-h{--digi--receipt--background-color:var(--digi--color--background--pop-out);--digi--receipt--margin:var(--digi--padding--small);--digi--receipt--padding-top:var(--digi--padding--large);--digi--receipt--padding-bottom:var(--digi--padding--largest);--digi--receipt--padding-top--desktop:var(--digi--padding--largest-2);--digi--receipt--padding-bottom--desktop:var(--digi--padding--largest-3);--digi--receipt--padding-horizontal:var(--digi--padding--medium);--digi--receipt--heading--color:var(--digi--color--text--primary);--digi--receipt--heading--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--receipt--heading--font-size--desktop:var(--digi--typography--heading-1--font-size--desktop-large);--digi--receipt--heading--font-weight:var(--digi--typography--heading-2--font-weight--mobile);--digi--receipt--heading--font-weight--desktop:var(--digi--typography--heading-1--font-weight--desktop);--digi--receipt--heading--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{background-color:var(--digi--receipt--background-color);display:grid;padding-top:var(--digi--receipt--padding-top);padding-bottom:var(--digi--receipt--padding-bottom)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt.sc-digi-form-receipt{padding-top:var(--digi--receipt--padding-top--desktop);padding-bottom:var(--digi--receipt--padding-bottom--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt--grid.sc-digi-form-receipt{padding-left:var(--digi--receipt--padding-horizontal);padding-right:var(--digi--receipt--padding-horizontal)}.sc-digi-form-receipt-h .digi-form-receipt--center.sc-digi-form-receipt .digi-form-receipt__content.sc-digi-form-receipt{display:flex;flex-direction:column;align-items:center}.sc-digi-form-receipt-h .digi-form-receipt__content.sc-digi-form-receipt{grid-column:1;grid-row:1}.sc-digi-form-receipt-h .digi-form-receipt__body.sc-digi-form-receipt{display:flex;flex-direction:column}.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-family:var(--digi--receipt--heading--font-family);font-size:var(--digi--receipt--heading--font-size);font-weight:var(--digi--receipt--heading--font-weight);margin-top:0;margin-bottom:0;display:block;color:var(--digi--receipt--heading--color)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__heading.sc-digi-form-receipt{font-size:var(--digi--receipt--heading--font-size--desktop);font-weight:var(--digi--receipt--heading--font-weight--desktop)}}.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.125rem;height:1.75rem;margin-bottom:var(--digi--receipt--margin)}@media (min-width: 61.9375rem){.sc-digi-form-receipt-h .digi-form-receipt__icon.sc-digi-form-receipt{width:2.75rem;height:2.25rem}}.sc-digi-form-receipt-h .digi-form-receipt__infographic-primary.sc-digi-form-receipt{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper.sc-digi-form-receipt{display:flex;flex-direction:column;gap:1rem}.sc-digi-form-receipt-h .digi-form-receipt__slot-wrapper-has-content.sc-digi-form-receipt{padding-top:1.5rem}.sc-digi-form-receipt-s .digi-form-receipt__slot-wrapper-center-text{text-align:center}`;
|
|
26096
26097
|
|
|
26097
26098
|
/**
|
|
26099
|
+
* @slot default - Kan innehålla vad som helst
|
|
26100
|
+
*
|
|
26098
26101
|
* @enums FormReceiptVariation - receipt-variation.enum.ts
|
|
26099
26102
|
* @enums FormReceiptType - receipt-type.enum.ts
|
|
26100
26103
|
* @enums FormReceiptHeadingLevel - receipt-heading-level.enum.ts
|
|
@@ -26170,7 +26173,7 @@ class FormReceipt {
|
|
|
26170
26173
|
return (hAsync("div", { class: "digi-form-receipt__content" }, hAsync("svg", { class: "digi-form-receipt__icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29" }, hAsync("title", null, "Check mark"), hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("g", { transform: "translate(-170 -32)" }, hAsync("g", { transform: "translate(170 32.325)" }, hAsync("g", { transform: "translate(0 .77495)" }, hAsync("mask", { id: "b", fill: "white" }, hAsync("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), hAsync("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)" })), hAsync("g", { transform: "translate(4.2177)" }, hAsync("mask", { id: "a", fill: "white" }, hAsync("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), hAsync("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)" })))))), hAsync(this.afHeadingLevel, { class: "digi-form-receipt__heading", tabIndex: -1 }, this.afText), this.slotContent));
|
|
26171
26174
|
}
|
|
26172
26175
|
render() {
|
|
26173
|
-
return (hAsync("div", { key: '
|
|
26176
|
+
return (hAsync("div", { key: 'f28dea64d4e1d8600757d7c5afcaca5c33b596c9', class: Object.assign({ 'digi-form-receipt': true }, this.cssModifiers) }, this.afVariation === FormReceiptVariation.FULLWIDTH ? (hAsync("digi-layout-block", { afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)) : (this.content)));
|
|
26174
26177
|
}
|
|
26175
26178
|
get hostElement() { return getElement(this); }
|
|
26176
26179
|
static get style() { return formReceiptCss(); }
|
|
@@ -34780,7 +34783,7 @@ class LinkInternal {
|
|
|
34780
34783
|
};
|
|
34781
34784
|
}
|
|
34782
34785
|
render() {
|
|
34783
|
-
return (hAsync(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (hAsync("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 }, hAsync("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), hAsync("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (hAsync("digi-link", { key: '
|
|
34786
|
+
return (hAsync(Host, { key: '8ba42942dc3b785180bb3f934b8cc369b16042fe' }, !this.afLinkContainer && (hAsync("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 }, hAsync("digi-icon-chevron-right", { key: 'c685e2ae9752fb4ad6d91dc963e7047fba542a00', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), hAsync("slot", { key: '920c84a6a9a904139d666a38e98d85f7af887c1f' }))), this.afLinkContainer && (hAsync("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 }, hAsync("slot", { key: 'fe5d219a4eec5914341798e4fd489c14f955c3cc' })))));
|
|
34784
34787
|
}
|
|
34785
34788
|
get hostElement() { return getElement(this); }
|
|
34786
34789
|
static get style() { return linkInternalCss(); }
|
|
@@ -38673,7 +38676,7 @@ class ToolsFeedbackRating {
|
|
|
38673
38676
|
{}).text.toLowerCase() || null}`)), hAsync("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (hAsync("div", { class: "digi-tools-feedback-rating__star-rating-star" }, hAsync("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) }, hAsync("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' : ''}` }, hAsync("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, hAsync("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, hAsync("g", { transform: "translate(1663, 2565)" }, hAsync("g", { transform: "translate(190, 0)" }, hAsync("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 && (hAsync("div", { class: "digi-tools-feedback-rating__thankyou" }, hAsync("div", { class: "digi-tools-feedback-rating__thankyou-text" }, hAsync("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, hAsync("g", { fill: "none", "fill-rule": "evenodd" }, hAsync("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" }), hAsync("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" }))), hAsync("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (hAsync("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 && (hAsync("div", { class: "digi-tools-feedback-rating__link" }, hAsync("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
|
|
38674
38677
|
}
|
|
38675
38678
|
render() {
|
|
38676
|
-
return (hAsync("div", { key: '
|
|
38679
|
+
return (hAsync("div", { key: 'de06cd39b9226ddcc6e7ea8ea50001b6b4e4b999', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, hAsync("digi-layout-block", { key: '47d42726369a187867eec27f8a57d07e4c1efb22', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
|
|
38677
38680
|
}
|
|
38678
38681
|
get hostElement() { return getElement(this); }
|
|
38679
38682
|
static get watchers() { return {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@designsystem-se/af",
|
|
3
3
|
"author": "Arbetsförmedlingen",
|
|
4
|
-
"version": "39.2.1
|
|
4
|
+
"version": "39.2.1",
|
|
5
5
|
"description": "Web Components for Digi Designsystem",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"main": "./dist/index.cjs.js",
|
|
@@ -21,7 +21,9 @@
|
|
|
21
21
|
},
|
|
22
22
|
"contributes": {
|
|
23
23
|
"html": {
|
|
24
|
-
"customData": [
|
|
24
|
+
"customData": [
|
|
25
|
+
"./custom-elements.json"
|
|
26
|
+
]
|
|
25
27
|
}
|
|
26
28
|
},
|
|
27
29
|
"publishConfig": {
|