@designsystem-se/af 35.4.0 → 35.4.1-beta.0

package/dist/digi-arbetsformedlingen/p-3ae60edc.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as a,g as o}from"./p-52e3bb32.js";import{r as n}from"./p-ffe5c0e8.js";import{s as r,t as e,u as c,y as d}from"./p-86eddf30.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as s}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(a){i(this,a),this.afOnClose=t(this,"afOnClose",7),this.afOnReady=t(this,"afOnReady",3),this.listItems=[],this.afHeading=void 0,this.afHeadingLevel=r.H2,this.afSize=e.LARGE,this.afVariation=c.INFO,this.afCloseable=!1,this.afCloseAriaLabel="Stäng meddelandet",this.afId=n("digi-notification-alert")}async afMGetHeadingElement(){return this._heading}clickHandler(i){this.afOnClose.emit(i)}componentDidLoad(){this.afOnReady.emit()}get cssModifiers(){return{[`digi-notification-alert--size-${this.afSize}`]:!!this.afSize,[`digi-notification-alert--variation-${this.afVariation}`]:!!this.afVariation,"digi-notification-alert--closeable":this.afCloseable}}get icon(){switch(this.afVariation){case c.SUCCESS:return a("digi-icon-notification-succes",null);case c.WARNING:return a("digi-icon-notification-warning",null);case c.DANGER:return a("digi-icon-notification-error",null);default:return a("digi-icon-notification-info",null)}}render(){return a("div",{key:"e4266774905fbf2b55a74e8a0955671356b98d41",class:Object.assign({"digi-notification-alert":!0},this.cssModifiers)},a("div",{key:"9abdb6437416b3bf27bbfd7f1b24877df49547a3",class:"digi-notification-alert__layout"},a("div",{key:"5d243b8d43b9e1279b688b2bbfe86d74480a0f10",class:"icon-wrapper"},a("div",{key:"157da6ae9d428763051b79f10e6a647ef51beaa8",class:"digi-notification-alert__icon",slot:"media"},this.icon)),a("div",{key:"0f489f9fb220be2b4c0afc96c8c17a902e8110ec",class:"main-wrapper"},a("div",{key:"7354aa28d772f5e79cddfc78d73d8f791eb32c5d",class:"digi-notification-alert__wrapper"},this.afCloseable&&a("digi-button",{key:"24266095733533913ff851a84b3478850a75f8da","af-aria-label":this.afCloseAriaLabel,"af-variation":s.FUNCTION,onAfOnClick:i=>this.clickHandler(i),class:"digi-notification-alert__close-button"},a("span",{key:"d86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d",class:"digi-notification-alert__close-button__text"},"Stäng"),a("digi-icon-x",{key:"30d19c2d35a5deaed77d8921a24447796f2560c2",slot:"icon-secondary","aria-hidden":"true"})),a("div",{key:"fed2a1627e9137a9f233329550138082a0295a14",class:"digi-notification-alert__text"},this.afHeading&&this.afSize===e.LARGE&&a(this.afHeadingLevel,{key:"6931822676b2439e74d27ee5151199360a02f6b5",ref:i=>this._heading=i,tabindex:"-1",class:"digi-notification-alert__heading"},this.afHeading),a("div",{key:"ad16adaad35788c28b3d7df61081e52e26f00016",class:"digi-notification-alert__content"},a("digi-typography",{key:"3b2d41e52020b6ea4ad0580912cdbcb063b2a9db","af-variation":d.SMALL},a("slot",{key:"0484d598f84c53ddb678bb53264fd125b85e3b8f"}))))))))}get hostElement(){return o(this)}};g.style=".sc-digi-notification-alert-h{--digi--notification-alert--heading--font-weight:var(--digi--typography--heading-3--font-weight--desktop);--digi--notification-alert--heading--font-size:var(--digi--typography--heading-3--font-size--desktop);--digi--notification-alert--heading--font-size--large:var(--digi--typography--heading-3--font-size--desktop-large);--digi--notification-alert--icon--padding--large:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--medium:var(--digi--gutter--largest);--digi--notification-alert--icon--padding--small:var(--digi--gutter--large);--digi--notification-alert--icon--width--large:2.25rem;--digi--notification-alert--icon--width--medium:1.4375rem;--digi--notification-alert--icon--width--small:1.4375rem;--digi--notification-alert--max-width--large:100%;--digi--notification-alert--max-width--medium:31.25rem;--digi--notification-alert--max-width--small:18.75rem;--digi--notification-alert--border--informative:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--info);--digi--notification-alert--icon--color--informative:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--informative:var(--digi--color--background--sentiment--info--primary);--digi--notification-alert--border--success:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--success);--digi--notification-alert--icon--color--success:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--success:var(--digi--color--background--sentiment--success--primary);--digi--notification-alert--border--warning:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--warning);--digi--notification-alert--icon--color--warning:var(--digi--color--icon--primary);--digi--notification-alert--icon--background--warning:var(--digi--color--background--sentiment--warning--primary);--digi--notification-alert--border--danger:var(--digi--border-width--secondary) solid var(--digi--color--border--sentiment--error);--digi--notification-alert--icon--color--danger:var(--digi--color--icon--secondary);--digi--notification-alert--icon--background--danger:var(--digi--color--background--sentiment--error--primary)}.sc-digi-notification-alert-h .digi-notification-alert.sc-digi-notification-alert{position:relative;max-width:var(--MAX-WIDTH)}.sc-digi-notification-alert-h .digi-notification-alert--variation-info.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--informative);--ICON--COLOR:var(--digi--notification-alert--icon--color--informative);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--informative)}.sc-digi-notification-alert-h .digi-notification-alert--variation-success.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--success);--ICON--COLOR:var(--digi--notification-alert--icon--color--success);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--success)}.sc-digi-notification-alert-h .digi-notification-alert--variation-danger.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--danger);--ICON--COLOR:var(--digi--notification-alert--icon--color--danger);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--danger)}.sc-digi-notification-alert-h .digi-notification-alert--variation-warning.sc-digi-notification-alert{--BORDER:var(--digi--notification-alert--border--warning);--ICON--COLOR:var(--digi--notification-alert--icon--color--warning);--ICON--BACKGROUND:var(--digi--notification-alert--icon--background--warning)}.sc-digi-notification-alert-h .digi-notification-alert--size-large.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--large);--ICON--PADDING:var(--digi--notification-alert--icon--padding--large);--ICON--WIDTH:var(--digi--notification-alert--icon--width--large)}.sc-digi-notification-alert-h .digi-notification-alert--size-medium.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--medium);--ICON--PADDING:var(--digi--notification-alert--icon--padding--medium);--ICON--WIDTH:var(--digi--notification-alert--icon--width--medium)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert{--MAX-WIDTH:var(--digi--notification-alert--max-width--small);--ICON--PADDING:var(--digi--notification-alert--icon--padding--small);--ICON--WIDTH:var(--digi--notification-alert--icon--width--small)}.sc-digi-notification-alert-h .digi-notification-alert--size-small.sc-digi-notification-alert .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;justify-content:space-between;flex-direction:row-reverse}.sc-digi-notification-alert-h .digi-notification-alert--closeable.sc-digi-notification-alert .digi-notification-alert__text.sc-digi-notification-alert{padding-right:0}.sc-digi-notification-alert-h .digi-notification-alert__layout.sc-digi-notification-alert{display:flex;align-items:stretch;gap:0}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert{background:var(--ICON--BACKGROUND);padding:var(--ICON--PADDING);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__icon.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--icon--width:var(--ICON--WIDTH);--digi--icon--color:var(--ICON--COLOR)}.sc-digi-notification-alert-h .digi-notification-alert__wrapper.sc-digi-notification-alert{display:flex;border:var(--BORDER);background-color:var(--digi--color--background--primary);border-left:none;height:100%;box-sizing:border-box}.sc-digi-notification-alert-h .digi-notification-alert__text.sc-digi-notification-alert{padding:var(--digi--gutter--largest)}.sc-digi-notification-alert-h .digi-notification-alert__close-button.sc-digi-notification-alert{--digi--button--color--function:var(--digi--color--text--primary);--digi--button--color--function--hover:var(--digi--color--text--primary)}@media screen and (max-width: 47.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__close-button__text.sc-digi-notification-alert{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-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--notification-alert--heading--font-size);font-weight:var(--digi--notification-alert--heading--font-weight);color:var(--digi--color--text--primary);margin:0;display:block}@media (min-width: 61.9375rem){.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert{font-size:var(--digi--notification-alert--heading--font-size--large)}}.sc-digi-notification-alert-h .digi-notification-alert__heading.sc-digi-notification-alert:focus{outline:none}.sc-digi-notification-alert-h .digi-notification-alert__content.sc-digi-notification-alert>*.sc-digi-notification-alert{--digi--typography--max-width:var(--MAX-WIDTH);--digi--typography--margin-top--text:var(--digi--gutter--small)}.sc-digi-notification-alert-h .icon-wrapper.sc-digi-notification-alert{align-items:stretch}.sc-digi-notification-alert-h .main-wrapper.sc-digi-notification-alert{flex:1}";export{g as digi_notification_alert}

