https://www.trainwithkickoff.com/_next/static/chunks/3450.a7dcf65c9df21c51.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3450],{93450:function(e,t,o){o.r(t),o.d(t,{chevron_icon:function(){return s},search_icon:function(){return a},select_dropdown:function(){return n}});var l=o(39986);o(67294),o(85893),o(73935);let s=class{constructor(e){(0,l.r)(this,e),this.width="24",this.height="24"}render(){return(0,l.h)("svg",{key:"a616a1831c338230ef83909865b628dd2b8e4317",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none"},(0,l.h)("path",{key:"c2abe3769a15572d0b2a9b865bbdbf7394562572",fill:"currentColor",d:"M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z"}))}};s.style=".sc-chevron-icon-h{display:flex}";let a=class{constructor(e){(0,l.r)(this,e),this.width="15",this.height="15"}render(){return(0,l.h)("svg",{key:"9db075e484742d36218193c8a44c9506f0a1421d",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,l.h)("path",{key:"b4d4fd65bbdd3be3bdbded8403ef1bcd946d8e11",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};a.style=".sc-search-icon-h{display:flex}";let n=class{constructor(e){(0,l.r)(this,e),this.nylasFormDropdownChanged=(0,l.a)(this,"nylasFormDropdownChanged",7),this.nylasFormDropdownDefaultSelected=(0,l.a)(this,"nylasFormDropdownDefaultSelected",7),this.componentType="select-dropdown",this.name=void 0,this.options=[],this.defaultSelectedOption=null,this.withSearch=!0,this.searchPlaceholder="Search",this.label=void 0,this.required=!1,this.readOnly=!1,this.pluralizedLabel="",this.dropdownButtonText=void 0,this.withChevron=!0,this.emptyValue="Select an option",this.errorMessage="",this.selectedOption=void 0,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant="",this.error=""}optionsChangedHandler(e,t){e!==t&&(this.filteredOptions=e)}

