npm - @descope/web-components-ui - Versions diffs - 2.1.15 → 2.1.16 - Mend

@descope/web-components-ui 2.1.15 → 2.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (108) hide show

package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*! For license information please see button-selection-group-fields-descope-button-selection-group-item-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837,5087],{8512:(t,e,o)=>{o.d(e,{T:()=>l,q:()=>h});var r=o(88961),n=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get src(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.src),(0,s.m)(this.src,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.src===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const h=(0,i.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(d)},10767:(t,e,o)=>{o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},15450:(t,e,o)=>{o.r(e),o.d(e,{ButtonSelectionGroupItemClass:()=>h});var r=o(79365),n=o(81365),i=o(9696),a=o(97810),s=o(19624),l=o(25964);const c=(0,a.xE)("button-selection-group-item");class d extends((0,n.q)({componentName:c,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,l.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,a.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,a.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",t=>{t.isTrusted&&this.handleFocus()})}}const h=(0,i.Zz)((0,r.RF)({mappings:{hostDirection:{selector:()=>s.J.componentName,property:s.J.cssVarList.hostDirection},backgroundColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.labelTextColor},borderColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderColor},borderWidth:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderWidth},borderStyle:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderStyle},borderRadius:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderRadius},outlineColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.outlineColor}}}),r.VO,r.tQ)(d);o(30576),customElements.define(c,h)},18782:(t,e,o)=>{o.d(e,{m:()=>i});var r=o(25414);const n=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();o=n(r)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},19624:(t,e,o)=>{o.d(e,{J:()=>p,T:()=>l});var r=o(63200),n=o(25964),i=o(88961),a=o(98538),s=o(10767);const l=(0,n.xE)("button"),{host:c,label:d,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class"],componentName:l})),{color:m,fontSize:b}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},30576:(t,e,o)=>{o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},83799:(t,e,o)=>{o(93555),o(89389)},89389:(t,e,o)=>{o.d(e,{$:()=>m});var r=o(13256),n=o(55774),i=o(82901),a=o(90676),s=o(81488),l=o(87550);const c=o(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1837,5087],{8512:(t,e,o)=>{o.d(e,{T:()=>l,q:()=>h});var r=o(88961),n=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.xE)("image"),c=["src","src-dark"];class d extends((0,n.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return c}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}onThemeChange(){this.renderImage()}toggleVisibility(t){t?this.classList.remove("hidden"):this.classList.add("hidden")}get altText(){return this.getAttribute("alt")||""}get legacySrc(){return this.getAttribute("src")}get themeSrc(){return this.getAttribute(`src-${this.currentThemeName}`)}get src(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${h.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.src),(0,s.m)(this.src,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.src===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const h=(0,i.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(d)},10767:(t,e,o)=>{o.d(e,{G:()=>r});const r=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},15450:(t,e,o)=>{o.r(e),o.d(e,{ButtonSelectionGroupItemClass:()=>h});var r=o(79365),n=o(81365),i=o(9696),a=o(97810),s=o(19624),l=o(25964);const c=(0,a.xE)("button-selection-group-item");class d extends((0,n.q)({componentName:c,baseSelector:":host > descope-button"})){get size(){return this.getAttribute("size")||"md"}get variant(){return this.getAttribute("variant")||"contained"}get value(){return this.getAttribute("value")||""}set value(t){this.setAttribute("value",t)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <descope-button variant="${this.variant}" size="${this.size}" mode="primary">\n      <slot></slot>\n    </descope-button>\n\t`,(0,l.fz)("\n      descope-button {\n        max-width: 100%;\n      }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n        text-overflow: ellipsis;\n        display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n        max-width: 100%\n\t\t\t}\n  ",this),(0,a.EA)(this,this.baseElement,{includeAttrs:["size","variant"]}),(0,a.EA)(this.baseElement,this,{includeAttrs:["focused","active"]})}handleFocus(){this.shadowRoot.querySelector("descope-button")?.focus()}focus(){this.handleFocus()}init(){super.init(),this.addEventListener("focus",t=>{t.isTrusted&&this.handleFocus()})}}const h=(0,i.Zz)((0,r.RF)({mappings:{hostDirection:{selector:()=>s.J.componentName,property:s.J.cssVarList.hostDirection},backgroundColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.backgroundColor},labelTextColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.labelTextColor},borderColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderColor},borderWidth:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderWidth},borderStyle:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderStyle},borderRadius:{selector:()=>s.J.componentName,property:s.J.cssVarList.borderRadius},outlineColor:{selector:()=>s.J.componentName,property:s.J.cssVarList.outlineColor}}}),r.VO,r.tQ)(d);o(30576),customElements.define(c,h)},18782:(t,e,o)=>{o.d(e,{m:()=>i});var r=o(25414);const n=t=>{const e=r.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=n(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),r=await e.text();o=n(r)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},19624:(t,e,o)=>{o.d(e,{J:()=>p,T:()=>l});var r=o(63200),n=o(25964),i=o(88961),a=o(98538),s=o(10767);const l=(0,n.xE)("button"),{host:c,label:d,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,r.Zz)((0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:a.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),s.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:m,fontSize:b}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},30576:(t,e,o)=>{o.r(e),o.d(e,{ButtonClass:()=>r.J,componentName:()=>r.T});var r=o(19624);o(83799),customElements.define(r.T,r.J)},83799:(t,e,o)=>{o(93555),o(89389)},89389:(t,e,o)=>{o.d(e,{$:()=>m});var r=o(13256),n=o(55774),i=o(82901),a=o(90676),s=o(81488),l=o(87550);const c=o(51450).AH`
   :host {
     display: inline-block;
     position: relative;
@@ -335,5 +335,5 @@
     margin-left: 0;
     margin-right: 0;
   }
-`;(0,r.SF)("vaadin-button",n,{moduleId:"lumo-button"})},98538:(t,e,o)=>{o.d(e,{S:()=>l,T:()=>s});var r=o(88961),n=o(25964),i=o(8512),a=o(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class"],componentName:s}))}}]);
+`;(0,r.SF)("vaadin-button",n,{moduleId:"lumo-button"})},98538:(t,e,o)=>{o.d(e,{S:()=>l,T:()=>s});var r=o(88961),n=o(25964),i=o(8512),a=o(63200);const s=(0,n.xE)("icon"),l=(0,a.Zz)((0,r.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:s}))}}]);
 //# sourceMappingURL=button-selection-group-fields-descope-button-selection-group-item-index-js.js.map

package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-selection-group-fields-descope-button-selection-group-item-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["/* eslint-disable no-use-before-define /\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.src);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get src() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n // eslint-disable-next-line class-methods-use-this\n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.src);\n\n createImage(this.src, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.src === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n componentName,\n baseSelector: ':host > descope-button',\n}) {\n get size() {\n return this.getAttribute('size') \|\| 'md';\n }\n\n get variant() {\n return this.getAttribute('variant') \|\| 'contained';\n }\n\n get value() {\n return this.getAttribute('value') \|\| '';\n }\n\n set value(value) {\n this.setAttribute('value', value);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n <slot></slot>\n </descope-button>\n\t`;\n\n injectStyle(\n `\n descope-button {\n max-width: 100%;\n }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n max-width: 100%\n\t\t\t}\n `,\n this\n );\n\n forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n }\n\n handleFocus() {\n this.shadowRoot.querySelector('descope-button')?.focus();\n }\n\n focus() {\n this.handleFocus();\n }\n\n init() {\n super.init();\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) {\n this.handleFocus();\n }\n });\n }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n createStyleMixin({\n mappings: {\n hostDirection: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostDirection,\n },\n backgroundColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.backgroundColor,\n },\n labelTextColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.labelTextColor,\n },\n borderColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderColor,\n },\n borderWidth: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderWidth,\n },\n borderStyle: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderStyle,\n },\n borderRadius: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderRadius,\n },\n outlineColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.outlineColor,\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n\t\tselector: () => `::slotted()`,\n\t\tproperty: IconClass.cssVarList.fill\n\t },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class'],\n componentName,\n })\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n / Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. /\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/\n A mixin providing common button functionality.\n \n @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n /\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /\n Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n \n @override\n * @protected\n /\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /\n By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n \n @protected\n * @override\n /\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /\n Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n \n According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n \n @param {KeyboardEvent} event\n * @protected\n * @override\n /\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey \|\| event.shiftKey \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/\n `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n \n ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n \n ### Styling\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ----------\|-------------\n * `label` \| The label (text) inside the button.\n * `prefix` \| A slot for content before the label (e.g. an icon).\n * `suffix` \| A slot for content after the label (e.g. an icon).\n \n The following attributes are available for styling:\n \n Attribute \| Description\n * -------------\|-------------\n * `active` \| Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` \| Set when the button is disabled.\n * `focus-ring` \| Set when the button is focused using the keyboard.\n * `focused` \| Set when the button is focused.\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n /\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n / Sizing /\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style /\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n / Used by notification /\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n / Set only for the internal parts so we don't affect the host vertical alignment /\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n / For interaction states /\n :host::before,\n :host::after {\n content: '';\n / We rely on the host always being relative /\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n / Hover /\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n / Active /\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n / Keyboard focus /\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n / Types (primary, tertiary, tertiary-inline /\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) /\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n / Disabled state. Keep selectors after other color variants. /\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n / Icons /\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n / Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default /\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n / Icon-only /\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n / RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class'],\n componentName,\n }),\n);\n"],"names":["componentName","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","init","toggleVisibility","src","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","cssVarList","fill","then","res","appendChild","shouldRender","srcVal","attributeChangedCallback","attrName","oldValue","newValue","mappings","height","selector","width","clickableMixin","superclass","isLoading","click","RawSelectItem","createBaseClass","size","variant","value","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","hostDirection","ButtonClass","property","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","style","setProperty","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","template","_tooltipController","addController","button","IconClass"],"sourceRoot":""}
1	+ {"version":3,"file":"button-selection-group-fields-descope-button-selection-group-item-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/ButtonSelectionGroupItemClass.js","webpack://@descope/web-components-ui/./src/components/button-selection-group-fields/descope-button-selection-group-item/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-base.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/src/vaadin-button.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/button/theme/lumo/vaadin-button-styles.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js"],"sourcesContent":["/* eslint-disable no-use-before-define /\nimport {\n createStyleMixin,\n draggableMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { createImage } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('image');\n\nconst srcAttrs = ['src', 'src-dark'];\n\nclass RawImage extends createBaseClass({\n componentName,\n baseSelector: 'slot',\n}) {\n static get observedAttributes() {\n return srcAttrs;\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n injectStyle(\n `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n :host > slot {\n width: 100%;\n height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n ::slotted() {\n width: 100%;\n\t\t\t}\n\n .hidden {\n display: none;\n }\n `,\n this,\n );\n }\n\n init() {\n super.init?.();\n this.toggleVisibility(this.src);\n }\n\n onThemeChange() {\n this.renderImage();\n }\n\n toggleVisibility(isVisible) {\n if (isVisible) {\n this.classList.remove('hidden');\n } else {\n this.classList.add('hidden');\n }\n }\n\n get altText() {\n return this.getAttribute('alt') \|\| '';\n }\n\n get legacySrc() {\n return this.getAttribute('src');\n }\n\n get themeSrc() {\n return this.getAttribute(`src-${this.currentThemeName}`);\n }\n\n get src() {\n return this.themeSrc \|\| this.legacySrc;\n }\n\n // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n // with the value from the `st-fill` attribute\n // eslint-disable-next-line class-methods-use-this\n updateFillColor(node) {\n // set fill to root node and all its relevant selectors\n const elementsToReplace = [node, ...node.querySelectorAll('[fill]')];\n\n elementsToReplace.forEach((ele) => {\n ele.setAttribute(\n 'fill',\n `var(${ImageClass.cssVarList.fill}, ${ele.getAttribute('fill') \|\| \"''\"})`,\n );\n });\n }\n\n renderImage() {\n this.toggleVisibility(this.src);\n\n createImage(this.src, this.altText).then((res) => {\n this.innerHTML = '';\n if (res) {\n this.updateFillColor(res);\n this.appendChild(res);\n }\n });\n }\n\n // render only when src attribute matches current theme\n shouldRender(src) {\n const srcVal = this.getAttribute(src);\n return this.src === srcVal;\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue === newValue) return;\n\n if (this.shouldRender(attrName)) {\n this.renderImage();\n }\n }\n}\n\nexport const ImageClass = compose(\n createStyleMixin({\n mappings: {\n fill: {},\n height: { selector: () => ':host' },\n width: { selector: () => ':host' },\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(RawImage);\n","export const clickableMixin = (superclass) =>\n class ClickableMixinClass extends superclass {\n get isLoading() {\n return this.getAttribute('loading') === 'true';\n }\n\n click() {\n this.isLoading \|\| super.click();\n }\n };\n","import { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../../mixins';\nimport { createBaseClass } from '../../../baseClasses/createBaseClass';\nimport { compose } from '../../../helpers';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport { ButtonClass } from '@descope-ui/descope-button/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('button-selection-group-item');\n\nclass RawSelectItem extends createBaseClass({\n componentName,\n baseSelector: ':host > descope-button',\n}) {\n get size() {\n return this.getAttribute('size') \|\| 'md';\n }\n\n get variant() {\n return this.getAttribute('variant') \|\| 'contained';\n }\n\n get value() {\n return this.getAttribute('value') \|\| '';\n }\n\n set value(value) {\n this.setAttribute('value', value);\n }\n\n constructor() {\n super();\n\n this.attachShadow({ mode: 'open' }).innerHTML = `\n <descope-button variant=\"${this.variant}\" size=\"${this.size}\" mode=\"primary\">\n <slot></slot>\n </descope-button>\n\t`;\n\n injectStyle(\n `\n descope-button {\n max-width: 100%;\n }\n\t\t\tdescope-button > slot {\n\t\t\t\twidth: 100%;\n\t\t\t\toverflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n max-width: 100%\n\t\t\t}\n `,\n this\n );\n\n forwardAttrs(this, this.baseElement, { includeAttrs: ['size', 'variant'] });\n forwardAttrs(this.baseElement, this, { includeAttrs: ['focused', 'active'] });\n }\n\n handleFocus() {\n this.shadowRoot.querySelector('descope-button')?.focus();\n }\n\n focus() {\n this.handleFocus();\n }\n\n init() {\n super.init();\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) {\n this.handleFocus();\n }\n });\n }\n}\n\nexport const ButtonSelectionGroupItemClass = compose(\n createStyleMixin({\n mappings: {\n hostDirection: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.hostDirection,\n },\n backgroundColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.backgroundColor,\n },\n labelTextColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.labelTextColor,\n },\n borderColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderColor,\n },\n borderWidth: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderWidth,\n },\n borderStyle: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderStyle,\n },\n borderRadius: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.borderRadius,\n },\n outlineColor: {\n selector: () => ButtonClass.componentName,\n property: ButtonClass.cssVarList.outlineColor,\n },\n },\n }),\n draggableMixin,\n componentNameValidationMixin\n)(RawSelectItem);\n","import { componentName, ButtonSelectionGroupItemClass } from './ButtonSelectionGroupItemClass';\nimport '@descope-ui/descope-button';\n\ncustomElements.define(componentName, ButtonSelectionGroupItemClass);\n\nexport { ButtonSelectionGroupItemClass };\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]\|$)/i);\n return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src, altText) => {\n const ele = document.createElement('img');\n ele.setAttribute('src', src);\n ele.setAttribute('alt', altText);\n return ele;\n};\n\nconst createSvgEle = (text) => {\n // we want to purify the SVG to avoid XSS attacks\n const clean = DOMPurify.sanitize(text, {\n USE_PROFILES: { svg: true, svgFilters: true },\n // allow image to render\n ADD_TAGS: ['image'],\n // forbid interactiviy via `use` tags (which are sanitized by default)\n FORBID_TAGS: ['defs']\n });\n\n const parser = new DOMParser();\n const ele = parser\n .parseFromString(clean, 'image/svg+xml')\n .querySelector('svg');\n return ele;\n};\n\nexport const createImage = async (src, altText) => {\n try {\n let ele;\n if (isBase64Svg(src)) {\n // handle base64 source\n const svgXml = atob(src.slice(base64Prefix.length));\n ele = createSvgEle(svgXml);\n } else if (getFileExtension(src) === 'svg') {\n // handle urls\n const fetchedSrc = await fetch(src);\n const text = await fetchedSrc.text();\n ele = createSvgEle(text);\n } else {\n // handle binary\n ele = createImgEle(src, altText);\n }\n\n ele.style.setProperty('max-width', '100%');\n ele.style.setProperty('max-height', '100%');\n\n return ele;\n } catch {\n return null;\n }\n};\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n createStyleMixin,\n draggableMixin,\n createProxy,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n host: { selector: () => ':host' },\n label: { selector: '::part(label)' },\n slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n createStyleMixin({\n mappings: {\n hostWidth: { property: 'width' },\n hostHeight: { property: 'height' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: {},\n fontFamily: {},\n\n cursor: {},\n backgroundColor: {},\n\n outlineOffset: {},\n outlineColor: {},\n outlineStyle: {},\n outlineWidth: {},\n\n borderRadius: {},\n borderColor: {},\n borderStyle: {},\n borderWidth: {},\n\n verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n horizontalPadding: [\n { property: 'padding-right', fallback: '0.875em' },\n { property: 'padding-left', fallback: '0.875em' },\n ],\n\n labelTextColor: { property: 'color' },\n iconColor: {\n\t\tselector: () => `::slotted()`,\n\t\tproperty: IconClass.cssVarList.fill\n\t },\n labelTextDecoration: { ...label, property: 'text-decoration' },\n labelSpacing: { ...label, property: 'gap' },\n textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n iconSize: [\n { ...slottedIcon, property: 'width' },\n { ...slottedIcon, property: 'height' },\n ],\n },\n }),\n clickableMixin,\n draggableMixin,\n componentNameValidationMixin\n)(\n createProxy({\n slots: ['', 'prefix', 'label', 'suffix'],\n wrappedEleName: 'vaadin-button',\n style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n :host([full-width=\"true\"]) {\n width: var(${ButtonClass.cssVarList.hostWidth});\n }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n padding: 0;\n\t\t\t}\n\t\t`,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n })\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","/*\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { css } from 'lit';\n\nexport const buttonStyles = css`\n :host {\n display: inline-block;\n position: relative;\n outline: none;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n\n / Aligns the button with form fields when placed on the same line.\n Note, to make it work, the form fields should have the same \"::before\" pseudo-element. /\n .vaadin-button-container::before {\n content: '\\\\2003';\n display: inline-block;\n width: 0;\n max-height: 100%;\n }\n\n .vaadin-button-container {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n min-height: inherit;\n text-shadow: inherit;\n }\n\n [part='prefix'],\n [part='suffix'] {\n flex: none;\n }\n\n [part='label'] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (forced-colors: active) {\n :host {\n outline: 1px solid;\n outline-offset: -1px;\n }\n\n :host([focused]) {\n outline-width: 2px;\n }\n\n :host([disabled]) {\n outline-color: GrayText;\n }\n }\n`;\n\nexport const buttonTemplate = (html) => html`\n <div class=\"vaadin-button-container\">\n <span part=\"prefix\" aria-hidden=\"true\">\n <slot name=\"prefix\"></slot>\n </span>\n <span part=\"label\">\n <slot></slot>\n </span>\n <span part=\"suffix\" aria-hidden=\"true\">\n <slot name=\"suffix\"></slot>\n </span>\n </div>\n <slot name=\"tooltip\"></slot>\n`;\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { ActiveMixin } from '@vaadin/a11y-base/src/active-mixin.js';\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\nimport { TabindexMixin } from '@vaadin/a11y-base/src/tabindex-mixin.js';\n\n/\n A mixin providing common button functionality.\n \n @polymerMixin\n * @mixes ActiveMixin\n * @mixes FocusMixin\n * @mixes TabindexMixin\n /\nexport const ButtonMixin = (superClass) =>\n class ButtonMixinClass extends ActiveMixin(TabindexMixin(FocusMixin(superClass))) {\n static get properties() {\n return {\n /\n Indicates whether the element can be focused and where it participates in sequential keyboard navigation.\n \n @override\n * @protected\n /\n tabindex: {\n type: Number,\n value: 0,\n reflectToAttribute: true,\n },\n };\n }\n\n /\n By default, `Space` is the only possible activation key for a focusable HTML element.\n * Nonetheless, the button is an exception as it can be also activated by pressing `Enter`.\n * See the \"Keyboard Support\" section in https://www.w3.org/TR/wai-aria-practices/examples/button/button.html.\n \n @protected\n * @override\n /\n get _activeKeys() {\n return ['Enter', ' '];\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n // By default, if the user hasn't provided a custom role,\n // the role attribute is set to \"button\".\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'button');\n }\n }\n\n /\n Since the button component is designed on the base of the `[role=button]` attribute,\n * and doesn't have a native <button> inside, in order to be fully accessible from the keyboard,\n * it should manually fire the `click` event once an activation key is pressed,\n * as it follows from the WAI-ARIA specifications:\n * https://www.w3.org/TR/wai-aria-practices-1.1/#button\n \n According to the UI Events specifications,\n * the `click` event should be fired exactly on `keydown`:\n * https://www.w3.org/TR/uievents/#event-type-keydown\n \n @param {KeyboardEvent} event\n * @protected\n * @override\n /\n _onKeyDown(event) {\n super._onKeyDown(event);\n\n if (event.altKey \|\| event.shiftKey \|\| event.ctrlKey \|\| event.metaKey) {\n return;\n }\n\n if (this._activeKeys.includes(event.key)) {\n event.preventDefault();\n\n // `DisabledMixin` overrides the standard `click()` method\n // so that it doesn't fire the `click` event when the element is disabled.\n this.click();\n }\n }\n };\n","/\n @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n /\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { buttonStyles, buttonTemplate } from './vaadin-button-base.js';\nimport { ButtonMixin } from './vaadin-button-mixin.js';\n\nregisterStyles('vaadin-button', buttonStyles, { moduleId: 'vaadin-button-styles' });\n\n/\n `<vaadin-button>` is an accessible and customizable button that allows users to perform actions.\n \n ```html\n * <vaadin-button>Press me</vaadin-button>\n * ```\n \n ### Styling\n \n The following shadow DOM parts are available for styling:\n \n Part name \| Description\n * ----------\|-------------\n * `label` \| The label (text) inside the button.\n * `prefix` \| A slot for content before the label (e.g. an icon).\n * `suffix` \| A slot for content after the label (e.g. an icon).\n \n The following attributes are available for styling:\n \n Attribute \| Description\n * -------------\|-------------\n * `active` \| Set when the button is pressed down, either with mouse, touch or the keyboard.\n * `disabled` \| Set when the button is disabled.\n * `focus-ring` \| Set when the button is focused using the keyboard.\n * `focused` \| Set when the button is focused.\n \n See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n \n @customElement\n * @extends HTMLElement\n * @mixes ButtonMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n /\nclass Button extends ButtonMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n static get is() {\n return 'vaadin-button';\n }\n\n static get template() {\n return buttonTemplate(html);\n }\n\n /* @protected /\n ready() {\n super.ready();\n\n this._tooltipController = new TooltipController(this);\n this.addController(this._tooltipController);\n }\n}\n\ndefineCustomElement(Button);\n\nexport { Button };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nconst button = css`\n :host {\n / Sizing /\n --lumo-button-size: var(--lumo-size-m);\n min-width: var(--vaadin-button-min-width, calc(var(--_button-size) 2));\n height: var(--_button-size);\n padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));\n margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);\n box-sizing: border-box;\n /* Style /\n font-family: var(--lumo-font-family);\n font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));\n font-weight: var(--vaadin-button-font-weight, 500);\n color: var(--_lumo-button-text-color);\n background: var(--_lumo-button-background);\n border: var(--vaadin-button-border, none);\n border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));\n cursor: var(--lumo-clickable-cursor);\n -webkit-tap-highlight-color: transparent;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-shrink: 0;\n --_button-size: var(--vaadin-button-height, var(--lumo-button-size));\n --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);\n / Used by notification /\n --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));\n --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));\n --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));\n --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));\n }\n\n / Set only for the internal parts so we don't affect the host vertical alignment /\n [part='label'],\n [part='prefix'],\n [part='suffix'] {\n line-height: var(--lumo-line-height-xs);\n }\n\n [part='label'] {\n padding: calc(var(--lumo-button-size) / 6) 0;\n }\n\n :host([theme~='small']) {\n font-size: var(--lumo-font-size-s);\n --lumo-button-size: var(--lumo-size-s);\n }\n\n :host([theme~='large']) {\n font-size: var(--lumo-font-size-l);\n --lumo-button-size: var(--lumo-size-l);\n }\n\n / For interaction states /\n :host::before,\n :host::after {\n content: '';\n / We rely on the host always being relative /\n position: absolute;\n z-index: 1;\n inset: 0;\n background-color: currentColor;\n border-radius: inherit;\n opacity: 0;\n pointer-events: none;\n }\n\n / Hover /\n\n @media (any-hover: hover) {\n :host(:hover)::before {\n opacity: 0.02;\n }\n }\n\n / Active /\n\n :host::after {\n transition: opacity 1.4s, transform 0.1s;\n filter: blur(8px);\n }\n\n :host([active])::before {\n opacity: 0.05;\n transition-duration: 0s;\n }\n\n :host([active])::after {\n opacity: 0.1;\n transition-duration: 0s, 0s;\n transform: scale(0);\n }\n\n / Keyboard focus /\n\n :host([focus-ring]) {\n box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);\n }\n\n :host([theme~='primary'][focus-ring]) {\n box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);\n }\n\n / Types (primary, tertiary, tertiary-inline /\n\n :host([theme~='tertiary']),\n :host([theme~='tertiary-inline']) {\n --_background: transparent !important;\n background: var(--vaadin-button-tertiary-background, var(--_background));\n min-width: 0;\n }\n\n :host([theme~='tertiary']) {\n border: var(--vaadin-button-tertiary-border, none);\n color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));\n font-weight: var(--vaadin-button-tertiary-font-weight, 500);\n padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));\n }\n\n :host([theme~='tertiary-inline'])::before {\n display: none;\n }\n\n :host([theme~='tertiary-inline']) {\n margin: 0;\n height: auto;\n padding: 0;\n line-height: inherit;\n font-size: inherit;\n }\n\n :host([theme~='tertiary-inline']) [part='label'] {\n padding: 0;\n overflow: visible;\n line-height: inherit;\n }\n\n :host([theme~='primary']) {\n background: var(--_lumo-button-primary-background);\n border: var(--vaadin-button-primary-border, none);\n color: var(--_lumo-button-primary-text-color);\n font-weight: var(--vaadin-button-primary-font-weight, 600);\n min-width: calc(var(--lumo-button-size) 2.5);\n }\n\n :host([theme~='primary'])::before {\n background-color: black;\n }\n\n @media (any-hover: hover) {\n :host([theme~='primary']:hover)::before {\n opacity: 0.05;\n }\n }\n\n :host([theme~='primary'][active])::before {\n opacity: 0.1;\n }\n\n :host([theme~='primary'][active])::after {\n opacity: 0.2;\n }\n\n /* Colors (success, error, contrast) /\n\n :host([theme~='success']) {\n color: var(--lumo-success-text-color);\n }\n\n :host([theme~='success'][theme~='primary']) {\n background-color: var(--lumo-success-color);\n color: var(--lumo-success-contrast-color);\n }\n\n :host([theme~='error']) {\n color: var(--lumo-error-text-color);\n }\n\n :host([theme~='error'][theme~='primary']) {\n background-color: var(--lumo-error-color);\n color: var(--lumo-error-contrast-color);\n }\n\n :host([theme~='contrast']) {\n color: var(--lumo-contrast);\n }\n\n :host([theme~='contrast'][theme~='primary']) {\n background-color: var(--lumo-contrast);\n color: var(--lumo-base-color);\n }\n\n / Disabled state. Keep selectors after other color variants. /\n\n :host([disabled]) {\n pointer-events: none;\n color: var(--lumo-disabled-text-color);\n }\n\n :host([theme~='primary'][disabled]) {\n background-color: var(--lumo-contrast-30pct);\n color: var(--lumo-base-color);\n }\n\n :host([theme~='primary'][disabled]) [part] {\n opacity: 0.7;\n }\n\n / Icons /\n\n [part] ::slotted(vaadin-icon) {\n display: inline-block;\n width: var(--lumo-icon-size-m);\n height: var(--lumo-icon-size-m);\n }\n\n / Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default /\n [part] ::slotted(vaadin-icon[icon^='vaadin:']) {\n padding: 0.25em;\n box-sizing: border-box !important;\n }\n\n [part='prefix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n [part='suffix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n / Icon-only /\n\n :host([theme~='icon']:not([theme~='tertiary-inline'])) {\n min-width: var(--lumo-button-size);\n padding-left: calc(var(--lumo-button-size) / 4);\n padding-right: calc(var(--lumo-button-size) / 4);\n }\n\n :host([theme~='icon']) [part='prefix'],\n :host([theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n\n / RTL specific styles */\n\n :host([dir='rtl']) [part='prefix'] {\n margin-left: 0.25em;\n margin-right: -0.25em;\n }\n\n :host([dir='rtl']) [part='suffix'] {\n margin-left: -0.25em;\n margin-right: 0.25em;\n }\n\n :host([dir='rtl'][theme~='icon']) [part='prefix'],\n :host([dir='rtl'][theme~='icon']) [part='suffix'] {\n margin-left: 0;\n margin-right: 0;\n }\n`;\n\nregisterStyles('vaadin-button', button, { moduleId: 'lumo-button' });\n\nexport { button };\n","import {\n componentNameValidationMixin,\n createProxy,\n createStyleMixin,\n draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n createStyleMixin({\n mappings: {\n fill: [{}, { property: ImageClass.cssVarList.fill }],\n },\n }),\n draggableMixin,\n componentNameValidationMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'descope-image',\n style: () => `\n :host {\n display: inline-flex;\n }\n `,\n excludeAttrsSync: ['tabindex', 'class', 'style'],\n componentName,\n }),\n);\n"],"names":["componentName","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","init","toggleVisibility","src","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","cssVarList","fill","then","res","appendChild","shouldRender","srcVal","attributeChangedCallback","attrName","oldValue","newValue","mappings","height","selector","width","clickableMixin","superclass","isLoading","click","RawSelectItem","createBaseClass","size","variant","value","baseElement","includeAttrs","handleFocus","shadowRoot","querySelector","focus","addEventListener","e","isTrusted","ButtonSelectionGroupItemClass","hostDirection","ButtonClass","property","backgroundColor","labelTextColor","borderColor","borderWidth","borderStyle","borderRadius","outlineColor","customElements","define","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","style","setProperty","host","label","slottedIcon","loadingIndicatorStyles","hostWidth","hostHeight","fontSize","fontFamily","cursor","outlineOffset","outlineStyle","outlineWidth","verticalPadding","horizontalPadding","fallback","iconColor","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","buttonStyles","ButtonMixin","superClass","properties","tabindex","type","Number","reflectToAttribute","_activeKeys","ready","hasAttribute","_onKeyDown","event","altKey","shiftKey","ctrlKey","metaKey","includes","key","preventDefault","moduleId","Button","is","template","_tooltipController","addController","button","IconClass"],"sourceRoot":""}

package/dist/umd/descope-address-field.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8712,8822],{25278:(e,t,s)=>{s.r(t),s.d(t,{AddressFieldClass:()=>f,componentName:()=>v}),s(25003),s(93847);var r=s(72270),i=s(25964),o=s(88961),a=s(63200);class n extends((0,r.h)()){#e=null;#t=null;constructor(e){super(e),this.#t=this.#s()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#s(){const e=this.getAttribute("public-api-key");if(!this.#e&&e)try{(e=>{var t,s,r,i,o,a,n,l,u,c,d,m,p;window.google?.maps||(t={key:e},o="The Google Maps JavaScript API",a="google",n="importLibrary",l="__ib__",u=document,c=window,d=(c=c[a]||(c[a]={})).maps||(c.maps={}),m=new Set,p=new URLSearchParams,d[n]?console.warn(o+" only loads once. Ignoring:",t):d[n]=(e,...c)=>m.add(e)&&(s||(s=new Promise(async(e,n)=>{for(i in await(r=u.createElement("script")),p.set("libraries",[...m]+""),t)p.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);p.set("callback",a+".maps."+l),r.src=`https://maps.${a}apis.com/maps/api/js?`+p,d[l]=e,r.onerror=()=>s=n(Error(o+" could not load.")),r.nonce=u.querySelector("script[nonce]")?.nonce||"",u.head.append(r)}))).then(()=>d[n](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#e=t}catch(e){throw console.error("Failed to initialize Google Maps Autocomplete service:",e),e}}async _fetchResults(e){if(!e?.trim())return{results:[]};try{await this.#t;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:s,defaultValue:r})=>{const i=this.getAttribute(e)||r;i&&(t[s]="includedPrimaryTypes"===s?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:s}=await this.#e.fetchAutocompleteSuggestions(t);return this.#r(s)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:r.OR.FETCH_RESULTS_ERROR}}}#r(e){return e?.length?{results:e.map(e=>{const t=e.placePrediction;return{id:t.placeId,label:t.text.text,value:t.text.text}})}:{results:[]}}}class l extends((0,r.h)()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),s=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:r})=>{const i=this.getAttribute(e)||r;i&&("layers"===t||"countryCode"===t?s.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):s.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${s.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const r=await e.json();return this.#r(r)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:r.OR.FETCH_RESULTS_ERROR}}}#r(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const u=(0,i.xE)("address-field-internal"),c="google-maps-places",d="radar",m={[c]:n,[d]:l},p=(0,r.yc)({componentName:u,baseSelector:""}),h=["public-api-key"],g=[...h],b=(0,a.Zz)((0,o.Jm)({connectorClasses:m}))(class extends p{static get observedAttributes(){return[].concat(p.observedAttributes||[],g)}get errorMsgValueMissing(){return this.getAttribute("data-errormessage-value-missing")||this.defaultErrorMsgValueMissing}constructor(){super(),this.innerHTML="\n    <div>\n      <descope-autocomplete-field></descope-autocomplete-field>\n    </div>\n    ",this.autocompleteField=this.querySelector("descope-autocomplete-field")}get value(){return this.autocompleteField.value}set value(e){this.autocompleteField.value=e}focus(){this.autocompleteField.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.autocompleteField.focus()}),super.init?.(),this.initAutocomplete()}initAutocomplete(){(0,i.EA)(this,this.autocompleteField,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","error-message","default-value","data-errormessage-value-missing","st-host-direction","allow-custom-value","min-search-length","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,i.Gh)(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,s){super.attributeChangedCallback?.(e,t,s),t!==s&&h.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}});customElements.define(u,b);const v=(0,i.xE)("address-field"),{host:y}={host:{selector:()=>":host"}},f=(0,a.Zz)((0,o.RF)({componentNameOverride:(0,i.xE)("input-wrapper")}),(0,o.RF)({mappings:{hostWidth:{...y,property:"width"},hostDirection:{...y,property:"direction"}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),o.tQ,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}set connectorClasses(e){this.inputElement.connectorClasses=e}get connectorClasses(){return this.inputElement.connectorClasses}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${u}\n        tabindex="-1"\n      ></${u}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(u),(0,i.EA)(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding","connector-template","public-api-key","address-types","address-language","address-region","address-limit"]}),(0,i.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})((0,o.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n    direction: ltr;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${u} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${u} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label"],componentName:v}));customElements.define(v,f)},93847:(e,t,s)=>{s.r(t),s.d(t,{AutocompleteFieldClass:()=>h,componentName:()=>m}),s(25003),s(27092);var r=s(72270),i=s(25964),o=s(63200);const a=(0,i.xE)("autocomplete-field-internal"),n=(0,r.yc)({componentName:a,baseSelector:""}),l=[],u="DESCOPE_INVALID_OPTION";customElements.define(a,class extends n{static get observedAttributes(){return[].concat(n.observedAttributes||[],l)}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get minSearchLength(){return this.getAttribute("min-search-length")||3}get noResultsFoundMessage(){return this.getAttribute("no-results-message")||"No results found"}get errorFetchingResultsMessage(){return this.getAttribute("error-fetching-results-message")||"An error occurred fetching results"}constructor(){super(),this.innerHTML='\n    <div class="autocomplete-field">\n      <descope-combo-box clear-button-visible="true" auto-open-disabled="true" has-dynamic-data="true" item-label-path="data-name" item-value-path="data-id" hide-toggle-button="true"></descope-combo-box>\n    </div>\n    ',this.comboBox=this.querySelector("descope-combo-box")}get value(){return this.comboBox.value}set value(e){this.allowCustomValue?this.comboBox.value=e:(this.comboBox.data=[{label:e,value:e}],setTimeout(()=>{this.comboBox.value=e}))}get defaultValue(){return this.getAttribute("default-value")}async#i(e){const{results:t,error:s}=await this.fetchResults(e);return s?{error:s}:{results:t}}#o(e,t,s,r){return`<span data-name="${s}" data-id="${t}" ${r?'disabled="true"':""}>${e||s}</span>`}#a(){this.comboBox.renderer=(e,t,s)=>{"true"===s.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=s.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:s,disabled:r})=>this.#o(e,t,s,r)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#n(),(0,i.Gh)(this,this.comboBox,{includeAttrs:["invalid"]})}#n(){this.debouncedSearch=(0,o.g5)(async e=>{try{const{results:t,error:s}=await this.#i(e);return{results:t,error:s,value:e}}catch(t){return{error:t,value:e}}},250),(0,i.EA)(this,this.comboBox,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","invalid","error-message","data-errormessage-value-missing","st-host-direction","allow-custom-value","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),this.comboBox.addEventListener("filter-changed",this.onSearch.bind(this)),this.#a()}#l(){return[{label:this.noResultsFoundMessage,value:u,disabled:!0}]}#u(){return[{label:this.errorFetchingResultsMessage,value:u,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const s=await this.debouncedSearch(t);s&&s.value===t&&(this.comboBox.loading=!1,s.error?this.comboBox.data=this.#u():0===s.results?.length?this.comboBox.data=this.#l():this.comboBox.data=s.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}});var c=s(88961),d=s(86365);const m=(0,i.xE)("autocomplete-field"),{host:p}={host:{selector:()=>":host"}},h=(0,o.Zz)((0,c.RF)({componentNameOverride:(0,i.xE)("input-wrapper")}),(0,c.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{...p},checkmarkDisplay:{selector:d.C.componentName,property:d.C.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemHoverBackground}}}),c.VO,(0,c.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),c.tQ,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${a}\n        tabindex="-1"\n      ></${a}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a),(0,i.EA)(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,i.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})((0,c.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      direction: ltr;\n    }\n    vaadin-custom-field {\n      line-height: unset;\n      width: 100%;\n    }\n\n    descope-autocomplete-field-internal {\n      display: inline-block;\n      box-sizing: border-box;\n      user-select: none;\n      width: 100%;\n      max-width: 100%;\n    }\n\n    descope-autocomplete-field-internal ::slotted {\n      padding: 0;\n    }\n  ",excludeAttrsSync:["tabindex","error-message","label"],componentName:m}));customElements.define(m,h)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8712,8822],{25278:(e,t,s)=>{s.r(t),s.d(t,{AddressFieldClass:()=>f,componentName:()=>v}),s(25003),s(93847);var r=s(72270),i=s(25964),o=s(88961),a=s(63200);class n extends((0,r.h)()){#e=null;#t=null;constructor(e){super(e),this.#t=this.#s()}getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"includedPrimaryTypes",attribute:"address-types"},{key:"language",attribute:"address-language"},{key:"region",attribute:"address-region"}]}async#s(){const e=this.getAttribute("public-api-key");if(!this.#e&&e)try{(e=>{var t,s,r,i,o,a,n,l,u,c,d,m,p;window.google?.maps||(t={key:e},o="The Google Maps JavaScript API",a="google",n="importLibrary",l="__ib__",u=document,c=window,d=(c=c[a]||(c[a]={})).maps||(c.maps={}),m=new Set,p=new URLSearchParams,d[n]?console.warn(o+" only loads once. Ignoring:",t):d[n]=(e,...c)=>m.add(e)&&(s||(s=new Promise(async(e,n)=>{for(i in await(r=u.createElement("script")),p.set("libraries",[...m]+""),t)p.set(i.replace(/[A-Z]/g,e=>"_"+e[0].toLowerCase()),t[i]);p.set("callback",a+".maps."+l),r.src=`https://maps.${a}apis.com/maps/api/js?`+p,d[l]=e,r.onerror=()=>s=n(Error(o+" could not load.")),r.nonce=u.querySelector("script[nonce]")?.nonce||"",u.head.append(r)}))).then(()=>d[n](e,...c)))})(e);const{AutocompleteSuggestion:t}=await google.maps.importLibrary("places");this.#e=t}catch(e){throw console.error("Failed to initialize Google Maps Autocomplete service:",e),e}}async _fetchResults(e){if(!e?.trim())return{results:[]};try{await this.#t;const t={input:e};this.getOptionalParams().forEach(({attribute:e,key:s,defaultValue:r})=>{const i=this.getAttribute(e)||r;i&&(t[s]="includedPrimaryTypes"===s?i.split(",").map(e=>e.trim()).filter(Boolean):i)});const{suggestions:s}=await this.#e.fetchAutocompleteSuggestions(t);return this.#r(s)}catch(e){return console.error("Google Maps Places Autocomplete failed:",e),{results:[],error:r.OR.FETCH_RESULTS_ERROR}}}#r(e){return e?.length?{results:e.map(e=>{const t=e.placePrediction;return{id:t.placeId,label:t.text.text,value:t.text.text}})}:{results:[]}}}class l extends((0,r.h)()){getRequiredParams(){return["public-api-key"]}getOptionalParams(){return[{key:"layers",attribute:"address-types"},{key:"limit",attribute:"address-limit"},{key:"lang",attribute:"address-language"},{key:"countryCode",attribute:"address-region"}]}async _fetchResults(e){if(!e?.trim())return{results:[]};const t=this.getAttribute("public-api-key"),s=new URLSearchParams({query:e.trim()});this.getOptionalParams().forEach(({attribute:e,key:t,defaultValue:r})=>{const i=this.getAttribute(e)||r;i&&("layers"===t||"countryCode"===t?s.append(t,i.split(",").map(e=>e.trim()).filter(Boolean).join(",")):s.append(t,i))});try{const e=await fetch(`https://api.radar.io/v1/search/autocomplete?${s.toString()}`,{headers:{Authorization:t}});if(!e.ok)throw new Error(`Radar API returned ${e.status}`);const r=await e.json();return this.#r(r)}catch(e){return console.error("Radar Places Autocomplete failed:",e),{results:[],error:r.OR.FETCH_RESULTS_ERROR}}}#r(e){return e?.addresses?.length?{results:e.addresses.map(e=>({label:e.formattedAddress,value:e.formattedAddress}))}:{results:[]}}}const u=(0,i.xE)("address-field-internal"),c="google-maps-places",d="radar",m={[c]:n,[d]:l},p=(0,r.yc)({componentName:u,baseSelector:""}),h=["public-api-key"],g=[...h],b=(0,a.Zz)((0,o.Jm)({connectorClasses:m}))(class extends p{static get observedAttributes(){return[].concat(p.observedAttributes||[],g)}get errorMsgValueMissing(){return this.getAttribute("data-errormessage-value-missing")||this.defaultErrorMsgValueMissing}constructor(){super(),this.innerHTML="\n    <div>\n      <descope-autocomplete-field></descope-autocomplete-field>\n    </div>\n    ",this.autocompleteField=this.querySelector("descope-autocomplete-field")}get value(){return this.autocompleteField.value}set value(e){this.autocompleteField.value=e}focus(){this.autocompleteField.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.autocompleteField.focus()}),super.init?.(),this.initAutocomplete()}initAutocomplete(){(0,i.EA)(this,this.autocompleteField,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","error-message","default-value","data-errormessage-value-missing","st-host-direction","allow-custom-value","min-search-length","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,i.Gh)(this,this.autocompleteField,{includeAttrs:["invalid"]}),this.autocompleteField.fetchResults=this.fetchConnectorResults.bind(this)}attributeChangedCallback(e,t,s){super.attributeChangedCallback?.(e,t,s),t!==s&&h.includes(e)&&this.initializeConnector()}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}});customElements.define(u,b);const v=(0,i.xE)("address-field"),{host:y}={host:{selector:()=>":host"}},f=(0,a.Zz)((0,o.RF)({componentNameOverride:(0,i.xE)("input-wrapper")}),(0,o.RF)({mappings:{hostWidth:{...y,property:"width"},hostDirection:{...y,property:"direction"}}}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),o.tQ,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}set connectorClasses(e){this.inputElement.connectorClasses=e}get connectorClasses(){return this.inputElement.connectorClasses}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${u}\n        tabindex="-1"\n      ></${u}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(u),(0,i.EA)(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding","connector-template","public-api-key","address-types","address-language","address-region","address-limit"]}),(0,i.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.setDefaultValue()}})((0,o.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n    direction: ltr;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${u} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${u} ::slotted {\n    padding: 0;\n  }\n`,excludeAttrsSync:["tabindex","error-message","label","style"],componentName:v}));customElements.define(v,f)},93847:(e,t,s)=>{s.r(t),s.d(t,{AutocompleteFieldClass:()=>h,componentName:()=>m}),s(25003),s(27092);var r=s(72270),i=s(25964),o=s(63200);const a=(0,i.xE)("autocomplete-field-internal"),n=(0,r.yc)({componentName:a,baseSelector:""}),l=[],u="DESCOPE_INVALID_OPTION";customElements.define(a,class extends n{static get observedAttributes(){return[].concat(n.observedAttributes||[],l)}get allowCustomValue(){return"true"===this.getAttribute("allow-custom-value")}get minSearchLength(){return this.getAttribute("min-search-length")||3}get noResultsFoundMessage(){return this.getAttribute("no-results-message")||"No results found"}get errorFetchingResultsMessage(){return this.getAttribute("error-fetching-results-message")||"An error occurred fetching results"}constructor(){super(),this.innerHTML='\n    <div class="autocomplete-field">\n      <descope-combo-box clear-button-visible="true" auto-open-disabled="true" has-dynamic-data="true" item-label-path="data-name" item-value-path="data-id" hide-toggle-button="true"></descope-combo-box>\n    </div>\n    ',this.comboBox=this.querySelector("descope-combo-box")}get value(){return this.comboBox.value}set value(e){this.allowCustomValue?this.comboBox.value=e:(this.comboBox.data=[{label:e,value:e}],setTimeout(()=>{this.comboBox.value=e}))}get defaultValue(){return this.getAttribute("default-value")}async#i(e){const{results:t,error:s}=await this.fetchResults(e);return s?{error:s}:{results:t}}#o(e,t,s,r){return`<span data-name="${s}" data-id="${t}" ${r?'disabled="true"':""}>${e||s}</span>`}#a(){this.comboBox.renderer=(e,t,s)=>{"true"===s.item.getAttribute("disabled")?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),e.innerHTML=s.item.outerHTML},this.comboBox.renderItem=({displayName:e,value:t,label:s,disabled:r})=>this.#o(e,t,s,r)}focus(){this.comboBox.focus()}init(){this.addEventListener("focus",e=>{e.isTrusted&&this.comboBox.focus()}),super.init?.(),this.#n(),(0,i.Gh)(this,this.comboBox,{includeAttrs:["invalid"]})}#n(){this.debouncedSearch=(0,o.g5)(async e=>{try{const{results:t,error:s}=await this.#i(e);return{results:t,error:s,value:e}}catch(t){return{error:t,value:e}}},250),(0,i.EA)(this,this.comboBox,{includeAttrs:["size","bordered","label","label-type","placeholder","disabled","readonly","required","full-width","helper-text","invalid","error-message","data-errormessage-value-missing","st-host-direction","allow-custom-value","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),this.comboBox.addEventListener("filter-changed",this.onSearch.bind(this)),this.#a()}#l(){return[{label:this.noResultsFoundMessage,value:u,disabled:!0}]}#u(){return[{label:this.errorFetchingResultsMessage,value:u,disabled:!0}]}async onSearch(e){const t=e.detail.value;if(!t||t.length<this.minSearchLength)return;this.comboBox.loading=!0,this.comboBox.setAttribute("opened","true");const s=await this.debouncedSearch(t);s&&s.value===t&&(this.comboBox.loading=!1,s.error?this.comboBox.data=this.#u():0===s.results?.length?this.comboBox.data=this.#l():this.comboBox.data=s.results||[])}fetchResults(e){return console.warn("fetchResults","needs to be implemented"),{results:[],error:void 0}}getValidity(){return this.isRequired&&!this.value?{valueMissing:!0}:{valid:!0}}});var c=s(88961),d=s(86365);const m=(0,i.xE)("autocomplete-field"),{host:p}={host:{selector:()=>":host"}},h=(0,o.Zz)((0,c.RF)({componentNameOverride:(0,i.xE)("input-wrapper")}),(0,c.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{...p},checkmarkDisplay:{selector:d.C.componentName,property:d.C.cssVarList.overlayCheckmarkDisplay},itemPaddingInlineStart:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemPaddingInlineStart},itemPaddingInlineEnd:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemPaddingInlineEnd},selectedItemBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemBackground},selectedItemHoverBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemHoverBackground},selectedItemFocusBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlaySelectedItemFocusBackground},itemHoverBackground:{selector:d.C.componentName,property:d.C.cssVarList.overlayItemHoverBackground}}}),c.VO,(0,c.OZ)({proxyProps:["value","selectionStart"],inputEvent:"input",proxyParentValidation:!0}),c.tQ,e=>class extends e{get defaultValue(){return this.getAttribute("default-value")}setDefaultValue(){this.defaultValue&&setTimeout(()=>{this.inputElement.value=this.defaultValue})}init(){super.init?.();const e=document.createElement("template");e.innerHTML=`\n      <${a}\n        tabindex="-1"\n      ></${a}>\n      `,this.baseElement.appendChild(e.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(a),(0,i.EA)(this,this.inputElement,{includeAttrs:["size","bordered","label","required","label-type","placeholder","full-width","allow-custom-value","min-search-length","no-results-message","error-fetching-results-message","data-errormessage-value-missing","invalid","error-message","readonly","disabled","st-host-direction","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]}),(0,i.Gh)(this,this.inputElement,{includeAttrs:["invalid"]}),this.inputElement.fetchResults=this.fetchResults,this.setDefaultValue()}set fetchResults(e){this.inputElement.fetchResults=e}})((0,c.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>"\n    :host {\n      display: inline-flex;\n      max-width: 100%;\n      direction: ltr;\n    }\n    vaadin-custom-field {\n      line-height: unset;\n      width: 100%;\n    }\n\n    descope-autocomplete-field-internal {\n      display: inline-block;\n      box-sizing: border-box;\n      user-select: none;\n      width: 100%;\n      max-width: 100%;\n    }\n\n    descope-autocomplete-field-internal ::slotted {\n      padding: 0;\n    }\n  ",excludeAttrsSync:["tabindex","error-message","label","style"],componentName:m}));customElements.define(m,h)}}]);
 //# sourceMappingURL=descope-address-field.js.map

package/dist/umd/descope-address-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"descope-address-field.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/google.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/googleScriptInit.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/radar.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/descope-address-field-internal/AddressFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/descope-address-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/AddressFieldClass.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/descope-autocomplete-field-internal/AutocompleteFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/descope-autocomplete-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/AutocompleteFieldClass.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/index.js"],"sourcesContent":["/* global google /\n\nimport {\n createBaseConnectorClass,\n CONNECTOR_ERRORS,\n} from '@descope-ui/common/base-classes';\nimport { initGoogleMapsLoader } from './googleScriptInit';\n\nexport class GoogleMapsConnector extends createBaseConnectorClass() {\n #autocompleteService = null;\n\n #initializationPromise = null;\n\n constructor(getAttribute) {\n super(getAttribute);\n // Start initialization but don't block constructor\n this.#initializationPromise = this.#initializeAutocompleteService();\n }\n\n // eslint-disable-next-line class-methods-use-this\n getRequiredParams() {\n return ['public-api-key'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n getOptionalParams() {\n return [\n {\n key: 'includedPrimaryTypes',\n attribute: 'address-types',\n },\n {\n key: 'language',\n attribute: 'address-language',\n },\n {\n key: 'region',\n attribute: 'address-region',\n },\n ];\n }\n\n async #initializeAutocompleteService() {\n const apiKey = this.getAttribute('public-api-key');\n if (this.#autocompleteService \|\| !apiKey) {\n return;\n }\n\n try {\n initGoogleMapsLoader(apiKey);\n\n const { AutocompleteSuggestion } =\n await google.maps.importLibrary('places');\n this.#autocompleteService = AutocompleteSuggestion;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\n 'Failed to initialize Google Maps Autocomplete service:',\n error,\n );\n throw error;\n }\n }\n\n async _fetchResults(query) {\n if (!query?.trim()) {\n return { results: [] };\n }\n\n try {\n await this.#initializationPromise;\n\n const request = {\n input: query,\n };\n\n // Add optional parameters\n this.getOptionalParams().forEach(({ attribute, key, defaultValue }) => {\n const value = this.getAttribute(attribute) \|\| defaultValue;\n if (value) {\n if (key === 'includedPrimaryTypes') {\n request[key] = value\n .split(',')\n .map((type) => type.trim())\n .filter(Boolean);\n } else {\n request[key] = value;\n }\n }\n });\n\n const { suggestions } =\n await this.#autocompleteService.fetchAutocompleteSuggestions(request);\n return this.#parseResponse(suggestions);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Google Maps Places Autocomplete failed:', error);\n return { results: [], error: CONNECTOR_ERRORS.FETCH_RESULTS_ERROR };\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n #parseResponse(suggestions) {\n if (!suggestions?.length) {\n return { results: [] };\n }\n\n return {\n results: suggestions.map((suggestion) => {\n const prediction = suggestion.placePrediction;\n return {\n id: prediction.placeId,\n label: prediction.text.text,\n value: prediction.text.text,\n };\n }),\n };\n }\n}\n","export const initGoogleMapsLoader = (apiKey) => {\n if (window.google?.maps) {\n return;\n }\n\n / eslint-disable /\n // prettier-ignore\n (g=>{var h,a,k,p=\"The Google Maps JavaScript API\",c=\"google\",l=\"importLibrary\",q=\"__ib__\",m=document,b=window;b=b[c]\|\|(b[c]={});var d=b.maps\|\|(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h\|\|(h=new Promise(async(f,n)=>{await (a=m.createElement(\"script\"));e.set(\"libraries\",[...r]+\"\");for(k in g)e.set(k.replace(/[A-Z]/g,t=>\"_\"+t[0].toLowerCase()),g[k]);e.set(\"callback\",c+\".maps.\"+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+\" could not load.\"));a.nonce=m.querySelector(\"script[nonce]\")?.nonce\|\|\"\";m.head.append(a)}));d[l]?console.warn(p+\" only loads once. Ignoring:\",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({\n key: apiKey,\n });\n / eslint-enable */\n};\n","import {\n createBaseConnectorClass,\n CONNECTOR_ERRORS,\n} from '@descope-ui/common/base-classes';\n\nconst RADAR_AUTOCOMPLETE_URL = 'https://api.radar.io/v1/search/autocomplete';\n\nexport class RadarConnector extends createBaseConnectorClass() {\n // eslint-disable-next-line class-methods-use-this\n getRequiredParams() {\n return ['public-api-key'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n getOptionalParams() {\n return [\n {\n key: 'layers',\n attribute: 'address-types',\n },\n {\n key: 'limit',\n attribute: 'address-limit',\n },\n {\n key: 'lang',\n attribute: 'address-language',\n },\n {\n key: 'countryCode',\n attribute: 'address-region',\n },\n ];\n }\n\n async _fetchResults(query) {\n if (!query?.trim()) {\n return { results: [] };\n }\n\n const apiKey = this.getAttribute('public-api-key');\n const params = new URLSearchParams({\n query: query.trim(),\n });\n\n // Add optional parameters\n this.getOptionalParams().forEach(({ attribute, key, defaultValue }) => {\n const value = this.getAttribute(attribute) \|\| defaultValue;\n if (value) {\n if (key === 'layers' \|\| key === 'countryCode') {\n params.append(\n key,\n value\n .split(',')\n .map((type) => type.trim())\n .filter(Boolean)\n .join(','),\n );\n } else {\n params.append(key, value);\n }\n }\n });\n\n try {\n const response = await fetch(\n `${RADAR_AUTOCOMPLETE_URL}?${params.toString()}`,\n {\n headers: {\n Authorization: apiKey,\n },\n },\n );\n\n if (!response.ok) {\n throw new Error(`Radar API returned ${response.status}`);\n }\n\n const data = await response.json();\n return this.#parseResponse(data);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Radar Places Autocomplete failed:', error);\n return { results: [], error: CONNECTOR_ERRORS.FETCH_RESULTS_ERROR };\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n #parseResponse(data) {\n if (!data?.addresses?.length) {\n return { results: [] };\n }\n return {\n results: data.addresses.map((address) => ({\n label: address.formattedAddress,\n value: address.formattedAddress,\n })),\n };\n }\n}\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n forwardAttrs,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { connectorMixin } from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { GoogleMapsConnector, RadarConnector } from '../../connectors';\n\nexport const componentName = getComponentName('address-field-internal');\n\nconst GOOGLE_MAPS_CONNECTOR_TEMPLATE = 'google-maps-places';\nconst RADAR_CONNECTOR_TEMPLATE = 'radar';\n\nconst CONNECTOR_CLASSES = {\n [GOOGLE_MAPS_CONNECTOR_TEMPLATE]: GoogleMapsConnector,\n [RADAR_CONNECTOR_TEMPLATE]: RadarConnector,\n};\n\nconst BaseInputClass = createBaseInputClass({\n componentName,\n baseSelector: '',\n});\nconst initConnectorAttrs = ['public-api-key'];\nconst observedAttrs = [...initConnectorAttrs];\n\nclass RawAddressFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttrs);\n }\n\n get errorMsgValueMissing() {\n return (\n this.getAttribute('data-errormessage-value-missing') \|\|\n this.defaultErrorMsgValueMissing\n );\n }\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-autocomplete-field></descope-autocomplete-field>\n </div>\n `;\n\n this.autocompleteField = this.querySelector('descope-autocomplete-field');\n }\n\n get value() {\n return this.autocompleteField.value;\n }\n\n set value(val) {\n this.autocompleteField.value = val;\n }\n\n focus() {\n this.autocompleteField.focus();\n }\n\n init() {\n // This event listener needs to be placed before the super.init() call\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) this.autocompleteField.focus();\n });\n\n super.init?.();\n this.initAutocomplete();\n }\n\n initAutocomplete() {\n forwardAttrs(this, this.autocompleteField, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'label-type',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'required',\n 'full-width',\n 'helper-text',\n 'error-message',\n 'default-value',\n 'data-errormessage-value-missing',\n 'st-host-direction',\n 'allow-custom-value',\n 'min-search-length',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n // This is required since when we remove the invalid attribute from the autocomplete field,\n // we want to reflect the change in the address field component\n syncAttrs(this, this.autocompleteField, { includeAttrs: ['invalid'] });\n\n // Bind the connector fetch results fn to the autocomplete field\n this.autocompleteField.fetchResults = this.fetchConnectorResults.bind(this);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue !== newValue) {\n if (initConnectorAttrs.includes(attrName)) {\n this.initializeConnector();\n }\n }\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return { valid: true };\n }\n}\n\nexport const AddressFieldInternal = compose(\n connectorMixin({ connectorClasses: CONNECTOR_CLASSES }),\n)(RawAddressFieldInternal);\n","import { AddressFieldInternal, componentName } from './AddressFieldInternal';\n\ncustomElements.define(componentName, AddressFieldInternal);\n","import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport {\n getComponentName,\n forwardAttrs,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport { componentName as descopeInternalComponentName } from './descope-address-field-internal/AddressFieldInternal';\n\nexport const componentName = getComponentName('address-field');\n\nconst customMixin = (superclass) =>\n class AddressFieldMixinClass extends superclass {\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n setTimeout(() => {\n this.inputElement.value = this.defaultValue;\n });\n }\n }\n\n set connectorClasses(value) {\n this.inputElement.connectorClasses = value;\n }\n\n get connectorClasses() {\n return this.inputElement.connectorClasses;\n }\n\n init() {\n super.init?.();\n const template = document.createElement('template');\n\n template.innerHTML = `\n <${descopeInternalComponentName}\n tabindex=\"-1\"\n ></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(\n descopeInternalComponentName,\n );\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'required',\n 'label-type',\n 'placeholder',\n 'full-width',\n 'allow-custom-value',\n 'min-search-length',\n 'no-results-message',\n 'error-fetching-results-message',\n 'data-errormessage-value-missing',\n 'invalid',\n 'error-message',\n 'readonly',\n 'disabled',\n 'st-host-direction',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n 'connector-template',\n 'public-api-key',\n 'address-types',\n 'address-language',\n 'address-region',\n 'address-limit',\n ],\n });\n\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n this.setDefaultValue();\n }\n };\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const AddressFieldClass = compose(\n createStyleMixin({\n componentNameOverride: getComponentName('input-wrapper'),\n }),\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n },\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart'],\n inputEvent: 'input',\n proxyParentValidation: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-custom-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n ${descopeInternalComponentName} {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n ${descopeInternalComponentName} ::slotted {\n padding: 0;\n }\n`,\n excludeAttrsSync: ['tabindex', 'error-message', 'label'],\n componentName,\n }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-autocomplete-field';\nimport './descope-address-field-internal';\n\nimport { componentName, AddressFieldClass } from './AddressFieldClass';\n\ncustomElements.define(componentName, AddressFieldClass);\n\nexport { AddressFieldClass, componentName };\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n forwardAttrs,\n getComponentName,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { asyncDebounce } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('autocomplete-field-internal');\n\nconst BaseInputClass = createBaseInputClass({\n componentName,\n baseSelector: '',\n});\nconst observedAttrs = [];\n\nconst INVALID_OPTION_VALUE = 'DESCOPE_INVALID_OPTION';\nconst DEBOUNCE_SEARCH_DELAY = 250;\n\nclass AutocompleteFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttrs);\n }\n\n get allowCustomValue() {\n return this.getAttribute('allow-custom-value') === 'true';\n }\n\n get minSearchLength() {\n return this.getAttribute('min-search-length') \|\| 3;\n }\n\n get noResultsFoundMessage() {\n return this.getAttribute('no-results-message') \|\| 'No results found';\n }\n\n get errorFetchingResultsMessage() {\n return (\n this.getAttribute('error-fetching-results-message') \|\|\n 'An error occurred fetching results'\n );\n }\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div class=\"autocomplete-field\">\n <descope-combo-box clear-button-visible=\"true\" auto-open-disabled=\"true\" has-dynamic-data=\"true\" item-label-path=\"data-name\" item-value-path=\"data-id\" hide-toggle-button=\"true\"></descope-combo-box>\n </div>\n `;\n\n this.comboBox = this.querySelector('descope-combo-box');\n }\n\n get value() {\n return this.comboBox.value;\n }\n\n set value(val) {\n if (!this.allowCustomValue) {\n this.comboBox.data = [{ label: val, value: val }];\n setTimeout(() => {\n this.comboBox.value = val;\n });\n } else {\n this.comboBox.value = val;\n }\n }\n\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n async #autoCompleteSearch(value) {\n const { results, error } = await this.fetchResults(value);\n if (error) {\n return { error };\n }\n return {\n results,\n };\n }\n\n // eslint-disable-next-line class-methods-use-this\n #itemRenderer(displayName, value, label, disabled) {\n return `<span data-name=\"${label}\" data-id=\"${value}\" ${disabled ? 'disabled=\"true\"' : ''}>${\n displayName \|\| label\n }</span>`;\n }\n\n #overrideComboBoxRenderers() {\n this.comboBox.renderer = (root, _, model) => {\n if (model.item.getAttribute('disabled') === 'true') {\n root.setAttribute('disabled', 'true');\n } else {\n root.removeAttribute('disabled');\n }\n // eslint-disable-next-line no-param-reassign\n root.innerHTML = model.item.outerHTML;\n };\n\n this.comboBox.renderItem = ({ displayName, value, label, disabled }) =>\n this.#itemRenderer(displayName, value, label, disabled);\n }\n\n focus() {\n this.comboBox.focus();\n }\n\n init() {\n // This event listener needs to be placed before the super.init() call\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) this.comboBox.focus();\n });\n\n super.init?.();\n this.#initComboBox();\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.comboBox, { includeAttrs: ['invalid'] });\n }\n\n #initComboBox() {\n this.debouncedSearch = asyncDebounce(async (value) => {\n try {\n const { results, error } = await this.#autoCompleteSearch(value);\n return { results, error, value };\n } catch (error) {\n return { error, value };\n }\n }, DEBOUNCE_SEARCH_DELAY);\n\n forwardAttrs(this, this.comboBox, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'label-type',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'required',\n 'full-width',\n 'helper-text',\n 'invalid',\n 'error-message',\n 'data-errormessage-value-missing',\n 'st-host-direction',\n 'allow-custom-value',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n\n this.comboBox.addEventListener('filter-changed', this.onSearch.bind(this));\n this.#overrideComboBoxRenderers();\n }\n\n #getEmptyResultsData() {\n return [\n {\n label: this.noResultsFoundMessage,\n value: INVALID_OPTION_VALUE,\n disabled: true,\n },\n ];\n }\n\n #getErrorResultsData() {\n return [\n {\n label: this.errorFetchingResultsMessage,\n value: INVALID_OPTION_VALUE,\n disabled: true,\n },\n ];\n }\n\n async onSearch(e) {\n const searchValue = e.detail.value;\n if (!searchValue \|\| searchValue.length < this.minSearchLength) {\n return;\n }\n this.comboBox.loading = true;\n this.comboBox.setAttribute('opened', 'true');\n const response = await this.debouncedSearch(searchValue);\n if (response && response.value === searchValue) {\n this.comboBox.loading = false;\n if (response.error) {\n this.comboBox.data = this.#getErrorResultsData();\n } else if (response.results?.length === 0) {\n this.comboBox.data = this.#getEmptyResultsData();\n } else {\n this.comboBox.data = response.results \|\| [];\n }\n }\n }\n\n // eslint-disable-next-line class-methods-use-this,no-unused-vars\n fetchResults(value) {\n // eslint-disable-next-line no-console\n console.warn('fetchResults', 'needs to be implemented');\n return { results: [], error: undefined };\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return { valid: true };\n }\n}\n\nexport default AutocompleteFieldInternal;\n","import AutocompleteFieldInternal, {\n componentName,\n} from './AutocompleteFieldInternal';\n\ncustomElements.define(componentName, AutocompleteFieldInternal);\n","import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport {\n forwardAttrs,\n getComponentName,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { componentName as descopeInternalComponentName } from './descope-autocomplete-field-internal/AutocompleteFieldInternal';\n\nexport const componentName = getComponentName('autocomplete-field');\n\nconst customMixin = (superclass) =>\n class AutocompleteFieldMixinClass extends superclass {\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n setTimeout(() => {\n this.inputElement.value = this.defaultValue;\n });\n }\n }\n\n init() {\n super.init?.();\n const template = document.createElement('template');\n\n template.innerHTML = `\n <${descopeInternalComponentName}\n tabindex=\"-1\"\n ></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(\n descopeInternalComponentName,\n );\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'required',\n 'label-type',\n 'placeholder',\n 'full-width',\n 'allow-custom-value',\n 'min-search-length',\n 'no-results-message',\n 'error-fetching-results-message',\n 'data-errormessage-value-missing',\n 'invalid',\n 'error-message',\n 'readonly',\n 'disabled',\n 'st-host-direction',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n this.inputElement.fetchResults = this.fetchResults;\n this.setDefaultValue();\n }\n\n set fetchResults(fetchResults) {\n this.inputElement.fetchResults = fetchResults;\n }\n };\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const AutocompleteFieldClass = compose(\n createStyleMixin({\n componentNameOverride: getComponentName('input-wrapper'),\n }),\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: { ...host },\n checkmarkDisplay: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayCheckmarkDisplay,\n },\n itemPaddingInlineStart: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemPaddingInlineStart,\n },\n itemPaddingInlineEnd: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemPaddingInlineEnd,\n },\n selectedItemBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemBackground,\n },\n selectedItemHoverBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemHoverBackground,\n },\n selectedItemFocusBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemFocusBackground,\n },\n itemHoverBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemHoverBackground,\n },\n },\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart'],\n inputEvent: 'input',\n proxyParentValidation: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-custom-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-autocomplete-field-internal {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n descope-autocomplete-field-internal ::slotted {\n padding: 0;\n }\n `,\n excludeAttrsSync: ['tabindex', 'error-message', 'label'],\n componentName,\n }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-autocomplete-field-internal';\n\nimport {\n componentName,\n AutocompleteFieldClass,\n} from './AutocompleteFieldClass';\n\ncustomElements.define(componentName, AutocompleteFieldClass);\n\nexport { AutocompleteFieldClass, componentName };\n"],"names":["GoogleMapsConnector","constructor","getAttribute","super","this","getRequiredParams","getOptionalParams","key","attribute","apiKey","g","h","a","k","p","c","l","q","m","b","d","r","e","window","google","maps","document","Set","URLSearchParams","console","warn","f","n","add","Promise","async","createElement","set","replace","t","toLowerCase","src","onerror","Error","nonce","querySelector","head","append","then","initGoogleMapsLoader","AutocompleteSuggestion","importLibrary","error","_fetchResults","query","trim","results","request","input","forEach","defaultValue","value","split","map","type","filter","Boolean","suggestions","fetchAutocompleteSuggestions","FETCH_RESULTS_ERROR","length","suggestion","prediction","placePrediction","id","placeId","label","text","RadarConnector","params","join","response","fetch","toString","headers","Authorization","ok","status","data","json","addresses","address","formattedAddress","componentName","GOOGLE_MAPS_CONNECTOR_TEMPLATE","RADAR_CONNECTOR_TEMPLATE","CONNECTOR_CLASSES","BaseInputClass","baseSelector","initConnectorAttrs","observedAttrs","AddressFieldInternal","connectorClasses","observedAttributes","concat","errorMsgValueMissing","defaultErrorMsgValueMissing","innerHTML","autocompleteField","val","focus","init","addEventListener","isTrusted","initAutocomplete","includeAttrs","fetchResults","fetchConnectorResults","bind","attributeChangedCallback","attrName","oldValue","newValue","includes","initializeConnector","getValidity","isRequired","valueMissing","valid","customElements","define","host","selector","AddressFieldClass","componentNameOverride","mappings","hostWidth","property","hostDirection","proxyProps","inputEvent","proxyParentValidation","superclass","setDefaultValue","setTimeout","inputElement","template","baseElement","appendChild","content","cloneNode","shadowRoot","slots","wrappedEleName","style","excludeAttrsSync","INVALID_OPTION_VALUE","allowCustomValue","minSearchLength","noResultsFoundMessage","errorFetchingResultsMessage","comboBox","displayName","disabled","renderer","root","_","model","item","setAttribute","removeAttribute","outerHTML","renderItem","debouncedSearch","onSearch","searchValue","detail","loading","undefined","AutocompleteFieldClass","fontSize","checkmarkDisplay","ComboBoxClass","C","cssVarList","overlayCheckmarkDisplay","itemPaddingInlineStart","overlayItemPaddingInlineStart","itemPaddingInlineEnd","overlayItemPaddingInlineEnd","selectedItemBackground","overlaySelectedItemBackground","selectedItemHoverBackground","overlaySelectedItemHoverBackground","selectedItemFocusBackground","overlaySelectedItemFocusBackground","itemHoverBackground","overlayItemHoverBackground"],"sourceRoot":""}
1	+ {"version":3,"file":"descope-address-field.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/google.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/googleScriptInit.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/connectors/radar.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/descope-address-field-internal/AddressFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/descope-address-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/AddressFieldClass.js","webpack://@descope/web-components-ui/../components/descope-address-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/descope-autocomplete-field-internal/AutocompleteFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/descope-autocomplete-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/AutocompleteFieldClass.js","webpack://@descope/web-components-ui/../components/descope-autocomplete-field/src/component/index.js"],"sourcesContent":["/* global google /\n\nimport {\n createBaseConnectorClass,\n CONNECTOR_ERRORS,\n} from '@descope-ui/common/base-classes';\nimport { initGoogleMapsLoader } from './googleScriptInit';\n\nexport class GoogleMapsConnector extends createBaseConnectorClass() {\n #autocompleteService = null;\n\n #initializationPromise = null;\n\n constructor(getAttribute) {\n super(getAttribute);\n // Start initialization but don't block constructor\n this.#initializationPromise = this.#initializeAutocompleteService();\n }\n\n // eslint-disable-next-line class-methods-use-this\n getRequiredParams() {\n return ['public-api-key'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n getOptionalParams() {\n return [\n {\n key: 'includedPrimaryTypes',\n attribute: 'address-types',\n },\n {\n key: 'language',\n attribute: 'address-language',\n },\n {\n key: 'region',\n attribute: 'address-region',\n },\n ];\n }\n\n async #initializeAutocompleteService() {\n const apiKey = this.getAttribute('public-api-key');\n if (this.#autocompleteService \|\| !apiKey) {\n return;\n }\n\n try {\n initGoogleMapsLoader(apiKey);\n\n const { AutocompleteSuggestion } =\n await google.maps.importLibrary('places');\n this.#autocompleteService = AutocompleteSuggestion;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\n 'Failed to initialize Google Maps Autocomplete service:',\n error,\n );\n throw error;\n }\n }\n\n async _fetchResults(query) {\n if (!query?.trim()) {\n return { results: [] };\n }\n\n try {\n await this.#initializationPromise;\n\n const request = {\n input: query,\n };\n\n // Add optional parameters\n this.getOptionalParams().forEach(({ attribute, key, defaultValue }) => {\n const value = this.getAttribute(attribute) \|\| defaultValue;\n if (value) {\n if (key === 'includedPrimaryTypes') {\n request[key] = value\n .split(',')\n .map((type) => type.trim())\n .filter(Boolean);\n } else {\n request[key] = value;\n }\n }\n });\n\n const { suggestions } =\n await this.#autocompleteService.fetchAutocompleteSuggestions(request);\n return this.#parseResponse(suggestions);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Google Maps Places Autocomplete failed:', error);\n return { results: [], error: CONNECTOR_ERRORS.FETCH_RESULTS_ERROR };\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n #parseResponse(suggestions) {\n if (!suggestions?.length) {\n return { results: [] };\n }\n\n return {\n results: suggestions.map((suggestion) => {\n const prediction = suggestion.placePrediction;\n return {\n id: prediction.placeId,\n label: prediction.text.text,\n value: prediction.text.text,\n };\n }),\n };\n }\n}\n","export const initGoogleMapsLoader = (apiKey) => {\n if (window.google?.maps) {\n return;\n }\n\n / eslint-disable /\n // prettier-ignore\n (g=>{var h,a,k,p=\"The Google Maps JavaScript API\",c=\"google\",l=\"importLibrary\",q=\"__ib__\",m=document,b=window;b=b[c]\|\|(b[c]={});var d=b.maps\|\|(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h\|\|(h=new Promise(async(f,n)=>{await (a=m.createElement(\"script\"));e.set(\"libraries\",[...r]+\"\");for(k in g)e.set(k.replace(/[A-Z]/g,t=>\"_\"+t[0].toLowerCase()),g[k]);e.set(\"callback\",c+\".maps.\"+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+\" could not load.\"));a.nonce=m.querySelector(\"script[nonce]\")?.nonce\|\|\"\";m.head.append(a)}));d[l]?console.warn(p+\" only loads once. Ignoring:\",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({\n key: apiKey,\n });\n / eslint-enable */\n};\n","import {\n createBaseConnectorClass,\n CONNECTOR_ERRORS,\n} from '@descope-ui/common/base-classes';\n\nconst RADAR_AUTOCOMPLETE_URL = 'https://api.radar.io/v1/search/autocomplete';\n\nexport class RadarConnector extends createBaseConnectorClass() {\n // eslint-disable-next-line class-methods-use-this\n getRequiredParams() {\n return ['public-api-key'];\n }\n\n // eslint-disable-next-line class-methods-use-this\n getOptionalParams() {\n return [\n {\n key: 'layers',\n attribute: 'address-types',\n },\n {\n key: 'limit',\n attribute: 'address-limit',\n },\n {\n key: 'lang',\n attribute: 'address-language',\n },\n {\n key: 'countryCode',\n attribute: 'address-region',\n },\n ];\n }\n\n async _fetchResults(query) {\n if (!query?.trim()) {\n return { results: [] };\n }\n\n const apiKey = this.getAttribute('public-api-key');\n const params = new URLSearchParams({\n query: query.trim(),\n });\n\n // Add optional parameters\n this.getOptionalParams().forEach(({ attribute, key, defaultValue }) => {\n const value = this.getAttribute(attribute) \|\| defaultValue;\n if (value) {\n if (key === 'layers' \|\| key === 'countryCode') {\n params.append(\n key,\n value\n .split(',')\n .map((type) => type.trim())\n .filter(Boolean)\n .join(','),\n );\n } else {\n params.append(key, value);\n }\n }\n });\n\n try {\n const response = await fetch(\n `${RADAR_AUTOCOMPLETE_URL}?${params.toString()}`,\n {\n headers: {\n Authorization: apiKey,\n },\n },\n );\n\n if (!response.ok) {\n throw new Error(`Radar API returned ${response.status}`);\n }\n\n const data = await response.json();\n return this.#parseResponse(data);\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Radar Places Autocomplete failed:', error);\n return { results: [], error: CONNECTOR_ERRORS.FETCH_RESULTS_ERROR };\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n #parseResponse(data) {\n if (!data?.addresses?.length) {\n return { results: [] };\n }\n return {\n results: data.addresses.map((address) => ({\n label: address.formattedAddress,\n value: address.formattedAddress,\n })),\n };\n }\n}\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n getComponentName,\n forwardAttrs,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { connectorMixin } from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { GoogleMapsConnector, RadarConnector } from '../../connectors';\n\nexport const componentName = getComponentName('address-field-internal');\n\nconst GOOGLE_MAPS_CONNECTOR_TEMPLATE = 'google-maps-places';\nconst RADAR_CONNECTOR_TEMPLATE = 'radar';\n\nconst CONNECTOR_CLASSES = {\n [GOOGLE_MAPS_CONNECTOR_TEMPLATE]: GoogleMapsConnector,\n [RADAR_CONNECTOR_TEMPLATE]: RadarConnector,\n};\n\nconst BaseInputClass = createBaseInputClass({\n componentName,\n baseSelector: '',\n});\nconst initConnectorAttrs = ['public-api-key'];\nconst observedAttrs = [...initConnectorAttrs];\n\nclass RawAddressFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttrs);\n }\n\n get errorMsgValueMissing() {\n return (\n this.getAttribute('data-errormessage-value-missing') \|\|\n this.defaultErrorMsgValueMissing\n );\n }\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div>\n <descope-autocomplete-field></descope-autocomplete-field>\n </div>\n `;\n\n this.autocompleteField = this.querySelector('descope-autocomplete-field');\n }\n\n get value() {\n return this.autocompleteField.value;\n }\n\n set value(val) {\n this.autocompleteField.value = val;\n }\n\n focus() {\n this.autocompleteField.focus();\n }\n\n init() {\n // This event listener needs to be placed before the super.init() call\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) this.autocompleteField.focus();\n });\n\n super.init?.();\n this.initAutocomplete();\n }\n\n initAutocomplete() {\n forwardAttrs(this, this.autocompleteField, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'label-type',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'required',\n 'full-width',\n 'helper-text',\n 'error-message',\n 'default-value',\n 'data-errormessage-value-missing',\n 'st-host-direction',\n 'allow-custom-value',\n 'min-search-length',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n // This is required since when we remove the invalid attribute from the autocomplete field,\n // we want to reflect the change in the address field component\n syncAttrs(this, this.autocompleteField, { includeAttrs: ['invalid'] });\n\n // Bind the connector fetch results fn to the autocomplete field\n this.autocompleteField.fetchResults = this.fetchConnectorResults.bind(this);\n }\n\n attributeChangedCallback(attrName, oldValue, newValue) {\n super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n if (oldValue !== newValue) {\n if (initConnectorAttrs.includes(attrName)) {\n this.initializeConnector();\n }\n }\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return { valid: true };\n }\n}\n\nexport const AddressFieldInternal = compose(\n connectorMixin({ connectorClasses: CONNECTOR_CLASSES }),\n)(RawAddressFieldInternal);\n","import { AddressFieldInternal, componentName } from './AddressFieldInternal';\n\ncustomElements.define(componentName, AddressFieldInternal);\n","import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport {\n getComponentName,\n forwardAttrs,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport { componentName as descopeInternalComponentName } from './descope-address-field-internal/AddressFieldInternal';\n\nexport const componentName = getComponentName('address-field');\n\nconst customMixin = (superclass) =>\n class AddressFieldMixinClass extends superclass {\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n setTimeout(() => {\n this.inputElement.value = this.defaultValue;\n });\n }\n }\n\n set connectorClasses(value) {\n this.inputElement.connectorClasses = value;\n }\n\n get connectorClasses() {\n return this.inputElement.connectorClasses;\n }\n\n init() {\n super.init?.();\n const template = document.createElement('template');\n\n template.innerHTML = `\n <${descopeInternalComponentName}\n tabindex=\"-1\"\n ></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(\n descopeInternalComponentName,\n );\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'required',\n 'label-type',\n 'placeholder',\n 'full-width',\n 'allow-custom-value',\n 'min-search-length',\n 'no-results-message',\n 'error-fetching-results-message',\n 'data-errormessage-value-missing',\n 'invalid',\n 'error-message',\n 'readonly',\n 'disabled',\n 'st-host-direction',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n 'connector-template',\n 'public-api-key',\n 'address-types',\n 'address-language',\n 'address-region',\n 'address-limit',\n ],\n });\n\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n this.setDefaultValue();\n }\n };\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const AddressFieldClass = compose(\n createStyleMixin({\n componentNameOverride: getComponentName('input-wrapper'),\n }),\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n },\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart'],\n inputEvent: 'input',\n proxyParentValidation: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-custom-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n ${descopeInternalComponentName} {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n ${descopeInternalComponentName} ::slotted {\n padding: 0;\n }\n`,\n excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],\n componentName,\n }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-autocomplete-field';\nimport './descope-address-field-internal';\n\nimport { componentName, AddressFieldClass } from './AddressFieldClass';\n\ncustomElements.define(componentName, AddressFieldClass);\n\nexport { AddressFieldClass, componentName };\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n forwardAttrs,\n getComponentName,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { asyncDebounce } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('autocomplete-field-internal');\n\nconst BaseInputClass = createBaseInputClass({\n componentName,\n baseSelector: '',\n});\nconst observedAttrs = [];\n\nconst INVALID_OPTION_VALUE = 'DESCOPE_INVALID_OPTION';\nconst DEBOUNCE_SEARCH_DELAY = 250;\n\nclass AutocompleteFieldInternal extends BaseInputClass {\n static get observedAttributes() {\n return [].concat(BaseInputClass.observedAttributes \|\| [], observedAttrs);\n }\n\n get allowCustomValue() {\n return this.getAttribute('allow-custom-value') === 'true';\n }\n\n get minSearchLength() {\n return this.getAttribute('min-search-length') \|\| 3;\n }\n\n get noResultsFoundMessage() {\n return this.getAttribute('no-results-message') \|\| 'No results found';\n }\n\n get errorFetchingResultsMessage() {\n return (\n this.getAttribute('error-fetching-results-message') \|\|\n 'An error occurred fetching results'\n );\n }\n\n constructor() {\n super();\n\n this.innerHTML = `\n <div class=\"autocomplete-field\">\n <descope-combo-box clear-button-visible=\"true\" auto-open-disabled=\"true\" has-dynamic-data=\"true\" item-label-path=\"data-name\" item-value-path=\"data-id\" hide-toggle-button=\"true\"></descope-combo-box>\n </div>\n `;\n\n this.comboBox = this.querySelector('descope-combo-box');\n }\n\n get value() {\n return this.comboBox.value;\n }\n\n set value(val) {\n if (!this.allowCustomValue) {\n this.comboBox.data = [{ label: val, value: val }];\n setTimeout(() => {\n this.comboBox.value = val;\n });\n } else {\n this.comboBox.value = val;\n }\n }\n\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n async #autoCompleteSearch(value) {\n const { results, error } = await this.fetchResults(value);\n if (error) {\n return { error };\n }\n return {\n results,\n };\n }\n\n // eslint-disable-next-line class-methods-use-this\n #itemRenderer(displayName, value, label, disabled) {\n return `<span data-name=\"${label}\" data-id=\"${value}\" ${disabled ? 'disabled=\"true\"' : ''}>${\n displayName \|\| label\n }</span>`;\n }\n\n #overrideComboBoxRenderers() {\n this.comboBox.renderer = (root, _, model) => {\n if (model.item.getAttribute('disabled') === 'true') {\n root.setAttribute('disabled', 'true');\n } else {\n root.removeAttribute('disabled');\n }\n // eslint-disable-next-line no-param-reassign\n root.innerHTML = model.item.outerHTML;\n };\n\n this.comboBox.renderItem = ({ displayName, value, label, disabled }) =>\n this.#itemRenderer(displayName, value, label, disabled);\n }\n\n focus() {\n this.comboBox.focus();\n }\n\n init() {\n // This event listener needs to be placed before the super.init() call\n this.addEventListener('focus', (e) => {\n // we want to ignore focus events we are dispatching\n if (e.isTrusted) this.comboBox.focus();\n });\n\n super.init?.();\n this.#initComboBox();\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.comboBox, { includeAttrs: ['invalid'] });\n }\n\n #initComboBox() {\n this.debouncedSearch = asyncDebounce(async (value) => {\n try {\n const { results, error } = await this.#autoCompleteSearch(value);\n return { results, error, value };\n } catch (error) {\n return { error, value };\n }\n }, DEBOUNCE_SEARCH_DELAY);\n\n forwardAttrs(this, this.comboBox, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'label-type',\n 'placeholder',\n 'disabled',\n 'readonly',\n 'required',\n 'full-width',\n 'helper-text',\n 'invalid',\n 'error-message',\n 'data-errormessage-value-missing',\n 'st-host-direction',\n 'allow-custom-value',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n\n this.comboBox.addEventListener('filter-changed', this.onSearch.bind(this));\n this.#overrideComboBoxRenderers();\n }\n\n #getEmptyResultsData() {\n return [\n {\n label: this.noResultsFoundMessage,\n value: INVALID_OPTION_VALUE,\n disabled: true,\n },\n ];\n }\n\n #getErrorResultsData() {\n return [\n {\n label: this.errorFetchingResultsMessage,\n value: INVALID_OPTION_VALUE,\n disabled: true,\n },\n ];\n }\n\n async onSearch(e) {\n const searchValue = e.detail.value;\n if (!searchValue \|\| searchValue.length < this.minSearchLength) {\n return;\n }\n this.comboBox.loading = true;\n this.comboBox.setAttribute('opened', 'true');\n const response = await this.debouncedSearch(searchValue);\n if (response && response.value === searchValue) {\n this.comboBox.loading = false;\n if (response.error) {\n this.comboBox.data = this.#getErrorResultsData();\n } else if (response.results?.length === 0) {\n this.comboBox.data = this.#getEmptyResultsData();\n } else {\n this.comboBox.data = response.results \|\| [];\n }\n }\n }\n\n // eslint-disable-next-line class-methods-use-this,no-unused-vars\n fetchResults(value) {\n // eslint-disable-next-line no-console\n console.warn('fetchResults', 'needs to be implemented');\n return { results: [], error: undefined };\n }\n\n getValidity() {\n if (this.isRequired && !this.value) {\n return { valueMissing: true };\n }\n return { valid: true };\n }\n}\n\nexport default AutocompleteFieldInternal;\n","import AutocompleteFieldInternal, {\n componentName,\n} from './AutocompleteFieldInternal';\n\ncustomElements.define(componentName, AutocompleteFieldInternal);\n","import {\n createStyleMixin,\n draggableMixin,\n createProxy,\n proxyInputMixin,\n componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport {\n forwardAttrs,\n getComponentName,\n syncAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { componentName as descopeInternalComponentName } from './descope-autocomplete-field-internal/AutocompleteFieldInternal';\n\nexport const componentName = getComponentName('autocomplete-field');\n\nconst customMixin = (superclass) =>\n class AutocompleteFieldMixinClass extends superclass {\n get defaultValue() {\n return this.getAttribute('default-value');\n }\n\n setDefaultValue() {\n if (this.defaultValue) {\n setTimeout(() => {\n this.inputElement.value = this.defaultValue;\n });\n }\n }\n\n init() {\n super.init?.();\n const template = document.createElement('template');\n\n template.innerHTML = `\n <${descopeInternalComponentName}\n tabindex=\"-1\"\n ></${descopeInternalComponentName}>\n `;\n\n this.baseElement.appendChild(template.content.cloneNode(true));\n\n this.inputElement = this.shadowRoot.querySelector(\n descopeInternalComponentName,\n );\n\n forwardAttrs(this, this.inputElement, {\n includeAttrs: [\n 'size',\n 'bordered',\n 'label',\n 'required',\n 'label-type',\n 'placeholder',\n 'full-width',\n 'allow-custom-value',\n 'min-search-length',\n 'no-results-message',\n 'error-fetching-results-message',\n 'data-errormessage-value-missing',\n 'invalid',\n 'error-message',\n 'readonly',\n 'disabled',\n 'st-host-direction',\n 'st-error-message-icon',\n 'st-error-message-icon-size',\n 'st-error-message-icon-padding',\n ],\n });\n\n // This is required since when we remove the invalid attribute from the internal mappings field,\n // we want to reflect the change in the parent component\n syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n this.inputElement.fetchResults = this.fetchResults;\n this.setDefaultValue();\n }\n\n set fetchResults(fetchResults) {\n this.inputElement.fetchResults = fetchResults;\n }\n };\n\nconst { host } = {\n host: { selector: () => ':host' },\n};\n\nexport const AutocompleteFieldClass = compose(\n createStyleMixin({\n componentNameOverride: getComponentName('input-wrapper'),\n }),\n createStyleMixin({\n mappings: {\n hostWidth: { ...host, property: 'width' },\n hostDirection: { ...host, property: 'direction' },\n fontSize: { ...host },\n checkmarkDisplay: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayCheckmarkDisplay,\n },\n itemPaddingInlineStart: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemPaddingInlineStart,\n },\n itemPaddingInlineEnd: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemPaddingInlineEnd,\n },\n selectedItemBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemBackground,\n },\n selectedItemHoverBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemHoverBackground,\n },\n selectedItemFocusBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlaySelectedItemFocusBackground,\n },\n itemHoverBackground: {\n selector: ComboBoxClass.componentName,\n property: ComboBoxClass.cssVarList.overlayItemHoverBackground,\n },\n },\n }),\n draggableMixin,\n proxyInputMixin({\n proxyProps: ['value', 'selectionStart'],\n inputEvent: 'input',\n proxyParentValidation: true,\n }),\n componentNameValidationMixin,\n customMixin,\n)(\n createProxy({\n slots: [],\n wrappedEleName: 'vaadin-custom-field',\n style: () => `\n :host {\n display: inline-flex;\n max-width: 100%;\n direction: ltr;\n }\n vaadin-custom-field {\n line-height: unset;\n width: 100%;\n }\n\n descope-autocomplete-field-internal {\n display: inline-block;\n box-sizing: border-box;\n user-select: none;\n width: 100%;\n max-width: 100%;\n }\n\n descope-autocomplete-field-internal ::slotted {\n padding: 0;\n }\n `,\n excludeAttrsSync: ['tabindex', 'error-message', 'label', 'style'],\n componentName,\n }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-autocomplete-field-internal';\n\nimport {\n componentName,\n AutocompleteFieldClass,\n} from './AutocompleteFieldClass';\n\ncustomElements.define(componentName, AutocompleteFieldClass);\n\nexport { AutocompleteFieldClass, componentName };\n"],"names":["GoogleMapsConnector","constructor","getAttribute","super","this","getRequiredParams","getOptionalParams","key","attribute","apiKey","g","h","a","k","p","c","l","q","m","b","d","r","e","window","google","maps","document","Set","URLSearchParams","console","warn","f","n","add","Promise","async","createElement","set","replace","t","toLowerCase","src","onerror","Error","nonce","querySelector","head","append","then","initGoogleMapsLoader","AutocompleteSuggestion","importLibrary","error","_fetchResults","query","trim","results","request","input","forEach","defaultValue","value","split","map","type","filter","Boolean","suggestions","fetchAutocompleteSuggestions","FETCH_RESULTS_ERROR","length","suggestion","prediction","placePrediction","id","placeId","label","text","RadarConnector","params","join","response","fetch","toString","headers","Authorization","ok","status","data","json","addresses","address","formattedAddress","componentName","GOOGLE_MAPS_CONNECTOR_TEMPLATE","RADAR_CONNECTOR_TEMPLATE","CONNECTOR_CLASSES","BaseInputClass","baseSelector","initConnectorAttrs","observedAttrs","AddressFieldInternal","connectorClasses","observedAttributes","concat","errorMsgValueMissing","defaultErrorMsgValueMissing","innerHTML","autocompleteField","val","focus","init","addEventListener","isTrusted","initAutocomplete","includeAttrs","fetchResults","fetchConnectorResults","bind","attributeChangedCallback","attrName","oldValue","newValue","includes","initializeConnector","getValidity","isRequired","valueMissing","valid","customElements","define","host","selector","AddressFieldClass","componentNameOverride","mappings","hostWidth","property","hostDirection","proxyProps","inputEvent","proxyParentValidation","superclass","setDefaultValue","setTimeout","inputElement","template","baseElement","appendChild","content","cloneNode","shadowRoot","slots","wrappedEleName","style","excludeAttrsSync","INVALID_OPTION_VALUE","allowCustomValue","minSearchLength","noResultsFoundMessage","errorFetchingResultsMessage","comboBox","displayName","disabled","renderer","root","_","model","item","setAttribute","removeAttribute","outerHTML","renderItem","debouncedSearch","onSearch","searchValue","detail","loading","undefined","AutocompleteFieldClass","fontSize","checkmarkDisplay","ComboBoxClass","C","cssVarList","overlayCheckmarkDisplay","itemPaddingInlineStart","overlayItemPaddingInlineStart","itemPaddingInlineEnd","overlayItemPaddingInlineEnd","selectedItemBackground","overlaySelectedItemBackground","selectedItemHoverBackground","overlaySelectedItemHoverBackground","selectedItemFocusBackground","overlaySelectedItemFocusBackground","itemHoverBackground","overlayItemHoverBackground"],"sourceRoot":""}