PageSourceSearch

https://corporate.dow.com/etc.clientlibs/dow-platform/clientlibs/c…/sample-not-available.780d9654522f41d7.js

js dow.com collected 2026-09-24 15:19:41 UTC 43,253 bytes, 2 lines download raw bytes

1(self["webpackChunkdow_platform_ui_frontend"]=self["webpackChunkdow_platform_ui_frontend"]||[]).push([[2563],{15129:function(e,t,n){"use strict";n.d(t,{A:function(){return h}});var a=n(77001);const i={class:"dc-form__group"},o=["for"],r={class:"dc-form__control"},s=["cols","rows","type","id","disabled","tabindex"],l={key:0,class:"dc-form__help"};function d(e,t,n,d,c,p){const u=(0,a.resolveComponent)("VeeField"),m=(0,a.resolveComponent)("VeeErrorMessage");return(0,a.openBlock)(),(0,a.createElementBlock)("div",i,[(0,a.createElementVNode)("label",{for:p.randomId,class:(0,a.normalizeClass)(["dc-form__label",{"tw-sr-only":n.nolabel}])},(0,a.toDisplayString)(n.label),11,o),(0,a.renderSlot)(e.$slots,"tooltip"),(0,a.createElementVNode)("div",r,[(0,a.createVNode)(u,(0,a.mergeProps)({class:"dc-form__input",name:n.name,label:n.label,modelValue:n.modelValue,id:n.name,placeholder:n.nolabel?n.placeholder||n.label:n.placeholder},e.$attrs,{onInput:t[0]||(t[0]=t=>e.$emit("modelUpdate",t)),validateOnBlur:n.validateOnBlur,validateOnChange:n.validateOnChange,validateOnInput:n.validateOnInput}),{default:(0,a.withCtx)(({field:t,errorMessage:i})=>[(0,a.createElementVNode)("textarea",(0,a.mergeProps)({cols:n.cols,rows:n.rows,type:e.$attrs.type,class:{invalid:!!i}},t,{id:p.randomId,disabled:n.disabled,tabindex:n.tabindex}),null,16,s)]),_:1},16,["name","label","modelValue","id","placeholder","validateOnBlur","validateOnChange","validateOnInput"]),(0,a.createVNode)(m,{name:n.name,as:"p",class:"dc-form__error"},null,8,["name"])]),n.helpText?((0,a.openBlock)(),(0,a.createElementBlock)("p",l,"Optional Help text")):(0,a.createCommentVNode)("",!0)])}var c=n(32839),p={inheritAttrs:!1,props:{name:{type:String,required:!0},label:{type:String,default:""},nolabel:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String,default:""},helpText:{type:String,default:""},cols:{type:Number,default:20},rows:{type:Number,default:7},validateOnBlur:{type:Boolean,default:!0},validateOnChange:{type:Boolean,default:!0},validateOnInput:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},tabindex:{type:Number,required:!1,default:0}},computed:{randomId(){return(0,c.vL)(this.name,6)}}},u=n(71786);const m=(0,u.A)(p,[["render",d]]);var h=m},42334:function(e,t,n){"use strict";n.d(t,{A:function(){return m}});var a=n(77001);const i={class:"dc-form__group"},o={class:"dc-form__checkbox"},r=["type","value","id","checked","disabled"],s=["for","innerHTML"];function l(e,t,n,l,d,c){const p=(0,a.resolveComponent)("VeeField"),u=(0,a.resolveComponent)("VeeErrorMessage");return(0,a.openBlock)(),(0,a.createElementBlock)("div",i,[(0,a.createElementVNode)("div",o,[(0,a.createVNode)(p,(0,a.mergeProps)({name:n.name,value:n.value},e.$attrs,{ref:"dcForm_checkbox"}),{default:(0,a.withCtx)(({field:i,errorMessage:o})=>[(0,a.createElementVNode)("input",(0,a.mergeProps)({type:e.$attrs.type,value:n.value,class:{invalid:!!o}},i,{class:"dc-form__checkbox-input",id:c.randomId,checked:n.checked,disabled:n.disabled,onKeydown:t[0]||(t[0]=(0,a.withKeys)(e=>e.preventDefault(),["enter"])),onKeyup:t[1]||(t[1]=(0,a.withKeys)((0,a.withModifiers)((...e)=>c.toggleCheckbox&&c.toggleCheckbox(...e),["stop","prevent"]),["enter"]))}),null,16,r),(0,a.createElementVNode)("span",{class:(0,a.normalizeClass)(["dc-form__checkbox-check",{invalid:!!o}])},null,2),(0,a.createElementVNode)("label",{for:c.randomId,class:"dc-form__checkbox-label",innerHTML:n.label},null,8,s)]),_:1},16,["name","value"])]),n.errorText?((0,a.openBlock)(),(0,a.createBlock)(u,{key:1,name:n.name,as:"p",class:"dc-form__error"},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(n.errorText),1)]),_:1},8,["name"])):((0,a.openBlock)(),(0,a.createBlock)(u,{key:0,name:n.name,as:"p",class:"dc-form__error"},null,8,["name"]))])}var d=n(32839),c={inheritAttrs:!1,props:{name:{type:String,required:!0,default:""},label:{type:String,default:""},modelValue:null,value:{type:[String,Boolean]},checked:{type:[String,Boolean]},disabled:{type:[String,Boolean]},helpText:{type:String,default:""},options:{type:Array,default:new Array},errorText:{type:String,default:""}},computed:{randomId(){return(0,d.vL)(this.name,6)}},methods:{toggleCheckbox(e){this.$props.modelValue=!this.$props.modelValue,this.$props.checked=!this.$props.checked,this.$refs.dcForm_checkbox.handleChange()}}},p=n(71786);const u=(0,p.A)(c,[["render",l]]);var m=u},64980:function(e,t,n){"use strict";var a=n(32839);function i(){this.expanded=!1}function o(e){this?.$refs?.simpleDropdownRef?.contains(e?.target)||(this.expanded=!1,document.removeEventListener("click",this.closeIfClickedOutside))}function r(){this.expanded=!this.expanded,window.addEventListener("click",this.closeIfClickedOutside)}function s(){const e=this.$refs.dropdownMenu,t=this.$refs.simpleDropdownRef;t.addEventListener("keydown",t=>{var n=e.querySelectorAll(".dropdown-item a");if(40==t.keyCode&&(t.preventDefault(),this.arrowKeyIndex<n.length-1&&(this.arrowKeyIndex>=0&&n[this.arrowKeyIndex].classList.remove("hover"),this.arrowKeyIndex=this.arrowKeyIndex+1,n[this.arrowKeyIndex].classList.add("hover"),n[this.arrowKeyIndex].focus())),38==t.keyCode&&(t.preventDefault(),this.arrowKeyIndex>0&&(n[this.arrowKeyIndex].classList.remove("hover"),this.arrowKeyIndex=this.arrowKeyIndex-1,n[this.arrowKeyIndex].classList.add("hover"),n[this.arrowKeyIndex].focus())),27==t.keyCode&&this.closeDropdown(),0==this.disableKeyDownAnchor){var a,i=$(this.$refs.dropdownMenu),o=t.key.toLowerCase(),r=0,s=this;i.find("li").not(".hidden").each(function(e,t){if($(t).text().trim().charAt(0).toLowerCase()==o)return a=$(t),r=null==s.hideFirstOption||0==s.hideFirstOption?e:e-1,!1}),a&&(i[0].scrollTo(a,300),-1!=this.arrowKeyIndex&&n[this.arrowKeyIndex].classList.remove("hover"),this.arrowKeyIndex=r,n[this.arrowKeyIndex].classList.add("hover"),n[this.arrowKeyIndex].focus())}})}t.A={template:'\n            <div class="dropdown simple-dropdown" \n                :class="{open: expanded}" \n                ref="simpleDropdownRef"\n            >\n                <button class="btn btn-secondary dropdown-toggle" \n                  type="button" \n                  :id="\'button-\' + uuid"\n                  data-toggle="dropdown" \n                  aria-haspopup="listbox" \n                  :aria-expanded="expanded"\n                  @click.prevent="toggleDropdown()"\n                  tabindex="0"\n                >\n                    <slot></slot>
1\n                    <span class="dropdown-label" v-show="label" :id="\'label-\' + uuid"> {{ label }}: </span>\n                    <span class="dropdown-selected-text">{{selectedOptionText}}</span>\n                    <svg v-cloak\n                         v-if="hasArrow" \n                         id="dropdown_arrow--down" \n                         data-name="dropdown_arrow--down" \n                         xmlns="http://www.w3.org/2000/svg" \n                         viewBox="0 0 15 5.8" \n                         width="15" \n                         height="5.8" \n                         class="small-dropdown-arrow simple-dropdown-arrow pull-right" \n                         :class="{\'arrow-rotate\' : expanded}">\n                            <g fill="currentColor">\n                                <path class="apst0" d="M.194.91l.56-.83 7.21 4.87-.56.83z"/>\n                                <path class="apst0" d="M6.957 4.915l7.21-4.87.56.828-7.21 4.87z"/>\n                            </g>\n                    </svg>\n                </button>\n                <ul class="dropdown-menu"\n                  role="listbox"\n                  :aria-labelledby="\'label-\' + uuid" \n                  :aria-activedescendant="activeDescendant"\n                  ref="dropdownMenu"\n                >\n                  <li v-for="(option, index) in options"\n                    :class="index == 0 && hideFirstOption ? \'hide_first_element\' : \'dropdown-item\'" \n                    role="option"\n                    :id="\'option-\' + uuid + \'-\' + index"\n                    :aria-selected="activeOptionIndex === index"\n                  >\n                    <a href="#" @click.prevent="$emit(\'change\', option.value); closeDropdown()">{{option.text}}</a>\n                  </li>\n                </ul>\n              </div>\n            ',name:"BasicDropdown",props:["options","selectedOption","label","hasArrow","hideFirstOption","disableKeyDownAnchor"],data:function(){return{uuid:this.makeUniqueId("dropdown",6),expanded:!1,arrowKeyIndex:-1}},mounted:function(){$(this.$refs.simpleDropdownRef).on("show.bs.dropdown hidden.bs.dropdown",function(){this.expanded=!this.expanded}.bind(this)),this.handleAccessibility()},computed:{selectedOptionText(){var e=this.options.find(e=>e.value==this.selectedOption);return null!=e?e.text:this.options.length>0?this.options[0].text:""},activeOptionIndex(){return this.options.findIndex(e=>e.value===this.selectedOption?.value)},activeDescendant(){return this.activeOptionIndex?"option-"+this.uuid+"-"+this.activeOptionIndex:null}},watch:{options:function(e,t){this.arrowKeyIndex=-1;let n=this.$refs.dropdownMenu?.querySelector(".hover");n&&n.classList.remove("hover")}},methods:{makeUniqueId:a.vL,closeDropdown:i,toggleDropdown:r,handleAccessibility:s,closeIfClickedOutside:o}}},68784:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return I}});var a=n(77001);function i(e,t,n,i,o,r){const s=(0,a.resolveComponent)("SampleRequest");return(0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:"#sample-not-available"},[(0,a.createVNode)(s)])}var o=n(49680),r=(n(44114),n(14603),n(47566),n(98721),n(64980)),s=n(80289),l=n.n(s),d=n(97760),c=n(83998),p=n(31839),u=n(15129),m=n(42334),h=n(16756),w="CRM_CUST";const f={name:"SampleRequest",template:'\n        <Teleport to="#sample-not-available">\n            <DcForm id="dc-sample-request" class="dc-form" @submit="finishSample" :class="{ loading: loading }">\n            <div class="card" v-if="formComplete == false">\n                <div class="card-body ">\n                    <h2 class="card-title">{{sampleDetailsTitle}}</h2>\n                    <div class="form-container">\n                        <div class="main-row-top">\n                            <div class="left-main-row">\n                                <div class="name-row">\n                                    <div class="fname-container">\n                                       <DcTextInput\n                                               name="firstName"\n                                               :label="firstNameTitle"\n                                               :placeholder="firstNameTitle"\n                                               type="text"\n                                               v-model="generalContactInfo.firstName"\n                                               rules="required|max:40"\n                                               errormsg="first name required"\n                                           />\n                                    </div>\n                                    <div class="lname-container">\n                                        <DcTextInput\n                                               name="lastName"\n                                               :label="lastNameTitle"\n                                               :placeholder="lastNameTitle"\n                                               type="text"\n                                               v-model="generalContactInfo.lastName"\n                                               rules="required|max:40"\n                                           />\n                                    </div>\n                                </div>\n                                <div class="email-row">\n                                    <DcTextInput\n                                           name="email"\n                                           :label="emailTitle"\n                                           :placeholder="emailTitle"\n                                           type="email"\n                                           v-model="generalContactInfo.email"\n                                           rules="required|email|max:64"\n                                       />\n                                </div>\n                                <div class="phone-row">\n                                    <DcTextInput\n                                           name="phone"\n                                           :label="phoneTitle"\n                                           :placeholder="phoneTitle"\n                                           type="text"\n                                           v-model="generalContactInfo.phone"\n                                           rules="required|max:15|validatePhone"\n                                       />\n                                </div>\n                                <div class="org-row">\n                                    <DcTextInput\n                                           name="organization"\n                                           :label="orgTitle"\n                                           :placeholder="orgTitle"\n                                           type="text"\n                                           v-model="generalContactInfo.company"\n                                           rules="required|max:100"\n                                       />\n                                </div>\n                                <div class="est-row">\n                                    <DcTextInput\n                                           name="productAnnualVolume"\n                                           :label="estVolTitle"\n                                           :placeholder="est
1VolTitle"\n                                           type="text"\n                                           v-model="quantity"\n                                           rules="required|min_value:-100000000000|max_value:100000000000"\n                                       />\n                                    <basic-dropdown\n                                       class="dropdown-text"\n                                       :options="unitOptions"\n                                       :selectedOption="unit"\n                                       :hasArrow="true"\n                                       @change="newSelectedOption">\n                                     </basic-dropdown>\n                                </div>\n                            </div>\n                            <div class="right-main-row">\n                                <div class="prod-name-container">\n                                    <DcTextInput\n                                           name="productName"\n                                           :label="productNameTitle"\n                                           :placeholder="productNameTitle"\n                                           type="text"\n                                           v-model="productName"\n                                           rules="required|max:190"\n                                       />\n                                </div>\n                                <div class="mkt-container" id="marketDropdown" v-cloak>\n                                    <span class="form__input form__input--required"\n                                           for="Lead_Scoring_Market">{{ marketText }}</span>\n                                    <basic-dropdown\n                                            class="dropdown-text"\n                                            :options="prodMarkets"\n                                            :selected-option="leadScoringData?.selectedMarket?.value || \'\'"\n                                                :has-arrow="true"\n                                            @change="updateSelectedMarket">\n                                    </basic-dropdown>\n                                    <p v-if="showError && !marketValid" class="required-text">{{ requiredText }}</p>\n                                </div>\n\n                                <div class="sub-mkt-container" id="submarketDropdown" :class="{\'hidden\': hideSubmarket}" v-cloak>\n                                    <span class="form__input form__input--required"\n                                           for="Lead_Scoring_SubMarket">{{ submarketText }}</span>\n                                    <basic-dropdown\n                                            class="dropdown-text"\n                                            :options="prodSubMarkets"\n                                            :selected-option="leadScoringData?.selectedSubmarket?.value || \'\'"\n                                                :has-arrow="true"\n                                            @change="updateSelectedSubmarket">\n                                    </basic-dropdown>\n                                    <p v-if="showError && !subMarketValid" class="required-text">{{ requiredText }}</p>\n                                </div>\n\n                                <div class="app-container" id="applicationDropdown" :class="{\'hidden\': hideApplication}" v-cloak>\n                                    <span class="form__input form__input--required"\n                                           for="Lead_Scoring_Applications">{{ applicationText }}</span>\n                                    <basic-dropdown\n                                            class="dropdown-text"\n                                            :options="prodApplications"\n                                            :selected-option="leadScoringData?.selectedApplication?.value || \'\'"\n                                                :has-arrow="true"\n                                            @change="updateSelectedApplication">\n                                    </basic-dropdown>\n                                    <p v-if="showError && !applicationValid" class="required-text">{{ requiredText }}</p>\n                                </div>\n\n                                <div class="companyType-container" id="companyTypeDropdown" v-cloak>
1\n                                    <span class="form__input form__input--required">{{ companyTypeText }}</span>\n                                    <basic-dropdown\n                                       class="dropdown-companyType"\n                                       ref="dropdown"\n                                       :options="companyTypeOptions"\n                                       :hasArrow="true"\n                                       :selected-option="this.companyType"\n                                       @change="newSelectedCompanyType"\n                                       @keydown="onDropdownKeydown">\n                                     </basic-dropdown>\n                                </div>\n\n                                <div class="check-container">\n                                  <DcCheckBox\n                                    name="speakToRep"\n                                    type="checkbox"\n                                    v-model="speakToRep"\n                                    :label="speakToRepTitle"                       \n                                    :value="true"\n                                    id="test2"\n                                  />\n                                </div>\n                            </div>\n                        </div>\n\n                        <br>\n                        <div class="main-row-bottom">\n                            <div class="exp-row">\n                                 <DcTextArea\n                                    :validateOnBlur="false" :validateOnChange="false" :validateOnInput="false"\n                                           name="contact.details"\n                                           :label="contactDetailsTitle + \'*\'"\n                                           :placeholder="contactDetailsTitle"\n                                           type="text"\n                                           v-model="details"\n                                           rules="required"\n                                       />\n                            </div>\n                        </div>\n\n                        <div class="btn-row">\n                            <button  type="submit"  class="btn btn-primary btn-sm pull-left" :disabled="submitDisabled">\n                                {{submitButtonTitle}}\n                            </button>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n            <div class="card confirmation-screen" v-if="formComplete == true">\n                <div class="card-body">\n                    <div class="row">\n                        <h2 class="card-title col-lg-12 col-xs-12 confirmation-screen-title">{{thankYouInquiry}}</h2></div>\n                    <div class="confirmation-screen-text-container row">\n                        <span class="confirmation-screen-text">{{contactLater}}</span>\n                    </div>\n                    <div class="row">\n                        <a class="btn btn-primary" :href="productCatalogUrl">\n                            {{requestAnotherTitle}}\n                        </a>\n                    </div>\n                </div>\n            </div>\n            <DcModal\n                class="sample-inquiry-error-modal"\n                v-if="showErrorModal"\n                @modalClose="closeModal()"\n            >\n                <template #header>\n                    <h4>{{ getLabel(\'error\') }}</h4>\n                </template>\n                <template #body>\n                    <div class="sample-inquiry-error-modal-text">\n                        <div>\n                            <p v-html="errorMsg"></p>\n                        </div>\n                    </div>\n                </template>\n                <template #footer>\n                    <button class="sample-inquiry-error-modal-button" type="submit" @click="closeModal()">\n                        {{ getLabel(\'button.close.UPPER\') }}\n                    </button>\n                </template>\n            </DcModal>\n            </DcForm>\n        </Teleport>\n    ',mixins:[l()],components:{BasicDropdown:r.A,DcTextInput:c.A,DcTextArea:u.A,DcCheckBox:m.A,DcModal:h.A},props:{unit:String},data:function(){return{requiredFields:["firstName","lastName","email","phone","organization","productAnnualVolume","productName"],companyType:"",productC
1ode:"",formComplete:!1,market:null,submarket:null,application:null,markets:null,subMarkets:null,applications:null,showError:!1,loading:!1,validate:!0,randomNumber:this.randomId(),postUserInfo:[],requestorInfo:{salutation:new g("Requestor_salutation",window.Granite.I18n.get("cig.salutation")),lastName:new g("Requestor_last_name",window.Granite.I18n.get("last.name.Title")),firstName:new g("Requestor_first_name",window.Granite.I18n.get("first.name.Title")),email:new g("Requestor_email",window.Granite.I18n.get("email.Title")),confirmEmail:new g("Requestor_confirm_email",window.Granite.I18n.get("button.confirm.Title")+" "+window.Granite.I18n.get("email.Title")),phone:new g("Requestor_phone",window.Granite.I18n.get("phone")),mobile:new g("Requestor_mobile_phone",window.Granite.I18n.get("mobile")+" "+window.Granite.I18n.get("phone")),company:new g("Requestor_company",window.Granite.I18n.get("company.title")),country:new g("Requestor_country",window.Granite.I18n.get("country.Title")),address:new g("Requestor_address",window.Granite.I18n.get("address.Title")),address2:new g("Requestor_address2",window.Granite.I18n.get("address.Title")+" "+window.Granite.I18n.get("line.found.results")+" 2"),city:new g("Requestor_city",window.Granite.I18n.get("city.Title")),state:new g("Requestor_state",window.Granite.I18n.get("state.county.province")),postalCode:new g("Requestor_postal_code",window.Granite.I18n.get("zip.postal.code")),emailOptIn:new g("Requestor_email_opt_in",window.Granite.I18n.get("text.myPreferences.emailOptInToEmail"))},recipientInfo:{salutation:new g("sSalutation",window.Granite.I18n.get("cig.salutation")),lastName:new g("sLName",window.Granite.I18n.get("last.name.Title")),firstName:new g("sFName",window.Granite.I18n.get("first.name.Title")),email:new g("sEmail",window.Granite.I18n.get("email.Title")),confirmEmail:new g("sConfirmEmail",window.Granite.I18n.get("button.confirm.Title")+" "+window.Granite.I18n.get("email.Title")),phone:new g("sPhone",window.Granite.I18n.get("phone")),mobile:new g("sMobilePhone",window.Granite.I18n.get("mobile")+" "+window.Granite.I18n.get("phone")),company:new g("sCompany",window.Granite.I18n.get("company.title")),country:new g("sCountry",window.Granite.I18n.get("country.Title")),address:new g("sAddress",window.Granite.I18n.get("address.Title")),address2:new g("sAddress2",window.Granite.I18n.get("address.Title")+" "+window.Granite.I18n.get("line.found.results")+" 2"),city:new g("sCity",window.Granite.I18n.get("city.Title")),state:new g("sProvince",window.Granite.I18n.get("state.county.province")),postalCode:new g("sPostal",window.Granite.I18n.get("zip.postal.code")),emailOptIn:new g("sEmailOptIn",window.Granite.I18n.get("text.myPreferences.emailOptInToEmail")),ecid:new g("ecid","ECID",this.$store.state.user.ecid)},group:new g("sGroup",window.Granite.I18n.get("cig.silicones.inquiry"),""),productName:this.productName,generalContactInfo:{salutation:"",firstName:"",lastName:"",email:"",confirmEmail:"",phone:"",mobile:"",company:"",country:"",address:"",address2:"",city:"",state:"",postalCode:"",emailOptIn:""},communications:{requestor:!0,recipient:!1,additional:""},organization:"",speakToRep:!1,details:"",quantity:"",volumeUnit:"KG",captchaV2Bypass:window.captchaV2Bypass,captchaV3Bypass:window.captchaV3Bypass,postSubject:new g("subject","Subject",""),token:null,submitDisabled:!1,showErrorModal:!1,errorMsg:""}},computed:{leadScoringValid:function(){return this.marketValid&&this.subMarketValid&&this.applicationValid},marketValid:function(){return null!=this.market&&void 0!=this.market&&""!=this.market},subMarketValid:function(){return null!=this.submarket&&void 0!=this.submarket&&""!=this.submarket},applicationValid:function(){return null!=this.application&&void 0!=this.application&&""!=this.application},requiredText:function(){return Granite.I18n.get("field.required.Sentence")},companyTypeOptions:function(){return[{text:window.Granite.I18n.get("select.one.Title"),value:"Select One"},{text:window.Granite.I18n.get("sampleInquiry.companyType.option1"),value:"Compounder / Fabricator / Processor"},{text:window.Granite.I18n.get("sampleInquiry.companyType.option2"),value:"Customer / End-User / OEM"},{text:window.Granite.I18n.get("sampleInquiry.companyType.option3"),value:"Distributor / Reseller"},{text:window.Granite.I18n.get("sampleInquiry.companyType.option4"),value:"Institutional (Education, Government)"},{text:window.Granite.I18n.get("sampleInquiry.companyType.other"),value:"Other"}]},unitOptions:function(){return[{text:window.Granite.I18n.get("unit.kg"),value:"KG"},{text:window.Granite.I18n.get("unit.lb"),value:"LB"},{text:window.Granite.I18n.get("unit.mt"),value:"MT"},{text:window.Granite.I18n.get("unit.cartridges"),value:"CTD"}]},submitButtonTitle:function(){return window.Granite.I18n.get("sample.request.submit")},contactLater:function(){return window.Granite.I18n.get("dow.contact.later")},thankYouInquiry:function(){return window.Granite.I18n.get("thank.you.for.inquiry")},requestAnotherTitle:function(){return window.Granite.I18n.get("request.another.sample")},sampleDetailsTitle:function(){return window.Granite.I18n.get("cig.sample.details")},firstNameTitle:function(){return window.Granite.I18n.get("first.name.Title")},lastNameTitle:function(){return window.Granite.I18n.get("last.name.Title")},emailTitle:function(){return window.Granite.I18n.get("email.Title")},phoneTitle:function(){return window.Granite.I18n.get("phone")},orgTitle:function(){return window.Granite.I18n.get("organization.Title")},estVolTitle:function(){return window.Granite.I18n.get("what.consumption.volume")},productNameTitle:function(){return window.Granite.I18n.get("cig.product.name")},speakToRepTitle:function(){return window.Granite.I18n.get("sample.request.speaktorep")},contactDetailsTitle:function(){return window.Granite.I18n.get("sample.request.details")},marketText:function(){return window.Granite.I18n.get("market.Title")},submarketText:function(){return window.Granite.I18n.get("submarket.Title")},applicationText:function(){return window.Granite.I18n.get("application")},companyTypeText:function(){return window.Granite.I18n.get("what.company.type")},hideSubmarket:function(){return!this.leadScoringData||!this.leadScoringData.selectedMarket||jQuery.isEmptyObject(this.leadScoringData.selectedMarket)||0===this.leadScoringData.submarkets.length},hideApplication:function(){return!this.leadScoringData||!this.leadScoringData.selectedSubmarket||jQuery.isEmptyObject(this.leadScoringData.selectedSubmarket)||0===this.leadScoringData.applications.length},productCatalogUrl:function(){var e=p["default"].state.browser.cookies["languageCode"]||"en-us";return"/"+e+"/product-catalog.html"},productInfo:function(){var e=[];e.push(new g("Product1_sProduct",window.Granite.I18n.get("cig.product.name"),this.productName)),this.productC
1ode&&e.push(new g("Product1_web-code","Web Code",this.productCode)),e.push(new g("Product1_Request1_request-type","Request Type","Sample")),e.push(new g("Product1_Request1_sample-details",window.Granite.I18n.get("cig.request.details"),this.details)),e.push(new g("Product1_Request1_lead_market_code","Market",this.market)),e.push(new g("Product1_Request1_lead_market","Market",this.leadScoringData?.selectedMarket?.text||"")),e.push(new g("Product1_Request1_lead_sub_market_code","Sub Market",this.submarket)),e.push(new g("Product1_Request1_lead_sub_market","Sub Market",this.leadScoringData?.selectedSubmarket?.text||"")),e.push(new g("Product1_Request1_lead_application_code","Application",this.application)),e.push(new g("Product1_Request1_lead_application","Application",this.leadScoringData?.selectedApplication?.text||""));var t=this.quantity+" "+this.volumeUnit;return e.push(new g("Product1_Request1_product-volume",window.Granite.I18n.get("what.consumption.volume"),t)),e.push(new g("Product1_Request1_businessAlignment","Business Alignment",this.getBusinessAlignment(this.market,this.submarket,this.application))),e},leadScoringFields:function(){var e=[];return this.market||(this.market=this.leadScoringData?.selectedMarket?.value||""),this.submarket||(this.submarket=this.leadScoringData?.selectedSubmarket?.value||""),this.application||(this.application=this.leadScoringData?.selectedApplication?.value||""),e.push(new g("Formname","Form Name","SampleCart")),e.push(new g("UrlReferrer","Url Referrer",window.location.href)),e.push(new g("Requestor_company",window.Granite.I18n.get("company.title"),this.generalContactInfo.company)),e.push(new g("lead_market_code","Market",this.market)),e.push(new g("lead_market","Market",this.leadScoringData?.selectedMarket?.text||"")),e.push(new g("lead_sub_market_code","Sub Market",this.submarket)),e.push(new g("lead_sub_market","Sub Market",this.leadScoringData?.selectedSubmarket?.text||"")),e.push(new g("lead_application_code","Application",this.application)),e.push(new g("lead_application","Application",this.leadScoringData?.selectedApplication?.text||"")),e.push(new g("Q_2","What is Your Industry / Company Type?",window.Granite.I18n.get("what.company.type"))),e.push(new g("Q_2_ANSWER","What is Your Industry / Company Type?",this.companyType===window.Granite.I18n.get("select.one.Title")?"":this.companyType)),e},leadScoringData:function(){var e=this.$store.getters["leadScoring/getLeadScoringDataForItem"]({identifier:this.randomNumber});return e?.market&&(this.market=e.market),e?.submarket&&(this.submarket=e.submarket),e?.application&&(this.application=e.application),e},prodMarkets:function(){return this?.leadScoringData?.markets||[]},prodSubMarkets:function(){return this.market?this?.leadScoringData?.submarkets.filter(e=>e?.parents?.includes(this.market)||""===e.value)||[]:this?.leadScoringData?.submarkets||[]},prodApplications:function(){return this.submarket?this?.leadScoringData?.applications.filter(e=>e?.parents?.includes(this.submarket)||""===e.value||"CANT_FIND_APP"===e.value)||[]:this?.leadScoringData?.applications||[]}},created:function(){var e=new URLSearchParams(window.location.search),t=Object.fromEntries(e.entries()),n=t["product"],a=t["productCode"],i=t["market"],o=t["submarket"],r=t["application"];n&&(this.productName=n),a&&(this.productCode=a),i&&(this.market=i),o&&(this.submarket=o),r&&this.applications&&(this.application=r),this.loadProdCategories(),$(".invalid-feedback").show()},mounted:function(){$(".errormsg").hide(),this.market&&this.updateSelectedMarket(this.market),this.submarket&&this.updateSelectedSubmarket(this.submarket),this.application&&this.updateSelectedApplication(this.application),this.$store.dispatch("user/updateDccUserInfo",this.$store.state.user.dccUserInfo).then(()=>{this.$store.state.user.dccUserInfo?.data?.firstName&&(this.generalContactInfo.firstName=this.$store.state.user.dccUserInfo?.data?.firstName),this.$store.state.user.dccUserInfo?.data?.lastName&&(this.generalContactInfo.lastName=this.$store.state.user.dccUserInfo?.data?.lastName),this.$store.state.user.dccUserInfo?.data?.email&&(this.generalContactInfo.email=this.$store.state.user.dccUserInfo?.data?.email),this.$store.state.user.dccUserInfo?.data?.phoneNumber&&(this.generalContactInfo.phone=this.$store.state.user.dccUserInfo?.data?.phoneNumber),this.$store.state.user.dccUserInfo?.data?.userAddress?.companyName&&(this.generalContactInfo.company=this.$store.state.user.dccUserInfo?.data?.userAddress?.companyName)}),this.appendAsterisk()},methods:{tabInDropdown(){const e=document.querySelectorAll(".dropdown.simple-dropdown.open.dropdown-companyType");
1e.forEach(e=>{let t=e.className;t=t.replace("open ","").trim(),e.className=t}),this.$nextTick(()=>{const e=this.$el.nextElementSibling;e&&e.focus()})},onDropdownKeydown(e){switch(e.key){case"ArrowUp":const e=document.querySelectorAll(".hover");e.forEach(e=>{e.focus()});break;case"ArrowDown":const t=document.querySelectorAll(".hover");t.forEach(e=>{e.focus()});break;case"Tab":this.tabInDropdown();break}},noApplicationValue:function(){return"CANT_FIND_APP"===this.application},getBusinessAlignment:function(e,t,n){var a=this.filterBusinessAlignment(this.leadScoringData?.applications,n);return a&&""!==a||(a=this.filterBusinessAlignment(this.leadScoringData?.submarkets,t)),a&&""!==a||(a=this.filterBusinessAlignment(this.leadScoringData?.markets,e)),a},filterBusinessAlignment:function(e,t){for(var n in e)if(e[n].value===t)return e[n].businessAlignment;return""},finalizeFormData:function(){var e=this.productInfo.slice(),t=Boolean(document.referrer)?document.referrer:document.location.href;let n=(0,d.Q)();var a=[new g("UrlReferrer","Url Referrer",t),new g("Formname","Form Name","SampleCart"),new g("DescriptiveFormname","Descriptive Form Name","SampleCartNoOptions"),new g("refUrl","Reference URL",n.refUrl),new g("cid","CID",n.cid),new g("crmid","CRM ID",n.crmid),new g("channel","Channel",n.channel),new g("source","Source",n.source),new g("speakToRep","Speak to a rep about alternative options",!0===this.speakToRep),this.group];return Object.keys(this.communications).forEach(function(e){var t="Fulfillment_Communications_"+e.charAt(0).toUpperCase()+e.slice(1);a.push(new g(t,t.replace(/_/g," "),this.$options.filters.display(this.communications[e],!0)))}.bind(this)),e.concat(a)},filterEmptyValues:function(e){return e?e.filter(function(e){return Boolean(e.value)}):[]},finishSample:function(){$(".dc-form__error").hide();var e=this;e.submitDisabled=!0,grecaptcha.execute(window.captchaV3SiteKey,{action:"CIG"}).then(function(t){e.token=t,e.submit()}.bind(this))},submit:function(){if(this.leadScoringValid){var e=this.finalizeFormData(),t=this;Object.keys(this.generalContactInfo).forEach(function(e){this.recipientInfo[e].value=this.generalContactInfo[e]}.bind(this));var n=t.productName,a=this.$store.state.user.dccUserInfo?.data?.defaultDeliveryAddress?.shipToAddress?.country?.isocode||this.$store.state.browser.country;""!=a&&void 0!=a||(a=p["default"].state.settings.GEO_LOC_DEFAULT_COUNTRY),this.postSubject.value="EXT-"+a+"-{{loc}}-"+n+"-SMP",this.recipientInfo.country.value=a,t.postUserInfo=[],Object.keys(this.recipientInfo).forEach(function(e){null!=t.recipientInfo[e].value&&t.postUserInfo.push(Object.assign({},t.recipientInfo[e]))});var i=[];this.productCode&&i.push(new g(this.productCode,"web"));var o={type:"CIG",form:JSON.stringify(e),subject:JSON.stringify(this.postSubject),userInfo:JSON.stringify(this.postUserInfo),productInfo:JSON.stringify(i),leadScoring:JSON.stringify(this.leadScoringFields),sendTo:w,recaptcha3Response:this.token};$.ajax({type:"POST",url:p["default"].state.settings.contact_us,data:o,success:function(e){this.formComplete=!0}.bind(this),error:function(e){this.errorMsg="<ul class='invalidFieldList'>",e.responseJSON.invalidFields.forEach(e=>{this.errorMsg+="<li>"+e+"</li>"}),this.errorMsg+="</ul>",this.showErrorModal=!0,this.submitDisabled=!1}.bind(this)})}else this.showError=!0,this.submitDisabled=!1},closeModal:function(){this.showErrorModal=!1,this.errorMsg=""},loadProdCategories:function(){var e=this;e.$store.dispatch("leadScoring/loadProductCategories",{identifier:e.randomNumber,parentID:e.productCode,marketCode:e.market,displayDefaultOptions:!0})},newSelectedOption:function(e){const t=document.querySelector(".est-row span.dropdown-selected-text");var n=Granite.I18n.get("unit."+e.toLowerCase());t.textContent=n,this.volumeUnit=e},newSelectedCompanyType:function(e){this.companyType=e},updateSelectedMarket:function(e){""!=e&&(this.market=e,this.submarket=null,this.application=null,this.$store.commit("leadScoring/updateSelectedMarket",{identifier:this.randomNumber,parentID:this.parentID,marketCode:e}))},updateSelectedSubmarket:function(e,t){""!=e&&(this.submarket=e,this.application=null,this.$store.commit("leadScoring/updateSelectedSubmarket",{identifier:this.randomNumber,parentID:this.parentID,submarketCode:e}))},updateSelectedApplication:function(e){""!=e&&(this.application=e,this.$store.commit("leadScoring/updateSelectedApplication",{identifier:this.randomNumber,parentID:this.parentID,applicationCode:e}))},setApplicationText:function(e){this.applicationText=e.target.options[e.target.options.selectedIndex].text},getLabel:function(e){return window.Granite.I18n.get(e)}
1,appendAsterisk:function(){this.requiredFields.forEach(e=>{let t=$('input[name^="'+e+'"]');if(t){let e=t.parent().prev()[0];e&&(e.innerText=e.innerText+"*")}})}},filters:{prettyPrint:function(e){return JSON.stringify(e,null,2)},display:function(e,t){if(e instanceof Array)return e.filter(function(e){return!1!==e.toString()}).join(", ");switch(typeof e){case"boolean":return t?e?"yes":"no":e?window.Granite.I18n.get("button.yes.Title"):window.Granite.I18n.get("button.no.Title")}return e},i18n:function(e){return window.Granite.I18n.get(e)}}};function g(e,t,n){this.id=e,this.name=t||e,this.value=n,this.sendTo=w}var b={extends:o.Ay,name:"SampleNotAvailable",created(){},components:{SampleRequest:f}},v=n(71786);const y=(0,v.A)(b,[["render",i]]);var I=y},80289:function(e){e.exports={methods:{randomId:function(){return""+(new Date).getTime()+Math.random()}}}},83998:function(e,t,n){"use strict";n.d(t,{A:function(){return f}});var a=n(77001);const i=["for"],o={class:"dc-form__control"},r=["type","id","placeholder","onChange","tabindex","disabled","errormessage"],s={key:0},l={key:1},d={key:0,class:"dc-form__help"};function c(e,t,n,c,p,u){const m=(0,a.resolveComponent)("VeeField"),h=(0,a.resolveComponent)("ErrorMessage");return(0,a.openBlock)(),(0,a.createElementBlock)("div",{class:(0,a.normalizeClass)(["dc-form__group",{"inactive-input":n.disabled,[e.$attrs.class]:!0}])},[(0,a.createElementVNode)("label",{for:u.randomId,class:(0,a.normalizeClass)(["dc-form__label",{"tw-sr-only":n.nolabel}])},(0,a.toDisplayString)(n.label),11,i),(0,a.renderSlot)(e.$slots,"tooltip"),(0,a.createElementVNode)("div",o,[(0,a.createVNode)(m,(0,a.mergeProps)({class:"dc-form__input",name:n.name,label:n.label,modelValue:n.modelValue,id:n.name,placeholder:n.nolabel?n.placeholder||n.label:n.placeholder},e.$attrs,{rules:n.rules,onInput:t[1]||(t[1]=t=>e.$emit("modelUpdate",t)),validateOnBlur:n.validateOnBlur,validateOnChange:n.validateOnChange,validateOnInput:n.validateOnInput}),{default:(0,a.withCtx)(({field:i,errorMessage:o})=>[(0,a.renderSlot)(e.$slots,"input-before"),(0,a.createElementVNode)("input",(0,a.mergeProps)({ref:"dcTextInput",type:e.$attrs.type,class:{invalid:!!o}},i,{id:u.randomId,placeholder:n.placeholderInput,onInput:t[0]||(t[0]=e=>u.onInput(e)),onChange:e=>u.onChange(o),tabindex:n.tabindex,disabled:n.disabled,errormessage:o}),null,16,r)]),_:3},16,["name","label","modelValue","id","placeholder","rules","validateOnBlur","validateOnChange","validateOnInput"])]),(0,a.createVNode)(h,{name:n.name,as:"p",class:"dc-form__error errormsg"},{default:(0,a.withCtx)(({message:e})=>[n.customErrorMessage?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("span",s,(0,a.toDisplayString)(e),1)),n.customErrorMessage?((0,a.openBlock)(),(0,a.createElementBlock)("span",l,(0,a.toDisplayString)(n.customErrorMessage),1)):(0,a.createCommentVNode)("",!0)]),_:1},8,["name"]),n.helpText?((0,a.openBlock)(),(0,a.createElementBlock)("p",d,"Optional Help text")):(0,a.createCommentVNode)("",!0)],2)}var p=n(32839),u=n(482),m={inheritAttrs:!1,props:{rules:{type:[String,Object],default:""},name:{type:String,required:!0},label:{type:String,default:""},nolabel:{type:Boolean,default:!1},modelValue:{type:String,default:""},placeholder:{type:String,default:""},helpText:{type:String,default:""},placeholderInput:{type:String,default:""},validateOnBlur:{type:Boolean,default:!0},validateOnChange:{type:Boolean,default:!0},validateOnInput:{type:Boolean,default:!0},customErrorMessage:{type:String},tabindex:{type:Number,required:!1,default:0},disabled:{type:Boolean,required:!1,default:!1}},mounted(){const e=this.$refs.dcTextInput,t=new MutationObserver(t=>{for(let n of t)if("attributes"===n.type&&"errormessage"===n.attributeName){let t=e.getAttribute("errormessage");t&&(t=this.customErrorMessage?this.customErrorMessage:t);let n={name:this.name,label:this.label,errorMessage:t};this.$emit("error-message-change",n)}});t.observe(e,{attributes:!0})},components:{ErrorMessage:u.Kw},computed:{randomId(){return(0,p.vL)(this.name,6)}},methods:{onChange(e){let t={name:this.name,label:this.label,errorMessage:e};this.$emit("text-change",t)},onInput(e){this.$emit("input",e.target.value)}}},h=n(71786);const w=(0,h.A)(m,[["render",c]]);var f=w}}]);
2//# sourceMappingURL=clientlib-dependencies/resources/sample-not-available.780d9654522f41d7.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.