@department-of-veterans-affairs/component-library 48.1.0 → 48.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/2664.app.bundle.js +1 -1
  2. package/dist/286.app.bundle.js +1 -1
  3. package/dist/4064.app.bundle.js +1 -1
  4. package/dist/4117.app.bundle.js +1 -1
  5. package/dist/5189.app.bundle.js +1 -1
  6. package/dist/712.app.bundle.js +1 -1
  7. package/dist/7821.app.bundle.js +1 -1
  8. package/dist/9800.app.bundle.js +1 -1
  9. package/dist/components/va-alert2.js +1 -1
  10. package/dist/components/va-checkbox-group.js +1 -1
  11. package/dist/components/va-file-input-multiple.js +1 -1
  12. package/dist/components/va-file-input2.js +1 -1
  13. package/dist/components/va-memorable-date.js +1 -1
  14. package/dist/components/va-radio.js +1 -1
  15. package/dist/components/va-text-input2.js +1 -1
  16. package/dist/components/va-textarea.js +1 -1
  17. package/dist/main.css +1 -1
  18. package/package.json +2 -2
package/dist/components/va-file-input2.js CHANGED
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{s as selectOrMatches,S as Sanitizer}from"./utils.js";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-button-icon2.js";import{d as defineCustomElement$3}from"./va-card2.js";import{d as defineCustomElement$2}from"./va-icon2.js";import{d as defineCustomElement$1}from"./va-modal2.js";import{i as instance}from"./i18next.js";const PREFIX="usa",DROPZONE_CLASS="usa-file-input",DROPZONE=`.${DROPZONE_CLASS}`,INPUT_CLASS="usa-file-input__input",TARGET_CLASS="usa-file-input__target",INPUT=`.${INPUT_CLASS}`,BOX_CLASS="usa-file-input__box",INSTRUCTIONS_CLASS="usa-file-input__instructions",PREVIEW_CLASS="usa-file-input__preview",PREVIEW_HEADING_CLASS="usa-file-input__preview-heading",DISABLED_CLASS="usa-file-input--disabled",CHOOSE_CLASS="usa-file-input__choose",ACCEPTED_FILE_MESSAGE_CLASS="usa-file-input__accepted-files-message",DRAG_TEXT_CLASS="usa-file-input__drag-text",DRAG_CLASS="usa-file-input--drag",LOADING_CLASS="is-loading",INVALID_FILE_CLASS="has-invalid-file",GENERIC_PREVIEW_CLASS_NAME="usa-file-input__preview-image",GENERIC_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--generic`,PDF_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--pdf`,WORD_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--word`,VIDEO_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--video`,EXCEL_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--excel`,SR_ONLY_CLASS="usa-sr-only",SPACER_GIF="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";let TYPE_IS_VALID=Boolean(!0),DEFAULT_ARIA_LABEL_TEXT="",DEFAULT_FILE_STATUS_TEXT="";const getFileInputContext=e=>{const t=e.closest(DROPZONE);if(!t)throw new Error(`Element is missing outer ${DROPZONE}`);const i=t.querySelector(INPUT);return{dropZoneEl:t,inputEl:i}},disable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!0,t.classList.add(DISABLED_CLASS)},ariaDisable=e=>{const{dropZoneEl:t}=getFileInputContext(e);t.classList.add(DISABLED_CLASS)},enable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!1,t.classList.remove(DISABLED_CLASS),t.removeAttribute("aria-disabled")},replaceName=e=>{const t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?`img_${e.toLowerCase()}`:`__000${t.toString(16).slice(-4)}`},makeSafeForID=e=>e.replace(/[^a-z0-9]/g,replaceName),createUniqueID=e=>`${e}-${Math.floor(Date.now()/1e3)}`,getItemsLabel=e=>e.hasAttribute("multiple")?"files":"file",createTargetArea=e=>{const t=document.createElement("div"),i=document.createElement("div"),a=document.createElement("div");return e.classList.remove(DROPZONE_CLASS),e.classList.add(INPUT_CLASS),t.classList.add(DROPZONE_CLASS),a.classList.add(BOX_CLASS),i.classList.add(TARGET_CLASS),i.prepend(a),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i},createVisibleInstructions=e=>{const t=e.closest(DROPZONE),i=getItemsLabel(e),a=document.createElement("div"),s=`Drag ${i} here or`,o="choose from folder";return DEFAULT_ARIA_LABEL_TEXT=`${s} ${o}`,a.classList.add(INSTRUCTIONS_CLASS),a.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT),a.innerHTML=Sanitizer.escapeHTML(`<span class="${DRAG_TEXT_CLASS}">${s}</span> <span class="${CHOOSE_CLASS}">${o}</span>`),e.parentNode.insertBefore(a,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(`.${DRAG_TEXT_CLASS}`).outerHTML=""),a},createSROnlyStatus=e=>{const t=document.createElement("div"),i=getItemsLabel(e),a=e.closest(DROPZONE),s=e.closest(`.${TARGET_CLASS}`);DEFAULT_FILE_STATUS_TEXT=`No ${i} selected.`,t.classList.add("usa-sr-only"),t.setAttribute("aria-live","polite"),t.textContent=DEFAULT_FILE_STATUS_TEXT,a.insertBefore(t,s)},enhanceFileInput=e=>{const t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=createTargetArea(e),a=createVisibleInstructions(e),{dropZoneEl:s}=getFileInputContext(e);return t?s.classList.add(DISABLED_CLASS):createSROnlyStatus(e),{instructions:a,dropTarget:i}},removeOldPreviews=(e,t)=>{const i=e.querySelectorAll(`.${PREVIEW_CLASS}`),a=e.querySelector(`.${PREVIEW_HEADING_CLASS}`),s=e.querySelector(`.${ACCEPTED_FILE_MESSAGE_CLASS}`);a&&(a.outerHTML=""),s&&(s.outerHTML="",e.classList.remove("has-invalid-file")),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(e=>{e.parentNode.removeChild(e)})))},updateStatusMessage=(e,t,i)=>{const a=e;let s=DEFAULT_FILE_STATUS_TEXT;1===t.length?s=`You have selected the file: ${i}`:t.length>1&&(s=`You have selected ${t.length} files: ${i.join(", ")}`),setTimeout((()=>{a.textContent=s}),1e3)},addPreviewHeading=(e,t)=>{const i=document.createElement("div"),a=e.closest(`.${TARGET_CLASS}`),s=a.querySelector(`.${INSTRUCTIONS_CLASS}`);let o="Change file",n="";1===t.length?n=Sanitizer.escapeHTML(`Selected file <span class="usa-file-input__choose">${o}</span>`):t.length>1&&(o="Change files",n=Sanitizer.escapeHTML(`${t.length} files selected <span class="usa-file-input__choose">${o}</span>`)),s.setAttribute("hidden","true"),i.classList.add(PREVIEW_HEADING_CLASS),i.innerHTML=n,a.insertBefore(i,s),e.setAttribute("aria-label",o)},handleChange=(e,t,i,a)=>{const s=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],o=a.closest(`.${DROPZONE_CLASS}`).querySelector(".usa-sr-only"),n=[];removeOldPreviews(a,i);for(let e=0;e<s.length;e+=1){const t=new FileReader,o=s[e].name;let r;n.push(o),t.onloadstart=function(){r=createUniqueID(makeSafeForID(o)),i.insertAdjacentHTML("afterend",Sanitizer.escapeHTML(`<div class="${PREVIEW_CLASS}" aria-hidden="true">\n <img id="${r}" src="${SPACER_GIF}" alt="" class="${GENERIC_PREVIEW_CLASS_NAME} is-loading"/>${o}\n <div>`))},t.onloadend=function(){const e=a.querySelector(`#${r}`);o.indexOf(".pdf")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${PDF_PREVIEW_CLASS}")`):o.indexOf(".doc")>0||o.indexOf(".pages")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${WORD_PREVIEW_CLASS}")`):o.indexOf(".xls")>0||o.indexOf(".numbers")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${EXCEL_PREVIEW_CLASS}")`):o.indexOf(".mov")>0||o.indexOf(".mp4")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${VIDEO_PREVIEW_CLASS}")`):e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${GENERIC_PREVIEW_CLASS}")`),e.classList.remove("is-loading"),e.src=t.result},s[e]&&t.readAsDataURL(s[e])}0===s.length?t.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT):addPreviewHeading(t,s),updateStatusMessage(o,s,n)},preventInvalidFiles=(e,t,i,a)=>{const s=t.getAttribute("accept");a.classList.remove("has-invalid-file");const o=(e,t)=>{let i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(s){const n=s.split(","),r=document.createElement("div");let l=!0;const d=e.target.files||e.dataTransfer.files;for(let e=0;e<d.length;e+=1){const t=d[e];if(!l)break;for(let e=0;e<n.length;e+=1){const i=n[e];if(l=t.name.indexOf(i)>0||o(t.type,i.replace(/\*/g,"")),l){TYPE_IS_VALID=!0;break}}}l||(removeOldPreviews(a,i),t.value="",a.insertBefore(r,t),r.textContent=t.dataset.errormessage||"This is not a valid file type.",r.classList.add(ACCEPTED_FILE_MESSAGE_CLASS),a.classList.add("has-invalid-file"),TYPE_IS_VALID=!1,e.preventDefault(),e.stopPropagation())}},handleUpload=(e,t,i,a)=>{preventInvalidFiles(e,t,i,a),!0===TYPE_IS_VALID&&handleChange(e,t,i,a)},fileInput={init(e){selectOrMatches(DROPZONE,e).forEach((e=>{const{instructions:t,dropTarget:i}=enhanceFileInput(e);i.addEventListener("dragover",(function(){this.classList.add(DRAG_CLASS)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(DRAG_CLASS)}),!1),i.addEventListener("drop",(function(a){a.preventDefault(),this.classList.remove(DRAG_CLASS);const s=a.dataTransfer;if(a.target.files=s.files,s.files.length>1)return;handleUpload(a,e,t,i);const o=new CustomEvent("change",{detail:{files:s.files}});e.dispatchEvent(o)}),!1),e.addEventListener("input",(a=>handleUpload(a,e,t,i)),!1)}))},teardown(e){selectOrMatches(INPUT,e).forEach((e=>{const t=e.parentElement.parentElement;t.parentElement.replaceChild(e,t),e.className=DROPZONE_CLASS}))},getFileInputContext:getFileInputContext,disable:disable,ariaDisable:ariaDisable,enable:enable},extensionToMimeType={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},vaFileInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}',VaFileInputStyle0=vaFileInputCss,VaFileInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.uploadStatus="idle",this.handleChange=e=>{const t=e.target;t.files&&t.files.length>0&&this.handleFile(t.files[0]),t.value=""},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const t=e.dataTransfer.files;t.length>0&&this.handleFile(t[0])},this.handleFile=e=>{if(this.accept){const t=this.normalizeAcceptProp(this.accept);if(!this.isAcceptedFileType(e.type,t))return this.removeFile(!1),void(this.internalError="This is not a valid file type.")}this.file=e,this.vaChange.emit({files:[this.file]}),this.uploadStatus="success",this.internalError=null,this.generateFileContents(this.file),this.updateStatusMessage(`You have selected the file: ${this.file.name}`),this.el.focus(),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:this.label}})},this.removeFile=(e=!0)=>{this.closeModal(),this.uploadStatus="idle",this.internalError=null,e&&this.vaChange.emit({files:[]}),this.file=null,this.updateStatusMessage("File removed. No file selected."),this.el.focus()},this.openModal=()=>{this.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),this.showModal=!0},this.closeModal=()=>{this.showModal=!1,setTimeout((()=>{this.fileInputRef.focus()}),0)},this.changeFile=()=>{this.fileInputRef&&this.fileInputRef.click()},this.formatFileSize=e=>{const t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";const i=Math.floor(Math.log(e)/Math.log(1024));return 0===i?`${e} ${t[i]}`:`${(e/Math.pow(1024,i)).toFixed(i<2?0:1)} ${t[i]}`},this.normalizeAcceptProp=e=>e.split(",").map((e=>(e=e.trim()).startsWith(".")?extensionToMimeType[e]:e)),this.isAcceptedFileType=(e,t)=>{for(const i of t){if(i===e)return!0;if(i.endsWith("/*")&&e.startsWith(i.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=(e,t,i)=>{const a=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,a):h("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,a))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.uploadMessage=h("span",null,"Drag a file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1}updateStatusMessage(e){setTimeout((()=>{const t=this.el.shadowRoot.querySelector("#statusMessage");t&&(t.textContent=e)}),1e3)}generateFileContents(e){if(!e)return;const t=new FileReader;this.fileType=e.type,t.onloadend=()=>{this.fileContents=t.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&t.readAsDataURL(e)}componentWillRender(){const e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t}componentDidLoad(){fileInput.init(this.el)}connectedCallback(){this.el.addEventListener("change",this.handleChange)}disconnectedCallback(){this.el.removeEventListener("change",this.handleChange)}render(){const{label:e,name:t,required:i,accept:a,error:s,hint:o,file:n,uploadStatus:r,headerSize:l,fileContents:d,fileType:c,headless:f,value:p,readOnly:m}=this;p&&this.handleFile(p);const u=this.error||this.internalError,b=`${o?"input-hint-message":""} ${u?"input-error-message":""}`.trim()||null,g=("file-input-target "+(u?"file-input-target-error":"")).trim();let v=h("div",{key:"36b631654044aaecbd2b626c6b522238ff19f429",class:"thumbnail-container"},h("svg",{key:"25500f549e1c4fbb8750a2b34da3b18adadc3118",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},h("path",{key:"a708f37d2e4fcf4a08fafeb87c6bc7adbe78155c",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));s?v=h("div",{key:"60738b74293bb1ab12adb7430963d23fe5695a37",class:"thumbnail-container"},h("va-icon",{key:"b91148e1b20cf3b4ba7c7fe1cccdd40faeb713c9",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):d&&(c.startsWith("image/")?v=h("div",{key:"96e27dc73dc3bbb7f51658f8b507f8a97949d62d",class:"thumbnail-container","aria-hidden":"true"},h("img",{key:"0818bd350fc3d3e94a9dc311a20682a24c60e211",class:"thumbnail-preview",src:d,alt:"image"})):"application/pdf"===c&&(v=h("div",{key:"7a83b2c88322541df6a191ed881db6419009a63e",class:"thumbnail-container","aria-hidden":"true"},h("object",{key:"5339f0705e33bf490835c030d2ac9565bf8eca11",class:"thumbnail-preview",data:d,type:"application/pdf"}))));let E=f?"headless-selected-files-wrapper":"selected-files-wrapper";const S="usa-hint"+(f?" usa-sr-only":"");return h(Host,{key:"f7bdc015fc24eabc19dfa7362e3e5b79c376d7b6",class:{"has-error":!!u}},!m&&h("span",{key:"61e72d2a6872f2ec50549c6cd5563b9aa65e27cd",class:{"usa-sr-only":!!f}},e&&this.renderLabelOrHeader(e,i,l)),o&&!m&&h("div",{key:"635e8fd8f76323ddc6ca7160cb00382aca311b9c",class:S,id:"input-hint-message"},o),h("div",{key:"9becd443382f1e038bebc2ea672208b63c62406e",class:"file-input-wrapper",onDrop:this.handleDrop},h("input",{key:"5b58eef8d29f7fa9598265ac77d7e94bcbd587c2",id:"fileInputField",class:"file-input",style:{visibility:"success"===this.uploadStatus?"hidden":"unset"},type:"file",ref:e=>this.fileInputRef=e,name:t,accept:a,"aria-describedby":b,onChange:this.handleChange}),"idle"===r&&h("div",{key:"0af44dedf9a6c7588727adacc18a63d33d607219"},h("span",{key:"01972294b9aadcb02801f66bc2b31f6cbcb6d37d",id:"file-input-error-alert",role:"alert"},u&&h(Fragment,{key:"ee8b1745dbbd93af4a2740dfe0ce421358502226"},h("span",{key:"db852df39c496fda5fd4bad2cc45543518c30841",class:"usa-sr-only"},instance.t("error")),h("span",{key:"236d076b40a2b6b24d8e6114bd95f73f5f4779d8",class:"usa-error-message"},u))),h("div",{key:"c45c10058bad4625c318f1e65d51f3b9f1c26ad4",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("div",{key:"112974fb2bc9dde77dcfda1b2fe73cbdf09999c5",class:g},h("div",{key:"1670e66a107ed129b36a495f82b11f1d7af0cb17",class:"file-input-box"}),h("div",{key:"b622950afee76133dbbebc68a1ee52d338981496",class:"file-input-instructions"},this.uploadMessage))),"idle"!==r&&h("div",{key:"1b4930ecf0bed2336de6d18ad45d7b0ea925b234",class:E},!f&&h("div",{key:"081e1b8288766ac911e9992e5975bdc8bf1a1d63",class:"selected-files-label"},m?"Files you uploaded":"Selected files"),h("div",{key:"94acbe9efece8c9fbf3fa7db54232ffeeaed3941",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("va-card",{key:"964ce5cb582ffaf22f89fea1f9bf4d55a73e53d2",class:"va-card"},h("div",{key:"b33bfe706ff9e131c2a083aa0faf5c45a58c1e1f",class:"file-info-section"},v,h("div",{key:"bba8c36d3a6e31dc30d44a2877f50836e2ad63f7",class:"file-info-group vads-u-line-height--2"},h("span",{key:"670e0e3ef155414f4897493ce9130ded89428a8b",class:"file-label"},n.name),u&&h("span",{key:"b6d0dbc40aaccd8dadc263b6138151d9422bbc13",id:"input-error-message",role:"alert"},h("span",{key:"78e7a4dc3fe415ea0f133123f5c4524af4acc7d9",class:"usa-sr-only"},instance.t("error")),h("span",{key:"009f3d0b1d76ff37cf3fc780524257c80a4a77ed",class:"usa-error-message"},u)),h("span",{key:"104f2bf0845330e40b47ed7c167b5e1904fc4536",class:"file-size-label"},this.formatFileSize(n.size)))),(n||p)&&h("div",{key:"d9958b32844b01f885a90894b1e521f18f3095b9"},this.showSeparator&&h("hr",{key:"8a3ee672d36d459c3663e836ce5b6fae1b645cb7",class:"separator"}),h("div",{key:"fb3f1afae466114ab131089c3e67a018e23aa3c7",class:"additional-info-slot"},h("slot",{key:"db311b95bd6460b02849b1f43cb0026bb6a3a0cd"})),!m&&h(Fragment,{key:"5c0e5e7e02a45f0fe26989880ebea091457771cb"},h("div",{key:"d6bbcb83a561f6ff9ac6cc1c667d2941c16150fd",class:"file-button-section"},h("va-button-icon",{key:"3dfe86dbeae99bf11a7c3c2c3bdfb5ff3b7deb20",buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file "+n.name}),h("va-button-icon",{key:"fe5047605084ca730a6c7e0b087fbd34aa5d56d2",buttonType:"delete",onClick:this.openModal,"aria-label":"delete file "+n.name,label:"Delete"})),h("va-modal",{key:"c56e4b83042c862095ddd353285654b766f2dac5",modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:()=>this.removeFile(!0),onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",h("span",{key:"d34a06e321dc3b8b4610dc03ece09468ed7c7478",class:"file-label"},n.name))))))))}get el(){return this}static get style(){return VaFileInputStyle0}},[1,"va-file-input",{label:[1],name:[1],buttonText:[1,"button-text"],value:[16],required:[4],accept:[1],error:[1],hint:[1],uploadMessage:[16],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],headless:[4],readOnly:[4,"read-only"],file:[32],fileContents:[32],internalError:[32],showModal:[32],showSeparator:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-file-input","va-button","va-button-icon","va-card","va-icon","va-modal"].forEach((e=>{switch(e){case"va-file-input":customElements.get(e)||customElements.define(e,VaFileInput);break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-button-icon":customElements.get(e)||defineCustomElement$4();break;case"va-card":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2();break;case"va-modal":customElements.get(e)||defineCustomElement$1()}}))}export{VaFileInput as V,defineCustomElement as d};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{s as selectOrMatches,S as Sanitizer}from"./utils.js";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-button-icon2.js";import{d as defineCustomElement$3}from"./va-card2.js";import{d as defineCustomElement$2}from"./va-icon2.js";import{d as defineCustomElement$1}from"./va-modal2.js";import{i as instance}from"./i18next.js";const PREFIX="usa",DROPZONE_CLASS="usa-file-input",DROPZONE=`.${DROPZONE_CLASS}`,INPUT_CLASS="usa-file-input__input",TARGET_CLASS="usa-file-input__target",INPUT=`.${INPUT_CLASS}`,BOX_CLASS="usa-file-input__box",INSTRUCTIONS_CLASS="usa-file-input__instructions",PREVIEW_CLASS="usa-file-input__preview",PREVIEW_HEADING_CLASS="usa-file-input__preview-heading",DISABLED_CLASS="usa-file-input--disabled",CHOOSE_CLASS="usa-file-input__choose",ACCEPTED_FILE_MESSAGE_CLASS="usa-file-input__accepted-files-message",DRAG_TEXT_CLASS="usa-file-input__drag-text",DRAG_CLASS="usa-file-input--drag",LOADING_CLASS="is-loading",INVALID_FILE_CLASS="has-invalid-file",GENERIC_PREVIEW_CLASS_NAME="usa-file-input__preview-image",GENERIC_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--generic`,PDF_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--pdf`,WORD_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--word`,VIDEO_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--video`,EXCEL_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--excel`,SR_ONLY_CLASS="usa-sr-only",SPACER_GIF="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";let TYPE_IS_VALID=Boolean(!0),DEFAULT_ARIA_LABEL_TEXT="",DEFAULT_FILE_STATUS_TEXT="";const getFileInputContext=e=>{const t=e.closest(DROPZONE);if(!t)throw new Error(`Element is missing outer ${DROPZONE}`);const i=t.querySelector(INPUT);return{dropZoneEl:t,inputEl:i}},disable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!0,t.classList.add(DISABLED_CLASS)},ariaDisable=e=>{const{dropZoneEl:t}=getFileInputContext(e);t.classList.add(DISABLED_CLASS)},enable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!1,t.classList.remove(DISABLED_CLASS),t.removeAttribute("aria-disabled")},replaceName=e=>{const t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?`img_${e.toLowerCase()}`:`__000${t.toString(16).slice(-4)}`},makeSafeForID=e=>e.replace(/[^a-z0-9]/g,replaceName),createUniqueID=e=>`${e}-${Math.floor(Date.now()/1e3)}`,getItemsLabel=e=>e.hasAttribute("multiple")?"files":"file",createTargetArea=e=>{const t=document.createElement("div"),i=document.createElement("div"),a=document.createElement("div");return e.classList.remove(DROPZONE_CLASS),e.classList.add(INPUT_CLASS),t.classList.add(DROPZONE_CLASS),a.classList.add(BOX_CLASS),i.classList.add(TARGET_CLASS),i.prepend(a),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i},createVisibleInstructions=e=>{const t=e.closest(DROPZONE),i=getItemsLabel(e),a=document.createElement("div"),s=`Drag ${i} here or`,o="choose from folder";return DEFAULT_ARIA_LABEL_TEXT=`${s} ${o}`,a.classList.add(INSTRUCTIONS_CLASS),a.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT),a.innerHTML=Sanitizer.escapeHTML(`<span class="${DRAG_TEXT_CLASS}">${s}</span> <span class="${CHOOSE_CLASS}">${o}</span>`),e.parentNode.insertBefore(a,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(`.${DRAG_TEXT_CLASS}`).outerHTML=""),a},createSROnlyStatus=e=>{const t=document.createElement("div"),i=getItemsLabel(e),a=e.closest(DROPZONE),s=e.closest(`.${TARGET_CLASS}`);DEFAULT_FILE_STATUS_TEXT=`No ${i} selected.`,t.classList.add("usa-sr-only"),t.setAttribute("aria-live","polite"),t.textContent=DEFAULT_FILE_STATUS_TEXT,a.insertBefore(t,s)},enhanceFileInput=e=>{const t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=createTargetArea(e),a=createVisibleInstructions(e),{dropZoneEl:s}=getFileInputContext(e);return t?s.classList.add(DISABLED_CLASS):createSROnlyStatus(e),{instructions:a,dropTarget:i}},removeOldPreviews=(e,t)=>{const i=e.querySelectorAll(`.${PREVIEW_CLASS}`),a=e.querySelector(`.${PREVIEW_HEADING_CLASS}`),s=e.querySelector(`.${ACCEPTED_FILE_MESSAGE_CLASS}`);a&&(a.outerHTML=""),s&&(s.outerHTML="",e.classList.remove("has-invalid-file")),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(e=>{e.parentNode.removeChild(e)})))},updateStatusMessage=(e,t,i)=>{const a=e;let s=DEFAULT_FILE_STATUS_TEXT;1===t.length?s=`You have selected the file: ${i}`:t.length>1&&(s=`You have selected ${t.length} files: ${i.join(", ")}`),setTimeout((()=>{a.textContent=s}),1e3)},addPreviewHeading=(e,t)=>{const i=document.createElement("div"),a=e.closest(`.${TARGET_CLASS}`),s=a.querySelector(`.${INSTRUCTIONS_CLASS}`);let o="Change file",n="";1===t.length?n=Sanitizer.escapeHTML(`Selected file <span class="usa-file-input__choose">${o}</span>`):t.length>1&&(o="Change files",n=Sanitizer.escapeHTML(`${t.length} files selected <span class="usa-file-input__choose">${o}</span>`)),s.setAttribute("hidden","true"),i.classList.add(PREVIEW_HEADING_CLASS),i.innerHTML=n,a.insertBefore(i,s),e.setAttribute("aria-label",o)},handleChange=(e,t,i,a)=>{const s=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],o=a.closest(`.${DROPZONE_CLASS}`).querySelector(".usa-sr-only"),n=[];removeOldPreviews(a,i);for(let e=0;e<s.length;e+=1){const t=new FileReader,o=s[e].name;let r;n.push(o),t.onloadstart=function(){r=createUniqueID(makeSafeForID(o)),i.insertAdjacentHTML("afterend",Sanitizer.escapeHTML(`<div class="${PREVIEW_CLASS}" aria-hidden="true">\n <img id="${r}" src="${SPACER_GIF}" alt="" class="${GENERIC_PREVIEW_CLASS_NAME} is-loading"/>${o}\n <div>`))},t.onloadend=function(){const e=a.querySelector(`#${r}`);o.indexOf(".pdf")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${PDF_PREVIEW_CLASS}")`):o.indexOf(".doc")>0||o.indexOf(".pages")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${WORD_PREVIEW_CLASS}")`):o.indexOf(".xls")>0||o.indexOf(".numbers")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${EXCEL_PREVIEW_CLASS}")`):o.indexOf(".mov")>0||o.indexOf(".mp4")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${VIDEO_PREVIEW_CLASS}")`):e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${GENERIC_PREVIEW_CLASS}")`),e.classList.remove("is-loading"),e.src=t.result},s[e]&&t.readAsDataURL(s[e])}0===s.length?t.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT):addPreviewHeading(t,s),updateStatusMessage(o,s,n)},preventInvalidFiles=(e,t,i,a)=>{const s=t.getAttribute("accept");a.classList.remove("has-invalid-file");const o=(e,t)=>{let i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(s){const n=s.split(","),r=document.createElement("div");let l=!0;const d=e.target.files||e.dataTransfer.files;for(let e=0;e<d.length;e+=1){const t=d[e];if(!l)break;for(let e=0;e<n.length;e+=1){const i=n[e];if(l=t.name.indexOf(i)>0||o(t.type,i.replace(/\*/g,"")),l){TYPE_IS_VALID=!0;break}}}l||(removeOldPreviews(a,i),t.value="",a.insertBefore(r,t),r.textContent=t.dataset.errormessage||"This is not a valid file type.",r.classList.add(ACCEPTED_FILE_MESSAGE_CLASS),a.classList.add("has-invalid-file"),TYPE_IS_VALID=!1,e.preventDefault(),e.stopPropagation())}},handleUpload=(e,t,i,a)=>{preventInvalidFiles(e,t,i,a),!0===TYPE_IS_VALID&&handleChange(e,t,i,a)},fileInput={init(e){selectOrMatches(DROPZONE,e).forEach((e=>{const{instructions:t,dropTarget:i}=enhanceFileInput(e);i.addEventListener("dragover",(function(){this.classList.add(DRAG_CLASS)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(DRAG_CLASS)}),!1),i.addEventListener("drop",(function(a){a.preventDefault(),this.classList.remove(DRAG_CLASS);const s=a.dataTransfer;if(a.target.files=s.files,s.files.length>1)return;handleUpload(a,e,t,i);const o=new CustomEvent("change",{detail:{files:s.files}});e.dispatchEvent(o)}),!1),e.addEventListener("input",(a=>handleUpload(a,e,t,i)),!1)}))},teardown(e){selectOrMatches(INPUT,e).forEach((e=>{const t=e.parentElement.parentElement;t.parentElement.replaceChild(e,t),e.className=DROPZONE_CLASS}))},getFileInputContext:getFileInputContext,disable:disable,ariaDisable:ariaDisable,enable:enable},extensionToMimeType={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},vaFileInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}',VaFileInputStyle0=vaFileInputCss,VaFileInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.uploadStatus="idle",this.handleChange=e=>{const t=e.target;t.files&&t.files.length>0&&this.handleFile(t.files[0]),t.value=""},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const t=e.dataTransfer.files;t.length>0&&this.handleFile(t[0])},this.handleFile=e=>{if(this.accept){const t=this.normalizeAcceptProp(this.accept);if(!this.isAcceptedFileType(e.type,t))return this.removeFile(!1),void(this.internalError="This is not a valid file type.")}this.file=e,this.vaChange.emit({files:[this.file]}),this.uploadStatus="success",this.internalError=null,this.generateFileContents(this.file),this.updateStatusMessage(`You have selected the file: ${this.file.name}`),this.el.focus(),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:this.label}})},this.removeFile=(e=!0)=>{this.closeModal(),this.uploadStatus="idle",this.internalError=null,e&&this.vaChange.emit({files:[]}),this.file=null,this.updateStatusMessage("File removed. No file selected."),this.el.focus()},this.openModal=()=>{this.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),this.showModal=!0},this.closeModal=()=>{this.showModal=!1,setTimeout((()=>{this.fileInputRef.focus()}),0)},this.changeFile=()=>{this.fileInputRef&&this.fileInputRef.click()},this.formatFileSize=e=>{const t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";const i=Math.floor(Math.log(e)/Math.log(1024));return 0===i?`${e} ${t[i]}`:`${(e/Math.pow(1024,i)).toFixed(i<2?0:1)} ${t[i]}`},this.normalizeAcceptProp=e=>e.split(",").map((e=>(e=e.trim()).startsWith(".")?extensionToMimeType[e]:e)),this.isAcceptedFileType=(e,t)=>{for(const i of t){if(i===e)return!0;if(i.endsWith("/*")&&e.startsWith(i.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=(e,t,i)=>{const a=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,a):h("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,a))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.uploadMessage=h("span",null,"Drag a file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1}updateStatusMessage(e){setTimeout((()=>{const t=this.el.shadowRoot.querySelector("#statusMessage");t&&(t.textContent=e)}),1e3)}generateFileContents(e){if(!e)return;const t=new FileReader;this.fileType=e.type,t.onloadend=()=>{this.fileContents=t.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&t.readAsDataURL(e)}componentWillRender(){const e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t}componentDidLoad(){fileInput.init(this.el)}connectedCallback(){this.el.addEventListener("change",this.handleChange)}disconnectedCallback(){this.el.removeEventListener("change",this.handleChange)}render(){const{label:e,name:t,required:i,accept:a,error:s,hint:o,file:n,uploadStatus:r,headerSize:l,fileContents:d,fileType:c,headless:f,value:p,readOnly:m}=this;p&&this.handleFile(p);const u=this.error||this.internalError,b=`${o?"input-hint-message":""} ${u?"input-error-message":""}`.trim()||null,g=("file-input-target "+(u?"file-input-target-error":"")).trim();let v=h("div",{key:"36b631654044aaecbd2b626c6b522238ff19f429",class:"thumbnail-container"},h("svg",{key:"25500f549e1c4fbb8750a2b34da3b18adadc3118",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},h("path",{key:"a708f37d2e4fcf4a08fafeb87c6bc7adbe78155c",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));s?v=h("div",{key:"60738b74293bb1ab12adb7430963d23fe5695a37",class:"thumbnail-container"},h("va-icon",{key:"b91148e1b20cf3b4ba7c7fe1cccdd40faeb713c9",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):d&&(c.startsWith("image/")?v=h("div",{key:"96e27dc73dc3bbb7f51658f8b507f8a97949d62d",class:"thumbnail-container","aria-hidden":"true"},h("img",{key:"0818bd350fc3d3e94a9dc311a20682a24c60e211",class:"thumbnail-preview",src:d,alt:"image"})):"application/pdf"===c&&(v=h("div",{key:"7a83b2c88322541df6a191ed881db6419009a63e",class:"thumbnail-container","aria-hidden":"true"},h("object",{key:"5339f0705e33bf490835c030d2ac9565bf8eca11",class:"thumbnail-preview",data:d,type:"application/pdf"}))));let E=f?"headless-selected-files-wrapper":"selected-files-wrapper";const S="usa-hint"+(f?" usa-sr-only":"");return h(Host,{key:"f7bdc015fc24eabc19dfa7362e3e5b79c376d7b6",class:{"has-error":!!u}},!m&&h("span",{key:"61e72d2a6872f2ec50549c6cd5563b9aa65e27cd",class:{"usa-sr-only":!!f}},e&&this.renderLabelOrHeader(e,i,l)),o&&!m&&h("div",{key:"635e8fd8f76323ddc6ca7160cb00382aca311b9c",class:S,id:"input-hint-message"},o),h("div",{key:"9becd443382f1e038bebc2ea672208b63c62406e",class:"file-input-wrapper",onDrop:this.handleDrop},h("input",{key:"5b58eef8d29f7fa9598265ac77d7e94bcbd587c2",id:"fileInputField",class:"file-input",style:{visibility:"success"===this.uploadStatus?"hidden":"unset"},type:"file",ref:e=>this.fileInputRef=e,name:t,accept:a,"aria-describedby":b,onChange:this.handleChange}),"idle"===r&&h("div",{key:"0af44dedf9a6c7588727adacc18a63d33d607219"},h("span",{key:"01972294b9aadcb02801f66bc2b31f6cbcb6d37d",id:"file-input-error-alert",role:"alert"},u&&h(Fragment,{key:"ee8b1745dbbd93af4a2740dfe0ce421358502226"},h("span",{key:"db852df39c496fda5fd4bad2cc45543518c30841",class:"usa-sr-only"},instance.t("error")),h("span",{key:"236d076b40a2b6b24d8e6114bd95f73f5f4779d8",class:"usa-error-message"},u))),h("div",{key:"c45c10058bad4625c318f1e65d51f3b9f1c26ad4",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("div",{key:"112974fb2bc9dde77dcfda1b2fe73cbdf09999c5",class:g},h("div",{key:"1670e66a107ed129b36a495f82b11f1d7af0cb17",class:"file-input-box"}),h("div",{key:"b622950afee76133dbbebc68a1ee52d338981496",class:"file-input-instructions"},this.uploadMessage))),"idle"!==r&&h("div",{key:"1b4930ecf0bed2336de6d18ad45d7b0ea925b234",class:E},!f&&h("div",{key:"081e1b8288766ac911e9992e5975bdc8bf1a1d63",class:"selected-files-label"},m?"Files you uploaded":"Selected files"),h("div",{key:"94acbe9efece8c9fbf3fa7db54232ffeeaed3941",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("va-card",{key:"964ce5cb582ffaf22f89fea1f9bf4d55a73e53d2",class:"va-card"},h("div",{key:"b33bfe706ff9e131c2a083aa0faf5c45a58c1e1f",class:"file-info-section"},v,h("div",{key:"bba8c36d3a6e31dc30d44a2877f50836e2ad63f7",class:"file-info-group vads-u-line-height--2"},h("span",{key:"670e0e3ef155414f4897493ce9130ded89428a8b",class:"file-label"},n.name),u&&h("span",{key:"b6d0dbc40aaccd8dadc263b6138151d9422bbc13",id:"input-error-message",role:"alert"},h("span",{key:"78e7a4dc3fe415ea0f133123f5c4524af4acc7d9",class:"usa-sr-only"},instance.t("error")),h("span",{key:"009f3d0b1d76ff37cf3fc780524257c80a4a77ed",class:"usa-error-message"},u)),h("span",{key:"104f2bf0845330e40b47ed7c167b5e1904fc4536",class:"file-size-label"},this.formatFileSize(n.size)))),(n||p)&&h("div",{key:"d9958b32844b01f885a90894b1e521f18f3095b9"},this.showSeparator&&h("hr",{key:"8a3ee672d36d459c3663e836ce5b6fae1b645cb7",class:"separator"}),h("div",{key:"fb3f1afae466114ab131089c3e67a018e23aa3c7",class:"additional-info-slot"},h("slot",{key:"db311b95bd6460b02849b1f43cb0026bb6a3a0cd"})),!m&&h(Fragment,{key:"5c0e5e7e02a45f0fe26989880ebea091457771cb"},h("div",{key:"d6bbcb83a561f6ff9ac6cc1c667d2941c16150fd",class:"file-button-section"},h("va-button-icon",{key:"3dfe86dbeae99bf11a7c3c2c3bdfb5ff3b7deb20",buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file "+n.name}),h("va-button-icon",{key:"fe5047605084ca730a6c7e0b087fbd34aa5d56d2",buttonType:"delete",onClick:this.openModal,"aria-label":"delete file "+n.name,label:"Delete"})),h("va-modal",{key:"c56e4b83042c862095ddd353285654b766f2dac5",modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:()=>this.removeFile(!0),onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",h("span",{key:"d34a06e321dc3b8b4610dc03ece09468ed7c7478",class:"file-label"},n.name))))))))}get el(){return this}static get style(){return VaFileInputStyle0}},[1,"va-file-input",{label:[1],name:[1],buttonText:[1,"button-text"],value:[16],required:[4],accept:[1],error:[1],hint:[1],uploadMessage:[16],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],headless:[4],readOnly:[4,"read-only"],file:[32],fileContents:[32],internalError:[32],showModal:[32],showSeparator:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-file-input","va-button","va-button-icon","va-card","va-icon","va-modal"].forEach((e=>{switch(e){case"va-file-input":customElements.get(e)||customElements.define(e,VaFileInput);break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-button-icon":customElements.get(e)||defineCustomElement$4();break;case"va-card":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2();break;case"va-modal":customElements.get(e)||defineCustomElement$1()}}))}export{VaFileInput as V,defineCustomElement as d};
package/dist/components/va-memorable-date.js CHANGED
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./date-utils.js";import{a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-select2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaMemorableDateCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])){margin-left:-1.4375rem;}}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);margin-top:24px}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss;Build.isTesting&&instance.init({lng:"cimode"});const VaMemorableDate$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{const[a,t,r]=(this.value||"").split("-"),o=Number(a),s=Number(t),i=Number(r);if(validate({component:this,year:o,month:s,day:i,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),!this.error&&(this.value=a||t||r?`${a}-${t?zeroPadStart(s):""}-${r?zeroPadStart(i):""}`:"",this.dateBlur.emit(e),this.enableAnalytics)){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:o,month:s,day:i}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{this.handleDateChange(e)},this.handleDateChange=e=>{const a=e.target;let[t,r,o]=(this.value||"").split("-");(a.classList.contains("input-month")||a.classList.contains("usa-form-group--month-input")||a.classList.contains("usa-form-group--month-select"))&&(r=a.value),(a.classList.contains("input-day")||a.classList.contains("usa-form-group--day-input"))&&(o=a.value),(a.classList.contains("input-year")||a.classList.contains("usa-form-group--year-input"))&&(t=a.value),this.value=t||r||o?`${t}-${r||""}-${o||""}`:"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{required:e,label:a,name:t,hint:r,error:o,handleDateBlur:s,handleDateChange:i,value:n,monthSelect:l,useFormsPattern:u,formHeadingLevel:m,formHeading:d}=this,[p,f,c]=(n||"").split("-"),g=["dateHint",r?"hint":""].filter(Boolean).join(" "),b=l?instance.t("date-hint-with-select"):instance.t("date-hint"),w=e=>instance.t(e,(e=>{const a=parseInt(p),t=parseInt(f);return getErrorParameters(e,a,t)})(e)),v=`${u&&d?"form-question":""} ${u?"form-description":""} ${u&&a?"input-label":""}`.trim()||null;let y=null;if("single"===u||"multiple"===u){const e=getHeaderLevel(m);y=h(Fragment,null,d&&h(e,{id:"form-question",part:"form-header"},d),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const x=l?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:t?`${t}Month`:"Month","aria-describedby":g,"aria-labelledby":v,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===o,value:f?String(parseInt(f)):f,error:this.invalidMonth?w(o):null,showError:!1},months&&months.map((e=>h("option",{value:e.value,selected:e.value===parseInt(f)},e.label))))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:t?`${t}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-describedby":g,"aria-labelledby":v,invalid:this.invalidMonth,value:null==f?void 0:f.toString(),onInput:i,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===o,inputmode:"numeric",type:"text",error:this.invalidMonth?w(o):null,"show-input-error":"false"})),M=classnames({"usa-legend":!0,"usa-label--error":o});return h(Host,{onBlur:s},y,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:M,id:"input-label",part:"legend"},a,e&&h("span",{class:"usa-label--required"}," ",instance.t("required")),r&&h("div",{class:"usa-hint",id:"hint"},r),h("span",{class:"usa-hint",id:"dateHint"},b)),h("span",{id:"error-message",role:"alert"},o&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||w(e)})(o)))),h("slot",null),h("div",{class:"usa-memorable-date"},x,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:t?`${t}Day`:"Day",maxlength:2,pattern:"[0-9]*","aria-describedby":g,invalid:this.invalidDay,value:null==c?void 0:c.toString(),onInput:i,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===o,inputmode:"numeric",type:"text",error:this.invalidDay?w(o):null,"show-input-error":"false"})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:t?`${t}Year`:"Year",maxlength:4,pattern:"[0-9]*","aria-describedby":g,invalid:this.invalidYear,value:null==p?void 0:p.toString(),onInput:i,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===o,inputmode:"numeric",type:"text",error:this.invalidYear?w(o):null,"show-input-error":"false"}))))))}get el(){return this}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach((e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./date-utils.js";import{a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-select2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaMemorableDateCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])){margin-left:-1.4375rem;}}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);margin-top:24px}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss;Build.isTesting&&instance.init({lng:"cimode"});const VaMemorableDate$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{const[a,t,r]=(this.value||"").split("-"),o=Number(a),s=Number(t),i=Number(r);if(validate({component:this,year:o,month:s,day:i,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),!this.error&&(this.value=a||t||r?`${a}-${t?zeroPadStart(s):""}-${r?zeroPadStart(i):""}`:"",this.dateBlur.emit(e),this.enableAnalytics)){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:o,month:s,day:i}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{this.handleDateChange(e)},this.handleDateChange=e=>{const a=e.target;let[t,r,o]=(this.value||"").split("-");(a.classList.contains("input-month")||a.classList.contains("usa-form-group--month-input")||a.classList.contains("usa-form-group--month-select"))&&(r=a.value),(a.classList.contains("input-day")||a.classList.contains("usa-form-group--day-input"))&&(o=a.value),(a.classList.contains("input-year")||a.classList.contains("usa-form-group--year-input"))&&(t=a.value),this.value=t||r||o?`${t}-${r||""}-${o||""}`:"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{required:e,label:a,name:t,hint:r,error:o,handleDateBlur:s,handleDateChange:i,value:n,monthSelect:l,useFormsPattern:u,formHeadingLevel:m,formHeading:d}=this,[p,f,c]=(n||"").split("-"),g=["dateHint",r?"hint":""].filter(Boolean).join(" "),b=l?instance.t("date-hint-with-select"):instance.t("date-hint"),w=e=>instance.t(e,(e=>{const a=parseInt(p),t=parseInt(f);return getErrorParameters(e,a,t)})(e)),v=`${u&&d?"form-question":""} ${u?"form-description":""} ${u&&a?"input-label":""}`.trim()||null;let y=null;if("single"===u||"multiple"===u){const e=getHeaderLevel(m);y=h(Fragment,null,d&&h(e,{id:"form-question",part:"form-header"},d),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const x=l?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:t?`${t}Month`:"Month","aria-describedby":g,"aria-labelledby":v,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===o,value:f?String(parseInt(f)):f,error:this.invalidMonth?w(o):null,showError:!1},months&&months.map((e=>h("option",{value:e.value,selected:e.value===parseInt(f)},e.label))))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:t?`${t}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-describedby":g,"aria-labelledby":v,invalid:this.invalidMonth,value:null==f?void 0:f.toString(),onInput:i,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===o,inputmode:"numeric",type:"text",error:this.invalidMonth?w(o):null,"show-input-error":"false"})),M=classnames({"usa-legend":!0,"usa-label--error":o});return h(Host,{onBlur:s},y,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:M,id:"input-label",part:"legend"},a,e&&h("span",{class:"usa-label--required"}," ",instance.t("required")),r&&h("div",{class:"usa-hint",id:"hint"},r),h("span",{class:"usa-hint",id:"dateHint"},b)),h("span",{id:"error-message",role:"alert"},o&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||w(e)})(o)))),h("slot",null),h("div",{class:"usa-memorable-date"},x,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:t?`${t}Day`:"Day",maxlength:2,pattern:"[0-9]*","aria-describedby":g,invalid:this.invalidDay,value:null==c?void 0:c.toString(),onInput:i,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===o,inputmode:"numeric",type:"text",error:this.invalidDay?w(o):null,"show-input-error":"false"})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:t?`${t}Year`:"Year",maxlength:4,pattern:"[0-9]*","aria-describedby":g,invalid:this.invalidYear,value:null==p?void 0:p.toString(),onInput:i,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===o,inputmode:"numeric",type:"text",error:this.invalidYear?w(o):null,"show-input-error":"false"}))))))}get el(){return this}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach((e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
package/dist/components/va-radio.js CHANGED
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{g as getSlottedNodes,a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const t=s.findIndex((e=>e===a));if(-1===t)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"description-message":null,f=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,c=classnames({"usa-legend":!0,"usa-label--error":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"38a717ce9ab3b1b8b64dd029c6d54d3c42d0c86a"},d&&h(e,{key:"26d8094194b8ad8a79ef5200e70a1e659e28e293",id:"form-question",part:"form-header"},d),h("div",{key:"d012b5398e0acf7d30dc3c6d896f4ef6643280df",id:"form-description"},h("slot",{key:"2448ebf37e179d2554fc5c0a99989383e2ae4976",name:"form-description"})))}return h(Host,{key:"d2c96f7af6e621be4fb5c34c9df2ed15a496f1aa","aria-invalid":t?"true":"false"},b,h("div",{key:"65206f81e1603f5ee72388dee9d01dcb187dd3a1",class:"input-wrap"},h("fieldset",{key:"1f6f7224201a191aab042379d4a6fef94cacb092",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"e1643e3446362bcb39d23aa369f5b665406cc64f",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"851328267cfb40f9b6bde9e1ca6214c647fc8a2c",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"4032e27100e6648fabbb0b2cfaf9a9661e9b1d52",id:"header-message",class:"usa-sr-only"},o),r&&h("span",{key:"fa0535fef993acce75e53eea1cd474305a0cc0d1",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"9afc1121bdc608f95813c4894511c6fa4ce1f365",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"4e1f88d0ebf1dd62482af03a96c1ae382df441bf",class:"usa-hint"},a)),h("span",{key:"6ada7e1694848433c1b26b7ab9290f1d3d9924f1",class:"usa-error-message",role:"alert"},t&&h(Fragment,{key:"fdde7cd24eea220050f0b84902b927e097c7e70c"},h("span",{key:"0bb759590ef4e456a4c595d239b8c9c5534f730c",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"dc63d81a5fe740bdc20d567660c3ff0be28ac973"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{g as getSlottedNodes,a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const t=s.findIndex((e=>e===a));if(-1===t)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"description-message":null,f=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,c=classnames({"usa-legend":!0,"usa-label--error":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"38a717ce9ab3b1b8b64dd029c6d54d3c42d0c86a"},d&&h(e,{key:"26d8094194b8ad8a79ef5200e70a1e659e28e293",id:"form-question",part:"form-header"},d),h("div",{key:"d012b5398e0acf7d30dc3c6d896f4ef6643280df",id:"form-description"},h("slot",{key:"2448ebf37e179d2554fc5c0a99989383e2ae4976",name:"form-description"})))}return h(Host,{key:"d2c96f7af6e621be4fb5c34c9df2ed15a496f1aa","aria-invalid":t?"true":"false"},b,h("div",{key:"65206f81e1603f5ee72388dee9d01dcb187dd3a1",class:"input-wrap"},h("fieldset",{key:"1f6f7224201a191aab042379d4a6fef94cacb092",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"e1643e3446362bcb39d23aa369f5b665406cc64f",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"851328267cfb40f9b6bde9e1ca6214c647fc8a2c",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"4032e27100e6648fabbb0b2cfaf9a9661e9b1d52",id:"header-message",class:"usa-sr-only"},o),r&&h("span",{key:"fa0535fef993acce75e53eea1cd474305a0cc0d1",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"9afc1121bdc608f95813c4894511c6fa4ce1f365",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"4e1f88d0ebf1dd62482af03a96c1ae382df441bf",class:"usa-hint"},a)),h("span",{key:"6ada7e1694848433c1b26b7ab9290f1d3d9924f1",class:"usa-error-message",role:"alert"},t&&h(Fragment,{key:"fdde7cd24eea220050f0b84902b927e097c7e70c"},h("span",{key:"0bb759590ef4e456a4c595d239b8c9c5534f730c",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"dc63d81a5fe740bdc20d567660c3ff0be28ac973"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};
package/dist/components/va-text-input2.js CHANGED
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaTextInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-input-group,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-input-group,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}',VaTextInputStyle0=vaTextInputCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=()=>{if(this.inputIconPrefix)this.paddingLeftValue="2.5rem";else if(this.inputPrefix){const e=this.inputPrefix?Math.min(this.inputPrefix.length,25):null;this.paddingLeftValue=.5*e+1+"rem"}},this.updatePaddingRight=()=>{const e=this.inputSuffix?Math.min(this.inputSuffix.length,25):null;this.paddingRightValue=.5*e+1+"rem"},this.handleInput=e=>{const i=e.target;this.value=i.value},this.handleBlur=e=>{if(this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:this.label,value:this.value}}),"decimal"===this.inputmode||"numeric"===this.inputmode||this.currency){let i=instance.t("number-error");const t=e.target.checkValidity();this.error||t?this.error&&this.error===i&&t&&(this.error=null,this.el.setAttribute("error","")):(this.error=i,this.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}componentWillLoad(){this.updatePaddingLeft(),this.updatePaddingRight()}componentDidUpdate(){this.updatePaddingLeft(),this.updatePaddingRight()}getInputType(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:(consoleDevError(`The input type "${this.type}" is invalid or unsupported!`),"text")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}getPattern(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"}getInputmode(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0}getStep(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,error:i,reflectInputError:t,showInputError:a,invalid:s,required:r,value:n,name:u,autocomplete:o,hint:p,handleInput:l,handleBlur:d,success:c,messageAriaDescribedby:f,width:m,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:I,inputIconPrefix:P,inputSuffix:z,inputIconSuffix:S}=this,E=this.getInputType(),H=this.getMaxlength(),k=this.getInputmode(),C=this.getStep(),L=`${f?"input-message":""} ${i?"input-error-message":""} ${v&&H?"charcount-message":""}`.trim()||null,V=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,R=this.getPattern(),A=classnames({"currency-wrapper":T,"usa-input-group":z||I||P||S}),G=(()=>"0"!==this.paddingLeftValue&&I?{paddingLeft:this.paddingLeftValue}:z?{paddingRight:this.paddingRightValue}:{})(),_=H&&(null==n?void 0:n.length)>H,M=classnames({"usa-label":!0,"usa-label--error":i}),q=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${m}`]:m}),$=classnames({"usa-hint":!0,"usa-character-count__status":H,"usa-character-count__status--invalid":H&&(null==n?void 0:n.length)>H}),N=classnames({"usa-sr-only":!a});let F=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);F=h(Fragment,null,x&&h(e,{id:"form-question",part:"form-header"},x),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}return h(Host,null,F,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:M,part:"label"},e,r&&h("span",{class:"usa-label--required"}," ",instance.t("required")),p&&h("span",{class:"usa-hint"},p)),h("slot",null),h("span",{id:"input-error-message",role:"alert",class:N},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},i))),h("div",{class:A},T&&h("div",{id:"symbol"},"$"),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},I.substring(0,25)),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:P,size:3,part:"icon"})),h("input",{class:q,id:"inputField",type:E,onInput:l,onBlur:d,"aria-describedby":L,style:G,"aria-labelledby":V,"aria-invalid":s||i||_?"true":"false",inputmode:k,step:C,maxlength:H,pattern:R,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),z&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},z.substring(0,25)),S&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:S,size:3,part:"icon"}))),f&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f),v&&H&&h("span",{id:"charcount-message",class:$,"aria-live":"polite"},getCharacterMessage(n,H))))}get el(){return this}static get style(){return VaTextInputStyle0}},[1,"va-text-input",{label:[1],error:[1537],reflectInputError:[4,"reflect-input-error"],showInputError:[516,"show-input-error"],invalid:[4],required:[4],inputmode:[1],step:[1],type:[1],maxlength:[2],autocomplete:[1],enableAnalytics:[4,"enable-analytics"],name:[1],pattern:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],value:[1537],success:[4],width:[1],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4],currency:[4],inputPrefix:[1,"input-prefix"],inputIconPrefix:[1,"input-icon-prefix"],inputSuffix:[1,"input-suffix"],inputIconSuffix:[1,"input-icon-suffix"],min:[8],max:[8],paddingLeftValue:[32],paddingRightValue:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-text-input","va-icon"].forEach((e=>{switch(e){case"va-text-input":customElements.get(e)||customElements.define(e,VaTextInput);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaTextInput as V,defineCustomElement as d};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaTextInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-input-group,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-input-group,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}',VaTextInputStyle0=vaTextInputCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=()=>{if(this.inputIconPrefix)this.paddingLeftValue="2.5rem";else if(this.inputPrefix){const e=this.inputPrefix?Math.min(this.inputPrefix.length,25):null;this.paddingLeftValue=.5*e+1+"rem"}},this.updatePaddingRight=()=>{const e=this.inputSuffix?Math.min(this.inputSuffix.length,25):null;this.paddingRightValue=.5*e+1+"rem"},this.handleInput=e=>{const i=e.target;this.value=i.value},this.handleBlur=e=>{if(this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:this.label,value:this.value}}),"decimal"===this.inputmode||"numeric"===this.inputmode||this.currency){let i=instance.t("number-error");const t=e.target.checkValidity();this.error||t?this.error&&this.error===i&&t&&(this.error=null,this.el.setAttribute("error","")):(this.error=i,this.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}componentWillLoad(){this.updatePaddingLeft(),this.updatePaddingRight()}componentDidUpdate(){this.updatePaddingLeft(),this.updatePaddingRight()}getInputType(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:(consoleDevError(`The input type "${this.type}" is invalid or unsupported!`),"text")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}getPattern(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"}getInputmode(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0}getStep(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,error:i,reflectInputError:t,showInputError:a,invalid:s,required:r,value:n,name:u,autocomplete:o,hint:p,handleInput:l,handleBlur:d,success:c,messageAriaDescribedby:f,width:m,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:I,inputIconPrefix:P,inputSuffix:z,inputIconSuffix:S}=this,E=this.getInputType(),H=this.getMaxlength(),k=this.getInputmode(),C=this.getStep(),L=`${f?"input-message":""} ${i?"input-error-message":""} ${v&&H?"charcount-message":""}`.trim()||null,V=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,R=this.getPattern(),A=classnames({"currency-wrapper":T,"usa-input-group":z||I||P||S}),G=(()=>"0"!==this.paddingLeftValue&&I?{paddingLeft:this.paddingLeftValue}:z?{paddingRight:this.paddingRightValue}:{})(),_=H&&(null==n?void 0:n.length)>H,M=classnames({"usa-label":!0,"usa-label--error":i}),q=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${m}`]:m}),$=classnames({"usa-hint":!0,"usa-character-count__status":H,"usa-character-count__status--invalid":H&&(null==n?void 0:n.length)>H}),N=classnames({"usa-sr-only":!a});let F=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);F=h(Fragment,null,x&&h(e,{id:"form-question",part:"form-header"},x),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}return h(Host,null,F,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:M,part:"label"},e,r&&h("span",{class:"usa-label--required"}," ",instance.t("required")),p&&h("span",{class:"usa-hint"},p)),h("slot",null),h("span",{id:"input-error-message",role:"alert",class:N},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},i))),h("div",{class:A},T&&h("div",{id:"symbol"},"$"),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},I.substring(0,25)),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:P,size:3,part:"icon"})),h("input",{class:q,id:"inputField",type:E,onInput:l,onBlur:d,"aria-describedby":L,style:G,"aria-labelledby":V,"aria-invalid":s||i||_?"true":"false",inputmode:k,step:C,maxlength:H,pattern:R,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),z&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},z.substring(0,25)),S&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:S,size:3,part:"icon"}))),f&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f),v&&H&&h("span",{id:"charcount-message",class:$,"aria-live":"polite"},getCharacterMessage(n,H))))}get el(){return this}static get style(){return VaTextInputStyle0}},[1,"va-text-input",{label:[1],error:[1537],reflectInputError:[4,"reflect-input-error"],showInputError:[516,"show-input-error"],invalid:[4],required:[4],inputmode:[1],step:[1],type:[1],maxlength:[2],autocomplete:[1],enableAnalytics:[4,"enable-analytics"],name:[1],pattern:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],value:[1537],success:[4],width:[1],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4],currency:[4],inputPrefix:[1,"input-prefix"],inputIconPrefix:[1,"input-icon-prefix"],inputSuffix:[1,"input-suffix"],inputIconSuffix:[1,"input-icon-suffix"],min:[8],max:[8],paddingLeftValue:[32],paddingRightValue:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-text-input","va-icon"].forEach((e=>{switch(e){case"va-text-input":customElements.get(e)||customElements.define(e,VaTextInput);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaTextInput as V,defineCustomElement as d};
package/dist/components/va-textarea.js CHANGED
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=u?"header-message":null,x=n&&(null==s?void 0:s.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"05cf717e1e403a7fe8d1e33e5b7e672b8da011c3"},m&&h(e,{key:"b4dfd71f1c8cc47795268ebefcf10700960b5598",id:"form-question",part:"form-header"},m),h("div",{key:"c4e6d180992ac6bdc8001cbfd6d62fe870f2e554",id:"form-description"},h("slot",{key:"31b7d6f6bd6ec87a349d77ed31016693d59a5abb",name:"form-description"})))}return h(Host,{key:"1ce2e4256621e8c0836a0ea2ac175617028f21c3"},T,h("div",{key:"179ab243ff2516a4e6428fb52e52fb9cd69c5cb7",class:"input-wrap"},e&&h("label",{key:"67803c975ea1d41e0839fa8cdea00001dae684cc",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"cee109d2639568033100ed79365d1e11792dea75",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"a6f6ce52d66fdcea5ed4736adee36a68ad0b0a0d",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"099771b4b8c84c988928c8c40a712db3dfbbf0dc",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"5f87941102c683f5f8eeadf32ab2e839653dbf77",class:"usa-hint"},o)),h("slot",{key:"7a6261f1721ed39550e32e1d36401a152ae56756"}),h("span",{key:"7428816004085509f878df5dd082eb8c60ec433a",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"eb4c07ca779023794679100c1e44fb03cc75f2a7"},h("span",{key:"e9e41555523b24733db459b78f840d9f26fbcb9e",class:"usa-sr-only"},instance.t("error")),h("span",{key:"2d9eeeb1a9fb071cef3beb44618ab017c93ed76d",class:"usa-error-message"},a))),h("textarea",{key:"3ea05349179aeeb0f97c1587cfdd7e444afd4b0a",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"9665eaea196c2ed915e664180f8f0fed93e9ee4d",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"db9cf6190d1fbbdbfa097f907ad2ec47a6a3223f",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"e4ffd1884f33cec5f118aa72763830609ef511cb",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=u?"header-message":null,x=n&&(null==s?void 0:s.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"05cf717e1e403a7fe8d1e33e5b7e672b8da011c3"},m&&h(e,{key:"b4dfd71f1c8cc47795268ebefcf10700960b5598",id:"form-question",part:"form-header"},m),h("div",{key:"c4e6d180992ac6bdc8001cbfd6d62fe870f2e554",id:"form-description"},h("slot",{key:"31b7d6f6bd6ec87a349d77ed31016693d59a5abb",name:"form-description"})))}return h(Host,{key:"1ce2e4256621e8c0836a0ea2ac175617028f21c3"},T,h("div",{key:"179ab243ff2516a4e6428fb52e52fb9cd69c5cb7",class:"input-wrap"},e&&h("label",{key:"67803c975ea1d41e0839fa8cdea00001dae684cc",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"cee109d2639568033100ed79365d1e11792dea75",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"a6f6ce52d66fdcea5ed4736adee36a68ad0b0a0d",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"099771b4b8c84c988928c8c40a712db3dfbbf0dc",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"5f87941102c683f5f8eeadf32ab2e839653dbf77",class:"usa-hint"},o)),h("slot",{key:"7a6261f1721ed39550e32e1d36401a152ae56756"}),h("span",{key:"7428816004085509f878df5dd082eb8c60ec433a",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"eb4c07ca779023794679100c1e44fb03cc75f2a7"},h("span",{key:"e9e41555523b24733db459b78f840d9f26fbcb9e",class:"usa-sr-only"},instance.t("error")),h("span",{key:"2d9eeeb1a9fb071cef3beb44618ab017c93ed76d",class:"usa-error-message"},a))),h("textarea",{key:"3ea05349179aeeb0f97c1587cfdd7e444afd4b0a",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"9665eaea196c2ed915e664180f8f0fed93e9ee4d",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"db9cf6190d1fbbdbfa097f907ad2ec47a6a3223f",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"e4ffd1884f33cec5f118aa72763830609ef511cb",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- :root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--font-family-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:40px;--vads-font-size-heading-level-2:32px;--vads-font-size-heading-level-3:20px;--vads-font-size-heading-level-4:17px;--vads-font-size-heading-level-5:15px;--vads-font-size-heading-level-6:15px;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:' \203A ';display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:''}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:' \2039 ';display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:'';display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current='page']{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}va-modal p:first-child{margin-top:0}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right!important}}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:21.28px;margin-top:0;margin-bottom:8px;}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
1
+ :root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-foreground-success-on-dark:#21c834;--vads-color-feedback-foreground-success-on-light:#008817;--vads-color-feedback-foreground-warning-on-dark:#e5a000;--vads-color-feedback-foreground-warning-on-light:#c2850c;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--font-family-sans:'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:40px;--vads-font-size-heading-level-2:32px;--vads-font-size-heading-level-3:20px;--vads-font-size-heading-level-4:17px;--vads-font-size-heading-level-5:15px;--vads-font-size-heading-level-6:15px;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-40:#c2850c;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-30:#21c834;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:' \203A ';display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:''}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:' \2039 ';display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:'';display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current='page']{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}va-modal p:first-child{margin-top:0}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right!important}}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:21.28px;margin-top:0;margin-bottom:8px;}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/component-library",
3
3
  "description": "VA.gov component library. Includes React and web components.",
4
- "version": "48.1.0",
4
+ "version": "48.1.1",
5
5
  "license": "MIT",
6
6
  "scripts": {
7
7
  "build": "webpack"
@@ -16,7 +16,7 @@
16
16
  "module": "src/main.js",
17
17
  "dependencies": {
18
18
  "@department-of-veterans-affairs/react-components": "28.1.0",
19
- "@department-of-veterans-affairs/web-components": "16.1.0",
19
+ "@department-of-veterans-affairs/web-components": "16.1.1",
20
20
  "i18next": "^21.6.14",
21
21
  "i18next-browser-languagedetector": "^6.1.4",
22
22
  "react-focus-on": "^3.5.1",