@designsystem-se/af 35.4.1-beta.1 → 35.4.1-beta.11

package/dist/digi-arbetsformedlingen/p-970324c7.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as s}from"./p-52e3bb32.js";const i=class{constructor(a){e(this,a),this.tab=void 0,this.isVisible=!1}render(){return a(t,{key:"f3eac45aef2f2fa75797ba06e917c19bd31360ec"},a("div",{key:"384a25a2bd3aad9e8f3b7d85e2594d4e2b39315d",id:`tabpanel-${this.tab}`,role:"tabpanel","aria-labelledby":`tab-${this.tab}`,style:{display:this.isVisible?"initial":"none",overflowX:"hidden",overflowY:"auto"}},a("slot",{key:"e53f7389e69923b611f9704abe54d29b2564af34"})))}get hostElement(){return s(this)}};export{i as digi_tablist_panel}

package/dist/digi-arbetsformedlingen/p-980ed378.entry.js

@@ -1 +0,0 @@
-import{r as i,c as s,h as t,g as e}from"./p-52e3bb32.js";import{P as r,c as o,b as h,a as d}from"./p-06f939ab.js";import{l as a}from"./p-e3d2e899.js";const g=class{constructor(t){i(this,t),this.afOnReady=s(this,"afOnReady",3),this.afHeading=void 0,this.afAriaLabel=void 0,this.afHeadingLevel=r.H2,this.afVariation=o.PRIMARY,this.afType=h.CIRCLE,this.afExpandable=!1,this.afExpandText="",this.afCollapseText="",this.afCurrentStep=1,this.steps=[]}async afMNext(){this.afCurrentStep+=1}async afMPrevious(){this.afCurrentStep-=1}componentWillLoad(){this.getSteps(),this.setStepAndTypeProps()}componentWillUpdate(){this.getSteps(),this.setStepAndTypeProps()}componentDidLoad(){this.afOnReady.emit()}getSteps(){const i=this.hostElement.querySelectorAll("digi-progress-list-item");!i||i.length<=0?a.warn("The slot contains no children elements.",this.hostElement):this.steps=[...Array.from(i)].map((i=>({outerHTML:i.outerHTML,ref:i})))}setStepAndTypeProps(){return this.steps&&this.afCurrentStep<1?(a.warn(`Current step is set to ${this.afCurrentStep} which is not allowed.`,this.hostElement),void(this.afCurrentStep=1)):this.steps&&this.afCurrentStep>this.steps.length+1?(a.warn(`Current step is set to ${this.afCurrentStep} which is more than the amount of available steps (${this.steps.length}).`,this.hostElement),void(this.afCurrentStep=this.steps.length+1)):void(this.steps&&this.steps.forEach(((i,s)=>{i.ref.afVariation=this.afVariation;try{const t=Number.parseInt(this.afHeadingLevel.split("h")[1])+1,e="h"+Math.max(Math.min(t,6),1);let r;i.ref.afIsLast=s==this.steps.length-1,r=s<this.afCurrentStep-1?d.DONE:s==this.afCurrentStep-1?d.CURRENT:d.UPCOMING,i.ref.afStepStatus=r,i.ref.afType=this.afType,i.ref.afHeadingLevel=e,i.ref.afExpandable=this.afExpandable,i.ref.afExpanded=r===d.CURRENT,i.ref.afExpandText=this.afExpandText,i.ref.afCollapseText=this.afCollapseText}catch(i){a.warn("Error in setStepAndTypeProps, ",i)}})))}renderHeading(){var i;return(null===(i=this.afHeading)||void 0===i?void 0:i.trim().length)>1?t("div",null,t(this.afHeadingLevel,{class:"digi-progress-list__header","aria-label":this.afAriaLabel},this.afHeading)):null}render(){return t("div",{key:"203607f5de652d339fea5cb24b8c418a4c0e5d7a",class:"digi-progress-list"},t("digi-typography",{key:"5b4757430c2a0de1883530b4c4d0710a0e34c983"},this.renderHeading(),t("ol",{key:"ea4549a4549b95ff7a6ea2d81099a29fe24bd17e",class:"digi-progress-list__content"},t("slot",{key:"6647b163b5174e9f8207d5c4c0b39498c45c544e"}))))}get hostElement(){return e(this)}};g.style=".sc-digi-progress-list-h{--digi--progress-list--content--padding-top:var(--digi--padding--medium);--digi--progress-list--heading--font-size:var(--digi--typography--heading-1--font-size--desktop);--digi--progress-list--heading--font-weight:var(--digi--typography--heading-1--font-weight--desktop);--digi--progress-list--heading--margin-bottom:var(--digi--margin--largest)}.sc-digi-progress-list-h .digi-progress-list__header.sc-digi-progress-list{font-size:var(--digi--progress-list--heading--font-size);font-weight:var(--digi--progress-list--heading--font-weight);margin-bottom:var(--digi--progress-list--heading--margin-bottom)}.sc-digi-progress-list-h .digi-progress-list__content.sc-digi-progress-list{margin-top:0;padding-left:0;padding-bottom:0;padding-top:var(--digi--progress-list--content--padding-top)}.sc-digi-progress-list-h .digi-progress-list.sc-digi-progress-list ol.sc-digi-progress-list{max-width:100%}";export{g as digi_progress_list}

