@designsystem-se/af 34.0.3-beta.0 → 34.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-form-select-filter.js +1 -1
- package/dist/cjs/{code-example-variation.enum-c6557727.js → code-example-variation.enum-6826a1e7.js} +7 -0
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/digi-button_12.cjs.entry.js +1126 -0
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +8 -13
- package/dist/cjs/digi-code-block_3.cjs.entry.js +13 -18
- package/dist/cjs/digi-code-example.cjs.entry.js +3 -4
- package/dist/cjs/digi-dialog.cjs.entry.js +14 -19
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +8 -13
- package/dist/cjs/digi-footer.cjs.entry.js +7 -12
- package/dist/cjs/digi-form-error-list.cjs.entry.js +7 -12
- package/dist/cjs/digi-form-file-upload.cjs.entry.js +9 -10
- package/dist/cjs/digi-form-input-search.cjs.entry.js +6 -8
- package/dist/cjs/digi-form-receipt.cjs.entry.js +14 -19
- package/dist/cjs/digi-header-navigation.cjs.entry.js +7 -12
- package/dist/cjs/digi-header.cjs.entry.js +7 -12
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +5 -10
- package/dist/cjs/digi-notification-alert.cjs.entry.js +12 -17
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +21 -26
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +137 -0
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +15 -20
- package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +64 -0
- package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js} +14 -0
- package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js} +7 -0
- package/dist/cjs/index-cfa8e9be.js +8 -24
- package/dist/cjs/index.cjs.js +105 -110
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{typography-variation.enum-252bed2e.js → progress-indicator-variation.enum-7cf8e0e4.js} +0 -6
- package/dist/cjs/{tools-feedback-variation.enum-b17e8f87.js → typography-variation.enum-07b834ba.js} +34 -0
- package/dist/collection/components/_form/form-select-filter/form-select-filter.css +1 -1
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +47 -3
- package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss +0 -40
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-0b2baab8.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-333d2a13.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-38405a91.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-3887bb40.js +1 -0
- package/dist/digi-arbetsformedlingen/p-39708dfd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-435d4154.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-47367a06.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4934e112.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4a7e484f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-537d3a7f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-53cfeeba.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-62c112f5.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-7fc94925.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-8f0cfb82.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a29a52f3.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-a8afc3af.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-b4e075c1.js +1 -0
- package/dist/digi-arbetsformedlingen/p-be5aa9ca.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-c64b4626.js +1 -0
- package/dist/digi-arbetsformedlingen/p-ccca6900.js +1 -0
- package/dist/digi-arbetsformedlingen/p-dc888867.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-e6ff6b0f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-f8fa5e66.entry.js +1 -0
- package/dist/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-222e18d3.js} +8 -1
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/digi-button_12.entry.js +1111 -0
- package/dist/esm/digi-calendar-datepicker.entry.js +5 -10
- package/dist/esm/digi-code-block_3.entry.js +5 -10
- package/dist/esm/digi-code-example.entry.js +1 -2
- package/dist/esm/digi-dialog.entry.js +5 -10
- package/dist/esm/digi-expandable-accordion.entry.js +5 -10
- package/dist/esm/digi-footer.entry.js +5 -10
- package/dist/esm/digi-form-error-list.entry.js +5 -10
- package/dist/esm/digi-form-file-upload.entry.js +1 -2
- package/dist/esm/digi-form-input-search.entry.js +1 -3
- package/dist/esm/digi-form-receipt.entry.js +5 -10
- package/dist/esm/digi-header-navigation.entry.js +5 -10
- package/dist/esm/digi-header.entry.js +5 -10
- package/dist/esm/digi-navigation-pagination.entry.js +5 -10
- package/dist/esm/digi-notification-alert.entry.js +5 -10
- package/dist/esm/digi-notification-error-page.entry.js +5 -10
- package/dist/esm/digi-progress-indicator.entry.js +133 -0
- package/dist/esm/digi-tools-feedback.entry.js +5 -10
- package/dist/esm/digi-util-mutation-observer.entry.js +60 -0
- package/dist/esm/{form-input-type.enum-3da3db27.js → form-input-type.enum-a6bba983.js} +15 -1
- package/dist/esm/{form-file-upload-variation.enum-9c49ec5e.js → form-validation-message-variation.enum-f7835fc5.js} +8 -1
- package/dist/esm/index-8e318bb2.js +8 -24
- package/dist/esm/index.js +5 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{typography-variation.enum-d5ac8594.js → progress-indicator-variation.enum-b12ba50a.js} +1 -7
- package/dist/esm/{tools-feedback-variation.enum-4bfb560b.js → typography-variation.enum-253cc59f.js} +35 -1
- package/hydrate/index.js +1 -1
- package/hydrate/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/cjs/button-size.enum-7921c01e.js +0 -8
- package/dist/cjs/button-type.enum-406723db.js +0 -8
- package/dist/cjs/digi-button.cjs.entry.js +0 -130
- package/dist/cjs/digi-form-input.cjs.entry.js +0 -157
- package/dist/cjs/digi-form-label_3.cjs.entry.js +0 -129
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +0 -552
- package/dist/cjs/digi-icon-check_6.cjs.entry.js +0 -286
- package/dist/cjs/digi-icon-chevron-down.cjs.entry.js +0 -30
- package/dist/cjs/digi-util-keydown-handler.cjs.entry.js +0 -83
- package/dist/cjs/form-input-search-variation.enum-c50239bc.js +0 -8
- package/dist/cjs/form-input-variation.enum-c750520c.js +0 -29
- package/dist/cjs/form-validation-message-variation.enum-855ae0be.js +0 -8
- package/dist/digi-arbetsformedlingen/p-03c74be2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1d065367.js +0 -1
- package/dist/digi-arbetsformedlingen/p-1f956af8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-27a933f2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-38ac4375.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-3ee7d913.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4771449c.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-48d8109b.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4c6b9991.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4e311538.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4e9b1820.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4e9cd0cd.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-4f4113d7.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-525bd193.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-551f6906.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-5a602122.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6492e062.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-766df2e4.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7933b555.js +0 -1
- package/dist/digi-arbetsformedlingen/p-7f1574ff.js +0 -1
- package/dist/digi-arbetsformedlingen/p-80fce66a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-88b4d03a.js +0 -1
- package/dist/digi-arbetsformedlingen/p-905ccb30.js +0 -1
- package/dist/digi-arbetsformedlingen/p-91d1344c.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a0472ce2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bad82d8a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bc37453e.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-bc3d2778.js +0 -1
- package/dist/digi-arbetsformedlingen/p-c7fd83fa.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-d13c7e47.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-edf6fbd2.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ee9589e6.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f3b56695.entry.js +0 -1
- package/dist/esm/button-size.enum-2dcd673f.js +0 -8
- package/dist/esm/button-type.enum-5250ae0b.js +0 -8
- package/dist/esm/digi-button.entry.js +0 -126
- package/dist/esm/digi-form-input.entry.js +0 -153
- package/dist/esm/digi-form-label_3.entry.js +0 -123
- package/dist/esm/digi-form-select-filter.entry.js +0 -548
- package/dist/esm/digi-icon-check_6.entry.js +0 -277
- package/dist/esm/digi-icon-chevron-down.entry.js +0 -26
- package/dist/esm/digi-util-keydown-handler.entry.js +0 -79
- package/dist/esm/form-input-search-variation.enum-f9d669f2.js +0 -8
- package/dist/esm/form-input-variation.enum-64d9450f.js +0 -29
- package/dist/esm/form-validation-message-variation.enum-bcef8a9d.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as o,h as a,F as l,g as d}from"./p-e35cae7b.js";import{_ as n}from"./p-42aa440f.js";import{r as e}from"./p-ffe5c0e8.js";import{b as r,a as t,F as g,c as f}from"./p-3887bb40.js";import{U as s}from"./p-cdcaf0eb.js";const p=class{constructor(a){i(this,a),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,a)=>{const l=new FileReader;l.readAsDataURL(i),l.onload=()=>{const i=l.result.toString().replace(/^data:(.*,)?/,"");o(i)},l.onerror=i=>a(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=n.form.file_upload,this.afLabelDescription=void 0,this.afVariation=r.SMALL,this.afId=e("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=n.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=g.H2}afValidationTextChange(){this.setValidationText()}breakpointHandler(i){i.detail.value&&(this.afVariation=i.detail.value===s.SMALL?r.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((a=>{a.name===i.name&&(o=!0)})),o}checkAcceptedTypes(i){const o=this.afFileTypes.replace(/\s/g,"").split(","),a=i.type,l=i.name.split(".").slice(-1).map((i=>"."+i.toLowerCase())).toString();return o.some((i=>i.includes("/*")?i.split("/").slice(0,1).toString()==a.split("/").slice(0,1).toString():i===a||i===l||"*"===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===f.ERROR&&this.addErrorMessage(i.name,i.error?i.error:n.form.file_error_unknown_error)}validateMaxSize(i){if(i.size>this.fileMaxSize){const o=this.afFileMaxSizeText?this.afFileMaxSizeText:n.form.file_error_too_large(i.name,this.afFileMaxSize);this.addErrorMessage(i.name,o)}}validateFileType(i){this.checkAcceptedTypes(i)||this.addErrorMessage(i.name,n.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 a=this.removeFileFromList(o);a.status="error",a.error=n.form.file_upload_canceled,this.afOnCancelFile.emit(a)}removeFileFromList(i){const o=this.getIndexOfFile(i);if(-1===o)return;const a=this.files[o];return this.files=[...this.files.slice(0,o),...this.files.slice(o+1)],a}getIndexOfFile(i){return this.files.findIndex((o=>o.id==i))}getFilesThatAreOK(i){const o=[];return i.forEach((i=>{let a=!0;this.errorMessages.forEach((o=>{o.fileName===i.name&&(a=!1)})),a&&o.push(i)})),o}validateIfFileIsAlreadyUploaded(i){for(const o of this.files)o.name===i.name&&this.addErrorMessage(i.name,n.form.file_error_exists(i.name))}handleFiles(i){var o,a;this.resetErrors();const l=i.dataTransfer?null===(o=i.dataTransfer)||void 0===o?void 0:o.files:null===(a=i.target)||void 0===a?void 0:a.files,d=[];if(Array.from(l).forEach((i=>{d.push(i)})),!d||0===d.length)return;if(d.length+this.files.length>this.afMaxFiles)return this.addErrorMessage("",n.form.file_error_too_many),void(this.error=!0);d.forEach((i=>{this.validateFile(i)}));const e=0===this.errorMessages.length?d:this.getFilesThatAreOK(d);if(0===e.length)return;const r=new FormData;e.forEach((i=>{r.append("file",i)}));for(const i of r.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 a=this.removeFileFromList(o);this.afOnRemoveFile.emit(a),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=e("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!==r.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,a=i.name;const l=a.split(".").pop(),d=a.replace("."+l,""),n=window.innerWidth<769?6:a.length,e=window.innerWidth<769?14:a.length;return o="image"===String(i.type).split("/")[0]?"image":"pdf"===String(i.type).split("/")[1]?"pdf":"default",a=a.length>n?d.substring(0,n)+"..."+l:a.length>e?d.substring(0,6)+"..."+l:i.name,{type:o,name:a}}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}`),a=await i.blob(),l=new Blob([a],{type:"application/pdf"}),d=URL.createObjectURL(l);setTimeout((()=>{window.open(d,"_blank")}),30)})();else{const i=URL.createObjectURL(o),a=document.createElement("a");a.href=i,a.target="_blank",a.download=o.name,a.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(),a("div",{class:"digi-form-file-upload__error-list-container "+(this.files.length>0?"with-files":"")},a("ul",{class:"digi-form-file-upload__error-list","aria-hidden":"true"},this.renderErrorMessages()),a("button",{type:"button","aria-label":n.form.file_upload_reset_errors_aria_label,class:"digi-form-file-upload__button clear-button hidden-mobile",onClick:()=>{this.resetErrors(!0)}},a("span",null,n.form.file_upload_reset_errors)),a("button",{type:"button",onClick:()=>{this.resetErrors(!0)},class:"digi-form-file-upload__button clear-button hidden-desktop","aria-label":n.form.file_upload_reset_errors_aria_label},a("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=>a("li",null,a("digi-form-validation-message",{id:"digi-form-file-upload__error",class:"digi-form-file-upload__error","af-variation":"error"},i.message))))}renderPendingFile(i){return a("div",{class:"digi-form-file-upload__item-pending-container"},a("span",{class:"info-wrapper"},a("digi-icon-spinner",{class:"digi-form-file-upload__spinner"}),a("span",{style:{margin:"0"}},n.form.file_upload_progress," ",a("span",{class:"hidden-mobile"},"|")),a("p",{class:"digi-form-file-upload__item-name-pending hidden-mobile"},this.getFiletypeAndShortFileName(i).name)),a("span",{class:"button-wrapper"},a("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":n.form.file_cancel_upload_long(i.name)},n.form.file_cancel_upload),a("button",{type:"button",onClick:o=>this.onCancelFileHandler(o,i.id),class:"digi-form-file-upload__button hidden-desktop","aria-label":n.form.file_cancel_upload_long(i.name)},a("digi-icon-x-button-outline",{class:"digi-form-file-upload__button-icon","aria-hidden":"true"}))))}renderImageThumbnail(i){return this.afShowThumbnail?a("figure",{class:"digi-form-file-upload__item-text-container-figure",style:{margin:"0"}},a("img",{"aria-hidden":"true",class:"thumbnail",src:`data:${i.type};base64,${i.base64}`}),a("figcaption",{class:"visually-hidden"},"Miniatyr av ",i.name)):this.renderCheckmark()}renderCheckmark(){return a("span",{class:"digi-form-file-upload__item-green-check"})}renderPDFThumbnail(i){return this.afShowThumbnail?a("span",{class:`${this.afShowThumbnail?"digi-form-file-upload__item-pdf-preview-bis":null}`,"aria-label":i.name},a("svg",{style:{scale:"1"},width:"23.76",height:"32",xmlns:"http://www.w3.org/2000/svg"},a("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?a("a",{class:"digi-form-file-upload__item-name",href:"#",onClick:o=>{this.viewUploadedFile(o,i)}},i.name):a("span",{class:"digi-form-file-upload__item-name"},i.name)}renderOKFile(i){return a(l,null,a("span",{class:"digi-form-file-upload__item-text-and-thumbnail-container"},this.renderThumbnail(i),this.renderFileName(i)),a("button",{type:"button",onClick:o=>this.onRemoveFileHandler(o,i.id),class:"digi-form-file-upload__button digi-form-file-upload__button--mobile","aria-label":n.form.file_remove(i.name)},a("span",{class:"hidden-mobile"},n.form.file_remove()),a("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)=>a("li",{class:"digi-form-file-upload__item-container",key:"file-"+o},a("div",{class:"digi-form-file-upload__item"},a("div",{class:"digi-form-file-upload__item-text-container"},this.renderFile(i))))))}renderFileContainer(){if(0!==this.files.length)return a(l,null,a(this.afHeadingLevel,{class:{"digi-form-file-upload__files-heading":!0,"digi-form-file-upload__files-heading--and-errors":this.error}},this.afHeadingFiles),a("ul",{class:"digi-form-file-upload__files-list",tabindex:-1,ref:i=>{this._fileList=i}},this.renderFiles()))}render(){return a(l,{key:"580ccd74dcdc8a15ee7a50105066c6d609e723b7"},a("digi-util-breakpoint-observer",{key:"9b9589b28a18ded2bf67994a439bd536f08584e4",onAfOnChange:i=>this.breakpointHandler(i)}),a("div",{key:"1e5cff6bafb3a81af192e1ee4298bee2240eca33",class:Object.assign({"digi-form-file-upload":!0},this.cssModifiers)},a("digi-form-label",{key:"75ae2b56e481e00765e1d43234df14c572ea7967",afFor:this.afId,afLabel:this.afLabel,afDescription:this.afLabelDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),a("div",{key:"ed0236252fed830bf472d7921d9dcc5a256a91d8",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!=r.SMALL&&a("div",{key:"ddd140e8b75acf45e0a888d7263b0960ff1b7962",class:"digi-form-file-upload__upload-area-overlay"}),a("div",{key:"10d4233b2ea238241db72a1707ad42e225642282",class:"digi-form-file-upload__text-area"},a("button",{key:"2a2d261139d36d93e6d0bd7fd137ae7b599cfb19",type:"button",ref:i=>{this._uploadButton=i},onClick:i=>this.handleInputClick(i),class:"digi-form-file-upload__button hidden_mobile",style:{margin:"0"}},a("digi-icon-paperclip",{key:"df312825690f52fd61b6647abfab6e92f597f598","aria-hidden":"true",class:"digi-form-file-upload__button-icon paper-clip",slot:"icon"}),this.afUploadBtnText?this.afUploadBtnText:n.form.file_choose),a("input",{key:"ddf070f55f29363aac37b604324ef79c8012a81f",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"}),a("span",{key:"9979fdc76df838ffc9aa8819bbcbf08c91c049ce"},this.afVariation!==r.SMALL&&n.form.file_dropzone))),a("p",{key:"4e77feeda7adc04c8fa4255f3b460703d10bc230",class:"visually-hidden",role:"alert","aria-atomic":"true",ref:i=>{this._srTextContainer=i}}),(this.files.length>0||this.error)&&a("div",{key:"acf58e18643a87eeee54c1f7d6db872fa11598c6",class:"digi-form-file-upload__files"},this.renderErrorMessage(),this.renderFileContainer())))}get hostElement(){return d(this)}static get watchers(){return{afValidationText:["afValidationTextChange"]}}};p.style=".digi--util--fs--xs.sc-digi-form-file-upload {\n font-size: var(--digi--global--typography--font-size--small) !important;\n}\n\n.digi--util--fs--s.sc-digi-form-file-upload {\n font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;\n}\n\n.digi--util--fs--m.sc-digi-form-file-upload {\n font-size: var(--digi--global--typography--font-size--base) !important;\n}\n\n.digi--util--fs--l.sc-digi-form-file-upload {\n font-size: var(--digi--global--typography--font-size--large) !important;\n}\n\n.digi--util--fw--sb.sc-digi-form-file-upload {\n font-weight: var(--digi--global--typography--font-weight--semibold) !important;\n}\n\n.digi--util--pt--1.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pt--10.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pt--20.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pt--30.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pt--40.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pt--50.sc-digi-form-file-upload {\n padding-top: 2.5rem !important;\n}\n\n.digi--util--pt--60.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pt--70.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pt--80.sc-digi-form-file-upload {\n padding-top: 4.5rem !important;\n}\n\n.digi--util--pt--90.sc-digi-form-file-upload {\n padding-top: 5rem !important;\n}\n\n.digi--util--pb--1.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pb--10.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pb--20.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pb--30.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pb--40.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pb--50.sc-digi-form-file-upload {\n padding-bottom: 2.5rem !important;\n}\n\n.digi--util--pb--60.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pb--70.sc-digi-form-file-upload {\n padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pb--80.sc-digi-form-file-upload {\n padding-bottom: 4.5rem !important;\n}\n\n.digi--util--pb--90.sc-digi-form-file-upload {\n padding-bottom: 5rem !important;\n}\n\n.digi--util--p--1.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--p--10.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--p--20.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--p--30.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--p--40.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--p--50.sc-digi-form-file-upload {\n padding: 2.5rem !important;\n}\n\n.digi--util--p--60.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--p--70.sc-digi-form-file-upload {\n padding: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--p--80.sc-digi-form-file-upload {\n padding: 4.5rem !important;\n}\n\n.digi--util--p--90.sc-digi-form-file-upload {\n padding: 5rem !important;\n}\n\n.digi--util--ptb--1.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--smallest-2) !important;\n padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--ptb--10.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--smallest) !important;\n padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--ptb--20.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--base) !important;\n padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--ptb--30.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-2) !important;\n padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--ptb--40.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-4) !important;\n padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--ptb--50.sc-digi-form-file-upload {\n padding-top: 2.5rem !important;\n padding-bottom: 2.5rem !important;\n}\n\n.digi--util--ptb--60.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-5) !important;\n padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--ptb--70.sc-digi-form-file-upload {\n padding-top: var(--digi--global--spacing--largest-6) !important;\n padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--ptb--80.sc-digi-form-file-upload {\n padding-top: 4.5rem !important;\n padding-bottom: 4.5rem !important;\n}\n\n.digi--util--ptb--90.sc-digi-form-file-upload {\n padding-top: 5rem !important;\n padding-bottom: 5rem !important;\n}\n\n.digi--util--plr--1.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--smallest-2) !important;\n padding-right: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--plr--10.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--smallest) !important;\n padding-right: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--plr--20.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--base) !important;\n padding-right: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--plr--30.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--largest-2) !important;\n padding-right: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--plr--40.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--largest-4) !important;\n padding-right: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--plr--50.sc-digi-form-file-upload {\n padding-left: 2.5rem !important;\n padding-right: 2.5rem !important;\n}\n\n.digi--util--plr--60.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--largest-5) !important;\n padding-right: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--plr--70.sc-digi-form-file-upload {\n padding-left: var(--digi--global--spacing--largest-6) !important;\n padding-right: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--plr--80.sc-digi-form-file-upload {\n padding-left: 4.5rem !important;\n padding-right: 4.5rem !important;\n}\n\n.digi--util--plr--90.sc-digi-form-file-upload {\n padding-left: 5rem !important;\n padding-right: 5rem !important;\n}\n\n.digi--util--sr-only.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\n.digi--util--hidden.sc-digi-form-file-upload {\n display: none;\n}\n\n.sc-digi-form-file-upload-h {\n --digi--form-file-upload--color--background--small--default: var(--digi--color--background--secondary);\n --digi--form-file-upload--color--background--small--hover: var(--digi--global--color--cta--blue--dark);\n --digi--form-file-upload--color--background--medium--default: var(--digi--color--background--secondary);\n --digi--form-file-upload--color--background--medium--hover: var(--digi--global--color--cta--blue--dark);\n --digi--form-file-upload--color--background--large--default: var(--digi--color--background--secondary);\n --digi--form-file-upload--color--background--large--hover: var(--digi--global--color--cta--blue--dark);\n --digi--form-file-upload--color--border--small--default: var(--digi--global--color--neutral--grayscale--darkest);\n --digi--form-file-upload--color--border--small--hover: var(--digi--global--color--function--info--dark);\n --digi--form-file-upload--color--border--medium--default: var(--digi--global--color--neutral--grayscale--darkest);\n --digi--form-file-upload--color--border--medium--hover: var(--digi--global--color--function--info--dark);\n --digi--form-file-upload--color--border--large--default: var(--digi--global--color--neutral--grayscale--darkest);\n --digi--form-file-upload--color--border--large--hover: var(--digi--global--color--function--info--dark);\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--global--color--cta--link--base);\n --digi--form-file-upload--button-text--color--hover: var(--digi--global--color--function--info--light);\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--danger);\n --digi--form-file-upload--border--error--width: var(--digi--border-width--secondary);\n --digi--form-file-upload--background--error: var(--digi--color--background--danger-2);\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--link);\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}\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(\n --digi--form-file-upload--button-text--color--hover\n );\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}\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--icons--complementary-1);\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(\n --digi--form-file-upload--button-text--color--hover\n );\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--border--neutral-2);\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--border--neutral-2);\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 display: flex;\n align-self: baseline;\n position: relative;\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: 4px;\n left: 0px;\n width: 1.375rem;\n height: 1.375rem;\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--icons--danger);\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{p as digi_form_file_upload}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e,t,a,n;!function(e){e.BUTTON="button",e.SUBMIT="submit",e.RESET="reset"}(e||(e={})),function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(t||(t={})),function(e){e.PRIMARY="primary",e.SECONDARY="secondary"}(a||(a={})),function(e){e.COLOR="color",e.DATE="date",e.DATETIME_LOCAL="datetime-local",e.EMAIL="email",e.HIDDEN="hidden",e.MONTH="month",e.NUMBER="number",e.PASSWORD="password",e.SEARCH="search",e.TEL="tel",e.TEXT="text",e.TIME="time",e.URL="url",e.WEEK="week"}(n||(n={}));export{e as B,t as F,a,n as b}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var a,t,i,n;!function(a){a.SMALL="small",a.MEDIUM="medium",a.LARGE="large"}(a||(a={})),function(a){a.LIGHT="light",a.DARK="dark"}(t||(t={})),function(a){a.JSON="JSON",a.CSS="CSS",a.SCSS="SCSS",a.TYPESCRIPT="Typescript",a.JAVASCRIPT="Javascript",a.BASH="Bash",a.HTML="HTML",a.GIT="Git",a.ANGULAR="Angular",a.REACT="React"}(i||(i={})),function(a){a.LIGHT="light",a.DARK="dark"}(n||(n={}));export{a as B,t as C,i as a,n as b}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as e,g as d}from"./p-e35cae7b.js";import{C as a,b as t,a as o,B as g}from"./p-ccca6900.js";import{B as l}from"./p-cf3ce3c5.js";import{_ as p}from"./p-42aa440f.js";import{r as c}from"./p-ffe5c0e8.js";const n=class{constructor(e){i(this,e),this._id=c("code"),this.isActive=!0,this.codeLanguage=void 0,this.hasControls=void 0,this.showMoreButton=void 0,this.containerElement=void 0,this.afCode=void 0,this.afCodeBlockVariation=a.DARK,this.afExampleVariation=t.LIGHT,this.afLanguage=o.HTML,this.afHideControls=void 0,this.afHideCode=void 0}get codeExample(){let i;return"object"==typeof this._codeExample?(this.codeLanguage||(this.codeLanguage=this.codeExampleLanguages[0]),i=this._codeExample[this.codeLanguage]):i=this._codeExample,i}set codeExample(i){try{this._codeExample=JSON.parse(i)}catch(e){this._codeExample=i}}get codeExampleLanguages(){return"object"==typeof this._codeExample&&Object.keys(this._codeExample)}codeExampleUpdate(){this.codeExample=this.afCode}componentWillLoad(){this.codeExampleUpdate(),this.hasControls=!!this.hostElement.querySelector('[slot="controls"]')||!!this.codeExampleLanguages}componentWillUpdate(){this.hasControls=!!this.hostElement.querySelector('[slot="controls"]')||!!this.codeExampleLanguages}componentDidLoad(){this.updateShowMoreButton()}toggleButtonClickHandler(){this.isActive=!this.isActive}copyButtonClickHandler(){navigator.clipboard.writeText(this.codeExample).then((()=>{}),(i=>{console.error(i)}))}codeLanguageChangeHandler(i){this.codeLanguage=i.target.value,this.codeExampleUpdate()}updateShowMoreButton(){const i=this.containerElement.querySelector(".digi-code-example__codeblock"),e=this.containerElement.querySelector(".digi-code-example__controls > span"),d=this.containerElement.querySelector(".digi-code-example__example");!this._codeHeightObserver&&i&&(this._codeHeightObserver=new ResizeObserver((i=>{const a=null==this.showMoreButton;this.showMoreButton=i[0].target.scrollHeight>=(e?e.scrollHeight-d.scrollHeight+35:64),a&&(this.isActive=!this.showMoreButton)})),this._codeHeightObserver.observe(i))}get cssModifiers(){return{"digi-code-example--active":this.isActive,"digi-code-example--inactive":!this.isActive,[`digi-code-example--hide-controls-${!!this.afHideControls}`]:!0,"digi-code-example--light":this.afExampleVariation===t.LIGHT,"digi-code-example--dark":this.afExampleVariation===t.DARK,"digi-code-example--no-controls":!this.hasControls&&!this.codeExampleLanguages}}capitalize(i){return i.toLowerCase().replace(/\w/,(i=>i.toUpperCase()))}render(){return e("div",{key:"1fc09f95af1e8f599b593ddad279743574ded843",class:Object.assign({"digi-code-example":!0},this.cssModifiers),ref:i=>this.containerElement=i},e("div",{key:"696edf1c732923293a2406393207eecd921b17de",class:{"digi-code-example__container":!0}},e("div",{key:"9cc7fa9e045bbeda26fa4b8d9f96efebc24da263",class:"digi-code-example__example"},e("slot",{key:"01a468003e94818b1459b62b90a83a8304acaaa8"})),!this.afHideCode&&e("div",{key:"565f2d91029c63a867e3f80c12c736e5b03deec9",class:"digi-code-example__code"},this.showMoreButton&&e("button",{key:"3cea8c377900e8244bc164318875b3e2b8c0b1a3",class:"digi-code-example__code-expand","aria-label":this.isActive?p.code.show_less:p.code.show_more,"aria-expanded":this.isActive?"true":"false",onClick:()=>this.toggleButtonClickHandler()},this.isActive?p.code.show_less:p.code.show_more," ",e("digi-icon-chevron-down",{key:"1b2260b6ba50e105d1cf7cfbd77b6506904ad138",class:{"digi-code-example__code-expand-icon":!0,"digi-code-example__code-expand-icon--open":this.isActive},"aria-hidden":"true"})),e("div",{key:"5d3fc7f0415d1c7bf698d7275d3d04ca0f5fd4c5",class:{"digi-code-example__codeblock":!0,"digi-code-example__codeblock--light":"light"===this.afCodeBlockVariation,"digi-code-example__codeblock--dark":"dark"===this.afCodeBlockVariation,"digi-code-example__codeblock--fade":!this.isActive&&this.showMoreButton}},e("digi-code-block",{key:"c1caedb22bf5d4ebe05cb060e1500b9c25bb0865",afCode:this.codeExample||"",afLanguage:this.afLanguage.toLowerCase(),afVariation:this.afCodeBlockVariation,"af-hide-toolbar":!0}),this.isActive?"":e("div",{class:{"digi-code-example__fade":!0,"digi-code-example__fade--dark":"dark"===this.afCodeBlockVariation,"digi-code-example__fade--light":"light"===this.afCodeBlockVariation},onClick:()=>this.toggleButtonClickHandler()})))),this.hasControls||this.codeExampleLanguages?e("div",{class:{"digi-code-example__controls":!0},hidden:!!this.afHideControls},e("span",null,e("slot",{name:"controls"}),e("div",{class:"slot__controls"},this.codeExampleLanguages&&e("digi-form-fieldset",{"af-legend":p.code.language,"af-name":"Code-Language-"+this._id,onChange:i=>this.codeLanguageChangeHandler(i)},this.codeExampleLanguages.map((i=>e("digi-form-radiobutton",{afName:"Code-Language-"+this._id,afChecked:this.codeLanguage===i,afValue:i,afLabel:i})))))),e("digi-button",{class:"digi-code-example__copy-button",onAfOnClick:()=>this.copyButtonClickHandler(),"af-variation":l.FUNCTION,"af-size":g.MEDIUM},e("digi-icon-copy",{class:"digi-code-example__icon","aria-hidden":"true",slot:"icon"}),p.code.copy)):!this.afHideControls&&e("digi-button",{class:{"digi-code-example__copy-button":!0,"digi-code-example__copy-button--dark":"dark"===this.afCodeBlockVariation},onAfOnClick:()=>this.copyButtonClickHandler(),"af-variation":l.FUNCTION,"af-size":g.MEDIUM},e("digi-icon-copy",{class:"digi-code-example__icon","aria-hidden":"true",slot:"icon"}),p.code.copy))}get hostElement(){return d(this)}static get watchers(){return{afCode:["codeExampleUpdate"]}}};n.style=".digi--util--fs--xs.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-code-example{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-code-example{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-code-example{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-code-example{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-code-example{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-code-example{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-code-example{padding-top:5rem !important}.digi--util--pb--1.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-code-example{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-code-example{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-code-example{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-code-example{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-code-example{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-code-example{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-code-example{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-code-example{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-code-example{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-code-example{padding:2.5rem !important}.digi--util--p--60.sc-digi-code-example{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-code-example{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-code-example{padding:4.5rem !important}.digi--util--p--90.sc-digi-code-example{padding:5rem !important}.digi--util--ptb--1.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-code-example{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-code-example{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-code-example{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-code-example{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-code-example{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-code-example{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-code-example{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-code-example{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-code-example{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-code-example{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-code-example{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-code-example{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-code-example{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-code-example{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-code-example{display:none}.sc-digi-code-example-h{--digi--code-example--background:var(--digi--color--background--primary);--digi--code-example--controls--width:16.25rem;display:block}.digi-code-example.sc-digi-code-example{background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;border:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-2);height:100%;display:flex;flex-direction:row;border-radius:0.3rem;position:relative}@media (max-width: 35.9375rem){.digi-code-example.sc-digi-code-example{min-width:360px}}.digi-code-example--light.sc-digi-code-example{background-color:#ffffff;background-image:linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%)}.digi-code-example--dark.sc-digi-code-example{background-color:#787777;background-image:linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%)}.digi-code-example__container.sc-digi-code-example{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;position:relative}.digi-code-example--no-controls.sc-digi-code-example{flex-direction:column}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button.sc-digi-code-example{margin-top:0;align-self:flex-end;margin-bottom:0.2rem;z-index:1;position:absolute;bottom:0;right:0}.digi-code-example--no-controls.sc-digi-code-example .digi-code-example__copy-button--dark.sc-digi-code-example{--digi--button--color--text--function--default:var(\n --digi--color--text--inverted\n );--digi--button--color--text--function--hover:var(\n --digi--color--text--inverted\n );--digi--button--color--icon--function--default:var(\n --digi--color--text--inverted\n );--digi--button--color--icon--function--hover:var(\n --digi--color--text--inverted\n )}.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--largest-2);overflow-x:auto}@media (max-width: 48rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--medium)}}@media (max-width: 35.9375rem){.digi-code-example__example.sc-digi-code-example{padding:var(--digi--padding--small)}}.digi-code-example__copy-button.sc-digi-code-example{align-self:start;margin-top:var(--digi--padding--large);margin-right:var(--digi--padding--small)}.digi-code-example__codeblock.sc-digi-code-example digi-code-block.sc-digi-code-example{--digi--code-block--border-radius:0;--digi--code-block--border:none}.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--medium);background:var(--digi--color--background--neutral-6);display:flex;flex:0 var(--digi--code-example--controls--width);flex-direction:column;align-self:stretch;flex-shrink:0;justify-content:space-between;gap:var(--digi--gutter--medium)}@media (max-width: 48rem){.digi-code-example__controls.sc-digi-code-example{padding:var(--digi--padding--smaller)}}.digi-code-example__controls[hidden].sc-digi-code-example{display:none}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__code.sc-digi-code-example{display:flex;flex-direction:column;flex-grow:1}.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{flex-grow:1;height:64px;overflow-y:hidden;position:relative}.digi-code-example__code-expand.sc-digi-code-example{display:flex;align-items:center;justify-content:center;gap:var(--digi--gutter--icon);width:100%;padding:0.875rem 0;background:#272727;color:var(--digi--color--text--inverted);font-size:var(--digi--typography--body--font-size--desktop);font-family:var(--digi--global--typography--font-family--default);cursor:pointer;border:none}.digi-code-example__code-expand.sc-digi-code-example:hover{background:var(--digi--color--background--inverted-3);text-decoration:underline}.digi-code-example__code-expand.sc-digi-code-example:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.digi-code-example--no-controls.digi-code-example--inactive.sc-digi-code-example .digi-code-example__codeblock.sc-digi-code-example{height:64px}.digi-code-example__copy-button.sc-digi-code-example{--digi--button--padding--small:0;--digi--button--padding--medium:0;--digi--button--padding--large:0}.digi-code-example__code-expand-icon.sc-digi-code-example{--digi--icon--color:var(--digi--color--text--inverted);transition:ease-in-out var(--digi--animation--duration--base) all}.digi-code-example__code-expand-icon--open.sc-digi-code-example{transform:rotate(180deg)}.digi-code-example__fade.sc-digi-code-example{position:absolute;width:100%;bottom:0;height:var(--digi--padding--largest-2)}.digi-code-example__fade--light.sc-digi-code-example{background-image:linear-gradient(0deg, white, transparent)}.digi-code-example__fade--dark.sc-digi-code-example{--digi--color--background--inverted-3:#272727;background-image:linear-gradient(0deg, var(--digi--color--background--inverted-3), transparent)}.slot__controls.sc-digi-code-example{margin-bottom:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls{display:flex;flex-direction:column;gap:var(--digi--padding--smaller)}.sc-digi-code-example-s .slot__controls[hidden]{display:none}.sc-digi-code-example-s .slot__controls digi-form-fieldset,.sc-digi-code-example-s .slot__controls digi-form-select,.sc-digi-code-example-s .slot__controls digi-form-fieldset+digi-form-checkbox,.sc-digi-code-example-s .slot__controls .divider{display:block;border-bottom:1px solid var(--digi--color--border--neutral-2);padding-bottom:var(--digi--padding--smaller);margin-bottom:var(--digi--padding--medium)}";export{n as digi_code_example}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as i,g as e}from"./p-e35cae7b.js";import{F as r}from"./p-b4e075c1.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import"./p-ccca6900.js";import"./p-c64b4626.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-7e5ad05a.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import{L as s}from"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-91f1460b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f4248a7e.js";import"./p-95db5a30.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-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const n=class{constructor(t){o(this,t),this.afVariation=r.LARGE}get cssModifiers(){return{"digi-footer--small":this.afVariation==r.SMALL}}render(){return t(i,{key:"46885c322c2f0dd230363d3ab7062a9e6986970c"},t("footer",{key:"7efcdd8fbb00b74a8ef0a8b35ac92588a94cece4",class:Object.assign({"digi-footer":!0},this.cssModifiers)},t("digi-typography",{key:"5b37f73650882490442573110be229d37a9e153e"},t("digi-layout-block",{key:"1415e50387c016c70f2e4098ee4ac84f6af5e441",afVariation:s.PROFILE},t("digi-layout-container",{key:"04106f85c738c5dd1282b19f8dcdec35ede6efc3","af-no-gutter":!0},t("div",{key:"8d4ef8c0b6e191f7f5d33ff1cbaccd722f349238",class:"digi-footer__content-top"},t("slot",{key:"71b8f0fafec2106ba73f08427b704f5c53104a1b",name:"content-top"})),t("div",{key:"cd012a74d0b6de6ac4adc06d4d00fe44bb34dcc2",class:"digi-footer__content-bottom"},t("slot",{key:"dc6674b23f4ed22fcc0b3593f9e6fa2dc9712125",name:"content-bottom-left"}),t("slot",{key:"50d989e0607826b4879c91419c04988e1cdaf89a",name:"content-bottom-right"})))))))}get hostElement(){return e(this)}};n.style=".sc-digi-footer-h {\n --digi--footer--text--color: var(--digi--color--text--inverted);\n --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n --digi--footer--link--color--default: var(--digi--color--text--inverted);\n --digi--footer--link--color--hover: var(--digi--color--text--inverted);\n --digi--footer--link--border-color--default: var(--digi--color--text--inverted);\n --digi--footer--link--border-color--hover: var(--digi--color--text--inverted);\n --digi--footer--padding-top: var(--digi--container-gutter--largest);\n --digi--footer--margin-top: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n --MARGIN-TOP: var(--digi--footer--margin-top);\n color: var(--digi--footer--text--color);\n font-family: var(--digi--footer--text--font-family);\n font-size: var(--digi--footer--text--font-size);\n font-weight: var(--digi--footer--text--font-weight);\n line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 62rem) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(4, 1fr);\n }\n .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n grid-column: 1/3;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n container-type: inline-size;\n padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n justify-content: center;\n }\n}\n@container (max-width: 600px) {\n .sc-digi-footer-h .digi-footer__content-bottom {\n justify-content: center;\n }\n}\n.sc-digi-footer-h .sc-digi-footer-s digi-logo {\n --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n display: grid;\n grid-template-rows: repeat(2, auto);\n column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n display: flex;\n align-items: flex-end;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 62rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n --MARGIN-TOP: 0;\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--text--color);\n padding: var(--digi--gutter--small);\n margin: 0;\n}\n@media (min-width: 62rem) {\n .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n color: var(--digi--footer--link--color--default);\n border-color: var(--digi--footer--link--border-color--default);\n margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n background: transparent;\n color: var(--digi--footer--link--color--hover);\n border-color: var(--digi--footer--link--border-color--hover);\n}";export{n as digi_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as n}from"./p-e35cae7b.js";import{r as t}from"./p-ffe5c0e8.js";import"./p-717306ef.js";import"./p-b4e075c1.js";import"./p-a4a001e1.js";import"./p-ccca6900.js";import"./p-c64b4626.js";import{B as g}from"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-7e5ad05a.js";import"./p-dcdffb3c.js";import"./p-5d21a361.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-3887bb40.js";import"./p-f447b984.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-91f1460b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f4248a7e.js";import"./p-95db5a30.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-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";const o=class{constructor(n){i(this,n),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=t("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,n){let t=Math.max(i-Math.floor(n/2),1),g=t+n-1;g>a&&(g=a,t=Math.max(g-n+1,1));const o=[];for(let i=t;i<=g;i++)o.push(i);return t>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 n=Math.floor((a-i)/52);this.setLimit(Math.min(6+n,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 n("div",{key:"78a0c9b0111a713414b6054516ca77e1ccbeb005",class:"digi-navigation-pagination"},n("digi-util-resize-observer",{key:"1041fa4a1646b2fd15b2f1c727e9a660d2c315ec",onAfOnChange:i=>{this.handleResizeObserver(i)}}),n("span",{key:"ae9b310fe9445e675d0bdfa1a539e5f09144af4b",id:`${this.afId}-aria-label`,"aria-hidden":"true",class:"digi-navigation-pagination__aria-label"},"Paginering"),n("nav",{key:"a477d801bdb33ffd80d75d5c6e1620517ce380fc","aria-labelledby":this.labelledby(),class:"digi-navigation-pagination__pagination "+(this.twoRows?"digi-navigation-pagination--two-rows":"")},n("digi-button",{key:"6d484990a96b9922f06e9ec11b948755ae308b3c",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"},n("digi-icon-chevron-left",{key:"a36537d8d5f333778d18be1d8616cd7a65bee6e7",slot:"icon"}),n("span",{key:"03290c16634c64d353378e062bc766e98b2e3044"},"Föregående")),n("digi-button",{key:"10c78fa592a81dc7cf647c1a5fd2c3d643ff2b89",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"},n("digi-icon-chevron-right",{key:"fe6384ea7c761d2ed8b98b973587a73db49d25cc",slot:"icon-secondary"}),n("span",{key:"359b1452f66b801192c0870c70673e3ea60d04fe"},"Nästa")),n("div",{key:"9dbc2f31e802dfb49cd5b0ee42a39c72c46f557e",class:"digi-navigation-pagination__pages"},n("ol",{key:"85e87ec458c7d48ea79f7cea88048bf1f1762fe2",class:"digi-navigation-pagination__page-list"},this.currentInterval.map((i=>{const a=isNaN(i)?parseInt(i.replace("…","")):i;return n("li",{class:"digi-navigation-pagination__page-list-item "+(isNaN(i)?1===a?"ellipsis-first":"ellipsis-last":"")},n("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},n("span",{class:"digi-navigation-pagination__page-text"},a)))}))))),this.afTotalResults>0&&n("div",{key:"788a812309eb4f14ff76390f644e11820d420a5a",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`},n("digi-typography",{key:"a48519e08c288a011d8f6a34606d650037aac21c"},n("span",{key:"94205b0d38dd6d2cb980a9e78c9778f4d9a56bcc",id:`${this.afId}-result-show`},"Visar "),n("strong",{key:"567b3490941c533fbda1b1463b55e4472779f13f",id:`${this.afId}-result-current`},this.afCurrentResultStart,"-",this.afCurrentResultEnd),n("span",{key:"9189447acda031c0d6864dec369a78099c6f064a",id:`${this.afId}-result-of`}," av "),n("strong",{key:"5aa4106a61c5bdd3c77033442b9a932b5d762bd0",id:`${this.afId}-result-total`},this.afTotalResults),this.afResultName&&n("span",{key:"f665e8c988854f35284242d48ee30923c4c421e2",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(\n --digi--navigation-pagination--result--pages--margin\n )}.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(\n --digi--navigation-pagination--button--padding\n );--digi--button--display:var(--digi--navigation-pagination--button--display);--digi--button--width:var(--digi--navigation-pagination--button--width);--digi--button--min-height--small:var(\n --digi--navigation-pagination--button--page-button--height\n );--digi--button--justify-content--default:var(\n --digi--navigation-pagination--button--justify-content--default\n )}.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(\n --digi--navigation-pagination--button--previous-button--border-radius\n );--digi--button--border-radius--secondary--hover:var(\n --digi--navigation-pagination--button--previous-button--border-radius\n );order:1}.digi-navigation-pagination__button--next.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(\n --digi--navigation-pagination--button--next-button--border-radius\n );--digi--button--border-radius--secondary--hover:var(\n --digi--navigation-pagination--button--next-button--border-radius\n );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(\n --digi--navigation-pagination--button--icon--width\n )}.digi-navigation-pagination__page-button.sc-digi-navigation-pagination{--digi--button--border-radius--secondary--default:var(\n --digi--navigation-pagination--button--page-button--border-radius\n );--digi--button--border-radius--primary--default:var(\n --digi--navigation-pagination--button--page-button--border-radius\n );--digi--button--border-radius--secondary--hover:var(\n --digi--navigation-pagination--button--page-button--border-radius\n );--digi--button--border-radius--primary--hover:var(\n --digi--navigation-pagination--button--page-button--border-radius\n );--digi--button--width:var(\n --digi--navigation-pagination--button--page-button--width\n );--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/esm/{code-example-variation.enum-e9f9fced.js → code-example-variation.enum-222e18d3.js}
RENAMED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
var ButtonSize;
|
|
2
|
+
(function (ButtonSize) {
|
|
3
|
+
ButtonSize["SMALL"] = "small";
|
|
4
|
+
ButtonSize["MEDIUM"] = "medium";
|
|
5
|
+
ButtonSize["LARGE"] = "large";
|
|
6
|
+
})(ButtonSize || (ButtonSize = {}));
|
|
7
|
+
|
|
1
8
|
var CodeBlockVariation;
|
|
2
9
|
(function (CodeBlockVariation) {
|
|
3
10
|
CodeBlockVariation["LIGHT"] = "light";
|
|
@@ -24,4 +31,4 @@ var CodeExampleVariation;
|
|
|
24
31
|
CodeExampleVariation["DARK"] = "dark";
|
|
25
32
|
})(CodeExampleVariation || (CodeExampleVariation = {}));
|
|
26
33
|
|
|
27
|
-
export { CodeBlockVariation as C, CodeExampleLanguage as a, CodeExampleVariation as b };
|
|
34
|
+
export { ButtonSize as B, CodeBlockVariation as C, CodeExampleLanguage as a, CodeExampleVariation as b };
|