package/dist/digi-arbetsformedlingen/p-431baa4e.entry.js

@@ -0,0 +1 @@
+import{r as i,c as r,h as t,g as s}from"./p-52e3bb32.js";import{r as o}from"./p-ffe5c0e8.js";import{e,u as a,y as p}from"./p-86eddf30.js";import{l as d}from"./p-e3d2e899.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-53d9556b.js";import"./p-4841b4e1.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const m=class{constructor(t){i(this,t),this.afOnClickLink=r(this,"afOnClickLink",7),this.afOnReady=r(this,"afOnReady",3),this.linkItems=[],this.afHeading=void 0,this.afHeadingLevel=e.H2,this.afDescription=void 0,this.afId=o("digi-form-error-list"),this.afOverrideLink=!1,this.afEnableHeadingFocus=!0}async afMSetHeadingFocus(){this.setHeadingFocus()}componentWillLoad(){this.getLinks()}componentWillUpdate(){this.getLinks(!0)}componentDidLoad(){this.setHeadingFocus(),this.afOnReady.emit()}getLinks(i){const r=this.hostElement.children;if(!r||r.length<=0)return void d.warn("The slot contains no link elements",this.hostElement);let t;t=i?this._observer.children:r,this.linkItems=[...t].filter((i=>"a"===i.tagName.toLowerCase())).map((i=>({text:i.textContent,href:i.getAttribute("href")||""})))}setHeadingFocus(){this.afEnableHeadingFocus&&setTimeout((async()=>{const i=await this._notificationAlert.afMGetHeadingElement();i&&i.focus()}),0)}clickResponse(i){this.afOverrideLink&&i.detail.preventDefault(),this.afOnClickLink.emit(i)}render(){return t("div",{key:"c45799357d9c3b50ca44d7a797aea773a041875d",class:"digi-form-error-list",id:this.afId},t("digi-notification-alert",{key:"ac72c13d6b6a0635688a7e5e91a57db431d01670",ref:i=>this._notificationAlert=i,"af-heading":this.afHeading,"af-heading-level":this.afHeadingLevel,"af-variation":a.DANGER},this.afDescription&&t("digi-typography",{key:"25a325ab334c2304a01952d7e70786e53ebbd3cc","af-variation":p.SMALL},t("p",{key:"aacca74ef683f0ce492c0b69283833f5c3a01069",class:"digi-form-error-list__description"},this.afDescription)),t("ul",{key:"77f696f3aa0da40b05f89a3ebdcfeca6c0c5f44f",class:"digi-form-error-list__list"},this.linkItems.map((i=>t("li",{class:"digi-form-error-list__item"},t("digi-link-internal",{class:"digi-form-error-list__link",afHref:i.href},i.text)))))),t("div",{key:"83ac00f6c2291855e8d3b116251068d6a7bd6bdf",hidden:!0,class:"digi-form-error-list__slot"},t("digi-util-mutation-observer",{key:"8e3dcd6e63289fa9b134b4f8e4b5632c25531847",afOptions:{attributes:!1,childList:!0,subtree:!0,characterData:!0},ref:i=>this._observer=i,onAfOnChange:()=>this.getLinks()},t("slot",{key:"74f36b5292a73674be3d0d866a0689c0791f6b6e"}))))}get hostElement(){return s(this)}};m.style=".sc-digi-form-error-list-h{--digi--form-error-list--list--padding:var(--digi--gutter--smaller) 0 0 0;--digi--form-error-list--list--margin:0;--digi--form-error-list--item--padding:var(--digi--padding--smaller) 0 0 0;--digi--form-error-list--item--margin:0}.sc-digi-form-error-list-h .digi-form-error-list__list.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--list--padding);margin:var(--digi--form-error-list--list--margin)}.sc-digi-form-error-list-h .digi-form-error-list__item.sc-digi-form-error-list{list-style:none;padding:var(--digi--form-error-list--item--padding);margin:var(--digi--form-error-list--item--margin)}";export{m as digi_form_error_list}

