@designsystem-se/af 34.2.1-beta.1 → 34.2.1-beta.3

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

@@ -1 +0,0 @@
-import{r as i,c as o,h as e,F as r,g as d}from"./p-f1de4bf6.js";import{_ as l}from"./p-08cf2c0e.js";import{r as a}from"./p-ffe5c0e8.js";import{b as n,a as t,F as f,c as s}from"./p-3887bb40.js";import{U as g}from"./p-cdcaf0eb.js";const m=class{constructor(e){i(this,e),this.afOnUploadFile=o(this,"afOnUploadFile",7),this.afOnRemoveFile=o(this,"afOnRemoveFile",7),this.afOnCancelFile=o(this,"afOnCancelFile",7),this.afOnReady=o(this,"afOnReady",3),this.afShowModal=o(this,"afShowModal",7),this.toBase64=i=>new Promise(((o,e)=>{const r=new FileReader;r.readAsDataURL(i),r.onload=()=>{const i=r.result.toString().replace(/^data:(.*,)?/,"");o(i)},r.onerror=i=>e(i)})),this._input=void 0,this._fileList=void 0,this._uploadButton=void 0,this._srTextContainer=void 0,this.files=[],this.error=!1,this.errorMessages=[],this.fileHover=!1,this.afLabel=l.form.file_upload,this.afLabelDescription=void 0,this.afVariation=n.SMALL,this.afId=a("digi-form-file-upload"),this.afFileTypes=void 0,this.afFileMaxSize=10,this.afMaxFiles=void 0,this.afName=void 0,this.afUploadBtnText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afHeadingFiles=l.form.file_uploaded_files,this.afAnnounceIfOptionalText=void 0,this.afFileMaxSizeText=void 0,this.afShowThumbnail=!1,this.afEnablePreview=!1,this.afValidationText=void 0,this.afValidation=t.DISABLED,this.afHeadingLevel=f.H2}afValidationTextChange(){this.setValidationText()}breakpointHandler(i){i.detail.value&&(this.afVariation=i.detail.value===g.SMALL?n.SMALL:this.aforiginalVariation)}async afMValidateFile(i){if(this.fileExistInFiles(i))if(this.removeFileFromList(i.id),"error"!==i.status){const o=new File([i],i.name,{type:i.type});o.id=i.id,o.status=i.status,o.base64=await this.toBase64(i),this.files=[...this.files,o]}else this.validateFile(i)}async afMGetAllFiles(){return this.files}async afMGetValidationState(){return{isValid:!this.error,errorMessages:this.errorMessages}}async afMImportFiles(i){if(i&&i.length>0)for(const o of i)this.validateFile(o);const o=0===this.errorMessages.length?i:this.getFilesThatAreOK(i);0!==o.length&&(this.files=this.files.concat(o))}async afMGetFormControlElement(){return this._input}componentWillLoad(){this.aforiginalVariation=this.afVariation}componentDidLoad(){this.afOnReady.emit(),this.setValidationText()}get fileMaxSize(){return 1048576*this.afFileMaxSize}setValidationText(){if(this.afValidationText&&this.afValidationText.length>0){let i=!1;this.errorMessages.length>0&&this.errorMessages.forEach((o=>{o.message===this.afValidationText&&(i=!0)})),i||this.errorMessages.push({fileName:"",message:this.afValidationText}),this.error=!0}else this.resetErrors()}fileExistInFiles(i){let o=!1;return this.files.length>0&&this.files.forEach((e=>{e.name===i.name&&(o=!0)})),o}checkAcceptedTypes(i){const o=this.afFileTypes.replace(/\s/g,"").split(","),e=i.type,r=i.name.split(".").slice(-1).map((i=>"."+i.toLowerCase())).toString();return o.some((i=>i.includes("/*")?i.split("/").slice(0,1).toString()==e.split("/").slice(0,1).toString():i===e||i===r||"*"===i))}resetErrors(i=!1){this.error=!1,this._srTextContainer.textContent="",this.errorMessages=[],i&&setTimeout((()=>{this._uploadButton.focus()}),100)}addErrorMessage(i,o){this.errorMessages.push({fileName:i,message:o})}validateFileStatus(i){i.status&&i.status===s.ERROR&&this.addErrorMessage(i.name,i.error?i.error:l.form.file_error_unknown_error)}validateMaxSize(i){if(i.size>this.fileMaxSize){const o=this.afFileMaxSizeText?this.afFileMaxSizeText:l.form.file_error_too_large(i.name,this.afFileMaxSize);this.addErrorMessage(i.name,o)}}validateFileType(i){this.checkAcceptedTypes(i)||this.addErrorMessage(i.name,l.form.file_error_filetype_not_allowed(i.name,this.afFileTypes))}validateFile(i){this.validateIfFileIsAlreadyUploaded(i),this.validateFileStatus(i),this.validateMaxSize(i),this.validateFileType(i),this.error=this.errorMessages.length>0}onCancelFileHandler(i,o){i.preventDefault();const e=this.removeFileFromList(o);e.status="error",e.error=l.form.file_upload_canceled,this.afOnCancelFile.emit(e)}removeFileFromList(i){const o=this.getIndexOfFile(i);if(-1===o)return;const e=this.files[o];return this.files=[...this.files.slice(0,o),...this.files.slice(o+1)],e}getIndexOfFile(i){return this.files.findIndex((o=>o.id==i))}getFilesThatAreOK(i){const o=[];return i.forEach((i=>{let e=!0;this.errorMessages.forEach((o=>{o.fileName===i.name&&(e=!1)})),e&&o.push(i)})),o}validateIfFileIsAlreadyUploaded(i){for(const o of this.files)o.name===i.name&&this.addErrorMessage(i.name,l.form.file_error_exists(i.name))}handleFiles(i){var o,e;this.resetErrors();const r=i.dataTransfer?null===(o=i.dataTransfer)||void 0===o?void 0:o.files:null===(e=i.target)||void 0===e?void 0:e.files,d=[];if(Array.from(r).forEach((i=>{d.push(i)})),!d||0===d.length)return;if(d.length+this.files.length>this.afMaxFiles)return this.addErrorMessage("",l.form.file_error_too_many),void(this.error=!0);d.forEach((i=>{this.validateFile(i)}));const a=0===this.errorMessages.length?d:this.getFilesThatAreOK(d);if(0===a.length)return;const n=new FormData;a.forEach((i=>{n.append("file",i)}));for(const i of n.entries())this.addFileStatusAndEmitFiles(i[1]);this._input.value=""}onButtonUploadFileHandler(i){i.preventDefault(),i.target.files&&this.handleFiles(i)}onRemoveFileHandler(i,o){i.preventDefault(),this.resetErrors();const e=this.removeFileFromList(o);this.afOnRemoveFile.emit(e),this._input.value="",this.handleFocusAfterFileRemoved()}handleFocusAfterFileRemoved(){setTimeout((()=>{this.files.length>0?this._fileList.focus():this._uploadButton.focus()}),100)}emitFile(i){const o=this.getIndexOfFile(i.id);this.afValidation===t.ENABLED||(this.files[o].status="OK"),this.afOnUploadFile.emit(this.files[o])}async addFileStatusAndEmitFiles(i){i.id=a("file"),i.status="pending",i.base64=await this.toBase64(i),this.files=[...this.files,i],this.emitFile(i)}handleDrop(i){i.stopPropagation(),i.preventDefault(),this.fileHover=!1,i.dataTransfer.files&&this.handleFiles(i)}handleAllowDrop(i){this.afVariation!==n.SMALL&&(i.stopPropagation(),i.preventDefault())}handleOnDragEnterLeave(i){this.handleAllowDrop(i),this.fileHover=!this.fileHover}handleInputClick(i){i.stopPropagation(),this.afShowModal.emit(),this._input.click()}getFiletypeAndShortFileName(i){let o=null,e=i.name;const r=e.split(".").pop(),d=e.replace("."+r,""),l=window.innerWidth<769?6:e.length,a=window.innerWidth<769?14:e.length;return o="image"===String(i.type).split("/")[0]?"image":"pdf"===String(i.type).split("/")[1]?"pdf":"default",e=e.length>l?d.substring(0,l)+"..."+r:e.length>a?d.substring(0,6)+"..."+r:i.name,{type:o,name:e}}async viewUploadedFile(i,o){if(i.preventDefault(),"image"===this.getFiletypeAndShortFileName(o).type){const i=window.open();i.document.write(`<img src="data:${o.type};base64,${o.base64}" alt="${o.name}" />`),i.document.title=o.name}else if("pdf"===this.getFiletypeAndShortFileName(o).type)(async()=>{const i=await fetch(`data:application/pdf;base64,${o.base64}`),e=await i.blob(),r=new Blob([e],{type:"application/pdf"}),d=URL.createObjectURL(r);setTimeout((()=>{window.open(d,"_blank")}),30)})();else{const i=URL.createObjectURL(o),e=document.createElement("a");e.href=i,e.target="_blank",e.download=o.name,e.click()}}get cssModifiers(){return{"digi-form-file-upload--small":"small"==this.afVariation,"digi-form-file-upload--medium":"medium"==this.afVariation,"digi-form-file-upload--large":"large"==this.afVariation,"digi-form-file-upload--has-errors":this.errorMessages.length>0}}renderErrorMessage(){if(this.error)return this.readErrorMessagesToAssistiveTechnologies(),e("div",{class:"digi-form-file-upload__error-list-container "+(this.files.length>0?"with-files":"")},e("ul",{class:"digi-form-file-upload__error-list","aria-hidden":"true"},this.renderErrorMessages()),e("button",{type:"button","aria-label":l.form.file_upload_reset_errors_aria_label,class:"digi-form-file-upload__button clear-button hidden-mobile",onClick:()=>{this.resetErrors(!0)}},e("span",null,l.form.file_upload_reset_errors)),e("button",{type:"button",onClick:()=>{this.resetErrors(!0)},class:"digi-form-file-upload__button clear-button hidden-desktop","aria-label":l.form.file_upload_reset_errors_aria_label},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon clear-icon","aria-hidden":"true"})))}readErrorMessagesToAssistiveTechnologies(){this._srTextContainer.textContent="";const i=this.errorMessages.map((i=>i.message+" "));setTimeout((()=>{this._srTextContainer.textContent=i.toString()}),200)}renderErrorMessages(){return this.errorMessages.map((i=>e("li",null,e("digi-form-validation-message",{id:"digi-form-file-upload__error",class:"digi-form-file-upload__error","af-variation":"error"},i.message))))}renderPendingFile(i){return e("div",{class:"digi-form-file-upload__item-pending-container"},e("span",{class:"info-wrapper"},e("digi-icon-spinner",{class:"digi-form-file-upload__spinner"}),e("span",{style:{margin:"0"}},l.form.file_upload_progress," ",e("span",{class:"hidden-mobile"},"|")),e("p",{class:"digi-form-file-upload__item-name-pending hidden-mobile"},this.getFiletypeAndShortFileName(i).name)),e("span",{class:"button-wrapper"},e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button-abort hidden-mobile","aria-label":l.form.file_cancel_upload_long(i.name)},l.form.file_cancel_upload),e("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button hidden-desktop","aria-label":l.form.file_cancel_upload_long(i.name)},e("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon","aria-hidden":"true"}))))}renderImageThumbnail(i){return this.afShowThumbnail?e("figure",{class:"digi-form-file-upload__item-text-container-figure",style:{margin:"0"}},e("img",{"aria-hidden":"true",class:"thumbnail",src:`data:${i.type};base64,${i.base64}`}),e("figcaption",{class:"visually-hidden"},"Miniatyr av ",i.name)):this.renderCheckmark()}renderCheckmark(){return e("span",{class:"digi-form-file-upload__item-green-check"},e("digi-icon-check-circle-solid",null))}renderPDFThumbnail(i){return this.afShowThumbnail?e("span",{class:`${this.afShowThumbnail?"digi-form-file-upload__item-pdf-preview-bis":null}`,"aria-label":i.name},e("svg",{style:{scale:"1"},width:"23.76",height:"32",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M22.888 6.124 17.696.88A2.955 2.955 0 0 0 15.6 0H2.97C1.33.006 0 1.35 0 3.006V29C0 30.657 1.33 32 2.97 32h17.82c1.64 0 2.97-1.343 2.97-3V8.249a3.03 3.03 0 0 0-.872-2.124Zm-2.34 1.88H15.84V3.25l4.709 4.756ZM2.97 29.002V3.006h9.9v6.498c0 .831.662 1.5 1.485 1.5h6.435v17.997H2.97Zm15.481-8.98c-.755-.75-2.908-.544-3.985-.406-1.064-.656-1.775-1.562-2.277-2.893.242-1.006.625-2.537.335-3.5-.26-1.637-2.34-1.474-2.636-.368-.273 1.006-.025 2.406.433 4.193-.619 1.493-1.54 3.499-2.19 4.649-1.238.643-2.909 1.637-3.156 2.887-.204.987 1.609 3.449 4.708-1.95 1.386-.462 2.896-1.031 4.233-1.256 1.17.637 2.537 1.062 3.452 1.062 1.578 0 1.733-1.762 1.083-2.418ZM6.194 24.883c.315-.856 1.516-1.844 1.88-2.187-1.175 1.893-1.88 2.23-1.88 2.187Zm5.049-11.91c.458 0 .414 2.005.111 2.549-.272-.869-.266-2.55-.111-2.55Zm-1.51 8.535c.6-1.056 1.114-2.312 1.528-3.418.514.944 1.17 1.7 1.863 2.219-1.287.268-2.407.818-3.391 1.2Zm8.143-.312s-.31.375-2.308-.488c2.172-.162 2.53.338 2.308.488Z",fill:"#1616B2","fill-rule":"evenodd"}))):this.renderCheckmark()}renderThumbnail(i){switch(this.getFiletypeAndShortFileName(i).type){case"pdf":return this.renderPDFThumbnail(i);case"image":return this.renderImageThumbnail(i);default:return this.renderCheckmark()}}renderFileName(i){return this.afEnablePreview?e("a",{class:"digi-form-file-upload__item-name",href:"#",onClick:o=>{this.viewUploadedFile(o,i)}},i.name):e("span",{class:"digi-form-file-upload__item-name"},i.name)}renderOKFile(i){return e(r,null,e("span",{class:"digi-form-file-upload__item-text-and-thumbnail-container"},this.renderThumbnail(i),this.renderFileName(i)),e("button",{type:"button",onClick:o=>this.onRemoveFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button--mobile","aria-label":l.form.file_remove(i.name)},e("span",{class:"hidden-mobile"},l.form.file_remove()),e("digi-icon-trash",{class:"digi-form-file-upload__button-icon hidden-desktop"})))}renderFile(i){return"pending"===i.status?this.renderPendingFile(i):this.renderOKFile(i)}renderFiles(){return this.files.map(((i,o)=>e("li",{class:"digi-form-file-upload__item-container",key:"file-"+o},e("div",{class:"digi-form-file-upload__item"},e("div",{class:"digi-form-file-upload__item-text-container"},this.renderFile(i))))))}renderFileContainer(){if(0!==this.files.length)return e(r,null,e(this.afHeadingLevel,{class:{"digi-form-file-upload__files-heading":!0,"digi-form-file-upload__files-heading--and-errors":this.error}},this.afHeadingFiles),e("ul",{class:"digi-form-file-upload__files-list",tabindex:-1,ref:i=>{this._fileList=i}},this.renderFiles()))}render(){return e(r,{key:"c69e5c8eb43f8d12ebd7b18fc4b72d53f194fdc4"},e("digi-util-breakpoint-observer",{key:"55a2602c5ae86068eb6ef11c38c26199620626cb",onAfOnChange:i=>this.breakpointHandler(i)}),e("div",{key:"dd0c122215e18a7e055af9cdbf3b1251f93748ca",class:Object.assign({"digi-form-file-upload":!0},this.cssModifiers)},e("digi-form-label",{key:"075be0dfb3fb5f5207ba211518ff035ee155719c",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("div",{key:"137e55668de03b4c700e6cd668164aa7ab480232",class:{"digi-form-file-upload__upload-area":!0,"digi-form-file-upload__upload-area--hover":this.fileHover},onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),onDragEnter:i=>this.handleOnDragEnterLeave(i),onDragLeave:i=>this.handleOnDragEnterLeave(i),onClick:i=>this.handleInputClick(i)},this.fileHover&&this.afVariation!=n.SMALL&&e("div",{key:"399686fe6632683bd001d76a49c2b80acc50efec",class:"digi-form-file-upload__upload-area-overlay"}),e("div",{key:"b7a8c341f7a1aba732b838647eaf3cd77f63d305",class:"digi-form-file-upload__text-area"},e("button",{key:"856a304b06c0985506e09d58db7679d997957936",type:"button",ref:i=>{this._uploadButton=i},onClick:i=>this.handleInputClick(i),class:"digi-form-file-upload__button hidden_mobile",style:{margin:"0"}},e("digi-icon-paperclip",{key:"79e576575a87f3740b9bc8ed136450f58d256adb","aria-hidden":"true",class:"digi-form-file-upload__button-icon paper-clip",slot:"icon"}),this.afUploadBtnText?this.afUploadBtnText:l.form.file_choose),e("input",{key:"6b1328107138c170dc25f3ee1af811520e2ab2ca",ref:i=>{this._input=i},onChange:i=>this.onButtonUploadFileHandler(i),class:"digi-form-file-upload__input",multiple:!0,type:"file",id:this.afId,accept:this.afFileTypes,name:this.afName?this.afName:null,required:this.afRequired?this.afRequired:null,onDrop:i=>this.handleDrop(i),onDragOver:i=>this.handleAllowDrop(i),"aria-errormessage":"digi-form-file-upload__error","aria-describedBy":"digi-form-file-upload__error"}),e("span",{key:"ae398d7a43bbec39ec7c9171bbcdd5dc93d23f32"},this.afVariation!==n.SMALL&&l.form.file_dropzone))),e("p",{key:"a90e1d67f2b97736a67b4efff8a16c1d5c229e16",class:"visually-hidden",role:"alert","aria-atomic":"true",ref:i=>{this._srTextContainer=i}}),(this.files.length>0||this.error)&&e("div",{key:"f8e442023f38b9e5c4cc8320ccd96896bbcfd606",class:"digi-form-file-upload__files"},this.renderErrorMessage(),this.renderFileContainer())))}get hostElement(){return d(this)}static get watchers(){return{afValidationText:["afValidationTextChange"]}}};m.style=".sc-digi-form-file-upload-h {\n  --digi--form-file-upload--color--background--small--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--small--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--medium--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--background--large--default: var(--digi--color--background--interactive--default--quaternary);\n  --digi--form-file-upload--color--background--large--hover: var(--digi--color--background--interactive--hover--secondary);\n  --digi--form-file-upload--color--border--small--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--small--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--medium--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--medium--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--color--border--large--default: var(--digi--color--border--interactive--default--on-input-nuance);\n  --digi--form-file-upload--color--border--large--hover: var(--digi--color--border--interactive--hover--primary);\n  --digi--form-file-upload--border-width--small--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--small--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--medium--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--medium--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-width--large--default: var(--digi--border-width--secondary);\n  --digi--form-file-upload--border-width--large--hover: var(--digi--border-width--primary);\n  --digi--form-file-upload--border-style--small--default: var(--digi--global--border-style--none);\n  --digi--form-file-upload--border-style--medium--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-style--large--default: var(--digi--global--border-style--dashed);\n  --digi--form-file-upload--border-radius--small--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--medium--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--border-radius--large--default: var(--digi--border-radius--secondary);\n  --digi--form-file-upload--padding--small: var(--digi--gutter--medium) var(--digi--gutter--largest);\n  --digi--form-file-upload--padding--medium: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--padding--large: var(--digi--gutter--medium) var(--digi--gutter--medium) var(--digi--global--spacing--largest-2) var(--digi--gutter--medium);\n  --digi--form-file-upload--font-size--small: var(--digi--global--typography--font-size--small);\n  --digi--form-file-upload--font-size--medium: var(--digi--global--typography--font-size--base);\n  --digi--form-file-upload--font-size--large: var(--digi--global--typography--font-size--large);\n  --digi--form-file-upload--heading--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--heading--font-weight: var(--digi--typography--heading-4--font-weight--desktop);\n  --digi--form-file-upload--heading--font-size: var(--digi--typography--heading-4--font-size--desktop);\n  --digi--form-file-upload--heading--font-size--large: var(--digi--typography--heading-4--font-size--desktop-large);\n  --digi--form-file-upload--font-family: var(--digi--global--typography--font-family--default);\n  --digi--form-file-upload--font-weight: var(--digi--typography--form-file-upload--font-weight--desktop);\n  --digi--form-file-upload--button-text--color--default: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--button-text--color--hover: var(--digi--color--text--interactive--primary);\n  --digi--form-file-upload--padding--small--icon: var(--digi--global--spacing--smaller) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--padding--medium--icon: var(--digi--global--spacing--base) var(--digi--global--spacing--smallest-2);\n  --digi--form-file-upload--width--small: 132px;\n  --digi--form-file-upload--width--medium: 304px;\n  --digi--form-file-upload--width--large: inherit;\n  --digi--form-file-upload--border--error: var(--digi--global--border-style--solid) solid;\n  --digi--form-file-upload--border-color--error: var(--digi--color--border--interactive--validation--error);\n  --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n  --digi--form-file-upload--background--error: var(--digi--color--background--interactive--validation--error);\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h a.sc-digi-form-file-upload {\n  font-weight: var(--digi--global--typography--font-weight--semibold);\n  color: var(--digi--color--text--interactive--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload.sc-digi-form-file-upload {\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--small.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--small--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--small--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--small--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--small--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--small--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--small--default);\n  --WIDTH: var(--digi--form-file-upload--width--small);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--small);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--small--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--medium.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--medium--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--medium--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--medium--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--medium--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--medium--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--medium--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--medium--default);\n  --WIDTH: var(--digi--form-file-upload--width--medium);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--medium);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--large.sc-digi-form-file-upload {\n  --COLOR--BACKGROUND--FILE-LIST: var(--digi--form-file-upload--color--background--small--default);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--color--background--large--default);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--color--background--large--hover);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--color--border--large--default);\n  --COLOR--BORDER--HOVER: var(--digi--form-file-upload--color--border--large--hover);\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border-style--large--default);\n  --BORDER-RADIUS--DEFAULT: var(--digi--form-file-upload--border-radius--large--default);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border-width--large--default);\n  --WIDTH: var(--digi--form-file-upload--width--large);\n  --FONT-WEIGHT: var(--digi--form-file-upload--font-weight);\n  --PADDING: var(--digi--form-file-upload--padding--large);\n  --ICON--PADDING: var(--digi--form-file-upload--padding--medium--icon);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload--has-errors.sc-digi-form-file-upload {\n  --BORDER-STYLE--DEFAULT: var(--digi--form-file-upload--border--error);\n  --COLOR--BORDER--DEFAULT: var(--digi--form-file-upload--border-color--error);\n  --COLOR--BACKGROUND--HOVER: var(--digi--form-file-upload--border-color--error);\n  --BORDER-WIDTH--DEFAULT: var(--digi--form-file-upload--border--error--width);\n  --COLOR--BACKGROUND--DEFAULT: var(--digi--form-file-upload--background--error);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n  margin-right: 0.5rem;\n  animation: animation__rotation 3s infinite linear;\n  transform-origin: center;\n  --digi--icon--height: 1rem;\n}\n@media (prefers-reduced-motion) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__spinner.sc-digi-form-file-upload {\n    animation: none;\n  }\n}\n@keyframes animation__rotation {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__input.sc-digi-form-file-upload {\n  display: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload {\n  margin: 0 0 auto 0.5rem;\n  text-align: center;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  color: var(--digi--form-file-upload--button-text--color--default);\n  display: flex;\n  align-items: center;\n  font-family: var(--digi--global--typography--font-family--default);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover {\n  color: var(--digi--form-file-upload--button-text--color--hover);\n  text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:hover .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n  text-decoration: underline;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload {\n  --digi--icon--height: 1.25rem;\n  --digi--icon--width: 1.25rem;\n  --digi--icon--color: var(--digi--color--text--interactive--primary);\n  margin-left: 5px;\n  padding: var(--ICON--PADDING);\n  padding-right: 0;\n  padding-left: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__button-icon.sc-digi-form-file-upload:hover {\n  --digi--icon--color: var(--digi--form-file-upload--button-text--color--hover);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--DEFAULT);\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  border-width: var(--BORDER-WIDTH--DEFAULT);\n  border-style: var(--BORDER-STYLE--DEFAULT);\n  max-width: var(--WIDTH);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--COLOR--BACKGROUND--DEFAULT);\n  align-items: center;\n  padding: var(--PADDING);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--button-block-small);\n  position: relative;\n  cursor: pointer;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area--hover.sc-digi-form-file-upload {\n  border-color: var(--COLOR--BORDER--HOVER);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__upload-area-overlay.sc-digi-form-file-upload {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: var(--COLOR--BACKGROUND--HOVER);\n  opacity: 0.1;\n  top: 0;\n  left: 0;\n  z-index: 10;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__text-area.sc-digi-form-file-upload .paper-clip.sc-digi-form-file-upload {\n  padding-right: 0.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-list.sc-digi-form-file-upload {\n  max-width: none;\n  padding: 0;\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files.sc-digi-form-file-upload {\n  border-radius: var(--BORDER-RADIUS--DEFAULT);\n  max-width: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  background-color: var(--COLOR--BACKGROUND--FILE-LIST);\n  padding: var(--digi--gutter--largest-2) var(--digi--padding--large);\n  margin-bottom: var(--digi--gutter--medium);\n  margin-top: var(--digi--gutter--medium);\n  padding-bottom: var(--digi--padding--smaller);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading.sc-digi-form-file-upload {\n  font-family: var(--digi--form-file-upload--heading--font-family);\n  font-size: var(--digi--typography--label--font-size--desktop);\n  font-weight: var(--digi--form-file-upload--heading--font-weight);\n  color: var(--digi--color--text--primary);\n  margin: var(--digi--margin--small) 0 var(--digi--margin--medium) 0;\n  display: block;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__files-heading--and-errors.sc-digi-form-file-upload {\n  margin-top: var(--digi--margin--largest);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.with-files.sc-digi-form-file-upload {\n  border-bottom: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload {\n  max-height: 1.5rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list-container.sc-digi-form-file-upload .clear-button.sc-digi-form-file-upload .clear-icon.sc-digi-form-file-upload {\n  padding-right: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload {\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload {\n  list-style: none;\n  margin-bottom: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error-list.sc-digi-form-file-upload li.sc-digi-form-file-upload:last-of-type {\n  margin-bottom: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item.sc-digi-form-file-upload {\n  margin: var(--digi--margin--small) 0;\n  margin-bottom: var(--digi--margin--medium);\n  width: 100%;\n  box-sizing: border-box;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload {\n  list-style-type: none;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-container.sc-digi-form-file-upload:nth-child(n+2) {\n  border-top: var(--BORDER-WIDTH--DEFAULT) solid var(--digi--color--divider--primary);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .info-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: auto;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .button-wrapper.sc-digi-form-file-upload {\n  display: flex;\n  min-width: 20%;\n  justify-content: flex-end;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload p.sc-digi-form-file-upload {\n  margin: auto var(--digi--margin--small) !important;\n  font-weight: var(--digi--form-file-upload--font-weight);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  white-space: nowrap;\n  height: max-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pending-container.sc-digi-form-file-upload .digi-form-file-upload__button-abort.sc-digi-form-file-upload {\n  margin: 0;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-and-thumbnail-container.sc-digi-form-file-upload {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  min-width: 20%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload {\n  width: 1.375rem;\n  height: 1.375rem;\n  display: flex;\n  align-self: baseline;\n  position: relative;\n  top: 4px;\n  left: 0px;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-green-check.sc-digi-form-file-upload svg.sc-digi-form-file-upload {\n  --digi--icon--height: 16px;\n  --digi--icon--width: 16px;\n  --digi--icon--color: var(--digi--color--icon--validation--success);\n  background-color: var(--digi--color--background--primary);\n  border-radius: 50%;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n  width: 100%;\n  margin: auto 0;\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  height: max-content;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name--thumbnail.sc-digi-form-file-upload {\n  font-weight: var(--digi--typography--button--font-weight--desktop);\n  font-size: var(--digi--typography--body--font-size--desktop);\n  margin: auto 0 auto var(--digi--margin--small);\n  color: var(--digi--form-file-upload--button-text--color--default);\n}\n@media (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-name.sc-digi-form-file-upload:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item-name {\n    max-width: 17.5rem;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload {\n  position: relative;\n  display: flex;\n  padding: 0;\n  margin: 0;\n  justify-content: space-between;\n  align-items: center;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-inner.sc-digi-form-file-upload {\n  display: flex;\n  width: 100%;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload {\n  margin: 0;\n  align-self: flex-start;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container-figure.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -6px;\n  left: 24px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .thumbnail.sc-digi-form-file-upload {\n  width: 2rem;\n  height: 2rem;\n  object-fit: cover;\n  flex-grow: 0;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-text-container.sc-digi-form-file-upload .hidden.sc-digi-form-file-upload {\n  margin-left: var(--digi--margin--larger);\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload {\n  position: relative;\n  top: 6px;\n  left: 5px;\n  margin-right: 0.75rem;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-pdf-preview-bis.sc-digi-form-file-upload::after {\n  position: absolute;\n  content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='6'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.925 4.236L13.01 6.3a.516.516 0 0 0 0-.73l-.73-.73a.516.516 0 0 0-.73 0L6.71 9.682l-2.26-2.26a.516.516 0 0 0-.73 0l-.73.73a.516.516 0 0 0 0 .73l3.355 3.355a.516.516 0 0 0 .73 0Z' fill='%23009322'/%3E%3C/g%3E%3C/svg%3E\");\n  top: -7px;\n  left: 15px;\n  width: 18px;\n  height: 18px;\n  overflow: hidden;\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__item-info.sc-digi-form-file-upload {\n  width: 100%;\n}\n@container (max-width: 500px) {\n  .sc-digi-form-file-upload-h .digi-form-file-upload__item .digi-form-file-upload__item span {\n    margin-left: 0;\n    margin-right: auto;\n  }\n}\n.sc-digi-form-file-upload-h .digi-form-file-upload__error.sc-digi-form-file-upload {\n  color: var(--digi--color--icon--validation--error);\n}\n.sc-digi-form-file-upload-h .visually-hidden.sc-digi-form-file-upload {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n@container (min-width: 500px) {\n  .sc-digi-form-file-upload-h .hidden-desktop {\n    display: none !important;\n  }\n}\n@container (max-width: 499px) {\n  .sc-digi-form-file-upload-h .hidden-mobile {\n    display: none !important;\n  }\n}";export{m as digi_form_file_upload}

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

@@ -1 +0,0 @@
-import{r as i,c as a,h as t}from"./p-f1de4bf6.js";import{r as n}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-c15ba44e.js";import"./p-a4a001e1.js";import"./p-cdf86efc.js";import"./p-ee9589e6.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-dcdffb3c.js";import"./p-5a602122.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-3887bb40.js";import"./p-d4a341f4.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.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-3b20ec86.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 o=class{constructor(t){i(this,t),this.afOnPageChange=a(this,"afOnPageChange",7),this.afOnReady=a(this,"afOnReady",3),this.currentPage=void 0,this.twoRows=void 0,this.limit=6,this.afInitActivePage=1,this.afTotalPages=void 0,this.afCurrentResultStart=void 0,this.afId=n("digi-navigation-pagination"),this.afCurrentResultEnd=void 0,this.afTotalResults=0,this.afResultName="",this.afLimit=6}setTwoRows(i){this.twoRows=i}setLimit(i){this.limit=i}async afMSetCurrentPage(i){this.setCurrentPage(i,!1)}getPagination(i,a,t){let n=Math.max(i-Math.floor(t/2),1),g=n+t-1;g>a&&(g=a,n=Math.max(g-t+1,1));const o=[];for(let i=n;i<=g;i++)o.push(i);return n>1&&(o.shift(),o.unshift("1…")),g<a&&(o.pop(),o.push("…"+a)),o}get currentInterval(){return this.getPagination(this.currentPage,this.afTotalPages,this.limit)}prevPage(){this.setCurrentPage(this.currentPage-1,!0)}nextPage(){this.setCurrentPage(this.currentPage+1,!0)}setCurrentPage(i=this.currentPage,a=!0){i!==this.currentPage&&(this.currentPage=i<=1?1:i<=this.afTotalPages?i:this.afTotalPages,a&&this.afOnPageChange.emit(this.currentPage))}buttonAriaLabel(i){return`${i}`}handleResizeObserver(i){const a=Math.round(i.detail.contentRect.width);if(!isNaN(a)){const i=570;if(a>i){const t=Math.floor((a-i)/52);this.setLimit(Math.min(6+t,this.afLimit)),this.setTwoRows(!1)}else this.setTwoRows(!0)}}componentDidLoad(){this.afOnReady.emit()}componentWillLoad(){this.setCurrentPage(this.afInitActivePage,!1)}isCurrentPage(i,a){if(i===a)return"page"}labelledby(){return this.afTotalResults>0?`\n        ${this.afId}-aria-label\n        ${this.afId}-result-show\n        ${this.afId}-result-current\n        ${this.afId}-result-of\n        ${this.afId}-result-total\n        ${this.afId}-result-name\n      `:`${this.afId}-aria-label`}render(){return t("div",{key:"fc853e362b458af51e8b6918d0fba7e60732d51e",class:"digi-navigation-pagination"},t("digi-util-resize-observer",{key:"1c8984c1b7c55a6e070d14ab9f1283184d15b1c3",onAfOnChange:i=>{this.handleResizeObserver(i)}}),t("span",{key:"dcc509b820542cc02afa75432c464c13092768cf",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),t("nav",{key:"e621a9c97d610db8e2d84fa1bbbcb09b18de8265","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},t("digi-button",{key:"8bcaeb657b987c67f58de586a823e0867a175034",onClick:()=>this.prevPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--previous":!0,"digi-navigation-pagination__button--hidden":1===this.currentPage},afVariation:"secondary",afAriaLabel:"Föregående"},t("digi-icon-chevron-left",{key:"a45ec549a97e3db230a876513246a9ceea845ae8",slot:"icon"}),t("span",{key:"dd76e0875978c26886b10c38e8cbcc7a928cf3ae"},"Föregående")),t("digi-button",{key:"eb6c6f6eddf1191325b1899af88ff2e1a653b533",onClick:()=>this.nextPage(),class:{"digi-navigation-pagination__button digi-navigation-pagination__button--next":!0,"digi-navigation-pagination__button--hidden":this.currentPage===this.afTotalPages},afVariation:"secondary",afAriaLabel:"Nästa"},t("digi-icon-chevron-right",{key:"a9d1ebc42fb912bb6af9a0cb62e964a670ef3405",slot:"icon-secondary"}),t("span",{key:"865e714423c48bbedc2252ff0d7c7013ad912957"},"Nästa")),t("div",{key:"28364ebea353ded0d0bbc584da31199884f519f6",class:"digi-navigation-pagination__pages"},t("ol",{key:"5dd7f2dc40ddea4715edfe1ff8514ab993a55f38",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return t("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},t("digi-button",{onClick:()=>this.setCurrentPage(a),afAriaLabel:this.buttonAriaLabel(a),afAriaCurrent:this.isCurrentPage(this.currentPage,a),class:{"digi-navigation-pagination__button":!0,"digi-navigation-pagination__page-button":!0,"digi-navigation-pagination__page-button--active":this.currentPage===a},afVariation:this.currentPage===a?g.PRIMARY:g.SECONDARY},t("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&t("div",{key:"5ce6ad60b18501707890ed6c54b569d5224c7074",class:{"digi-navigation-pagination__result":!0,"digi-navigation-pagination__result--pages":this.afTotalPages>1},"aria-hidden":this.afTotalPages>1?"true":"false",id:`${this.afId}-result`},t("digi-typography",{key:"f885713d831d3181652ba020ce77e50bd46a8562"},t("span",{key:"cb7db046f97830619e7e1698c668a5fe630e38cb",id:`${this.afId}-result-show`},"Visar "),t("strong",{key:"655ef0ca3a6ca1f8f11b56628f30f46eda500435",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),t("span",{key:"1dd088d5dbed8d49d0201bcdb8fb39d6656295b0",id:`${this.afId}-result-of`}," av "),t("strong",{key:"f7b940ceb11d6110aae22828f294f6d66168d78a",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&t("span",{key:"03ebec9b1df029fb31cd0a62d9f353f3d2c17690",id:`${this.afId}-result-name`},` ${this.afResultName}`))))}};o.style='@charset "UTF-8";.sc-digi-navigation-pagination-h{--digi--navigation-pagination--button--padding:calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);--digi--navigation-pagination--button--icon--width:var(--digi--gutter--medium);--digi--navigation-pagination--button--width:8.750rem;--digi--navigation-pagination--button--margin:0.125rem;--digi--navigation-pagination--button--display:flex;--digi--navigation-pagination--button--justify-content--default:center;--digi--navigation-pagination--button--keep-right--margin:8.375rem;--digi--navigation-pagination--button--previous-button--border-radius:var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);--digi--navigation-pagination--button--next-button--border-radius:0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;--digi--navigation-pagination--button--page-button--padding:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);--digi--navigation-pagination--button--page-button--padding--compressed:calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);--digi--navigation-pagination--button--page-button--margin:0 2px;--digi--navigation-pagination--button--page-button--width:2.750rem;--digi--navigation-pagination--button--page-button--height:2.750rem;--digi--navigation-pagination--button--page-button--border-radius:0;--digi--navigation-pagination--pages--margin:0 0 var(--digi--global--spacing--smallest-4) 0;--digi--navigation-pagination--result--pages--margin:var(--digi--margin--smaller) 0 0 0;--digi--navigation-pagination--result--margin:0;--digi--navigation-pagination--result--strong--font-weight:600;--digi--navigation-pagination--result--text-align:center;--digi--navigation-pagination--page-list--padding:0;--digi--navigation-pagination--page-list--margin:0}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination{font-family:var(--digi--global--typography--font-family--default);text-align:var(--digi--navigation-pagination--result--text-align);font-size:var(--digi--typography--tag--font-size--desktop);margin:var(--digi--navigation-pagination--result--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result--pages.sc-digi-navigation-pagination{--digi--navigation-pagination--result--margin:var(--digi--navigation-pagination--result--pages--margin)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__result.sc-digi-navigation-pagination strong.sc-digi-navigation-pagination{font-weight:var(--digi--navigation-pagination--result--strong--font-weight)}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination{display:flex;flex-wrap:wrap;justify-content:center;min-width:290px;gap:4px}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:2}.sc-digi-navigation-pagination-h .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows.sc-digi-navigation-pagination .digi-navigation-pagination__pages.sc-digi-navigation-pagination{order:-1;flex:1 0 100%;margin:var(--digi--navigation-pagination--pages--margin);display:flex;justify-content:center}.digi-navigation-pagination__button.sc-digi-navigation-pagination{--digi--button--padding--medium:var(--digi--navigation-pagination--button--padding);--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(--digi--navigation-pagination--button--page-button--height);--digi--button--justify-content--default:var(--digi--navigation-pagination--button--justify-content--default)}.digi-navigation-pagination__button--hidden.sc-digi-navigation-pagination{visibility:hidden}.digi-navigation-pagination__button--previous.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--previous-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--previous-button--border-radius);order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--next-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--next-button--border-radius);order:3}.digi-navigation-pagination__button.sc-digi-navigation-pagination-s>[slot^=icon],.digi-navigation-pagination__button .sc-digi-navigation-pagination-s>[slot^=icon]{--digi--icon--width:var(--digi--navigation-pagination--button--icon--width)}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--default:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--secondary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--border-radius--primary--hover:var(--digi--navigation-pagination--button--page-button--border-radius);--digi--button--width:var(--digi--navigation-pagination--button--page-button--width);--digi--button--font-size--medium:14px;--digi--button--padding--medium:calc(var(--digi--gutter--medium) - 1px) 0;--digi--button--align-items:center;display:inline-block;text-align:center;letter-spacing:-1px}.ellipsis-first.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:after{content:"…"}.ellipsis-last.sc-digi-navigation-pagination .digi-navigation-pagination__page-button.sc-digi-navigation-pagination .digi-navigation-pagination__page-text.sc-digi-navigation-pagination:before{content:"…"}.sc-digi-navigation-pagination-h .digi-navigation-pagination__page-list.sc-digi-navigation-pagination{display:flex;list-style:none;padding:var(--digi--navigation-pagination--page-list--padding);margin:var(--digi--navigation-pagination--page-list--margin);gap:4px}.digi-navigation-pagination__aria-label.sc-digi-navigation-pagination{clip:rect(0 0 0 0);height:1px;padding:0;white-space:nowrap;width:1px;overflow:hidden;position:absolute}';export{o as digi_navigation_pagination}

package/dist/digi-arbetsformedlingen/p-ee9589e6.js

@@ -1 +0,0 @@
-var t;!function(t){t.BUTTON="button",t.SUBMIT="submit",t.RESET="reset"}(t||(t={}));export{t as B}

package/dist/esm/button-type.enum-5250ae0b.js

@@ -1,8 +0,0 @@
-var ButtonType;
-(function (ButtonType) {
-    ButtonType["BUTTON"] = "button";
-    ButtonType["SUBMIT"] = "submit";
-    ButtonType["RESET"] = "reset";
-})(ButtonType || (ButtonType = {}));
-
-export { ButtonType as B };

package/dist/esm/digi-button.entry.js

@@ -1,126 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { B as ButtonSize } from './button-size.enum-d5ff6ff3.js';
-import { B as ButtonType } from './button-type.enum-5250ae0b.js';
-import { B as ButtonVariation } from './button-variation.enum-94fffdd6.js';
-
-const buttonCss = ".sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--background--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--focus:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--primary--active:var(--digi--color--background--interactive--hover--primary);--digi--button--color--background--secondary--default:var(--digi--color--background--interactive--default--secondary);--digi--button--color--background--secondary--hover:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--focus:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--secondary--active:var(--digi--color--background--interactive--hover--secondary);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--hover:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--focus:var(--digi--color--text--interactive--secondary);--digi--button--color--text--primary--active:var(--digi--color--text--interactive--secondary);--digi--button--color--text--secondary--default:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--hover:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--focus:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--secondary--active:var(--digi--color--text--interactive--brand-primary);--digi--button--color--text--function--default:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--hover:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--focus:var(--digi--color--text--interactive--primary);--digi--button--color--text--function--active:var(--digi--color--text--interactive--primary);--digi--button--color--border--primary--default:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--hover:var(--digi--color--background--interactive--hover--primary);--digi--button--color--border--primary--focus:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--primary--active:var(--digi--color--background--interactive--default--primary);--digi--button--color--border--secondary--default:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--hover:var(--digi--color--border--interactive--hover--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--secondary--active:var(--digi--color--border--interactive--default--primary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--hover:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--focus:var(--digi--color--icon--secondary);--digi--button--color--icon--primary--active:var(--digi--color--icon--secondary);--digi--button--color--icon--secondary--default:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--hover:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--focus:var(--digi--color--icon--brand-primary);--digi--button--color--icon--secondary--active:var(--digi--color--icon--brand-primary);--digi--button--color--icon--function--default:var(--digi--color--icon--cta);--digi--button--color--icon--function--hover:var(--digi--color--icon--cta);--digi--button--color--icon--function--focus:var(--digi--color--icon--cta);--digi--button--color--icon--function--active:var(--digi--color--icon--cta);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--primary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--primary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--primary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--primary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--primary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--primary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--secondary--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--secondary--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--secondary--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--secondary--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--secondary--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--secondary--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--secondary--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--secondary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--secondary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--secondary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(--digi--button--color--background--function--default);--COLOR--BACKGROUND--HOVER:var(--digi--button--color--background--function--hover);--COLOR--BACKGROUND--FOCUS:var(--digi--button--color--background--function--focus);--COLOR--BACKGROUND--ACTIVE:var(--digi--button--color--background--function--active);--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(--digi--button--color--border--function--default);--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(--digi--button--border-radius--function--default);--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(--digi--button--text-align--full-width);--digi--button--justify-content--default:var(--digi--button--justify-content--full-width)}";
-const DigiButtonStyle0 = buttonCss;
-
-const Button = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnClick = createEvent(this, "afOnClick", 7);
-        this.afOnFocus = createEvent(this, "afOnFocus", 7);
-        this.afOnBlur = createEvent(this, "afOnBlur", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.hasIcon = undefined;
-        this.hasIconSecondary = undefined;
-        this.isFullSize = undefined;
-        this.afSize = ButtonSize.MEDIUM;
-        this.afTabindex = undefined;
-        this.afVariation = ButtonVariation.PRIMARY;
-        this.afType = ButtonType.BUTTON;
-        this.afId = randomIdGenerator('digi-button');
-        this.afAriaLabel = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaControls = undefined;
-        this.afForm = undefined;
-        this.afAriaPressed = undefined;
-        this.afAriaExpanded = undefined;
-        this.afAriaHaspopup = undefined;
-        this.afAriaCurrent = undefined;
-        this.afRole = undefined;
-        this.afAriaChecked = undefined;
-        this.afLang = undefined;
-        this.afDir = undefined;
-        this.afFullWidth = false;
-        this.afAutofocus = undefined;
-        this.afInputRef = undefined;
-    }
-    fullWidthHandler() {
-        this.isFullSize = this.afFullWidth;
-    }
-    /**
-     * Hämta en referens till buttonelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the button element. Handy for setting focus programmatically.
-     */
-    async afMGetButtonElement() {
-        return this._button;
-    }
-    componentWillLoad() {
-        this.setHasIcon();
-        this.fullWidthHandler();
-    }
-    componentWillUpdate() {
-        this.setHasIcon();
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    setHasIcon() {
-        const icon = !!this.hostElement.querySelector('[slot="icon"]');
-        const iconSecondary = !!this.hostElement.querySelector('[slot="icon-secondary"]');
-        if (icon) {
-            this.hasIcon = icon;
-        }
-        if (iconSecondary) {
-            this.hasIconSecondary = iconSecondary;
-        }
-    }
-    get cssModifiers() {
-        return {
-            [`digi-button--variation-${this.afVariation}`]: !!this.afVariation,
-            [`digi-button--size-${this.afSize}`]: !!this.afSize,
-            'digi-button--icon': this.hasIcon,
-            'digi-button--icon-secondary': this.hasIconSecondary,
-            'digi-button--full-width': this.isFullSize
-        };
-    }
-    get pressedState() {
-        if (this.afAriaPressed === null || this.afAriaPressed === undefined) {
-            return;
-        }
-        return this.afAriaPressed ? 'true' : 'false';
-    }
-    get expandedState() {
-        if (this.afAriaExpanded === null || this.afAriaExpanded === undefined) {
-            return;
-        }
-        return this.afAriaExpanded ? 'true' : 'false';
-    }
-    get hasPopup() {
-        if (this.afAriaHaspopup === null || this.afAriaHaspopup === undefined) {
-            return;
-        }
-        return this.afAriaHaspopup ? 'true' : 'false';
-    }
-    clickHandler(e) {
-        this.afOnClick.emit(e);
-    }
-    focusHandler(e) {
-        this.afOnFocus.emit(e);
-    }
-    blurHandler(e) {
-        this.afOnBlur.emit(e);
-    }
-    render() {
-        return (h(Host, { key: '3a398d75ad83e3caa9ec54928544d5bf8315d30f' }, h("button", { key: '2159552d7e8064acbb6da5c02c28ead3d4985e85', class: Object.assign({ 'digi-button': true }, this.cssModifiers), type: this.afType, role: this.afRole, ref: (el) => {
-                var _a, _b, _c;
-                this._button = el;
-                (_a = this === null || this === void 0 ? void 0 : this.afInputRef) === null || _a === void 0 ? void 0 : _a.call(this, el);
-                // Stencil has a bug wiith form attribute so we need to set it like this
-                // https://github.com/ionic-team/stencil/issues/2703
-                this.afForm
-                    ? (_b = this._button) === null || _b === void 0 ? void 0 : _b.setAttribute('form', this.afForm)
-                    : (_c = this._button) === null || _c === void 0 ? void 0 : _c.removeAttribute('form');
-            }, id: this.afId, tabindex: this.afTabindex, "aria-label": this.afAriaLabel, "aria-labelledby": this.afAriaLabelledby, "aria-controls": this.afAriaControls, "aria-pressed": this.pressedState, "aria-expanded": this.expandedState, "aria-haspopup": this.hasPopup, "aria-current": this.afAriaCurrent, "aria-checked": this.afAriaChecked, onClick: (e) => this.clickHandler(e), onFocus: (e) => this.focusHandler(e), onBlur: (e) => this.blurHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null, form: this.afForm, lang: this.afLang, dir: this.afDir }, this.hasIcon && (h("span", { key: '1188d5cb005a51e4e065b70663d06877db3a1477', class: "digi-button__icon" }, h("slot", { key: 'f90319563c18e1f82fa13f478b4d4d13ce3e9bf7', name: "icon" }))), h("span", { key: '17dce8eed2e845ca6166cf85a1c0252c2c0b8037', class: "digi-button__text" }, h("slot", { key: '2f637e48b837ecd0f0f2333349f328c497aee650' })), this.hasIconSecondary && (h("span", { key: '49ffd3361b0cc00c074e1ce332dab2de33127fcc', class: "digi-button__icon digi-button__icon--secondary" }, h("slot", { key: '367d3ba37e2fd0b7e83d600f35d02d4df303c1c0', name: "icon-secondary" }))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "afFullWidth": ["fullWidthHandler"]
-    }; }
-};
-Button.style = DigiButtonStyle0;
-
-export { Button as digi_button };

package/dist/esm/digi-form-input-search.entry.js

@@ -1,139 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { b as FormInputType, a as FormInputButtonVariation, F as FormInputSearchVariation } from './form-input-type.enum-62a97d5d.js';
-import { B as ButtonType } from './button-type.enum-5250ae0b.js';
-import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
-import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import './detectClosest.util-58a7504f.js';
-
-const formInputSearchCss = ".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)}";
-const DigiFormInputSearchStyle0 = formInputSearchCss;
-
-const FormInputSearch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnFocusOutside = createEvent(this, "afOnFocusOutside", 7);
-        this.afOnFocusInside = createEvent(this, "afOnFocusInside", 7);
-        this.afOnClickOutside = createEvent(this, "afOnClickOutside", 7);
-        this.afOnClickInside = createEvent(this, "afOnClickInside", 7);
-        this.afOnChange = createEvent(this, "afOnChange", 7);
-        this.afOnBlur = createEvent(this, "afOnBlur", 7);
-        this.afOnKeyup = createEvent(this, "afOnKeyup", 7);
-        this.afOnFocus = createEvent(this, "afOnFocus", 7);
-        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
-        this.afOnInput = createEvent(this, "afOnInput", 7);
-        this.afOnClick = createEvent(this, "afOnClick", 7);
-        this.afOnSubmitSearch = createEvent(this, "afOnSubmitSearch", 7);
-        this.afOnReady = createEvent(this, "afOnReady", 3);
-        this.afLabel = undefined;
-        this.afLabelDescription = undefined;
-        this.afType = FormInputType.SEARCH;
-        this.afButtonVariation = FormInputButtonVariation.PRIMARY;
-        this.afName = undefined;
-        this.afId = randomIdGenerator('digi-form-input-search');
-        this.value = undefined;
-        this.afValue = undefined;
-        this.afAutocomplete = undefined;
-        this.afAriaAutocomplete = undefined;
-        this.afAriaActivedescendant = undefined;
-        this.afAriaLabelledby = undefined;
-        this.afAriaDescribedby = undefined;
-        this.afVariation = FormInputSearchVariation.MEDIUM;
-        this.afHideButton = undefined;
-        this.afButtonType = ButtonType.SUBMIT;
-        this.afButtonText = undefined;
-        this.afButtonAriaLabel = undefined;
-        this.afButtonAriaLabelledby = undefined;
-        this.afAutofocus = undefined;
-    }
-    onValueChanged(value) {
-        this.afValue = value;
-    }
-    onAfValueChanged(value) {
-        this.value = value;
-    }
-    /**
-     * Hämtar en referens till inputelementet. Bra för att t.ex. sätta fokus programmatiskt.
-     * @en Returns a reference to the input element. Handy for setting focus programmatically.
-     */
-    async afMGetFormControlElement() {
-        const formControlElement = await this._input.afMGetFormControlElement();
-        return formControlElement;
-    }
-    blurHandler(e) {
-        this.afOnBlur.emit(e);
-    }
-    changeHandler(e) {
-        const element = e.target;
-        this.afValue = this.value = element.value;
-        this.afOnChange.emit(e);
-    }
-    focusHandler(e) {
-        e.stopPropagation();
-        this.afOnFocus.emit(e);
-    }
-    focusoutHandler(e) {
-        this.afOnFocusout.emit(e);
-    }
-    keyupHandler(e) {
-        this.afOnKeyup.emit(e);
-        if (e.detail.key === 'Enter') {
-            this.afOnSubmitSearch.emit(this.afValue);
-        }
-    }
-    inputHandler(e) {
-        this.afOnInput.emit(e);
-    }
-    clickHandler(e) {
-        e.stopPropagation();
-        this.afOnClick.emit(e);
-        this.afOnSubmitSearch.emit(this.afValue);
-    }
-    clickOutsideListener(e) {
-        const target = e.target;
-        const selector = `[data-af-identifier="${this.afId}"]`;
-        if (detectClickOutside(target, selector)) {
-            this.afOnClickOutside.emit(e);
-        }
-        else {
-            this.afOnClickInside.emit(e);
-        }
-    }
-    focusOutsideListener(e) {
-        const target = e.target;
-        const selector = `[data-af-identifier="${this.afId}"]`;
-        if (detectFocusOutside(target, selector)) {
-            this.afOnFocusOutside.emit(e);
-        }
-        else {
-            this.afOnFocusInside.emit(e);
-        }
-    }
-    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 === FormInputSearchVariation.SMALL,
-            'digi-form-input-search--medium': this.afVariation === FormInputSearchVariation.MEDIUM,
-            'digi-form-input-search--large': this.afVariation === FormInputSearchVariation.LARGE
-        };
-    }
-    render() {
-        return (h("div", { key: '2f5f36653b7563f25639090be3b235bc6ef25a33', class: Object.assign({ 'digi-form-input-search': true }, this.cssModifiers), "data-af-identifier": this.afId }, h("digi-form-input", { key: '9b34f69981f378ad57c15e662df6a42b60b5a67a', class: {
-                'digi-form-input-search__input': true,
-                'digi-form-input-search__input--no-button': this.afHideButton
-            }, 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: 'cb30c0e93140a5c1b045c79568d4d316fbd11677', 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: '0f9f91c1e7f09ddd436618dd1afb04f8f90a6f27', slot: "icon" }), this.afButtonText)))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "afValue": ["onAfValueChanged"]
-    }; }
-};
-FormInputSearch.style = DigiFormInputSearchStyle0;
-
-export { FormInputSearch as digi_form_input_search };

package/dist/esm/digi-icon-search.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h } from './index-bfea2cc5.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-
-const iconSearchCss = ".sc-digi-icon-search-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-search-h svg.sc-digi-icon-search{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)}";
-const DigiIconSearchStyle0 = iconSearchCss;
-
-const IconSearch = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afTitle = undefined;
-        this.afDesc = undefined;
-        this.afSvgAriaHidden = true;
-        this.afSvgAriaLabelledby = undefined;
-        this.titleId = randomIdGenerator('icontitle');
-    }
-    render() {
-        return (h("svg", { key: '4acb05509d1432ffbe865fbfb9b90944cdb87b51', class: "digi-icon-search", width: "26", height: "26", viewBox: "0 0 26 26", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
-                ? this.afSvgAriaLabelledby
-                : this.afTitle
-                    ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'cad36385b138839e7802c5150bd15f3a008fe818', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '6703f87da9f79bb3e1c86d29b35a5909aabc550a' }, this.afDesc), h("path", { key: '9f44b8b94a4c5f3e7294efcc87a19a5b992ba857', class: "digi-icon-search__shape", d: "M25.645 22.437l-5.063-5.053a1.22 1.22 0 00-.864-.355h-.827a10.477 10.477 0 002.234-6.487C21.125 4.719 16.397 0 10.562 0 4.729 0 0 4.719 0 10.542c0 5.823 4.728 10.542 10.563 10.542 2.452 0 4.707-.831 6.5-2.23v.826c0 .324.126.633.355.862l5.063 5.053c.477.476 1.25.476 1.721 0l1.437-1.435a1.22 1.22 0 00.006-1.723zm-15.082-5.408c-3.59 0-6.5-2.899-6.5-6.487a6.49 6.49 0 016.5-6.487c3.59 0 6.5 2.899 6.5 6.487a6.49 6.49 0 01-6.5 6.487z", fill: "currentColor", "fill-rule": "nonzero" })));
-    }
-};
-IconSearch.style = DigiIconSearchStyle0;
-
-export { IconSearch as digi_icon_search };

package/dist/esm/form-input-type.enum-62a97d5d.js

@@ -1,32 +0,0 @@
-var FormInputSearchVariation;
-(function (FormInputSearchVariation) {
-    FormInputSearchVariation["SMALL"] = "small";
-    FormInputSearchVariation["MEDIUM"] = "medium";
-    FormInputSearchVariation["LARGE"] = "large";
-})(FormInputSearchVariation || (FormInputSearchVariation = {}));
-
-var FormInputButtonVariation;
-(function (FormInputButtonVariation) {
-    FormInputButtonVariation["PRIMARY"] = "primary";
-    FormInputButtonVariation["SECONDARY"] = "secondary";
-})(FormInputButtonVariation || (FormInputButtonVariation = {}));
-
-var FormInputType;
-(function (FormInputType) {
-    FormInputType["COLOR"] = "color";
-    FormInputType["DATE"] = "date";
-    FormInputType["DATETIME_LOCAL"] = "datetime-local";
-    FormInputType["EMAIL"] = "email";
-    FormInputType["HIDDEN"] = "hidden";
-    FormInputType["MONTH"] = "month";
-    FormInputType["NUMBER"] = "number";
-    FormInputType["PASSWORD"] = "password";
-    FormInputType["SEARCH"] = "search";
-    FormInputType["TEL"] = "tel";
-    FormInputType["TEXT"] = "text";
-    FormInputType["TIME"] = "time";
-    FormInputType["URL"] = "url";
-    FormInputType["WEEK"] = "week";
-})(FormInputType || (FormInputType = {}));
-
-export { FormInputSearchVariation as F, FormInputButtonVariation as a, FormInputType as b };