@descope/web-components-ui 1.0.282 → 1.0.284
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1081 -935
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1081 -940
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1621.js +1 -1
- package/dist/umd/{3280.js → 2106.js} +5 -129
- package/dist/umd/{3280.js.LICENSE.txt → 2106.js.LICENSE.txt} +0 -6
- package/dist/umd/2775.js +240 -0
- package/dist/umd/2775.js.LICENSE.txt +17 -0
- package/dist/umd/3003.js +1 -1
- package/dist/umd/3249.js +2 -0
- package/dist/umd/3249.js.LICENSE.txt +5 -0
- package/dist/umd/3373.js +2 -0
- package/dist/umd/3373.js.LICENSE.txt +5 -0
- package/dist/umd/4946.js +2 -0
- package/dist/umd/4946.js.LICENSE.txt +5 -0
- package/dist/umd/6091.js +2 -1
- package/dist/umd/6606.js +17 -0
- package/dist/umd/7044.js +1 -1
- package/dist/umd/7531.js +1 -1
- package/dist/umd/9383.js +94 -0
- package/dist/umd/descope-avatar-index-js.js +1 -0
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +126 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.LICENSE.txt +5 -0
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-avatar/AvatarClass.js +102 -0
- package/src/components/descope-avatar/index.js +8 -0
- package/src/components/descope-grid/descope-grid-custom-column/GridCustomColumnClass.js +2 -2
- package/src/components/descope-grid/descope-grid-text-column/GridTextColumnClass.js +5 -7
- package/src/index.cjs.js +1 -0
- package/src/index.js +1 -0
- package/src/theme/components/avatar.js +40 -0
- package/src/theme/components/index.js +2 -0
- package/dist/umd/3660.js +0 -17
- package/dist/umd/5345.js +0 -94
- package/dist/umd/7262.js +0 -1
- /package/dist/umd/{3660.js.LICENSE.txt → 6606.js.LICENSE.txt} +0 -0
- /package/dist/umd/{5345.js.LICENSE.txt → 9383.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
|
|
1
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[5119,4981],{2565:(e,t,n)=>{n.d(t,{f:()=>l,Z:()=>p});var i=n(3878),r=n(4567),o=n(7262);const l=(0,r.iY)("phone-field-internal-input-box"),a=["disabled","size","bordered","invalid","readonly","phone-input-placeholder"],d={"phone-input-placeholder":"placeholder"},s=(0,i.P)({componentName:l,baseSelector:"div"}),p=class extends s{static get observedAttributes(){return[].concat(s.observedAttributes||[],a)}constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1"></descope-text-field>\n </div>\n ',this.phoneNumberInput=this.querySelector("descope-text-field")}get defaultCountryCode(){return e=this.getAttribute("default-code"),o.Z.find((t=>t.code===e))?.dialCode;var e}get hasDefaultCode(){return!!this.getAttribute("default-code")}get value(){if(!this.phoneNumberValue)return"";if(this.hasDefaultCode){const e=new RegExp(`\\+?${parseInt(this.defaultCountryCode,10)}--?`);return`${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(e,"")}`}return this.phoneNumberInput.value}set value(e){this.phoneNumberInput.value=e}get phoneNumberValue(){return this.phoneNumberInput.value}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}getValidity(){const e=this.value.replace(/\D/g,"");return this.isRequired&&!this.value?{valueMissing:!0}:e.length<this.minLength?{tooShort:!0}:e.length>this.maxLength?{tooLong:!0}:/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{}:{patternMismatch:!0}}init(){this.addEventListener("focus",(e=>{e.isTrusted&&this.phoneNumberInput.focus()})),super.init?.(),this.initInputs()}getCountryByDialCode(e){return this.countryCodeInput.items?.find((t=>t.getAttribute("data-country-code")===e))}initInputs(){this.phoneNumberInput.addEventListener("input",(e=>{1===e.target.value.length&&"-"===e.target.value&&(e.target.value=""),e.target.value=e.target.value.replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+");const t=/^[+\d-]+$/,n=e.target.value.split("").filter((e=>t.test(e))).join("");e.target.value=n})),this.handleFocusEventsDispatching([this.phoneNumberInput]),this.handleInputEventDispatching()}attributeChangedCallback(e,t,n){if(super.attributeChangedCallback(e,t,n),t!==n&&a.includes(e)){const t=d[e]||e;this.phoneNumberInput.setAttribute(t,n)}}}},3067:(e,t,n)=>{n.r(t),n(9357);var i=n(2565);customElements.define(i.f,i.Z)},9423:(e,t,n)=>{n.r(t),n.d(t,{PhoneFieldInputBoxClass:()=>v}),n(3067),n(1294),n(9357);var i=n(2565),r=n(4567),o=n(2061),l=n(1e3),a=n(6417),d=n(7262),s=n(4201);const p=a.z.cssVarList,u=(0,r.iY)("phone-input-box-field"),{host:h,label:c,requiredIndicator:f,inputField:b,phoneInput:g,errorMessage:x,helperText:m}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},v=(0,o.qC)((0,l.yk)({mappings:{fontSize:[h,b,{selector:a.z.componentName,property:a.z.cssVarList.fontSize}],fontFamily:[c,x,m],hostWidth:{...h,property:"width"},hostMinWidth:{...h,property:"min-width"},hostDirection:{...h,property:"direction"},inputBorderStyle:{...b,property:"border-style"},inputBorderWidth:{...b,property:"border-width"},inputBorderColor:{...b,property:"border-color"},inputBorderRadius:{...b,property:"border-radius"},labelTextColor:[{...c,property:"color"},{...f,property:"color"}],labelRequiredIndicator:{...f,property:"content"},errorMessageTextColor:{...x,property:"color"},inputValueTextColor:{...g,property:p.inputValueTextColor},inputPlaceholderTextColor:{...g,property:p.inputPlaceholderColor},inputOutlineStyle:{...b,property:"outline-style"},inputOutlineColor:{...b,property:"outline-color"},inputOutlineWidth:{...b,property:"outline-width"},inputOutlineOffset:{...b,property:"outline-offset"}}}),l.e4,(0,l.dj)({proxyProps:["value","selectionStart"]}),(e=>class extends e{static get CountryCodes(){return d.Z}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${i.f}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${i.f}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(i.f),(0,r.oP)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","invalid","minlength","maxlength","default-code","disabled","phone-input-placeholder"]})}}))((0,l.DM)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${(0,s.bi)(v.cssVarList)}\n ${(0,s.Pd)("vaadin-text-field")}\n ${(0,s.B)("vaadin-text-field")}\n ${(0,s.DY)()}\n\n vaadin-text-field {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n overflow: hidden;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n height: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n height: 100%;\n }\n descope-phone-field-internal-input-box .separator {\n flex: 0;\n border: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n ${p.inputOutlineWidth}: 0;\n ${p.inputOutlineOffset}: 0;\n ${p.inputBorderWidth}: 0;\n ${p.inputBorderRadius}: 0;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n ${(0,s.Wf)("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:u}));customElements.define(u,v)}}]);
|
1
|
+
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[5119,9483,2934,4981],{4049:(e,a,o)=>{o.d(a,{H:()=>y,f:()=>r});var d=o(2061),t=o(4567),n=o(4201),i=o(1e3);const r=(0,t.iY)("combo-box"),{host:l,inputField:s,inputElement:c,placeholder:m,toggle:u,clearButton:p,label:C,requiredIndicator:h,helperText:b,errorMessage:g}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},y=(0,d.qC)((0,i.yk)({mappings:{hostWidth:{...l,property:"width"},hostDirection:{...l,property:"direction"},fontSize:[{},l],fontFamily:[C,m,s,b,g],labelTextColor:[{...C,property:"color"},{...h,property:"color"}],errorMessageTextColor:{...g,property:"color"},inputHeight:{...s,property:"height"},inputBackgroundColor:{...s,property:"background-color"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},labelRequiredIndicator:{...h,property:"content"},inputValueTextColor:{...s,property:"color"},inputPlaceholderTextColor:{...m,property:"color"},inputDropdownButtonCursor:[{...u,property:"cursor"},{...p,property:"cursor"}],inputDropdownButtonColor:[{...u,property:"color"},{...p,property:"color"}],inputDropdownButtonSize:[{...u,property:"font-size"},{...p,property:"font-size"}],inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineOffset:{...s,property:"outline-offset"},inputHorizontalPadding:[{...c,property:"padding-left"},{...c,property:"padding-right"}],overlayBackground:{property:()=>y.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>y.cssVarList.overlay.textColor},overlayBorder:{property:()=>y.cssVarList.overlay.border},overlayFontSize:{property:()=>y.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>y.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>y.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>y.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>y.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>y.cssVarList.overlay.itemPaddingInlineEnd}}}),i.e4,(0,i.Iw)({name:"overlay",selector:"",mappings:{backgroundColor:{selector:"vaadin-combo-box-scroller"},minHeight:{selector:"vaadin-combo-box-overlay"},margin:{selector:"vaadin-combo-box-overlay"},cursor:{selector:"vaadin-combo-box-item"},fontFamily:{selector:"vaadin-combo-box-item"},textColor:{selector:"vaadin-combo-box-item",property:"color"},fontSize:{selector:"vaadin-combo-box-item"},itemBoxShadow:{selector:"vaadin-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),(0,i.dj)({proxyProps:["selectionStart"],inputEvent:"selected-item-changed"}),i.Ae,(e=>class extends e{#e=({displayName:e,value:a,label:o})=>`<span data-name="${o}" data-id="${a}">${e||o}</span>`;#a;get defaultValue(){return this.getAttribute("default-value")}get renderItem(){return this.#e}set renderItem(e){this.#e=e,this.renderItems()}get data(){if(this.#a)return this.#a;const e=this.getAttribute("data");if(e)try{const a=JSON.parse(e);if(this.isValidDataType(a))return a}catch(e){console.error('could not parse data string from attribute "data" -',e.message)}return[]}set data(e){this.isValidDataType(e)&&(this.#a=e,this.renderItems())}isValidDataType(e){const a=Array.isArray(e);return a||console.error("data must be an array, received:",e),a}getItemsTemplate(){return this.data?.reduce?.(((e,a)=>e+(this.renderItem?.(a||{})||"")),"")}renderItems(){const e=this.getItemsTemplate();e&&(this.innerHTML=e)}handleSelectedItem(){const e=this.baseElement.selectedItem?.["data-id"];this.baseElement.selectedItem=void 0,e&&(this.value=e),this.value||this.setDefaultValue()}customValueTransformFn(e){return e}setComboBoxDescriptor(){const e=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),a=this;Object.defineProperties(this.inputElement,{value:{...e,set(o){if(!a.baseElement.items?.length)return;const d=a.customValueTransformFn(o)||"";d!==this.value&&e.set.call(this,d)}}})}#o(){const e=this.shadowRoot.querySelector(this.baseSelector),a=Array.from(this.children);a.length&&(a.forEach((e=>{Object.defineProperty(e,"data-name",{value:e.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(e,"data-id",{value:e.getAttribute("data-id"),configurable:!0,writable:!0})})),e.items=a,setTimeout((()=>{this.handleSelectedItem()}),0)),e.renderer=(e,a,o)=>{e.innerHTML=o.item.outerHTML}}#d(){const e=this.baseElement.shadowRoot.querySelector("vaadin-combo-box-overlay");e._attachOverlay=()=>{e.bringToFront()},e._detachOverlay=()=>{},e._enterModalState=()=>{}}init(){super.init?.(),this.getValidity=function(){return!this.value&&this.isRequired?{valueMissing:!0}:{}},this.setComboBoxDescriptor(),this.#d(),this.renderItems(),(0,t.FX)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,t.P$)(this,this.#o.bind(this)),this.setDefaultValue(),this.baseElement.addEventListener("selected-item-changed",(()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}))}setDefaultValue(){this.value=this.defaultValue}set value(e){if(e){const a=this.baseElement.items?.find((a=>a["data-id"]===e));a&&(this.baseElement.selectedItem=a)}else this.baseElement.selectedItem=void 0}get value(){return this.baseElement.selectedItem?.["data-id"]||""}}))((0,i.DM)({slots:["","prefix"],wrappedEleName:"vaadin-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,n.bi)(y.cssVarList)}\n\t\t${(0,n.PH)("vaadin-combo-box")}\n\t\t${(0,n.jI)("vaadin-combo-box")}\n\t\t${(0,n.Pd)("vaadin-combo-box")}\n\n\t\tvaadin-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\tvaadin-combo-box::part(input-field) {\n\t\t\tpadding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n ${(0,n.Wf)("vaadin-combo-box")}\n\t\t`,excludeAttrsSync:["tabindex","size","data"],componentName:r,includeForwardProps:["items","renderer","selectedItem"]}))},1294:(e,a,o)=>{o.r(a),o.d(a,{ComboBoxClass:()=>d.H}),o(7583);var d=o(4049);customElements.define(d.f,d.H)},6417:(e,a,o)=>{o.d(a,{f:()=>l,z:()=>c});var d=o(1e3),t=o(4447),n=o(2061),i=o(4567),r=o(4201);const l=(0,i.iY)("text-field"),s=["type"],c=(0,n.qC)((0,d.yk)({mappings:t.Z}),d.e4,(0,d.dj)({proxyProps:["value","selectionStart"]}),d.Ae,(e=>class extends e{static get observedAttributes(){return s.concat(e.observedAttributes||[])}attributeChangedCallback(e,a,o){super.attributeChangeCallback?.(e,a,o),"type"===e&&this.baseElement._setType(o)}}))((0,d.DM)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${c.cssVarList.inputOutlineWidth}) + var(${c.cssVarList.inputOutlineOffset}));\n box-sizing: border-box;\n\t\t\t}\n ${(0,r.Wf)("vaadin-text-field")}\n\t\t\t${(0,r.bi)(c.cssVarList)}\n\t\t\t${(0,r.wm)("vaadin-text-field",c.cssVarList)}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l}))},9357:(e,a,o)=>{o.r(a),o.d(a,{TextFieldClass:()=>d.z}),o(9789);var d=o(6417);customElements.define(d.f,d.z)},7262:(e,a,o)=>{o.d(a,{Z:()=>d});const d=[{name:"United States",dialCode:"+1",code:"US"},...[{name:"Afghanistan",dialCode:"+93",code:"AF"},{name:"Aland Islands",dialCode:"+358",code:"AX"},{name:"Albania",dialCode:"+355",code:"AL"},{name:"Algeria",dialCode:"+213",code:"DZ"},{name:"AmericanSamoa",dialCode:"+1684",code:"AS"},{name:"Andorra",dialCode:"+376",code:"AD"},{name:"Angola",dialCode:"+244",code:"AO"},{name:"Anguilla",dialCode:"+1264",code:"AI"},{name:"Antarctica",dialCode:"+672",code:"AQ"},{name:"Antigua and Barbuda",dialCode:"+1268",code:"AG"},{name:"Argentina",dialCode:"+54",code:"AR"},{name:"Armenia",dialCode:"+374",code:"AM"},{name:"Aruba",dialCode:"+297",code:"AW"},{name:"Australia",dialCode:"+61",code:"AU"},{name:"Austria",dialCode:"+43",code:"AT"},{name:"Azerbaijan",dialCode:"+994",code:"AZ"},{name:"Bahamas",dialCode:"+1242",code:"BS"},{name:"Bahrain",dialCode:"+973",code:"BH"},{name:"Bangladesh",dialCode:"+880",code:"BD"},{name:"Barbados",dialCode:"+1246",code:"BB"},{name:"Belarus",dialCode:"+375",code:"BY"},{name:"Belgium",dialCode:"+32",code:"BE"},{name:"Belize",dialCode:"+501",code:"BZ"},{name:"Benin",dialCode:"+229",code:"BJ"},{name:"Bermuda",dialCode:"+1441",code:"BM"},{name:"Bhutan",dialCode:"+975",code:"BT"},{name:"Bolivia, Plurinational State of",dialCode:"+591",code:"BO"},{name:"Bosnia and Herzegovina",dialCode:"+387",code:"BA"},{name:"Botswana",dialCode:"+267",code:"BW"},{name:"Brazil",dialCode:"+55",code:"BR"},{name:"British Indian Ocean Territory",dialCode:"+246",code:"IO"},{name:"Brunei Darussalam",dialCode:"+673",code:"BN"},{name:"Bulgaria",dialCode:"+359",code:"BG"},{name:"Burkina Faso",dialCode:"+226",code:"BF"},{name:"Burundi",dialCode:"+257",code:"BI"},{name:"Cambodia",dialCode:"+855",code:"KH"},{name:"Cameroon",dialCode:"+237",code:"CM"},{name:"Canada",dialCode:"+1",code:"CA"},{name:"Cape Verde",dialCode:"+238",code:"CV"},{name:"Cayman Islands",dialCode:"+345",code:"KY"},{name:"Central African Republic",dialCode:"+236",code:"CF"},{name:"Chad",dialCode:"+235",code:"TD"},{name:"Chile",dialCode:"+56",code:"CL"},{name:"China",dialCode:"+86",code:"CN"},{name:"Christmas Island",dialCode:"+61",code:"CX"},{name:"Cocos (Keeling) Islands",dialCode:"+61",code:"CC"},{name:"Colombia",dialCode:"+57",code:"CO"},{name:"Comoros",dialCode:"+269",code:"KM"},{name:"Congo",dialCode:"+242",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dialCode:"+243",code:"CD"},{name:"Cook Islands",dialCode:"+682",code:"CK"},{name:"Costa Rica",dialCode:"+506",code:"CR"},{name:"Cote d'Ivoire",dialCode:"+225",code:"CI"},{name:"Croatia",dialCode:"+385",code:"HR"},{name:"Cuba",dialCode:"+53",code:"CU"},{name:"Cyprus",dialCode:"+357",code:"CY"},{name:"Czech Republic",dialCode:"+420",code:"CZ"},{name:"Denmark",dialCode:"+45",code:"DK"},{name:"Djibouti",dialCode:"+253",code:"DJ"},{name:"Dominica",dialCode:"+1767",code:"DM"},{name:"Dominican Republic",dialCode:"+1849",code:"DO"},{name:"Ecuador",dialCode:"+593",code:"EC"},{name:"Egypt",dialCode:"+20",code:"EG"},{name:"El Salvador",dialCode:"+503",code:"SV"},{name:"Equatorial Guinea",dialCode:"+240",code:"GQ"},{name:"Eritrea",dialCode:"+291",code:"ER"},{name:"Estonia",dialCode:"+372",code:"EE"},{name:"Ethiopia",dialCode:"+251",code:"ET"},{name:"Falkland Islands (Malvinas)",dialCode:"+500",code:"FK"},{name:"Faroe Islands",dialCode:"+298",code:"FO"},{name:"Fiji",dialCode:"+679",code:"FJ"},{name:"Finland",dialCode:"+358",code:"FI"},{name:"France",dialCode:"+33",code:"FR"},{name:"French Guiana",dialCode:"+594",code:"GF"},{name:"French Polynesia",dialCode:"+689",code:"PF"},{name:"Gabon",dialCode:"+241",code:"GA"},{name:"Gambia",dialCode:"+220",code:"GM"},{name:"Georgia",dialCode:"+995",code:"GE"},{name:"Germany",dialCode:"+49",code:"DE"},{name:"Ghana",dialCode:"+233",code:"GH"},{name:"Gibraltar",dialCode:"+350",code:"GI"},{name:"Greece",dialCode:"+30",code:"GR"},{name:"Greenland",dialCode:"+299",code:"GL"},{name:"Grenada",dialCode:"+1473",code:"GD"},{name:"Guadeloupe",dialCode:"+590",code:"GP"},{name:"Guam",dialCode:"+1671",code:"GU"},{name:"Guatemala",dialCode:"+502",code:"GT"},{name:"Guernsey",dialCode:"+44",code:"GG"},{name:"Guinea",dialCode:"+224",code:"GN"},{name:"Guinea-Bissau",dialCode:"+245",code:"GW"},{name:"Guyana",dialCode:"+595",code:"GY"},{name:"Haiti",dialCode:"+509",code:"HT"},{name:"Holy See (Vatican City State)",dialCode:"+379",code:"VA"},{name:"Honduras",dialCode:"+504",code:"HN"},{name:"Hong Kong",dialCode:"+852",code:"HK"},{name:"Hungary",dialCode:"+36",code:"HU"},{name:"Iceland",dialCode:"+354",code:"IS"},{name:"India",dialCode:"+91",code:"IN"},{name:"Indonesia",dialCode:"+62",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dialCode:"+98",code:"IR"},{name:"Iraq",dialCode:"+964",code:"IQ"},{name:"Ireland",dialCode:"+353",code:"IE"},{name:"Isle of Man",dialCode:"+44",code:"IM"},{name:"Israel",dialCode:"+972",code:"IL"},{name:"Italy",dialCode:"+39",code:"IT"},{name:"Jamaica",dialCode:"+1876",code:"JM"},{name:"Japan",dialCode:"+81",code:"JP"},{name:"Jersey",dialCode:"+44",code:"JE"},{name:"Jordan",dialCode:"+962",code:"JO"},{name:"Kazakhstan",dialCode:"+77",code:"KZ"},{name:"Kenya",dialCode:"+254",code:"KE"},{name:"Kiribati",dialCode:"+686",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dialCode:"+850",code:"KP"},{name:"Korea, Republic of South Korea",dialCode:"+82",code:"KR"},{name:"Kuwait",dialCode:"+965",code:"KW"},{name:"Kyrgyzstan",dialCode:"+996",code:"KG"},{name:"Laos",dialCode:"+856",code:"LA"},{name:"Latvia",dialCode:"+371",code:"LV"},{name:"Lebanon",dialCode:"+961",code:"LB"},{name:"Lesotho",dialCode:"+266",code:"LS"},{name:"Liberia",dialCode:"+231",code:"LR"},{name:"Libyan Arab Jamahiriya",dialCode:"+218",code:"LY"},{name:"Liechtenstein",dialCode:"+423",code:"LI"},{name:"Lithuania",dialCode:"+370",code:"LT"},{name:"Luxembourg",dialCode:"+352",code:"LU"},{name:"Macao",dialCode:"+853",code:"MO"},{name:"Macedonia",dialCode:"+389",code:"MK"},{name:"Madagascar",dialCode:"+261",code:"MG"},{name:"Malawi",dialCode:"+265",code:"MW"},{name:"Malaysia",dialCode:"+60",code:"MY"},{name:"Maldives",dialCode:"+960",code:"MV"},{name:"Mali",dialCode:"+223",code:"ML"},{name:"Malta",dialCode:"+356",code:"MT"},{name:"Marshall Islands",dialCode:"+692",code:"MH"},{name:"Martinique",dialCode:"+596",code:"MQ"},{name:"Mauritania",dialCode:"+222",code:"MR"},{name:"Mauritius",dialCode:"+230",code:"MU"},{name:"Mayotte",dialCode:"+262",code:"YT"},{name:"Mexico",dialCode:"+52",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dialCode:"+691",code:"FM"},{name:"Moldova",dialCode:"+373",code:"MD"},{name:"Monaco",dialCode:"+377",code:"MC"},{name:"Mongolia",dialCode:"+976",code:"MN"},{name:"Montenegro",dialCode:"+382",code:"ME"},{name:"Montserrat",dialCode:"+1664",code:"MS"},{name:"Morocco",dialCode:"+212",code:"MA"},{name:"Mozambique",dialCode:"+258",code:"MZ"},{name:"Myanmar",dialCode:"+95",code:"MM"},{name:"Namibia",dialCode:"+264",code:"NA"},{name:"Nauru",dialCode:"+674",code:"NR"},{name:"Nepal",dialCode:"+977",code:"NP"},{name:"Netherlands",dialCode:"+31",code:"NL"},{name:"Netherlands Antilles",dialCode:"+599",code:"AN"},{name:"New Caledonia",dialCode:"+687",code:"NC"},{name:"New Zealand",dialCode:"+64",code:"NZ"},{name:"Nicaragua",dialCode:"+505",code:"NI"},{name:"Niger",dialCode:"+227",code:"NE"},{name:"Nigeria",dialCode:"+234",code:"NG"},{name:"Niue",dialCode:"+683",code:"NU"},{name:"Norfolk Island",dialCode:"+672",code:"NF"},{name:"Northern Mariana Islands",dialCode:"+1670",code:"MP"},{name:"Norway",dialCode:"+47",code:"NO"},{name:"Oman",dialCode:"+968",code:"OM"},{name:"Pakistan",dialCode:"+92",code:"PK"},{name:"Palau",dialCode:"+680",code:"PW"},{name:"Palestinian Territory, Occupied",dialCode:"+970",code:"PS"},{name:"Panama",dialCode:"+507",code:"PA"},{name:"Papua New Guinea",dialCode:"+675",code:"PG"},{name:"Paraguay",dialCode:"+595",code:"PY"},{name:"Peru",dialCode:"+51",code:"PE"},{name:"Philippines",dialCode:"+63",code:"PH"},{name:"Pitcairn",dialCode:"+872",code:"PN"},{name:"Poland",dialCode:"+48",code:"PL"},{name:"Portugal",dialCode:"+351",code:"PT"},{name:"Puerto Rico",dialCode:"+1939",code:"PR"},{name:"Qatar",dialCode:"+974",code:"QA"},{name:"Romania",dialCode:"+40",code:"RO"},{name:"Russia",dialCode:"+7",code:"RU"},{name:"Rwanda",dialCode:"+250",code:"RW"},{name:"Reunion",dialCode:"+262",code:"RE"},{name:"Saint Barthelemy",dialCode:"+590",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dialCode:"+290",code:"SH"},{name:"Saint Kitts and Nevis",dialCode:"+1869",code:"KN"},{name:"Saint Lucia",dialCode:"+1758",code:"LC"},{name:"Saint Martin",dialCode:"+590",code:"MF"},{name:"Saint Pierre and Miquelon",dialCode:"+508",code:"PM"},{name:"Saint Vincent and the Grenadines",dialCode:"+1784",code:"VC"},{name:"Samoa",dialCode:"+685",code:"WS"},{name:"San Marino",dialCode:"+378",code:"SM"},{name:"Sao Tome and Principe",dialCode:"+239",code:"ST"},{name:"Saudi Arabia",dialCode:"+966",code:"SA"},{name:"Senegal",dialCode:"+221",code:"SN"},{name:"Serbia",dialCode:"+381",code:"RS"},{name:"Seychelles",dialCode:"+248",code:"SC"},{name:"Sierra Leone",dialCode:"+232",code:"SL"},{name:"Singapore",dialCode:"+65",code:"SG"},{name:"Slovakia",dialCode:"+421",code:"SK"},{name:"Slovenia",dialCode:"+386",code:"SI"},{name:"Solomon Islands",dialCode:"+677",code:"SB"},{name:"Somalia",dialCode:"+252",code:"SO"},{name:"South Africa",dialCode:"+27",code:"ZA"},{name:"South Sudan",dialCode:"+211",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dialCode:"+500",code:"GS"},{name:"Spain",dialCode:"+34",code:"ES"},{name:"Sri Lanka",dialCode:"+94",code:"LK"},{name:"Sudan",dialCode:"+249",code:"SD"},{name:"Suriname",dialCode:"+597",code:"SR"},{name:"Svalbard and Jan Mayen",dialCode:"+47",code:"SJ"},{name:"Swaziland",dialCode:"+268",code:"SZ"},{name:"Sweden",dialCode:"+46",code:"SE"},{name:"Switzerland",dialCode:"+41",code:"CH"},{name:"Syrian Arab Republic",dialCode:"+963",code:"SY"},{name:"Taiwan",dialCode:"+886",code:"TW"},{name:"Tajikistan",dialCode:"+992",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dialCode:"+255",code:"TZ"},{name:"Thailand",dialCode:"+66",code:"TH"},{name:"Timor-Leste",dialCode:"+670",code:"TL"},{name:"Togo",dialCode:"+228",code:"TG"},{name:"Tokelau",dialCode:"+690",code:"TK"},{name:"Tonga",dialCode:"+676",code:"TO"},{name:"Trinidad and Tobago",dialCode:"+1868",code:"TT"},{name:"Tunisia",dialCode:"+216",code:"TN"},{name:"Turkey",dialCode:"+90",code:"TR"},{name:"Turkmenistan",dialCode:"+993",code:"TM"},{name:"Turks and Caicos Islands",dialCode:"+1649",code:"TC"},{name:"Tuvalu",dialCode:"+688",code:"TV"},{name:"Uganda",dialCode:"+256",code:"UG"},{name:"Ukraine",dialCode:"+380",code:"UA"},{name:"United Arab Emirates",dialCode:"+971",code:"AE"},{name:"United Kingdom",dialCode:"+44",code:"GB"},{name:"Uruguay",dialCode:"+598",code:"UY"},{name:"Uzbekistan",dialCode:"+998",code:"UZ"},{name:"Vanuatu",dialCode:"+678",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dialCode:"+58",code:"VE"},{name:"Vietnam",dialCode:"+84",code:"VN"},{name:"Virgin Islands, British",dialCode:"+1284",code:"VG"},{name:"Virgin Islands, U.S.",dialCode:"+1340",code:"VI"},{name:"Wallis and Futuna",dialCode:"+681",code:"WF"},{name:"Yemen",dialCode:"+967",code:"YE"},{name:"Zambia",dialCode:"+260",code:"ZM"},{name:"Zimbabwe",dialCode:"+263",code:"ZW"}].sort(((e,a)=>e.name<a.name?-1:1))]},2565:(e,a,o)=>{o.d(a,{f:()=>i,Z:()=>c});var d=o(3878),t=o(4567),n=o(7262);const i=(0,t.iY)("phone-field-internal-input-box"),r=["disabled","size","bordered","invalid","readonly","phone-input-placeholder"],l={"phone-input-placeholder":"placeholder"},s=(0,d.P)({componentName:i,baseSelector:"div"}),c=class extends s{static get observedAttributes(){return[].concat(s.observedAttributes||[],r)}constructor(){super(),this.innerHTML='\n <div>\n <descope-text-field tabindex="1"></descope-text-field>\n </div>\n ',this.phoneNumberInput=this.querySelector("descope-text-field")}get defaultCountryCode(){return e=this.getAttribute("default-code"),n.Z.find((a=>a.code===e))?.dialCode;var e}get hasDefaultCode(){return!!this.getAttribute("default-code")}get value(){if(!this.phoneNumberValue)return"";if(this.hasDefaultCode){const e=new RegExp(`\\+?${parseInt(this.defaultCountryCode,10)}--?`);return`${this.defaultCountryCode}-${this.phoneNumberInput.value.replace(e,"")}`}return this.phoneNumberInput.value}set value(e){this.phoneNumberInput.value=e}get phoneNumberValue(){return this.phoneNumberInput.value}get minLength(){return parseInt(this.getAttribute("minlength"),10)||0}get maxLength(){return parseInt(this.getAttribute("maxlength"),10)||50}getValidity(){const e=this.value.replace(/\D/g,"");return this.isRequired&&!this.value?{valueMissing:!0}:e.length<this.minLength?{tooShort:!0}:e.length>this.maxLength?{tooLong:!0}:/^\+?\d{1,4}-?(?:\d-?){1,15}$/.test(this.value)?{}:{patternMismatch:!0}}init(){this.addEventListener("focus",(e=>{e.isTrusted&&this.phoneNumberInput.focus()})),super.init?.(),this.initInputs()}getCountryByDialCode(e){return this.countryCodeInput.items?.find((a=>a.getAttribute("data-country-code")===e))}initInputs(){this.phoneNumberInput.addEventListener("input",(e=>{1===e.target.value.length&&"-"===e.target.value&&(e.target.value=""),e.target.value=e.target.value.replace(/(?!^)\+/g,"").replace("--","-").replace("+-","+");const a=/^[+\d-]+$/,o=e.target.value.split("").filter((e=>a.test(e))).join("");e.target.value=o})),this.handleFocusEventsDispatching([this.phoneNumberInput]),this.handleInputEventDispatching()}attributeChangedCallback(e,a,o){if(super.attributeChangedCallback(e,a,o),a!==o&&r.includes(e)){const a=l[e]||e;this.phoneNumberInput.setAttribute(a,o)}}}},3067:(e,a,o)=>{o.r(a),o(9357);var d=o(2565);customElements.define(d.f,d.Z)},9423:(e,a,o)=>{o.r(a),o.d(a,{PhoneFieldInputBoxClass:()=>f}),o(3067),o(1294),o(9357);var d=o(2565),t=o(4567),n=o(2061),i=o(1e3),r=o(6417),l=o(7262),s=o(4201);const c=r.z.cssVarList,m=(0,t.iY)("phone-input-box-field"),{host:u,label:p,requiredIndicator:C,inputField:h,phoneInput:b,errorMessage:g,helperText:y}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},inputField:{selector:"::part(input-field)"},phoneInput:{selector:()=>"descope-text-field"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"}},f=(0,n.qC)((0,i.yk)({mappings:{fontSize:[u,h,{selector:r.z.componentName,property:r.z.cssVarList.fontSize}],fontFamily:[p,g,y],hostWidth:{...u,property:"width"},hostMinWidth:{...u,property:"min-width"},hostDirection:{...u,property:"direction"},inputBorderStyle:{...h,property:"border-style"},inputBorderWidth:{...h,property:"border-width"},inputBorderColor:{...h,property:"border-color"},inputBorderRadius:{...h,property:"border-radius"},labelTextColor:[{...p,property:"color"},{...C,property:"color"}],labelRequiredIndicator:{...C,property:"content"},errorMessageTextColor:{...g,property:"color"},inputValueTextColor:{...b,property:c.inputValueTextColor},inputPlaceholderTextColor:{...b,property:c.inputPlaceholderColor},inputOutlineStyle:{...h,property:"outline-style"},inputOutlineColor:{...h,property:"outline-color"},inputOutlineWidth:{...h,property:"outline-width"},inputOutlineOffset:{...h,property:"outline-offset"}}}),i.e4,(0,i.dj)({proxyProps:["value","selectionStart"]}),(e=>class extends e{static get CountryCodes(){return l.Z}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n\t\t\t\t<${d.f}\n\t\t\t\t\ttabindex="-1"\n\t\t\t\t\tslot="input"\n\t\t\t\t></${d.f}>\n `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(d.f),(0,t.oP)(this.shadowRoot.host,this.inputElement,{includeAttrs:["size","bordered","invalid","minlength","maxlength","default-code","disabled","phone-input-placeholder"]})}}))((0,i.DM)({slots:[],wrappedEleName:"vaadin-text-field",style:()=>`\n :host {\n display: inline-flex;\n max-width: 100%;\n box-sizing: border-box;\n }\n ${(0,s.bi)(f.cssVarList)}\n ${(0,s.Pd)("vaadin-text-field")}\n ${(0,s.B)("vaadin-text-field")}\n ${(0,s.DY)()}\n\n vaadin-text-field {\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n padding: 0;\n }\n vaadin-text-field[focus-ring]::part(input-field) {\n box-shadow: none;\n }\n vaadin-text-field::before {\n height: 0;\n }\n vaadin-text-field::part(input-field) {\n padding: 0;\n background: transparent;\n overflow: hidden;\n -webkit-mask-image: none;\n }\n descope-phone-field-internal-input-box {\n -webkit-mask-image: none;\n padding: 0;\n width: 100%;\n height: 100%;\n }\n descope-phone-field-internal-input-box > div {\n width: 100%;\n height: 100%;\n }\n descope-phone-field-internal-input-box .separator {\n flex: 0;\n border: none;\n }\n descope-text-field {\n flex-grow: 1;\n width: 100%;\n ${c.inputOutlineWidth}: 0;\n ${c.inputOutlineOffset}: 0;\n ${c.inputBorderWidth}: 0;\n ${c.inputBorderRadius}: 0;\n direction: ltr;\n }\n vaadin-text-field[readonly] > input:placeholder-shown {\n opacity: 1;\n }\n vaadin-text-field::part(input-field)::after {\n border: none;\n }\n ${(0,s.Wf)("vaadin-text-field")}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:m}));customElements.define(m,f)}}]);
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@descope/web-components-ui",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.284",
|
4
4
|
"description": "",
|
5
5
|
"main": "dist/cjs/index.cjs.js",
|
6
6
|
"module": "dist/index.esm.js",
|
@@ -94,6 +94,7 @@
|
|
94
94
|
"@vaadin/password-field": "24.3.4",
|
95
95
|
"@vaadin/text-area": "24.3.4",
|
96
96
|
"@vaadin/text-field": "24.3.4",
|
97
|
+
"@vaadin/avatar": "24.3.4",
|
97
98
|
"color": "^4.2.3",
|
98
99
|
"element-internals-polyfill": "^1.3.9",
|
99
100
|
"lint-staged": "^15.0.0",
|
@@ -0,0 +1,102 @@
|
|
1
|
+
import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';
|
2
|
+
import { createBaseClass } from '../../baseClasses/createBaseClass';
|
3
|
+
import { compose } from '../../helpers';
|
4
|
+
import { forwardAttrs, getComponentName, observeAttributes } from '../../helpers/componentHelpers';
|
5
|
+
|
6
|
+
export const componentName = getComponentName('avatar');
|
7
|
+
class RawAvatar extends createBaseClass({ componentName, baseSelector: ':host > .wrapper' }) {
|
8
|
+
constructor() {
|
9
|
+
super();
|
10
|
+
|
11
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
12
|
+
<style>
|
13
|
+
:host {
|
14
|
+
display: inline-flex;
|
15
|
+
}
|
16
|
+
|
17
|
+
.editable {
|
18
|
+
border: 1px solid;
|
19
|
+
border-radius: 100%;
|
20
|
+
height: fit-content;
|
21
|
+
width: 25%;
|
22
|
+
height: 25%;
|
23
|
+
display: flex;
|
24
|
+
justify-content: center;
|
25
|
+
align-items: center;
|
26
|
+
padding: 5%;
|
27
|
+
box-sizing: border-box;
|
28
|
+
position: absolute;
|
29
|
+
bottom: 0;
|
30
|
+
inset-inline-end: 0;
|
31
|
+
}
|
32
|
+
|
33
|
+
vaadin-icon {
|
34
|
+
color: currentcolor;
|
35
|
+
}
|
36
|
+
|
37
|
+
vaadin-avatar {
|
38
|
+
width: 100%;
|
39
|
+
height: 100%;
|
40
|
+
}
|
41
|
+
|
42
|
+
.wrapper {
|
43
|
+
display: inline-flex;
|
44
|
+
position: relative;
|
45
|
+
width: 100%;
|
46
|
+
height: 100%;
|
47
|
+
}
|
48
|
+
</style>
|
49
|
+
|
50
|
+
|
51
|
+
<div class="wrapper">
|
52
|
+
<vaadin-avatar></vaadin-avatar>
|
53
|
+
<div class="editable">
|
54
|
+
<vaadin-icon icon="vaadin:pencil"></vaadin-icon>
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
`;
|
58
|
+
|
59
|
+
this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');
|
60
|
+
|
61
|
+
forwardAttrs(this, this.avatarComponent, {
|
62
|
+
includeAttrs: ['name', 'img'],
|
63
|
+
});
|
64
|
+
|
65
|
+
const editableIcon = this.shadowRoot.querySelector('.editable');
|
66
|
+
|
67
|
+
observeAttributes(
|
68
|
+
this,
|
69
|
+
() => {
|
70
|
+
editableIcon.style.display = this.isEditable ? '' : 'none';
|
71
|
+
},
|
72
|
+
{ includeAttrs: ['editable'] }
|
73
|
+
);
|
74
|
+
}
|
75
|
+
|
76
|
+
get isEditable() {
|
77
|
+
return this.getAttribute('editable') === 'true';
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
const { host, editableBadge, avatar } = {
|
82
|
+
host: { selector: () => ':host' },
|
83
|
+
editableBadge: { selector: '> .editable' },
|
84
|
+
avatar: { selector: 'vaadin-avatar' },
|
85
|
+
};
|
86
|
+
|
87
|
+
export const AvatarClass = compose(
|
88
|
+
createStyleMixin({
|
89
|
+
mappings: {
|
90
|
+
hostWidth: { ...host, property: 'width' },
|
91
|
+
hostHeight: { ...host, property: 'height' },
|
92
|
+
hostDirection: { ...host, property: 'direction' },
|
93
|
+
avatarTextColor: { ...avatar, property: 'color' },
|
94
|
+
avatarBackgroundColor: { ...avatar, property: 'background-color' },
|
95
|
+
editableIconColor: { ...editableBadge, property: 'color' },
|
96
|
+
editableBorderColor: { ...editableBadge, property: 'border-color' },
|
97
|
+
editableBackgroundColor: { ...editableBadge, property: 'background-color' },
|
98
|
+
},
|
99
|
+
}),
|
100
|
+
draggableMixin,
|
101
|
+
componentNameValidationMixin
|
102
|
+
)(RawAvatar);
|
@@ -18,13 +18,13 @@ export class GridCustomColumnClass extends GridTextColumnClass {
|
|
18
18
|
});
|
19
19
|
|
20
20
|
if (!contentEle) {
|
21
|
-
cell
|
21
|
+
this.__setTextContent(cell, model.item[this.path] || '');
|
22
22
|
|
23
23
|
return;
|
24
24
|
}
|
25
25
|
|
26
26
|
const newEle = contentEle.cloneNode(true);
|
27
|
-
newEle.
|
27
|
+
newEle.textContent = content || '';
|
28
28
|
cell.innerHTML = '';
|
29
29
|
cell.append(newEle);
|
30
30
|
}
|
@@ -7,12 +7,11 @@ export class GridTextColumnClass extends GridSortColumn {
|
|
7
7
|
}
|
8
8
|
|
9
9
|
_defaultRenderer(cell, _col, model) {
|
10
|
-
const
|
11
|
-
|
10
|
+
const data = model.item[this.path] || '';
|
11
|
+
const content = Array.isArray(data) ? data.join(', ') : data;
|
12
|
+
|
13
|
+
this.__setTextContent(cell, content);
|
12
14
|
cell.title = content;
|
13
|
-
if (Array.isArray(content)) {
|
14
|
-
cell.innerHTML = content.join(', ');
|
15
|
-
}
|
16
15
|
}
|
17
16
|
|
18
17
|
_defaultHeaderRenderer(root, _column) {
|
@@ -22,7 +21,6 @@ export class GridTextColumnClass extends GridSortColumn {
|
|
22
21
|
return;
|
23
22
|
}
|
24
23
|
|
25
|
-
|
26
|
-
root.innerHTML = this.__getHeader(this.header, this.path);
|
24
|
+
this.__setTextContent(root, this.__getHeader(this.header, this.path));
|
27
25
|
}
|
28
26
|
}
|
package/src/index.cjs.js
CHANGED
@@ -37,4 +37,5 @@ export { NotificationClass } from './components/descope-notification/Notificatio
|
|
37
37
|
export { GridClass } from './components/descope-grid/GridClass';
|
38
38
|
export { BadgeClass } from './components/descope-badge/BadgeClass';
|
39
39
|
export { MultiSelectComboBoxClass } from './components/descope-multi-select-combo-box/MultiSelectComboBoxClass';
|
40
|
+
export { AvatarClass } from './components/descope-avatar';
|
40
41
|
export { MappingsFieldClass } from './components/mapping-fields/descope-mappings-field/MappingsFieldClass';
|
package/src/index.js
CHANGED
@@ -31,6 +31,7 @@ export * from './components/descope-multi-select-combo-box';
|
|
31
31
|
export * from './components/descope-badge';
|
32
32
|
export * from './components/descope-modal';
|
33
33
|
export * from './components/descope-notification';
|
34
|
+
export * from './components/descope-avatar';
|
34
35
|
export * from './components/mapping-fields/descope-mappings-field';
|
35
36
|
|
36
37
|
export {
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import globals from '../globals';
|
2
|
+
import { AvatarClass } from '../../components/descope-avatar/AvatarClass';
|
3
|
+
import { getThemeRefs } from '../../helpers/themeHelpers';
|
4
|
+
|
5
|
+
const globalRefs = getThemeRefs(globals);
|
6
|
+
const compVars = AvatarClass.cssVarList;
|
7
|
+
|
8
|
+
const avatar = {
|
9
|
+
[compVars.hostDirection]: globalRefs.direction,
|
10
|
+
[compVars.editableIconColor]: globalRefs.colors.surface.dark,
|
11
|
+
[compVars.editableBorderColor]: globalRefs.colors.surface.dark,
|
12
|
+
[compVars.editableBackgroundColor]: globalRefs.colors.surface.main,
|
13
|
+
[compVars.avatarTextColor]: globalRefs.colors.surface.main,
|
14
|
+
[compVars.avatarBackgroundColor]: globalRefs.colors.surface.dark,
|
15
|
+
|
16
|
+
size: {
|
17
|
+
xs: {
|
18
|
+
[compVars.hostWidth]: '30px',
|
19
|
+
[compVars.hostHeight]: '30px',
|
20
|
+
},
|
21
|
+
sm: {
|
22
|
+
[compVars.hostWidth]: '40px',
|
23
|
+
[compVars.hostHeight]: '40px',
|
24
|
+
},
|
25
|
+
md: {
|
26
|
+
[compVars.hostWidth]: '60px',
|
27
|
+
[compVars.hostHeight]: '60px',
|
28
|
+
},
|
29
|
+
lg: {
|
30
|
+
[compVars.hostWidth]: '98px',
|
31
|
+
[compVars.hostHeight]: '98px',
|
32
|
+
},
|
33
|
+
},
|
34
|
+
};
|
35
|
+
|
36
|
+
export default avatar;
|
37
|
+
|
38
|
+
export const vars = {
|
39
|
+
...compVars,
|
40
|
+
};
|
@@ -30,6 +30,7 @@ import * as grid from './grid';
|
|
30
30
|
import * as notificationCard from './notificationCard';
|
31
31
|
import * as multiSelectComboBox from './multiSelectComboBox';
|
32
32
|
import * as badge from './badge';
|
33
|
+
import * as avatar from './avatar';
|
33
34
|
import * as mappingsField from './mappingsField';
|
34
35
|
|
35
36
|
const components = {
|
@@ -66,6 +67,7 @@ const components = {
|
|
66
67
|
notificationCard,
|
67
68
|
multiSelectComboBox,
|
68
69
|
badge,
|
70
|
+
avatar,
|
69
71
|
mappingsField,
|
70
72
|
};
|
71
73
|
|
package/dist/umd/3660.js
DELETED
@@ -1,17 +0,0 @@
|
|
1
|
-
/*! For license information please see 3660.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[3660],{5229:(t,e,s)=>{s.d(e,{f:()=>i});const i=(0,s(1014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},1360:(t,e,s)=>{s.d(e,{W:()=>d});var i=s(1014),o=s(3550);const d=(0,i.o)((t=>class extends t{get _keyboardActive(){return(0,o.LQ)()}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}}))},2628:(t,e,s)=>{s.d(e,{L:()=>i});const i=(0,s(1014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},8298:(t,e,s)=>{s.d(e,{N:()=>o});var i=s(5229);const o=t=>class extends((0,i.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},9229:(t,e,s)=>{s.d(e,{n:()=>n});var i=s(3726);class o{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask((()=>{this.flush()})))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const s=[],i=[];t.length&&(e=t.filter((t=>!this._storedNodes.includes(t)))),this._storedNodes.length&&this._storedNodes.forEach(((e,o)=>{const d=t.indexOf(e);-1===d?s.push(e):d!==o&&i.push(e)})),(e.length||s.length||i.length)&&this.callback({addedNodes:e,movedNodes:i,removedNodes:s}),this._storedNodes=t}}var d=s(3971);class n extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,d.l)()}`}constructor(t,e,s,i={}){super();const{initializer:o,multiple:d,observe:n,useUniqueId:h}=i;this.host=t,this.slotName=e,this.tagName=s,this.observe="boolean"!=typeof n||n,this.multiple="boolean"==typeof d&&d,this.slotInitializer=o,d&&(this.nodes=[]),h&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach((t=>{this.initAddedNode(t)}))}attachDefaultNode(){const{host:t,slotName:e,tagName:s}=this;let i=this.defaultNode;return!i&&s&&(i=document.createElement(s),i instanceof Element&&(""!==e&&i.setAttribute("slot",e),this.node=i,this.defaultNode=i)),i&&t.appendChild(i),i}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t))}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,s=this.host.shadowRoot.querySelector(e);this.__slotObserver=new o(s,(({addedNodes:t,removedNodes:e})=>{const s=this.multiple?this.nodes:[this.node],o=t.filter((t=>!(0,i.eC)(t)&&!s.includes(t)));e.length&&(this.nodes=s.filter((t=>!e.includes(t))),e.forEach((t=>{this.teardownNode(t)}))),o&&o.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...s,...o].filter((t=>t!==this.defaultNode)),o.forEach((t=>{this.initAddedNode(t)}))):(this.node&&this.node.remove(),this.node=o[0],this.initAddedNode(this.node)))}))}}},4463:(t,e,s)=>{s.d(e,{f:()=>o});var i=s(9229);class o extends i.n{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.opened&&(t.opened=this.opened),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(t){this.ariaTarget=t;const e=this.node;e&&(e.ariaTarget=t)}setContext(t){this.context=t;const e=this.node;e&&(e.context=t)}setManual(t){this.manual=t;const e=this.node;e&&(e.manual=t)}setOpened(t){this.opened=t;const e=this.node;e&&(e.opened=t)}setPosition(t){this.position=t;const e=this.node;e&&(e._position=t)}setShouldShow(t){this.shouldShow=t;const e=this.node;e&&(e.shouldShow=t)}setTarget(t){this.target=t;const e=this.node;e&&(e.target=t)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}},3971:(t,e,s)=>{s.d(e,{l:()=>o});let i=0;function o(){return i++}},9098:(t,e,s)=>{s(4407);var i=s(6570),o=s(2463);const d=i.iv`
|
3
|
-
:host {
|
4
|
-
--lumo-size-xs: 1.625rem;
|
5
|
-
--lumo-size-s: 1.875rem;
|
6
|
-
--lumo-size-m: 2.25rem;
|
7
|
-
--lumo-size-l: 2.75rem;
|
8
|
-
--lumo-size-xl: 3.5rem;
|
9
|
-
|
10
|
-
/* Icons */
|
11
|
-
--lumo-icon-size-s: 1.25em;
|
12
|
-
--lumo-icon-size-m: 1.5em;
|
13
|
-
--lumo-icon-size-l: 2.25em;
|
14
|
-
/* For backwards compatibility */
|
15
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
16
|
-
}
|
17
|
-
`;(0,o.K)("sizing-props",d)}}]);
|
package/dist/umd/5345.js
DELETED
@@ -1,94 +0,0 @@
|
|
1
|
-
/*! For license information please see 5345.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[5345],{9580:(t,e,i)=>{i.d(e,{B:()=>o});class o{constructor(t){this.host=t,t.addEventListener("opened-changed",(()=>{t.opened||this.__setVirtualKeyboardEnabled(!1)})),t.addEventListener("blur",(()=>this.__setVirtualKeyboardEnabled(!0))),t.addEventListener("touchstart",(()=>this.__setVirtualKeyboardEnabled(!0)))}__setVirtualKeyboardEnabled(t){this.host.inputElement&&(this.host.inputElement.inputMode=t?"":"none")}}},3373:(t,e,i)=>{i.d(e,{y:()=>r});var o=i(3726);const n={start:"top",end:"bottom"},s={start:"left",end:"right"},a=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),r=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null,sync:!0},horizontalAlign:{type:String,value:"start",sync:!0},verticalAlign:{type:String,value:"top",sync:!0},noHorizontalOverlap:{type:Boolean,value:!1,sync:!0},noVerticalOverlap:{type:Boolean,value:!1,sync:!0},requiredVerticalSpace:{type:Number,value:0,sync:!0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes=(0,o.AD)(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,!0)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,!0)})),this.__positionTargetAncestorRootNodes=null)}__overlayOpenedChanged(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,a.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,a.observe(e))),t){const t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))),this.setAttribute("dir",t.direction),this._updatePosition(),requestAnimationFrame((()=>this._updatePosition()))}}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const i=this.__isRTL,o=this.__shouldAlignStartHorizontally(t,i),a=!i&&o||i&&!o;this.style.alignItems=a?"flex-start":"flex-end";const r=this.getBoundingClientRect(),l=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,n,this,e),h=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,s,this,o);Object.assign(this.style,l,h),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!a),this.toggleAttribute("start-aligned",a)}__shouldAlignStartHorizontally(t,e){const i=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const o=Math.min(window.innerWidth,document.documentElement.clientWidth),n=!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign;return this.__shouldAlignStart(t,i,o,this.__margins,n,this.noHorizontalOverlap,s)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const i=Math.min(window.innerHeight,document.documentElement.clientHeight),o="top"===this.verticalAlign;return this.__shouldAlignStart(t,e,i,this.__margins,o,this.noVerticalOverlap,n)}__shouldAlignStart(t,e,i,o,n,s,a){const r=i-t[s?a.end:a.start]-o[a.end],l=t[s?a.start:a.end]-o[a.start],h=n?r:l;return n===(h>(n?l:r)||h>e)}__adjustBottomProperty(t,e,i){let o;if(t===e.end){if(e.end===n.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);i>t&&this.__oldViewportHeight&&(o=i-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===s.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);i>t&&this.__oldViewportWidth&&(o=i-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return o}__calculatePositionInOneDimension(t,e,i,o,n,s){const a=s?o.start:o.end,r=s?o.end:o.start,l=parseFloat(n.style[a]||getComputedStyle(n)[a]),h=this.__adjustBottomProperty(a,o,l),d=e[s?o.start:o.end]-t[i===s?o.end:o.start];return{[a]:h?`${h}px`:`${l+d*(s?-1:1)}px`,[r]:""}}}},6754:(t,e,i)=>{i.d(e,{L:()=>r,e:()=>s}),i(9416),i(9849);var o=i(6570),n=i(510);const s=o.iv`
|
3
|
-
:host([opening]),
|
4
|
-
:host([closing]) {
|
5
|
-
animation: 0.14s lumo-overlay-dummy-animation;
|
6
|
-
}
|
7
|
-
|
8
|
-
[part='overlay'] {
|
9
|
-
will-change: opacity, transform;
|
10
|
-
}
|
11
|
-
|
12
|
-
:host([opening]) [part='overlay'] {
|
13
|
-
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
14
|
-
}
|
15
|
-
|
16
|
-
@keyframes lumo-menu-overlay-enter {
|
17
|
-
0% {
|
18
|
-
opacity: 0;
|
19
|
-
transform: translateY(-4px);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
:host([closing]) [part='overlay'] {
|
24
|
-
animation: 0.1s lumo-menu-overlay-exit both;
|
25
|
-
}
|
26
|
-
|
27
|
-
@keyframes lumo-menu-overlay-exit {
|
28
|
-
100% {
|
29
|
-
opacity: 0;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
`;(0,o.hC)("",s,{moduleId:"lumo-menu-overlay-core"});const a=o.iv`
|
33
|
-
/* Small viewport (bottom sheet) styles */
|
34
|
-
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
35
|
-
@media (max-width: 420px), (max-height: 420px) {
|
36
|
-
:host {
|
37
|
-
top: 0 !important;
|
38
|
-
right: 0 !important;
|
39
|
-
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
40
|
-
left: 0 !important;
|
41
|
-
align-items: stretch !important;
|
42
|
-
justify-content: flex-end !important;
|
43
|
-
}
|
44
|
-
|
45
|
-
[part='overlay'] {
|
46
|
-
max-height: 50vh;
|
47
|
-
width: 100vw;
|
48
|
-
border-radius: 0;
|
49
|
-
box-shadow: var(--lumo-box-shadow-xl);
|
50
|
-
}
|
51
|
-
|
52
|
-
/* The content part scrolls instead of the overlay part, because of the gradient fade-out */
|
53
|
-
[part='content'] {
|
54
|
-
padding: 30px var(--lumo-space-m);
|
55
|
-
max-height: inherit;
|
56
|
-
box-sizing: border-box;
|
57
|
-
-webkit-overflow-scrolling: touch;
|
58
|
-
overflow: auto;
|
59
|
-
-webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
60
|
-
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
61
|
-
}
|
62
|
-
|
63
|
-
[part='backdrop'] {
|
64
|
-
display: block;
|
65
|
-
}
|
66
|
-
|
67
|
-
/* Animations */
|
68
|
-
|
69
|
-
:host([opening]) [part='overlay'] {
|
70
|
-
animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
71
|
-
}
|
72
|
-
|
73
|
-
:host([closing]),
|
74
|
-
:host([closing]) [part='backdrop'] {
|
75
|
-
animation-delay: 0.14s;
|
76
|
-
}
|
77
|
-
|
78
|
-
:host([closing]) [part='overlay'] {
|
79
|
-
animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
|
80
|
-
}
|
81
|
-
}
|
82
|
-
|
83
|
-
@keyframes lumo-mobile-menu-overlay-enter {
|
84
|
-
0% {
|
85
|
-
transform: translateY(150%);
|
86
|
-
}
|
87
|
-
}
|
88
|
-
|
89
|
-
@keyframes lumo-mobile-menu-overlay-exit {
|
90
|
-
100% {
|
91
|
-
transform: translateY(150%);
|
92
|
-
}
|
93
|
-
}
|
94
|
-
`,r=[n.I,s,a];(0,o.hC)("",r,{moduleId:"lumo-menu-overlay"})}}]);
|
package/dist/umd/7262.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[7262],{7262:(e,a,d)=>{d.d(a,{Z:()=>o});const o=[{name:"United States",dialCode:"+1",code:"US"},...[{name:"Afghanistan",dialCode:"+93",code:"AF"},{name:"Aland Islands",dialCode:"+358",code:"AX"},{name:"Albania",dialCode:"+355",code:"AL"},{name:"Algeria",dialCode:"+213",code:"DZ"},{name:"AmericanSamoa",dialCode:"+1684",code:"AS"},{name:"Andorra",dialCode:"+376",code:"AD"},{name:"Angola",dialCode:"+244",code:"AO"},{name:"Anguilla",dialCode:"+1264",code:"AI"},{name:"Antarctica",dialCode:"+672",code:"AQ"},{name:"Antigua and Barbuda",dialCode:"+1268",code:"AG"},{name:"Argentina",dialCode:"+54",code:"AR"},{name:"Armenia",dialCode:"+374",code:"AM"},{name:"Aruba",dialCode:"+297",code:"AW"},{name:"Australia",dialCode:"+61",code:"AU"},{name:"Austria",dialCode:"+43",code:"AT"},{name:"Azerbaijan",dialCode:"+994",code:"AZ"},{name:"Bahamas",dialCode:"+1242",code:"BS"},{name:"Bahrain",dialCode:"+973",code:"BH"},{name:"Bangladesh",dialCode:"+880",code:"BD"},{name:"Barbados",dialCode:"+1246",code:"BB"},{name:"Belarus",dialCode:"+375",code:"BY"},{name:"Belgium",dialCode:"+32",code:"BE"},{name:"Belize",dialCode:"+501",code:"BZ"},{name:"Benin",dialCode:"+229",code:"BJ"},{name:"Bermuda",dialCode:"+1441",code:"BM"},{name:"Bhutan",dialCode:"+975",code:"BT"},{name:"Bolivia, Plurinational State of",dialCode:"+591",code:"BO"},{name:"Bosnia and Herzegovina",dialCode:"+387",code:"BA"},{name:"Botswana",dialCode:"+267",code:"BW"},{name:"Brazil",dialCode:"+55",code:"BR"},{name:"British Indian Ocean Territory",dialCode:"+246",code:"IO"},{name:"Brunei Darussalam",dialCode:"+673",code:"BN"},{name:"Bulgaria",dialCode:"+359",code:"BG"},{name:"Burkina Faso",dialCode:"+226",code:"BF"},{name:"Burundi",dialCode:"+257",code:"BI"},{name:"Cambodia",dialCode:"+855",code:"KH"},{name:"Cameroon",dialCode:"+237",code:"CM"},{name:"Canada",dialCode:"+1",code:"CA"},{name:"Cape Verde",dialCode:"+238",code:"CV"},{name:"Cayman Islands",dialCode:"+345",code:"KY"},{name:"Central African Republic",dialCode:"+236",code:"CF"},{name:"Chad",dialCode:"+235",code:"TD"},{name:"Chile",dialCode:"+56",code:"CL"},{name:"China",dialCode:"+86",code:"CN"},{name:"Christmas Island",dialCode:"+61",code:"CX"},{name:"Cocos (Keeling) Islands",dialCode:"+61",code:"CC"},{name:"Colombia",dialCode:"+57",code:"CO"},{name:"Comoros",dialCode:"+269",code:"KM"},{name:"Congo",dialCode:"+242",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dialCode:"+243",code:"CD"},{name:"Cook Islands",dialCode:"+682",code:"CK"},{name:"Costa Rica",dialCode:"+506",code:"CR"},{name:"Cote d'Ivoire",dialCode:"+225",code:"CI"},{name:"Croatia",dialCode:"+385",code:"HR"},{name:"Cuba",dialCode:"+53",code:"CU"},{name:"Cyprus",dialCode:"+357",code:"CY"},{name:"Czech Republic",dialCode:"+420",code:"CZ"},{name:"Denmark",dialCode:"+45",code:"DK"},{name:"Djibouti",dialCode:"+253",code:"DJ"},{name:"Dominica",dialCode:"+1767",code:"DM"},{name:"Dominican Republic",dialCode:"+1849",code:"DO"},{name:"Ecuador",dialCode:"+593",code:"EC"},{name:"Egypt",dialCode:"+20",code:"EG"},{name:"El Salvador",dialCode:"+503",code:"SV"},{name:"Equatorial Guinea",dialCode:"+240",code:"GQ"},{name:"Eritrea",dialCode:"+291",code:"ER"},{name:"Estonia",dialCode:"+372",code:"EE"},{name:"Ethiopia",dialCode:"+251",code:"ET"},{name:"Falkland Islands (Malvinas)",dialCode:"+500",code:"FK"},{name:"Faroe Islands",dialCode:"+298",code:"FO"},{name:"Fiji",dialCode:"+679",code:"FJ"},{name:"Finland",dialCode:"+358",code:"FI"},{name:"France",dialCode:"+33",code:"FR"},{name:"French Guiana",dialCode:"+594",code:"GF"},{name:"French Polynesia",dialCode:"+689",code:"PF"},{name:"Gabon",dialCode:"+241",code:"GA"},{name:"Gambia",dialCode:"+220",code:"GM"},{name:"Georgia",dialCode:"+995",code:"GE"},{name:"Germany",dialCode:"+49",code:"DE"},{name:"Ghana",dialCode:"+233",code:"GH"},{name:"Gibraltar",dialCode:"+350",code:"GI"},{name:"Greece",dialCode:"+30",code:"GR"},{name:"Greenland",dialCode:"+299",code:"GL"},{name:"Grenada",dialCode:"+1473",code:"GD"},{name:"Guadeloupe",dialCode:"+590",code:"GP"},{name:"Guam",dialCode:"+1671",code:"GU"},{name:"Guatemala",dialCode:"+502",code:"GT"},{name:"Guernsey",dialCode:"+44",code:"GG"},{name:"Guinea",dialCode:"+224",code:"GN"},{name:"Guinea-Bissau",dialCode:"+245",code:"GW"},{name:"Guyana",dialCode:"+595",code:"GY"},{name:"Haiti",dialCode:"+509",code:"HT"},{name:"Holy See (Vatican City State)",dialCode:"+379",code:"VA"},{name:"Honduras",dialCode:"+504",code:"HN"},{name:"Hong Kong",dialCode:"+852",code:"HK"},{name:"Hungary",dialCode:"+36",code:"HU"},{name:"Iceland",dialCode:"+354",code:"IS"},{name:"India",dialCode:"+91",code:"IN"},{name:"Indonesia",dialCode:"+62",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dialCode:"+98",code:"IR"},{name:"Iraq",dialCode:"+964",code:"IQ"},{name:"Ireland",dialCode:"+353",code:"IE"},{name:"Isle of Man",dialCode:"+44",code:"IM"},{name:"Israel",dialCode:"+972",code:"IL"},{name:"Italy",dialCode:"+39",code:"IT"},{name:"Jamaica",dialCode:"+1876",code:"JM"},{name:"Japan",dialCode:"+81",code:"JP"},{name:"Jersey",dialCode:"+44",code:"JE"},{name:"Jordan",dialCode:"+962",code:"JO"},{name:"Kazakhstan",dialCode:"+77",code:"KZ"},{name:"Kenya",dialCode:"+254",code:"KE"},{name:"Kiribati",dialCode:"+686",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dialCode:"+850",code:"KP"},{name:"Korea, Republic of South Korea",dialCode:"+82",code:"KR"},{name:"Kuwait",dialCode:"+965",code:"KW"},{name:"Kyrgyzstan",dialCode:"+996",code:"KG"},{name:"Laos",dialCode:"+856",code:"LA"},{name:"Latvia",dialCode:"+371",code:"LV"},{name:"Lebanon",dialCode:"+961",code:"LB"},{name:"Lesotho",dialCode:"+266",code:"LS"},{name:"Liberia",dialCode:"+231",code:"LR"},{name:"Libyan Arab Jamahiriya",dialCode:"+218",code:"LY"},{name:"Liechtenstein",dialCode:"+423",code:"LI"},{name:"Lithuania",dialCode:"+370",code:"LT"},{name:"Luxembourg",dialCode:"+352",code:"LU"},{name:"Macao",dialCode:"+853",code:"MO"},{name:"Macedonia",dialCode:"+389",code:"MK"},{name:"Madagascar",dialCode:"+261",code:"MG"},{name:"Malawi",dialCode:"+265",code:"MW"},{name:"Malaysia",dialCode:"+60",code:"MY"},{name:"Maldives",dialCode:"+960",code:"MV"},{name:"Mali",dialCode:"+223",code:"ML"},{name:"Malta",dialCode:"+356",code:"MT"},{name:"Marshall Islands",dialCode:"+692",code:"MH"},{name:"Martinique",dialCode:"+596",code:"MQ"},{name:"Mauritania",dialCode:"+222",code:"MR"},{name:"Mauritius",dialCode:"+230",code:"MU"},{name:"Mayotte",dialCode:"+262",code:"YT"},{name:"Mexico",dialCode:"+52",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dialCode:"+691",code:"FM"},{name:"Moldova",dialCode:"+373",code:"MD"},{name:"Monaco",dialCode:"+377",code:"MC"},{name:"Mongolia",dialCode:"+976",code:"MN"},{name:"Montenegro",dialCode:"+382",code:"ME"},{name:"Montserrat",dialCode:"+1664",code:"MS"},{name:"Morocco",dialCode:"+212",code:"MA"},{name:"Mozambique",dialCode:"+258",code:"MZ"},{name:"Myanmar",dialCode:"+95",code:"MM"},{name:"Namibia",dialCode:"+264",code:"NA"},{name:"Nauru",dialCode:"+674",code:"NR"},{name:"Nepal",dialCode:"+977",code:"NP"},{name:"Netherlands",dialCode:"+31",code:"NL"},{name:"Netherlands Antilles",dialCode:"+599",code:"AN"},{name:"New Caledonia",dialCode:"+687",code:"NC"},{name:"New Zealand",dialCode:"+64",code:"NZ"},{name:"Nicaragua",dialCode:"+505",code:"NI"},{name:"Niger",dialCode:"+227",code:"NE"},{name:"Nigeria",dialCode:"+234",code:"NG"},{name:"Niue",dialCode:"+683",code:"NU"},{name:"Norfolk Island",dialCode:"+672",code:"NF"},{name:"Northern Mariana Islands",dialCode:"+1670",code:"MP"},{name:"Norway",dialCode:"+47",code:"NO"},{name:"Oman",dialCode:"+968",code:"OM"},{name:"Pakistan",dialCode:"+92",code:"PK"},{name:"Palau",dialCode:"+680",code:"PW"},{name:"Palestinian Territory, Occupied",dialCode:"+970",code:"PS"},{name:"Panama",dialCode:"+507",code:"PA"},{name:"Papua New Guinea",dialCode:"+675",code:"PG"},{name:"Paraguay",dialCode:"+595",code:"PY"},{name:"Peru",dialCode:"+51",code:"PE"},{name:"Philippines",dialCode:"+63",code:"PH"},{name:"Pitcairn",dialCode:"+872",code:"PN"},{name:"Poland",dialCode:"+48",code:"PL"},{name:"Portugal",dialCode:"+351",code:"PT"},{name:"Puerto Rico",dialCode:"+1939",code:"PR"},{name:"Qatar",dialCode:"+974",code:"QA"},{name:"Romania",dialCode:"+40",code:"RO"},{name:"Russia",dialCode:"+7",code:"RU"},{name:"Rwanda",dialCode:"+250",code:"RW"},{name:"Reunion",dialCode:"+262",code:"RE"},{name:"Saint Barthelemy",dialCode:"+590",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dialCode:"+290",code:"SH"},{name:"Saint Kitts and Nevis",dialCode:"+1869",code:"KN"},{name:"Saint Lucia",dialCode:"+1758",code:"LC"},{name:"Saint Martin",dialCode:"+590",code:"MF"},{name:"Saint Pierre and Miquelon",dialCode:"+508",code:"PM"},{name:"Saint Vincent and the Grenadines",dialCode:"+1784",code:"VC"},{name:"Samoa",dialCode:"+685",code:"WS"},{name:"San Marino",dialCode:"+378",code:"SM"},{name:"Sao Tome and Principe",dialCode:"+239",code:"ST"},{name:"Saudi Arabia",dialCode:"+966",code:"SA"},{name:"Senegal",dialCode:"+221",code:"SN"},{name:"Serbia",dialCode:"+381",code:"RS"},{name:"Seychelles",dialCode:"+248",code:"SC"},{name:"Sierra Leone",dialCode:"+232",code:"SL"},{name:"Singapore",dialCode:"+65",code:"SG"},{name:"Slovakia",dialCode:"+421",code:"SK"},{name:"Slovenia",dialCode:"+386",code:"SI"},{name:"Solomon Islands",dialCode:"+677",code:"SB"},{name:"Somalia",dialCode:"+252",code:"SO"},{name:"South Africa",dialCode:"+27",code:"ZA"},{name:"South Sudan",dialCode:"+211",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dialCode:"+500",code:"GS"},{name:"Spain",dialCode:"+34",code:"ES"},{name:"Sri Lanka",dialCode:"+94",code:"LK"},{name:"Sudan",dialCode:"+249",code:"SD"},{name:"Suriname",dialCode:"+597",code:"SR"},{name:"Svalbard and Jan Mayen",dialCode:"+47",code:"SJ"},{name:"Swaziland",dialCode:"+268",code:"SZ"},{name:"Sweden",dialCode:"+46",code:"SE"},{name:"Switzerland",dialCode:"+41",code:"CH"},{name:"Syrian Arab Republic",dialCode:"+963",code:"SY"},{name:"Taiwan",dialCode:"+886",code:"TW"},{name:"Tajikistan",dialCode:"+992",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dialCode:"+255",code:"TZ"},{name:"Thailand",dialCode:"+66",code:"TH"},{name:"Timor-Leste",dialCode:"+670",code:"TL"},{name:"Togo",dialCode:"+228",code:"TG"},{name:"Tokelau",dialCode:"+690",code:"TK"},{name:"Tonga",dialCode:"+676",code:"TO"},{name:"Trinidad and Tobago",dialCode:"+1868",code:"TT"},{name:"Tunisia",dialCode:"+216",code:"TN"},{name:"Turkey",dialCode:"+90",code:"TR"},{name:"Turkmenistan",dialCode:"+993",code:"TM"},{name:"Turks and Caicos Islands",dialCode:"+1649",code:"TC"},{name:"Tuvalu",dialCode:"+688",code:"TV"},{name:"Uganda",dialCode:"+256",code:"UG"},{name:"Ukraine",dialCode:"+380",code:"UA"},{name:"United Arab Emirates",dialCode:"+971",code:"AE"},{name:"United Kingdom",dialCode:"+44",code:"GB"},{name:"Uruguay",dialCode:"+598",code:"UY"},{name:"Uzbekistan",dialCode:"+998",code:"UZ"},{name:"Vanuatu",dialCode:"+678",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dialCode:"+58",code:"VE"},{name:"Vietnam",dialCode:"+84",code:"VN"},{name:"Virgin Islands, British",dialCode:"+1284",code:"VG"},{name:"Virgin Islands, U.S.",dialCode:"+1340",code:"VI"},{name:"Wallis and Futuna",dialCode:"+681",code:"WF"},{name:"Yemen",dialCode:"+967",code:"YE"},{name:"Zambia",dialCode:"+260",code:"ZM"},{name:"Zimbabwe",dialCode:"+263",code:"ZW"}].sort(((e,a)=>e.name<a.name?-1:1))]}}]);
|
File without changes
|
File without changes
|