package/dist/digi-arbetsformedlingen/p-bee6cf1e.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as r,g as o}from"./p-52e3bb32.js";import{r as s}from"./p-ffe5c0e8.js";import{a,F as d}from"./p-88b4d03a.js";import{F as n,b as e,a as u}from"./p-1f956af8.js";const h=class{constructor(r){i(this,r),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.afOnDirty=t(this,"afOnDirty",7),this.afOnTouched=t(this,"afOnTouched",7),this.afOnReady=t(this,"afOnReady",3),this.hasActiveValidationMessage=!1,this.hasButton=void 0,this.dirty=!1,this.touched=!1,this.afLabel=void 0,this.afLabelDescription=void 0,this.afType=a.TEXT,this.afInputmode=n.DEFAULT,this.afButtonVariation=d.PRIMARY,this.afAutofocus=void 0,this.afVariation=e.MEDIUM,this.afName=void 0,this.afId=s("digi-form-input"),this.afMaxlength=void 0,this.afMinlength=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afAnnounceIfOptionalText=void 0,this.value=void 0,this.afValue=void 0,this.afValidation=u.NEUTRAL,this.afValidationText=void 0,this.afRole=void 0,this.afAutocomplete=void 0,this.afMin=void 0,this.afMax=void 0,this.afList=void 0,this.afStep=void 0,this.afDirname=void 0,this.afAriaAutocomplete=void 0,this.afAriaActivedescendant=void 0,this.afAriaLabelledby=void 0,this.afAriaDescribedby=void 0,this.afAriaControls=void 0,this.afTrimValue=void 0}onValueChanged(i){this.afValue=i}onAfValueChanged(i){this.value=i}afValidationTextWatch(){this.setActiveValidationMessage()}async afMGetFormControlElement(){return this._input}componentWillLoad(){this.afValue?this.value=this.afValue:this.afValue=this.value,this.setActiveValidationMessage(),this.setHasButton()}componentWillUpdate(){this.setHasButton()}componentDidLoad(){this.afOnReady.emit()}setActiveValidationMessage(){this.hasActiveValidationMessage=!!this.afValidationText}get cssModifiers(){return{"digi-form-input--small":this.afVariation===e.SMALL,"digi-form-input--medium":this.afVariation===e.MEDIUM,"digi-form-input--large":this.afVariation===e.LARGE,"digi-form-input--neutral":this.afValidation===u.NEUTRAL,"digi-form-input--success":this.afValidation===u.SUCCESS,"digi-form-input--error":this.afValidation===u.ERROR,"digi-form-input--warning":this.afValidation===u.WARNING,[`digi-form-input--button-variation-${this.afButtonVariation}`]:!!this.afButtonVariation,[`digi-form-input--has-button-${this.hasButton}`]:!0,"digi-form-input--empty":!(this.afValue||this.afValidation&&this.afValidation!==u.NEUTRAL)}}blurHandler(i){if(this.afTrimValue&&[a.TEXT,a.EMAIL,a.SEARCH,a.TEL,a.URL].includes(this.afType)&&"string"==typeof i.target.value){const t=i.target.value.trim();t!==i.target.value&&(this.afValue=this.value=t,this._input&&(this._input.value=t),this.afOnInput.emit(i))}this.touched||(this.afOnTouched.emit(i),this.touched=!0),this.afOnBlur.emit(i)}changeHandler(i){this.setActiveValidationMessage(),this.afOnChange.emit(i)}focusHandler(i){this.afOnFocus.emit(i)}focusoutHandler(i){this.afOnFocusout.emit(i)}keyupHandler(i){this.afOnKeyup.emit(i)}inputHandler(i){this.afValue=this.value=this.afType===a.NUMBER?parseFloat(i.target.value):i.target.value,this.dirty||(this.afOnDirty.emit(i),this.dirty=!0),this.setActiveValidationMessage(),this.afOnInput.emit(i)}setHasButton(){this.hasButton=!!this.hostElement.querySelector('[slot="button"]')}render(){return r("div",{key:"93df64da0ac84296c5c19b14a8145ca19b59962f",class:Object.assign({"digi-form-input":!0},this.cssModifiers)},r("digi-form-label",{key:"e4aecd5610ebd518cd775eff551ec28830a94f0c",class:"digi-form-input__label",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),r("div",{key:"45fa0afb964b34df93e751d08067ddaffafa5860",class:"digi-form-input__input-wrapper"},r("input",Object.assign({key:"90e34dd7c3fda2b594b08bfff503306351fc6a10",class:"digi-form-input__input",ref:i=>this._input=i,onBlur:i=>this.blurHandler(i),onChange:i=>this.changeHandler(i),onFocus:i=>this.focusHandler(i),onFocusout:i=>this.focusoutHandler(i),onKeyUp:i=>this.keyupHandler(i),onInput:i=>this.inputHandler(i),"aria-activedescendant":this.afAriaActivedescendant,"aria-describedby":this.afAriaDescribedby,"aria-labelledby":this.afAriaLabelledby,"aria-autocomplete":this.afAriaAutocomplete,"aria-invalid":this.afValidation===u.ERROR?"true":"false","aria-controls":this.afAriaControls,autocomplete:this.afAutocomplete,autofocus:this.afAutofocus?this.afAutofocus:null,maxLength:this.afMaxlength,minLength:this.afMinlength,max:this.afMax,min:this.afMin,step:this.afStep,list:this.afList,role:this.afRole,dirName:this.afDirname,required:this.afRequired,id:this.afId,name:this.afName,type:this.afType,value:this.afValue},this.afInputmode==n.DEFAULT?{}:{inputmode:this.afInputmode})),r("slot",{key:"b8217d9acb85cf01d7c660eea3d9c1e1454e5b3c",name:"button"})),r("div",{key:"b10a1c89ce7afc162e07e0217d3aab5c94a62137",class:"digi-form-input__footer"},r("div",{key:"5c864c9af27c9cc73e12ccfccc0652e35346173c",class:"digi-form-input__validation","aria-atomic":"true",role:"alert",id:`${this.afId}--validation-message`},this.hasActiveValidationMessage&&this.afValidation!=u.NEUTRAL&&r("digi-form-validation-message",{key:"29ffa2c8aaf7ca6597bf5f51d0c5f55e2e40fd11",class:"digi-form-input__validation-message","af-variation":this.afValidation},this.afValidationText))))}get hostElement(){return o(this)}static get watchers(){return{value:["onValueChanged"],afValue:["onAfValueChanged"],afValidationText:["afValidationTextWatch"]}}};h.style=".sc-digi-form-input-h{--digi--form-input--height--small:var(--digi--input-height--small);--digi--form-input--height--medium:var(--digi--input-height--medium);--digi--form-input--height--large:var(--digi--input-height--large);--digi--form-input--border-radius:var(--digi--border-radius--input);--digi--form-input--padding:0 var(--digi--gutter--medium);--digi--form-input--background--empty:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--neutral:var(--digi--color--background--interactive--default--input-elements);--digi--form-input--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-input--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-input--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-input--border--neutral:var(--digi--border-width--input-regular) solid;--digi--form-input--border--error:var(--digi--border-width--input-validation) solid;--digi--form-input--border--success:var(--digi--border-width--input-validation) solid;--digi--form-input--border--warning:var(--digi--border-width--input-validation) solid;--digi--form-input--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-input--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-input--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-input--border-color--error:var(--digi--color--border--interactive--validation--error)}.sc-digi-form-input-h .digi-form-input.sc-digi-form-input{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-input-h .digi-form-input--small.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--small)}.sc-digi-form-input-h .digi-form-input--medium.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--medium)}.sc-digi-form-input-h .digi-form-input--large.sc-digi-form-input{--HEIGHT:var(--digi--form-input--height--large)}.sc-digi-form-input-h .digi-form-input--neutral.sc-digi-form-input{--BORDER:var(--digi--form-input--border--neutral);--BORDER-COLOR:var(--digi--form-input--border-color--neutral);--BACKGROUND:var(--digi--form-input--background--neutral)}.sc-digi-form-input-h .digi-form-input--empty.sc-digi-form-input:not(:focus-within){--BACKGROUND:var(--digi--form-input--background--empty)}.sc-digi-form-input-h .digi-form-input--success.sc-digi-form-input{--BORDER:var(--digi--form-input--border--success);--BORDER-COLOR:var(--digi--form-input--border-color--success);--BACKGROUND:var(--digi--form-input--background--success)}.sc-digi-form-input-h .digi-form-input--warning.sc-digi-form-input{--BORDER:var(--digi--form-input--border--warning);--BORDER-COLOR:var(--digi--form-input--border-color--warning);--BACKGROUND:var(--digi--form-input--background--warning)}.sc-digi-form-input-h .digi-form-input--error.sc-digi-form-input{--BORDER:var(--digi--form-input--border--error);--BORDER-COLOR:var(--digi--form-input--border-color--error);--BACKGROUND:var(--digi--form-input--background--error)}.digi-form-input__input-wrapper.sc-digi-form-input{position:relative;display:flex}.digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{--MIN-HEIGHT:100%}.digi-form-input--button-variation-primary .digi-form-input__input-wrapper.sc-digi-form-input-s>[slot^=button] button,.digi-form-input__input-wrapper .sc-digi-form-input-s>[slot^=button] button{border-start-start-radius:0;border-end-start-radius:0}.digi-form-input--button-variation-secondary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input-wrapper.sc-digi-form-input{gap:var(--digi--gutter--medium);flex-wrap:wrap}.digi-form-input__input.sc-digi-form-input{flex:1;height:var(--HEIGHT);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--body--font-size--desktop);padding:var(--digi--form-input--padding);color:var(--digi--color--text--primary);background:var(--BACKGROUND);border:var(--BORDER);border-color:var(--BORDER-COLOR);border-radius:var(--digi--form-input--border-radius);box-sizing:border-box}.digi-form-input__input.sc-digi-form-input:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-form-input--button-variation-primary.digi-form-input--has-button-true.sc-digi-form-input .digi-form-input__input.sc-digi-form-input{border-end-end-radius:0;border-start-end-radius:0}";export{h as digi_form_input}

package/dist/digi-arbetsformedlingen/p-d5bb52b0.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t}from"./p-52e3bb32.js";import{r as e}from"./p-ffe5c0e8.js";const d=class{constructor(t){i(this,t),this.afTitle=void 0,this.afDesc=void 0,this.afSvgAriaHidden=!0,this.afSvgAriaLabelledby=void 0,this.titleId=e("icontitle")}render(){return t("svg",{key:"ff8fb4e7d0edec02a3a4196f7d109cd60dc21a1a",class:"digi-icon-x-button",width:"25",height:"25",viewBox:"0 0 25 25","aria-hidden":this.afSvgAriaHidden?"true":"false","aria-labelledby":this.afSvgAriaLabelledby?this.afSvgAriaLabelledby:this.afTitle?this.titleId:void 0,xmlns:"http://www.w3.org/2000/svg"},this.afTitle&&t("title",{key:"82de52d9f22194f7c21d9d0be165b1b06e37bea4",id:this.titleId},this.afTitle),this.afDesc&&t("desc",{key:"565dc351c50af56347718fe836475bc310c0f1d1"},this.afDesc),t("g",{key:"01d8cf78779423d547f8dcd208897b11e9a026e0",class:"digi-icon-x-button__shape",fill:"none","fill-rule":"evenodd"},t("circle",{key:"329146e30fc43cc510750838a9a6aec3de0b8c94",fill:"currentColor",cx:"12.5",cy:"12.5",r:"12.5"}),t("g",{key:"1a5207048e0676e981b8ff124f7f10142d7cb310",stroke:"#F9F9F9","stroke-linecap":"square","stroke-width":"2.044"},t("path",{key:"213a708dded0cef63b32a04e9d5290c7d5856034",d:"M8.333 8.333l8.32 8.32M16.652 8.333l-8.319 8.32"}))))}};d.style=".sc-digi-icon-x-button-h{--digi--icon--color:var(--digi--color--icon--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-button-h svg.sc-digi-icon-x-button{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";export{d as digi_icon_x_button}

