FileMaster

Edit File: sc-compact-address2.js

import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{g as getCountryDetails,c as countryChoices}from"./address.js";import{r as reportChildrenValidity}from"./form-data.js";import{d as defineCustomElement$b}from"./sc-block-ui2.js";import{d as defineCustomElement$a}from"./dropdown.js";import{d as defineCustomElement$9}from"./sc-form-control2.js";import{d as defineCustomElement$8}from"./sc-icon2.js";import{d as defineCustomElement$7}from"./sc-input2.js";import{d as defineCustomElement$6}from"./sc-menu2.js";import{d as defineCustomElement$5}from"./sc-menu-item2.js";import{d as defineCustomElement$4}from"./sc-menu-label2.js";import{d as defineCustomElement$3}from"./sc-select2.js";import{d as defineCustomElement$2}from"./sc-spinner2.js";import{d as defineCustomElement$1}from"./sc-visually-hidden2.js";const scCompactAddressCss=":host{display:block}.sc-address{display:block;position:relative}.sc-address [hidden]{display:none}.sc-address--loading{min-height:70px}.sc-address--loading sc-skeleton{display:block;margin-bottom:1em}.sc-address__control{display:block}.sc-address__control>*{margin-bottom:-1px}.sc-address__columns{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.sc-address__columns>*{flex:1;width:50%;margin-left:-1px}.sc-address__columns>*:first-child{margin-left:0}",ScCompactAddressStyle0=scCompactAddressCss,ScCompactAddress=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.scChangeAddress=createEvent(this,"scChangeAddress",7),this.scInputAddress=createEvent(this,"scInputAddress",7),this.address={country:null,city:null,line_1:null,line_2:null,postal_code:null,state:null},this.names={country:"shipping_country",city:"shipping_city",line_1:"shipping_line_1",line_2:"shipping_line_2",postal_code:"shipping_postal_code",state:"shipping_state"},this.placeholders={country:"",postal_code:"",state:""},this.label=wp.i18n.__("Country or region","surecart"),this.required=void 0,this.loading=void 0,this.countryChoices=void 0,this.regions=void 0,this.showState=void 0,this.showPostal=void 0,this.postalCodeRegex=void 0}handleAddressChange(){var e;(null===(e=this.address)||void 0===e?void 0:e.country)&&(this.setRegions(),this.showState=["US","CA"].includes(this.address.country),this.showPostal=["US"].includes(this.address.country),this.scChangeAddress.emit(this.address),this.scInputAddress.emit(this.address))}updateAddress(e){this.address={...this.address,...e}}handleAddressInput(e){this.scInputAddress.emit({...this.address,...e})}clearAddress(){var e;this.address={name:null===(e=this.address)||void 0===e?void 0:e.name,country:null,line_1:null,line_2:null,city:null,postal_code:null,state:null}}async setRegions(){var e,s;const t=await getCountryDetails(null===(e=this.address)||void 0===e?void 0:e.country);this.regions=(null===(s=null==t?void 0:t.states)||void 0===s?void 0:s.map((e=>({value:null==e?void 0:e.code,label:null==e?void 0:e.name}))))||[],this.placeholders=null==t?void 0:t.address_labels,this.postalCodeRegex=(null==t?void 0:t.postal_code_regex)||void 0}componentWillLoad(){var e,s;this.initCountryChoices(),this.handleAddressChange();const t=null===(s=null===(e=this.countryChoices)||void 0===e?void 0:e.find((e=>e.value===this.address.country)))||void 0===s?void 0:s.value;t&&this.updateAddress({country:t})}async initCountryChoices(){this.countryChoices=await countryChoices()}async reportValidity(){return reportChildrenValidity(this.el)}render(){var e,s,t,o,d,a,i;return h("div",{key:"4fb9e2d04eb03c3666ac6a0c38d7cbae67a552e6",class:"sc-address",part:"base"},h("sc-form-control",{key:"59dbb9c97a89f4b115c51cb046fd1820c9c8c5ea",exportparts:"label, help-text, form-control",label:this.label,class:"sc-address__control",part:"control",required:this.required},h("sc-select",{key:"b3f767b87962935ce82f22de374fad200551e4bc",exportparts:"base:select__base, input, form-control, label, help-text, trigger, panel, caret, search__base, search__input, search__form-control, menu__base, spinner__base, empty",value:null===(e=this.address)||void 0===e?void 0:e.country,onScChange:e=>{this.clearAddress(),this.updateAddress({country:e.target.value||null})},choices:this.countryChoices,autocomplete:"country-name",placeholder:(null===(s=this.placeholders)||void 0===s?void 0:s.country)||wp.i18n.__("Select Your Country","surecart"),name:this.names.country,search:!0,unselect:!1,"squared-bottom":this.showState||this.showPostal,required:this.required}),h("div",{key:"03775b02eb1b1a0cfa291c56ae9433fda98acde8",class:"sc-address__columns"},this.showState&&h("sc-select",{key:"4276b2efc3bd3b7d8dafeb1e1b58564e58e6902a",exportparts:"base:select__base, input, form-control, label, help-text, trigger, panel, caret, search__base, search__input, search__form-control, menu__base, spinner__base, empty",placeholder:null===(t=this.placeholders)||void 0===t?void 0:t.state,name:this.names.state,autocomplete:"address-level1",value:null===(o=null==this?void 0:this.address)||void 0===o?void 0:o.state,onScChange:e=>this.updateAddress({state:e.target.value||null}),choices:this.regions,required:this.required,search:!0,"squared-top":!0,unselect:!1,"squared-right":this.showPostal}),this.showPostal&&h("sc-input",{key:"94bab9cf158b17f0ff88c37f027664f32292bfc9",exportparts:"base:input__base, input, form-control, label, help-text",placeholder:(null===(d=this.placeholders)||void 0===d?void 0:d.postal_code)||wp.i18n.__("Postal Code/Zip","surecart"),name:this.names.postal_code,onScChange:e=>this.updateAddress({postal_code:e.target.value||null}),onScInput:e=>this.handleAddressInput({postal_code:e.target.value||null}),autocomplete:"postal-code",required:this.required,value:null===(a=null==this?void 0:this.address)||void 0===a?void 0:a.postal_code,"squared-top":!0,maxlength:"US"===(null===(i=this.address)||void 0===i?void 0:i.country)?5:void 0,pattern:this.postalCodeRegex,customValidity:this.postalCodeRegex?wp.i18n.__("Please enter a valid postal code","surecart"):void 0,"squared-left":this.showState}))),this.loading&&h("sc-block-ui",{key:"b498d0b34195fadf07d3d1e690f87de002012208",exportparts:"base:block-ui, content:block-ui__content"}))}get el(){return this}static get watchers(){return{address:["handleAddressChange"]}}static get style(){return ScCompactAddressStyle0}},[1,"sc-compact-address",{address:[1040],names:[16],placeholders:[16],label:[1],required:[4],loading:[4],countryChoices:[32],regions:[32],showState:[32],showPostal:[32],postalCodeRegex:[32],reportValidity:[64]},void 0,{address:["handleAddressChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-compact-address","sc-block-ui","sc-dropdown","sc-form-control","sc-icon","sc-input","sc-menu","sc-menu-item","sc-menu-label","sc-select","sc-spinner","sc-visually-hidden"].forEach((e=>{switch(e){case"sc-compact-address":customElements.get(e)||customElements.define(e,ScCompactAddress);break;case"sc-block-ui":customElements.get(e)||defineCustomElement$b();break;case"sc-dropdown":customElements.get(e)||defineCustomElement$a();break;case"sc-form-control":customElements.get(e)||defineCustomElement$9();break;case"sc-icon":customElements.get(e)||defineCustomElement$8();break;case"sc-input":customElements.get(e)||defineCustomElement$7();break;case"sc-menu":customElements.get(e)||defineCustomElement$6();break;case"sc-menu-item":customElements.get(e)||defineCustomElement$5();break;case"sc-menu-label":customElements.get(e)||defineCustomElement$4();break;case"sc-select":customElements.get(e)||defineCustomElement$3();break;case"sc-spinner":customElements.get(e)||defineCustomElement$2();break;case"sc-visually-hidden":customElements.get(e)||defineCustomElement$1()}}))}export{ScCompactAddress as S,defineCustomElement as d};

Back