@department-of-veterans-affairs/component-library 54.3.0 → 54.4.2

package/dist/960.app.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[960],{960:function(e,i,r){r.r(i),r.d(i,{va_service_list_item:function(){return o}});var t=r(1484),o=function(){function e(e){(0,t.r)(this,e),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}return e.prototype.handleServiceDetailsChange=function(e){this.parsedServiceDetails=this.parseJsonProp(e)},e.prototype.handleActionChange=function(e){this.parsedAction=this.parseJsonProp(e)},e.prototype.handleOptionalLinkChange=function(e){this.parsedOptionalLink=this.parseJsonProp(e)},e.prototype.componentWillLoad=function(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)},e.prototype.parseJsonProp=function(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(e){return}},e.prototype.render=function(){var e=this,i=e.parsedServiceDetails,r=e.parsedAction,o=e.parsedOptionalLink,a=e.icon,s=e.serviceName,n=e.serviceNameHeadingLevel,c=e.serviceLink,l=e.serviceStatus,h=i?Object.entries(i).map((function(e){var i=e[0],r=e[1];return(0,t.h)("li",null,(0,t.h)("div",null,(0,t.h)("strong",null,i,":")," ",r))})):null,d=!!(null==r?void 0:r.href)&&!!(null==r?void 0:r.text),m="h".concat(n),v=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(a)?"icon ".concat(a):"icon default";return(0,t.h)(t.H,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},(0,t.h)("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},(0,t.h)("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:c,class:"service-title-row"},(0,t.h)("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},a&&(0,t.h)("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:v,icon:a,size:3}),(0,t.h)("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},(0,t.h)(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},s),(0,t.h)("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),d&&(0,t.h)("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:r.href,text:r.text}),(0,t.h)("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},(0,t.h)("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},l)),(0,t.h)("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},h),(null==o?void 0:o.href)&&(null==o?void 0:o.text)&&(0,t.h)("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},o))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,t.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}},enumerable:!1,configurable:!0}),e}();o.style='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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}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", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}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:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}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-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.938rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block;font-size:1rem}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .header:focus,.service-list-item .header:active{outline:none;background-color:var(--vads-color-action-focus-on-light);color:var(--vads-color-link);-webkit-box-shadow:0px 4px 0px var(--vads-color-base);box-shadow:0px 4px 0px var(--vads-color-base)}.service-list-item .header:focus .icon,.service-list-item .header:active .icon{background-color:var(--vads-color-base)}.service-list-item .header:focus .service-name,.service-list-item .header:active .service-name{color:var(--vads-color-base)}.service-list-item .header:focus .chevron-icon,.service-list-item .header:active .chevron-icon{color:var(--vads-color-base)}.service-list-item .header:active .service-name{text-decoration:underline}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}'}}]);