package/dist/digi-arbetsformedlingen/p-e7e38b64.entry.js

@@ -1 +0,0 @@
-import{r as i,c as r,h as t,g as s}from"./p-52e3bb32.js";import{r as e}from"./p-ffe5c0e8.js";import{e as o,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 f=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=o.H2,this.afDescription=void 0,this.afId=e("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:"d307d6e5b73f9fd8ead86c6ce942ffd92ef78eeb",class:"digi-form-error-list",id:this.afId},t("digi-notification-alert",{key:"c1f48e260f43aa96d3213e0979bce89b8e548e27",ref:i=>this._notificationAlert=i,"af-heading":this.afHeading,"af-heading-level":this.afHeadingLevel,"af-variation":a.DANGER},this.afDescription&&t("digi-typography",{key:"0896ac9916f128206dbc764289a9e1f100e3a469","af-variation":p.SMALL},t("p",{key:"e4f960929cac6c67b5bb184ba138fb734ec867f5",class:"digi-form-error-list__description"},this.afDescription)),t("ul",{key:"3acb552372f9f9f908594c62fc6f7991bcb61284",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:"5244d2842e0faecbe58b737a1ad9ff793c537ffb",hidden:!0,class:"digi-form-error-list__slot"},t("digi-util-mutation-observer",{key:"9956927be6dbe2e352a917a79fd7946c7ee7a898",afOptions:{attributes:!1,childList:!0,subtree:!0,characterData:!0},ref:i=>this._observer=i,onAfOnChange:()=>this.getLinks()},t("slot",{key:"2dd345af796594ffe63a6c2bca3f7200fe94c295"}))))}get hostElement(){return s(this)}};f.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{f as digi_form_error_list}