1defaultSelectedOptionChangedHandler(e,t){typeof e>"u"||(null==e?void 0:e.label)===(null==t?void 0:t.label)||(this.selectedOption=e,this.nylasFormDropdownDefaultSelected.emit({value:(null==e?void 0:e.value)||"",name:this.name,error:this.error,label:this.label}))}componentWillLoad(){this.el.setAttribute("component-type",this.componentType)}componentDidLoad(){var e;this.filteredOptions=this.options,this.selectedOption=this.defaultSelectedOption,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0]),this.nylasFormDropdownDefaultSelected.emit({value:(null==(e=this.selectedOption)?void 0:e.value)||"",name:this.name,error:this.error,label:this.label})}handleBookingFormSubmitted(e){var t;this.validate((null==(t=this.selectedOption)?void 0:t.value)||""),this.error&&e.preventDefault()}handleFormSubmitted(e){var t;this.validate((null==(t=this.selectedOption)?void 0:t.value)||""),this.error&&e.preventDefault()}validate(e){this.required&&!e?this.error=this.errorMessage||`${this.label} is required.`:this.error=""}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){let t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(e=>e.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.error="",this.selectedOption=e,this.toggleDropdown(),e.value!==this.emptyValue&&this.nylasFormDropdownChanged.emit({value:e.value,name:this.name,error:this.error,label:this.label})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),null==(t=this.inputRef)||t.focu

1s();break;case"Escape":this.isOpen=!1}}handleListboxKeydown(e){var t,o;let l=this.filteredOptions,s=l.findIndex(e=>e.value===this.ariaActivedescendant);if("ArrowDown"!==e.key&&("Tab"!==e.key||e.shiftKey)){if("ArrowUp"===e.key||"Tab"===e.key&&e.shiftKey){if(e.preventDefault(),0===s){this.ariaActivedescendant="",null==(o=this.inputRef)||o.focus();return}let t=s-1>=0?s-1:l.length-1;this.ariaActivedescendant=l[t].value,this.focusOption(t)}else"Enter"===e.key?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(l[s])):"Escape"===e.key&&(this.isOpen=!1)}else{if(e.preventDefault(),s===l.length-1){this.ariaActivedescendant="",null==(t=this.inputRef)||t.focus();return}let o=s+1<l.length?s+1:0;this.ariaActivedescendant=l[o].value,this.focusOption(o)}}focusOption(e){var t;let o=this.filteredOptions[e];if(!o)return;let l=o.value,s=null==(t=this.el.shadowRoot)?void 0:t.getElementById(l);s&&(s.focus(),s.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){"ArrowDown"!==e.key&&("Tab"!=e.key||e.shiftKey)?"ArrowUp"===e.key||"Tab"===e.key&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):"Escape"===e.key&&(this.isOpen=!1):(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0))}generateButtonText(e,t){return t||(null!=e&&e.label?`${this.pluralizedLabel?this.pluralizedLabel:null==e?void 0:e.label}`:this.emptyValue)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){let e=this.generateButtonText(this.selectedOption,this.dropdownButtonText);return(0,l.h)("div",{key:"acc514fe38f66758be98fbb17dfa3a7a49d1023b",class:"dropdown",part:"sd_dropdown"},(0,l.h)("label",{key:"0cc9094392dc11fffb99afec94da7a842c79c980",part:"sd_dropdown_label",class:{error:!!this.error}},this.label&&(0,l.h)("p",null,(0,l.h)("span",{class:"label"},this.label),this.required&&(0,l.h)("span",{class:"required"},"*")),(0,l.h)("button",{key:"ca2e53cfb10112318ff0ccec4b094b655676b6e0",part:"sd_dropdown-button",class:{dropbtn:!0,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),disabled:this.readOnly,"aria-haspopup":"listbox",title:this.readOnly?"read-only field":e,"aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},(0,l.h)("slot",{key:"be2f6dac0ded499451b02b4d83e958885b0239ea",name:"select-icon","aria-hidden":"true"}),(0,l.h)("span",{key:"c394fd3f61e3722dc8f118d59b4954ff488aafeb",class:"selected-option",part:"sd_dropdown-button-selected-label"},e),this.withChevron&&(0,l.h)("span",{class:{open:this.isOpen,closed:!this.isOpen,chevron:!0},"aria-hidden":"true"},(0,l.h)("chevron-icon",{width:"16",height:"16"}))),this.error&&(0,l.h)("span",{class:"error help-text"},this.error)),this.isOpen?(0,l.h)("div",{class:"dropdown-content",part:"sd_dropdown-content"},this.withSearch&&(0,l.h)("div",{class:{"search-box":!0,open:this.isOpen}},(0,l.h)("search-icon",{width:"15",height:"15",class:"icon"}),(0,l.h)("input",{type:"text",role:"combobox",placeholder:this.searchPlaceholder,value:this.searchValue,ref:e=>this.inputRef=e,onInput:e=>this.filterOptions(e),onKeyDown:e=>this.handleComboboxKeyDown(e)})),(0,l.h)("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.filteredOptions.map(e=>e.value.toString()?(0,l.h)("li",{tabindex:"0",key:e.value,id:e.value,part:`${this.name}-${e.label}`,onClick:()=>this.selectOption(e),role:"option"},e.labelHTML?(0,l.h)("div",{part:"sd_dropdown-labelhtml"},e.labelHTML):e.label):null))):null)}get el(){return(0,l.g)(this)}static get watchers(){return{options:["optionsChangedHandler"],defaultSelectedOption:["defaultSelectedOptionChangedH

1andler"]}}};n.style=':host{display:block;position:relative;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.dropdown{display:inline-block;width:inherit}.dropbtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;justify-content:space-between;gap:0.5rem;background:transparent;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x)}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{outline:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn:disabled{cursor:not-allowed;background:var(--nylas-base-100)}.dropbtn span.chevron{display:flex;align-self:center}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px;font-size:16px}}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1)}@media screen and (max-width: 768px){.dropdown-content{right:0;width:325px;max-width:unset}}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px;color:var(--nylas-base-800)}'}}]);
2//# sourceMappingURL=3450.a7dcf65c9df21c51.js.map