package/dist/digi-arbetsformedlingen/{p-0d35dc92.entry.js → p-56ca6c5c.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as o,H as a,g as d}from"./p-52e3bb32.js";import{c as r,b as e,D as s}from"./p-d2d0856f.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=e.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=s.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==e.SMALL,"digi-dialog--medium":this.afSize==e.MEDIUM,"digi-dialog--large":this.afSize==e.LARGE}}render(){return o(a,{key:"b6fa143b71709908623eda3f8fda037f523a4f90",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"46ae05735ed8f54c75a82b5cc5e23effae77e745",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"d6da8ca0633774200dff4ade8fb170f2fd19b6b9",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac"},this.afCloseButtonText&&o("digi-button",{key:"e52c53a254adfca3c0e7d22500f381877feb798d",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"78b867c769a5f170a7b09270f0a466358febd0df",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"20b204bea4212367ed6202e73185ee0f63ab85f3",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"20b227dc35ebe307589e097cb64bcd7c47913729",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"2c5f707d8a5db9957a252e1a6a454824521b6541"}),o("div",{key:"167c44e5b9827f66b9355180d6af6a9fc8f783ad",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"1208655a175f323aa4bff70b0cf8daa28e2f3e86",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}
+import{r as i,c as t,h as o,H as a,g as d}from"./p-52e3bb32.js";import{d as r,c as e,D as s}from"./p-86eddf30.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as g}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as c}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const l=class{constructor(o){i(this,o),this.afPrimaryButtonClick=t(this,"afPrimaryButtonClick",7),this.afSecondaryButtonClick=t(this,"afSecondaryButtonClick",7),this.afOnClose=t(this,"afOnClose",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.afId=n("digi-dialog"),this.afVariation=r.PRIMARY,this.afSize=e.MEDIUM,this.afShowDialog=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=s.H2,this.afHeading=void 0,this.afPrimaryButtonText=void 0,this.afSecondaryButtonText=void 0,this.afFallbackElementSelector=void 0}primaryClickHandler(i){this.afPrimaryButtonClick.emit(i)}secondaryClickHandler(i){this.afSecondaryButtonClick.emit(i)}escHandler(i){this._closeButton&&this.closeDialog(i)}shiftHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this._dialogHeading&&this.closeButtonEl||t===this.firstFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):(t===this._dialogHeading&&!this.closeButtonEl||t===this.firstFocusableEl&&!this.closeButtonEl||t===this.closeButtonEl)&&(i.detail.preventDefault(),this.lastFocusableEl.focus()):i.detail.preventDefault()}tabHandler(i){let t;t="DIGI-DIALOG"===document.activeElement.tagName?document.activeElement.shadowRoot.activeElement:document.activeElement,this.shouldUseFocusTrap?t===this.lastFocusableEl&&this.closeButtonEl?(i.detail.preventDefault(),this.closeButtonEl.focus()):t!==this.closeButtonEl&&t!==this.lastFocusableEl||(i.detail.preventDefault(),this.firstFocusableEl.focus()):i.detail.preventDefault()}onActive(){document.body.style.overflow="hidden",this.afCloseButtonText||(this._wrapper.style.paddingTop="25px"),this._dialogHeading&&(this._dialogHeading.style.marginTop="0"),this.onResize(),setTimeout((()=>{this.setFallback(),this.getFocusableItems(),this.setFocus()}),50)}buttonWidthMaxContent(){this._primaryButton&&(this._primaryButton.style.width="max-content",this._primaryButton.querySelector("button").style.width="max-content"),this._secondaryButton&&(this._secondaryButton.style.width="max-content",this._secondaryButton.querySelector("button").style.width="max-content")}buttonWidth100Percent(){this._primaryButton&&(this._primaryButton.style.width="100%",this._primaryButton.querySelector("button").style.width="100%"),this._secondaryButton&&(this._secondaryButton.style.width="100%",this._secondaryButton.querySelector("button").style.width="100%")}onResize(){this.buttonContainerObserver=new ResizeObserver((()=>{this._buttonContainer.clientWidth<=313?this.buttonWidth100Percent():this.buttonWidthMaxContent()})),this.buttonContainerObserver.observe(this._buttonContainer)}onInactive(){const i=this.fallbackElement;i&&i.focus(),this.buttonContainerObserver.disconnect(),document.body.style.overflow=""}closeDialog(i){this.afShowDialog=!1,this.afOnClose.emit(i)}setFallback(){this.afFallbackElementSelector&&document.querySelector(this.afFallbackElementSelector)?(this.fallbackElement=document.querySelector(this.afFallbackElementSelector),this.fallbackElement instanceof HTMLHeadingElement&&this.fallbackElement.setAttribute("tabindex","-1")):this.fallbackElement=document.activeElement}setFocus(){if(this.afShowDialog){let i;this.afHeading?(i=this._dialogHeading,this._dialogHeading.style.outline="none"):this.firstFocusableEl?(i=this.firstFocusableEl,i.getAttribute("tabindex")||i.setAttribute("tabindex","0")):this.closeButtonEl?i=this.closeButtonEl:(i=this._wrapper,i.setAttribute("tabindex","0")),i&&i.focus()}}getFocusableItems(){let i;const t=this._host.querySelectorAll(this._focusableElementsSelectors),o=this._wrapper.querySelectorAll(this._focusableElementsSelectors);if(this._closeButton){this.closeButtonEl=this._closeButton.children[0];const a=Array.prototype.slice.call(o);a.shift(),i=Array.from(t).concat(Array.from(a))}else i=Array.from(t).concat(Array.from(o));this.focusableElements=i,this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}componentDidLoad(){this.afShowDialog&&this.onActive()}componentDidUpdate(){this.afShowDialog?this.onActive():!this.afShowDialog&&this.fallbackElement&&this.onInactive()}get shouldUseFocusTrap(){return this.afShowDialog&&this.focusableElements.length>0}get cssModifiers(){return{"digi-dialog--primary":this.afVariation==r.PRIMARY,"digi-dialog--secondary":this.afVariation==r.SECONDARY,"digi-dialog--small":this.afSize==e.SMALL,"digi-dialog--medium":this.afSize==e.MEDIUM,"digi-dialog--large":this.afSize==e.LARGE}}render(){return o(a,{key:"b6fa143b71709908623eda3f8fda037f523a4f90",ref:i=>{this._host=i}},this.afShowDialog&&o("div",{key:"46ae05735ed8f54c75a82b5cc5e23effae77e745",class:Object.assign({"digi-dialog":!0},this.cssModifiers)},o("digi-util-keydown-handler",{key:"0740b3466fc4a3ac52bfe0a3d5d58fe2399c4474",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i),class:"digi-dialog__keydown-handler"},o("div",{key:"d6da8ca0633774200dff4ade8fb170f2fd19b6b9",ref:i=>{this._wrapper=i},role:"dialog","aria-modal":"true",class:"digi-dialog__content"},o("digi-typography",{key:"e5532e07a112ba5cadc4f4ee012c7c0b1ebc7eac"},this.afCloseButtonText&&o("digi-button",{key:"e52c53a254adfca3c0e7d22500f381877feb798d",ref:i=>this._closeButton=i,class:"digi-dialog__close-button",afAriaLabel:this.afCloseButtonText,afSize:g.MEDIUM,"af-variation":"function",onAfOnClick:i=>this.closeDialog(i)},this.afCloseButtonText,o("digi-icon-x",{key:"78b867c769a5f170a7b09270f0a466358febd0df",class:"digi-dialog__close-icon",slot:"icon-secondary"})),o("slot",{key:"20b204bea4212367ed6202e73185ee0f63ab85f3",name:"over-heading"}),this.afHeadingLevel&&this.afHeading&&o(this.afHeadingLevel,{key:"20b227dc35ebe307589e097cb64bcd7c47913729",tabindex:"-1",ref:i=>this._dialogHeading=i},this.afHeading),o("slot",{key:"2c5f707d8a5db9957a252e1a6a454824521b6541"}),o("div",{key:"167c44e5b9827f66b9355180d6af6a9fc8f783ad",ref:i=>this._buttonContainer=i,class:"digi-dialog__button-container"},this.afSecondaryButtonText&&o("digi-button",{key:"bca5ce02a71c2c4b43ec7eaebcc70016c5ea1d98",ref:i=>this._secondaryButton=i,afVariation:c.SECONDARY,onAfOnClick:i=>this.secondaryClickHandler(i)},this.afSecondaryButtonText),this.afPrimaryButtonText&&o("digi-button",{key:"1208655a175f323aa4bff70b0cf8daa28e2f3e86",ref:i=>this._primaryButton=i,afVariation:c.PRIMARY,onAfOnClick:i=>this.primaryClickHandler(i)},this.afPrimaryButtonText)))))))}get hostElement(){return d(this)}};l.style=":host{--digi--dialog--backdrop--position:fixed;--digi--dialog--backdrop--opacity:1;--digi--dialog--backdrop--z--index:999;--digi--dialog--backdrop--left:0;--digi--dialog--backdrop--top:0;--digi--dialog--backdrop--width:100vw;--digi--dialog--backdrop--height:100vh;--digi--dialog--backdrop--display:flex;--digi--dialog--backdrop--justify--content:center;--digi--dialog--backdrop--align--items:center;--digi--dialog--close--button--display:grid;--digi--dialog--close--button--justify--content:end;--digi--dialog--close--button--margin--right:-1rem;--digi--dialog--button--container--display:flex;--digi--dialog--button--container--flex-wrap:wrap;--digi--dialog--button--container--gap:var(--digi--gutter--large);--digi--dialog--button--container--padding--top:var(--digi--gutter--largest-2);--digi--dialog--button--text--align--mobile:center;--digi--dialog--content--gutter:var(--digi--gutter--largest);--digi--dialog--content--margin:var(--digi--margin--large) auto;--digi--dialog--content--padding:var(--digi--padding--large);--digi--dialog--content--width--small:28.75rem;--digi--dialog--content--width--medium:42.1875rem;--digi--dialog--content--width--large:56.25rem;--digi--dialog--content--color--primary:var(--digi--color--text--primary);--digi--dialog--content--color--background--primary:var(--digi--color--background--primary);--digi--dialog--icon--color--primary:var(--digi--color--icon--primary);--digi--dialog--icon--color--primary--hover:var(--digi--color--icon--primary)}:host .digi-dialog{background:rgba(0, 0, 0, 0.7);overflow-x:hidden;overflow-y:auto;position:var(--digi--dialog--backdrop--position);opacity:var(--digi--dialog--backdrop--opacity);z-index:var(--digi--dialog--backdrop--z--index);left:var(--digi--dialog--backdrop--left);top:var(--digi--dialog--backdrop--top);width:var(--digi--dialog--backdrop--width);height:var(--digi--dialog--backdrop--height);display:var(--digi--dialog--backdrop--display);justify-content:var(--digi--dialog--backdrop--justify--content);align-items:var(--digi--dialog--backdrop--align--items);padding:var(--digi--padding--medium);box-sizing:border-box}:host .digi-dialog--primary{--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--primary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--primary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:initial}:host .digi-dialog--secondary{--digi--dialog--content--color--secondary:var(\n    --digi--global--color--profile--white--base\n  );--digi--dialog--content--color--background--secondary:var(\n    --digi--global--color--profile--blue--base\n  );--DIGI--DIALOG--COLOR--BACKGROUND:var(\n    --digi--dialog--content--color--background--secondary\n  );--DIGI--DIALOG--COLOR:var(--digi--dialog--content--color--secondary);--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY:#b7b7ff;--digi--color--text--primary:var(--digi--dialog--content--color--secondary)}:host .digi-dialog--small{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--small)}:host .digi-dialog--medium{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--medium)}:host .digi-dialog--large{--DIGI--DIALOG--CONTENT--WIDTH:var(--digi--dialog--content--width--large)}:host .digi-dialog__keydown-handler{width:100%;max-height:100%}:host .digi-dialog__content{background:var(--DIGI--DIALOG--COLOR--BACKGROUND);color:var(--DIGI--DIALOG--COLOR);max-width:var(--DIGI--DIALOG--CONTENT--WIDTH);width:100%;margin:var(--digi--dialog--content--margin);padding:var(--digi--padding--smaller) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding) var(--digi--dialog--content--padding);box-sizing:border-box}:host .digi-dialog__close-button{--digi--button--color--text--function--default:var(--DIGI--DIALOG--COLOR);--digi--button--color--text--function--hover:var(--DIGI--DIALOG--COLOR);--digi--button--color--icon--function--default:var(--digi--dialog--icon--color--primary);--digi--button--color--icon--function--hover:var(--digi--dialog--icon--color--primary--hover);display:var(--digi--dialog--close--button--display);justify-content:var(--digi--dialog--close--button--justify--content);margin-right:var(--digi--dialog--close--button--margin--right)}:host .digi-dialog__button-container{display:var(--digi--dialog--button--container--display);flex-wrap:var(--digi--dialog--button--container--flex-wrap);gap:var(--digi--dialog--button--container--gap);padding-top:var(--digi--dialog--button--container--padding--top)}:host .digi-dialog__button-container digi-button,:host .digi-dialog__button-container .digi-button--medium{text-align:var(--digi--dialog--button--text--align--mobile)}:host .digi-dialog__button-container digi-button :first-of-type,:host .digi-dialog__button-container .digi-button--medium :first-of-type{--digi--button--color--border--primary--default:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY);--digi--button--color--border--primary--hover:var(--DIGI--DIALOG--CONTENT--BUTTON--COLOR--BORDER--PRIMARY)}";export{l as digi_dialog}

package/dist/digi-arbetsformedlingen/{p-6559910e.entry.js → p-58f76475.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as o,g as d}from"./p-52e3bb32.js";import{r as t}from"./p-ffe5c0e8.js";import{w as s,v as a,u as r}from"./p-d2d0856f.js";import{L as c}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as n}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as l}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.afOnReady=e(this,"afOnReady",3),this.afVariation=s.PRIMARY,this.afType=a.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=r.H4,this.afFeedback=void 0,this.afId=t("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===s.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===s.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===a.FULLWIDTH,"digi-tools-feedback--grid":this.afType===a.GRID}}get icon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},o("title",null,"Chat"),o("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},o("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},o("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",class:"digi-tools-feedback__infographic-secondary"}),o("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("g",{id:"Group-8"},o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),o("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},o("title",null,"Check mark"),o("g",{fill:"none","fill-rule":"evenodd"},o("g",{transform:"translate(-170 -32)"},o("g",{transform:"translate(170 32.325)"},o("g",{transform:"translate(0 .77495)"},o("mask",{id:"b",fill:"white"},o("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),o("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)"})),o("g",{transform:"translate(4.2177)"},o("mask",{id:"a",fill:"white"},o("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),o("path",{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",class:"digi-tools-feedback__infographic-primary",mask:"url(#a)"}))))))}get content(){return o("div",null,1===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"},this.icon,o(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),o("div",{class:"digi-tools-feedback__container-btns"},o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,o("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),o("div",{class:"digi-tools-feedback__container-forms"},o("slot",{name:"form"})),3===this.currentStep&&o("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,o("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return o("div",{key:"2026093dc40c9cfd602498c9555723444dff86f8",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===a.FULLWIDTH&&o("digi-layout-block",{key:"a6457021299bfd721ec5f48a5ecbac4833f74db5",afVariation:c.TRANSPARENT},this.content),this.afType!==a.FULLWIDTH&&this.content)}get hostElement(){return d(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};g.style=".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{g as digi_tools_feedback}
+import{r as i,c as e,h as o,g as d}from"./p-52e3bb32.js";import{r as t}from"./p-ffe5c0e8.js";import{x as s,w as a,v as r}from"./p-86eddf30.js";import{L as c}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as n}from"./p-53d9556b.js";import"./p-4841b4e1.js";import{B as l}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-5d21a361.js";import"./p-ad16c7a1.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-88b4d03a.js";import"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-07303cb5.js";import"./p-2a023831.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f600576a.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-46cbbcb5.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-4bad4fb0.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const g=class{constructor(o){i(this,o),this.afOnReady=e(this,"afOnReady",3),this.afVariation=s.PRIMARY,this.afType=a.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=r.H4,this.afFeedback=void 0,this.afId=t("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===s.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===s.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===a.FULLWIDTH,"digi-tools-feedback--grid":this.afType===a.GRID}}get icon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},o("title",null,"Chat"),o("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},o("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},o("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",class:"digi-tools-feedback__infographic-secondary"}),o("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("g",{id:"Group-8"},o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),o("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),o("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),o("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return o("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},o("title",null,"Check mark"),o("g",{fill:"none","fill-rule":"evenodd"},o("g",{transform:"translate(-170 -32)"},o("g",{transform:"translate(170 32.325)"},o("g",{transform:"translate(0 .77495)"},o("mask",{id:"b",fill:"white"},o("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),o("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)"})),o("g",{transform:"translate(4.2177)"},o("mask",{id:"a",fill:"white"},o("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),o("path",{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",class:"digi-tools-feedback__infographic-primary",mask:"url(#a)"}))))))}get content(){return o("div",null,1===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"},this.icon,o(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),o("div",{class:"digi-tools-feedback__container-btns"},o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),o("digi-button",{"af-size":n.MEDIUM,"af-variation":l.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&o("div",{class:"digi-tools-feedback__container"},o("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,o("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),o("div",{class:"digi-tools-feedback__container-forms"},o("slot",{name:"form"})),3===this.currentStep&&o("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,o("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return o("div",{key:"2026093dc40c9cfd602498c9555723444dff86f8",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===a.FULLWIDTH&&o("digi-layout-block",{key:"a6457021299bfd721ec5f48a5ecbac4833f74db5",afVariation:c.TRANSPARENT},this.content),this.afType!==a.FULLWIDTH&&this.content)}get hostElement(){return d(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};g.style=".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{g as digi_tools_feedback}