@descope/web-components-ui 3.1.4 → 3.1.6

package/dist/umd/descope-code-snippet-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3521],{80522(e,o,t){t.r(o),t.d(o,{CodeSnippetClass:()=>le,componentName:()=>n});var r=t(75780),l=t(25964),s=t(79365),c=t(9696),a=t(97810),p=t(81365);const n=(0,a.xE)("code-snippet");class i extends((0,p.q)({componentName:n,baseSelector:":host > code"})){static get observedAttributes(){return["lang","inline"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <code class="hljs"></code>\n    ',(0,l.fz)("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),(0,a.Ge)(this,this.#e.bind(this))}get contentNode(){return this.shadowRoot.querySelector(this.baseSelector)}attributeChangedCallback(e,o,t){super.attributeChangedCallback?.(e,o,t),o!==t&&("inline"===e&&(this.isInline=t),"lang"===e&&(this.lang=t),this.#e())}#e(){const e=(e=>{const o=document.createElement("textarea");return o.innerHTML=e,o.value})(this.textContent),o=this.lang;if(!o)return void(this.contentNode.textContent=e);const{value:t}=r.A.highlight(e,{language:o});var l;this.contentNode.innerHTML=(l=t,this.isInline?l:`<pre>${l}</pre>`)}}const{root:h,docTag:u,keyword:d,metaKeyword:y,templateTag:C,templateVariable:m,type:g,variableLanguage:T,title:x,titleClass:b,titleClassInherited:j,titleFunction:k,attr:w,attribute:v,literal:_,meta:f,number:I,operator:S,variable:A,selectorAttr:q,selectorClass:E,selectorId:L,regexp:N,string:F,metaString:V,builtIn:B,symbol:H,comment:K,code:M,formula:P,name:z,quote:R,selectorTag:G,selectorPseudo:O,subst:Q,section:Z,bullet:$,emphasis:D,strong:J,addition:U,deletion:W,charEscape:X,link:Y,params:ee,property:oe,punctuation:te,tag:re}={root:{selector:()=>".hljs"},docTag:{selector:()=>".hljs-doctag"},keyword:{selector:()=>".hljs-keyword"},metaKeyword:{selector:()=>".hljs-meta .hljs-keyword"},templateTag:{selector:()=>".hljs-template-tag"},templateVariable:{selector:()=>".hljs-template-variable"},type:{selector:()=>".hljs-type"},variableLanguage:{selector:()=>".hljs-variable.language"},title:{selector:()=>".hljs-title"},titleClass:{selector:()=>".hljs-title.class_"},titleClassInherited:{selector:()=>".hljs-title.class_.inherited__"},titleFunction:{selector:()=>".hljs-title.function_"},attr:{selector:()=>".hljs-attr"},attribute:{selector:()=>".hljs-attribute"},literal:{selector:()=>".hljs-literal"},meta:{selector:()=>".hljs-meta"},number:{selector:()=>".hljs-number"},operator:{selector:()=>".hljs-operator"},variable:{selector:()=>".hljs-variable"},selectorAttr:{selector:()=>".hljs-selector-attr"},selectorClass:{selector:()=>".hljs-selector-class"},selectorId:{selector:()=>".hljs-selector-id"},regexp:{selector:()=>".hljs-regexp"},string:{selector:()=>".hljs-string"},metaString:{selector:()=>".hljs-meta .hljs-string"},builtIn:{selector:()=>".hljs-built_in"},symbol:{selector:()=>".hljs-symbol"},comment:{selector:()=>".hljs-comment"},code:{selector:()=>".hljs-code"},formula:{selector:()=>".hljs-formula"},name:{selector:()=>".hljs-name"},quote:{selector:()=>".hljs-quote"},selectorTag:{selector:()=>".hljs-selector-tag"},selectorPseudo:{selector:()=>".hljs-selector-pseudo"},subst:{selector:()=>".hljs-subst"},section:{selector:()=>".hljs-section"},bullet:{selector:()=>".hljs-bullet"},emphasis:{selector:()=>".hljs-emphasis"},strong:{selector:()=>".hljs-strong"},addition:{selector:()=>".hljs-addition"},deletion:{selector:()=>".hljs-deletion"},charEscape:{selector:()=>".hljs-char.escape"},link:{selector:()=>".hljs-link"},params:{selector:()=>".hljs-params"},property:{selector:()=>".hljs-property"},punctuation:{selector:()=>".hljs-punctuation"},tag:{selector:()=>".hljs-tag"}},le=(0,c.Zz)((0,s.RF)({mappings:{rootBgColor:{...h,property:"background-color"},rootTextColor:{...h,property:"color"},docTagTextColor:{...u,property:"color"},keywordTextColor:{...d,property:"color"},metaKeywordTextColor:{...y,property:"color"},templateTagTextColor:{...C,property:"color"},templateVariableTextColor:{...m,property:"color"},typeTextColor:{...g,property:"color"},variableLanguageTextColor:{...T,property:"color"},titleTextColor:{...x,property:"color"},titleClassTextColor:{...b,property:"color"},titleClassInheritedTextColor:{...j,property:"color"},titleFunctionTextColor:{...k,property:"color"},attrTextColor:{...w,property:"color"},attributeTextColor:{...v,property:"color"},literalTextColor:{..._,property:"color"},metaTextColor:{...f,property:"color"},numberTextColor:{...I,property:"color"},operatorTextColor:{...S,property:"color"},variableTextColor:{...A,property:"color"},selectorAttrTextColor:{...q,property:"color"},selectorClassTextColor:{...E,property:"color"},selectorIdTextColor:{...L,property:"color"},regexpTextColor:{...N,property:"color"},stringTextColor:{...F,property:"color"},metaStringTextColor:{...V,property:"color"},builtInTextColor:{...B,property:"color"},symbolTextColor:{...H,property:"color"},commentTextColor:{...K,property:"color"},codeTextColor:{...M,property:"color"},formulaTextColor:{...P,property:"color"},nameTextColor:{...z,property:"color"},quoteTextColor:{...R,property:"color"},selectorTagTextColor:{...G,property:"color"},selectorPseudoTextColor:{...O,property:"color"},substTextColor:{...Q,property:"color"},sectionTextColor:{...Z,property:"color"},bulletTextColor:{...$,property:"color"},emphasisTextColor:{...D,property:"color"},strongTextColor:{...J,property:"color"},additionTextColor:{...U,property:"color"},additionBgColor:{...U,property:"background-color"},deletionTextColor:{...W,property:"color"},deletionBgColor:{...W,property:"background-color"},charEscapeTextColor:{...X,property:"color"},linkTextColor:{...Y,property:"color"},paramsTextColor:{...ee,property:"color"},propertyTextColor:{...oe,property:"color"},punctuationTextColor:{...te,property:"color"},tagTextColor:{...re,property:"color"}}}),s.VO,s.tQ)(i);customElements.define(n,le)}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1202,3521,6724],{25828(t){t.exports="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2hlY2staWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gPHBvbHlsaW5lIHBvaW50cz0iMjAgNiA5IDE3IDQgMTIiPjwvcG9seWxpbmU+IDwvc3ZnPiA="},71957(t){t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPiA8cmVjdCB4PSI5IiB5PSI5IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PiA8cGF0aCBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIj48L3BhdGg+IDwvc3ZnPiA="},98538(t,e,o){"use strict";o.d(e,{S:()=>c,T:()=>i});var r=o(88961),l=o(25964),s=o(8512),n=o(63200);const i=(0,l.xE)("icon"),c=(0,n.Zz)((0,r.RF)({mappings:{fill:[{},{property:s.q.cssVarList.fill}]}}),r.VO,r.tQ)((0,r.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:i}))},56737(t,e,o){"use strict";o.r(e),o.d(e,{IconClass:()=>r.S,componentName:()=>r.T}),o(53455);var r=o(98538);customElements.define(r.T,r.S)},8512(t,e,o){"use strict";o.d(e,{T:()=>c,q:()=>d});var r=o(88961),l=o(72270),s=o(63200),n=o(25964),i=o(18782);const c=(0,n.xE)("image"),a=["src","src-dark"];class p extends((0,l.qu)({componentName:c,baseSelector:"slot"})){static get observedAttributes(){return a}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,n.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.getSrc)}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 getSrc(){return this.themeSrc||this.legacySrc}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach(t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,i.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const d=(0,s.Zz)((0,r.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),r.VO,r.tQ)(p)},18782(t,e,o){"use strict";o.d(e,{m:()=>s});var r=o(25414);const l=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")},s=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=l(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=l(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}}},53455(t,e,o){"use strict";o.r(e),o.d(e,{ImageClass:()=>r.q,componentName:()=>r.T});var r=o(8512);customElements.define(r.T,r.q)},80522(t,e,o){"use strict";o.r(e),o.d(e,{CodeSnippetClass:()=>pt,componentName:()=>y}),o(56737);var r=o(75780),l=o(25964),s=o(79365),n=o(9696),i=o(97810),c=o(81365);const a=t=>{const e=document.createElement("textarea");return e.innerHTML=t,e.value};var p=o(71957),d=o.n(p),h=o(25828),u=o.n(h);const y=(0,i.xE)("code-snippet");class g extends((0,c.q)({componentName:y,baseSelector:":host > .wrapper"})){static get observedAttributes(){return["lang","inline","copy-button"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <code class="hljs"></code>\n      </div>\n    ',(0,l.fz)("\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      .wrapper {\n        position: relative;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      .copy-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        border-style: solid;\n        cursor: pointer;\n        opacity: 0;\n        transition: opacity 150ms ease, background 150ms ease;\n      }\n      .wrapper:hover .copy-btn,\n      .copy-btn:focus-visible {\n        opacity: 1;\n      }\n      .copy-btn descope-icon {\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        flex-shrink: 0;\n      }\n      .copy-btn .check-icon {\n        display: none;\n      }\n      .copy-btn.copied .check-icon {\n        display: block;\n      }\n      .copy-btn.copied descope-icon:not(.check-icon) {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.lang=this.getAttribute("lang"),this.isInline="true"===this.getAttribute("inline"),"true"===this.getAttribute("copy-button")&&this.#t(),(0,i.Ge)(this,this.#e.bind(this))}get contentNode(){return this.shadowRoot.querySelector("code")}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&("inline"===t&&(this.isInline=o),"lang"===t&&(this.lang=o),"copy-button"===t&&("true"===o?this.#t():this.#o()),this.#e())}#t(){if(this.shadowRoot.querySelector(".copy-btn"))return;const t=document.createElement("button");t.className="copy-btn",t.type="button",t.setAttribute("aria-label","Copy code");const e=document.createElement("descope-icon");e.setAttribute("src",d());const o=document.createElement("descope-icon");o.setAttribute("src",u()),o.classList.add("check-icon"),t.appendChild(e),t.appendChild(o),t.addEventListener("click",()=>this.#r()),this.shadowRoot.querySelector(".wrapper").appendChild(t)}#o(){this.shadowRoot.querySelector(".copy-btn")?.remove()}#r(){const t=this.shadowRoot.querySelector(".copy-btn");navigator.clipboard.writeText(a(this.textContent)).then(()=>{t.classList.add("copied"),setTimeout(()=>t.classList.remove("copied"),2e3)}).catch(()=>{})}#e(){const t=a(this.textContent),e=this.lang;if(!e)return void(this.contentNode.textContent=t);const{value:o}=r.A.highlight(t,{language:e});var l;this.contentNode.innerHTML=(l=o,this.isInline?l:`<pre>${l}</pre>`)}}const m={selector:()=>".copy-btn"},{root:b,docTag:C,keyword:x,metaKeyword:T,templateTag:I,templateVariable:v,type:j,variableLanguage:S,title:w,titleClass:A,titleClassInherited:k,titleFunction:f,attr:B,attribute:M,literal:N,meta:D,number:P,operator:L,variable:H,selectorAttr:R,selectorClass:W,selectorId:E,regexp:Z,string:z,metaString:q,builtIn:_,symbol:F,comment:G,code:J,formula:V,name:Q,quote:Y,selectorTag:O,selectorPseudo:U,subst:$,section:X,bullet:K,emphasis:tt,strong:et,addition:ot,deletion:rt,charEscape:lt,link:st,params:nt,property:it,punctuation:ct,tag:at}={root:{selector:()=>".hljs"},docTag:{selector:()=>".hljs-doctag"},keyword:{selector:()=>".hljs-keyword"},metaKeyword:{selector:()=>".hljs-meta .hljs-keyword"},templateTag:{selector:()=>".hljs-template-tag"},templateVariable:{selector:()=>".hljs-template-variable"},type:{selector:()=>".hljs-type"},variableLanguage:{selector:()=>".hljs-variable.language"},title:{selector:()=>".hljs-title"},titleClass:{selector:()=>".hljs-title.class_"},titleClassInherited:{selector:()=>".hljs-title.class_.inherited__"},titleFunction:{selector:()=>".hljs-title.function_"},attr:{selector:()=>".hljs-attr"},attribute:{selector:()=>".hljs-attribute"},literal:{selector:()=>".hljs-literal"},meta:{selector:()=>".hljs-meta"},number:{selector:()=>".hljs-number"},operator:{selector:()=>".hljs-operator"},variable:{selector:()=>".hljs-variable"},selectorAttr:{selector:()=>".hljs-selector-attr"},selectorClass:{selector:()=>".hljs-selector-class"},selectorId:{selector:()=>".hljs-selector-id"},regexp:{selector:()=>".hljs-regexp"},string:{selector:()=>".hljs-string"},metaString:{selector:()=>".hljs-meta .hljs-string"},builtIn:{selector:()=>".hljs-built_in"},symbol:{selector:()=>".hljs-symbol"},comment:{selector:()=>".hljs-comment"},code:{selector:()=>".hljs-code"},formula:{selector:()=>".hljs-formula"},name:{selector:()=>".hljs-name"},quote:{selector:()=>".hljs-quote"},selectorTag:{selector:()=>".hljs-selector-tag"},selectorPseudo:{selector:()=>".hljs-selector-pseudo"},subst:{selector:()=>".hljs-subst"},section:{selector:()=>".hljs-section"},bullet:{selector:()=>".hljs-bullet"},emphasis:{selector:()=>".hljs-emphasis"},strong:{selector:()=>".hljs-strong"},addition:{selector:()=>".hljs-addition"},deletion:{selector:()=>".hljs-deletion"},charEscape:{selector:()=>".hljs-char.escape"},link:{selector:()=>".hljs-link"},params:{selector:()=>".hljs-params"},property:{selector:()=>".hljs-property"},punctuation:{selector:()=>".hljs-punctuation"},tag:{selector:()=>".hljs-tag"}},pt=(0,n.Zz)((0,s.RF)({mappings:{rootBgColor:{...b,property:"background-color"},rootTextColor:{...b,property:"color"},docTagTextColor:{...C,property:"color"},keywordTextColor:{...x,property:"color"},metaKeywordTextColor:{...T,property:"color"},templateTagTextColor:{...I,property:"color"},templateVariableTextColor:{...v,property:"color"},typeTextColor:{...j,property:"color"},variableLanguageTextColor:{...S,property:"color"},titleTextColor:{...w,property:"color"},titleClassTextColor:{...A,property:"color"},titleClassInheritedTextColor:{...k,property:"color"},titleFunctionTextColor:{...f,property:"color"},attrTextColor:{...B,property:"color"},attributeTextColor:{...M,property:"color"},literalTextColor:{...N,property:"color"},metaTextColor:{...D,property:"color"},numberTextColor:{...P,property:"color"},operatorTextColor:{...L,property:"color"},variableTextColor:{...H,property:"color"},selectorAttrTextColor:{...R,property:"color"},selectorClassTextColor:{...W,property:"color"},selectorIdTextColor:{...E,property:"color"},regexpTextColor:{...Z,property:"color"},stringTextColor:{...z,property:"color"},metaStringTextColor:{...q,property:"color"},builtInTextColor:{..._,property:"color"},symbolTextColor:{...F,property:"color"},commentTextColor:{...G,property:"color"},codeTextColor:{...J,property:"color"},formulaTextColor:{...V,property:"color"},nameTextColor:{...Q,property:"color"},quoteTextColor:{...Y,property:"color"},selectorTagTextColor:{...O,property:"color"},selectorPseudoTextColor:{...U,property:"color"},substTextColor:{...$,property:"color"},sectionTextColor:{...X,property:"color"},bulletTextColor:{...K,property:"color"},emphasisTextColor:{...tt,property:"color"},strongTextColor:{...et,property:"color"},additionTextColor:{...ot,property:"color"},additionBgColor:{...ot,property:"background-color"},deletionTextColor:{...rt,property:"color"},deletionBgColor:{...rt,property:"background-color"},charEscapeTextColor:{...lt,property:"color"},linkTextColor:{...st,property:"color"},paramsTextColor:{...nt,property:"color"},propertyTextColor:{...it,property:"color"},punctuationTextColor:{...ct,property:"color"},tagTextColor:{...at,property:"color"},copyButtonSize:[{...m,property:"width"},{...m,property:"height"}],copyButtonBorderRadius:{...m,property:"border-radius"},copyButtonBorderWidth:{...m,property:"border-width"},copyButtonBorderColor:{...m,property:"border-color"},copyButtonBgColor:{...m,property:"background-color"},copyButtonHoverBgColor:{selector:()=>".copy-btn:hover",property:"background-color"},copyButtonColor:{...m,property:"color"}}}),s.VO,s.tQ)(g);customElements.define(y,pt)}}]);
 //# sourceMappingURL=descope-code-snippet-index-js.js.map

package/dist/umd/descope-code-snippet-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-code-snippet-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-code-snippet/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/CodeSnippetClass.js","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/index.js"],"sourcesContent":["export const decode = (input) => {\n  const txt = document.createElement('textarea');\n  txt.innerHTML = input;\n  return txt.value;\n};\n\nexport const tpl = (input, inline) => (inline ? input : `<pre>${input}</pre>`);\n","import hljs from 'highlight.js';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { decode, tpl } from './helpers';\n\nexport const componentName = getComponentName('code-snippet');\n\nclass CodeSnippet extends createBaseClass({ componentName, baseSelector: ':host > code' }) {\n  static get observedAttributes() {\n    return ['lang', 'inline'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <code class=\"hljs\"></code>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.lang = this.getAttribute('lang');\n    this.isInline = this.getAttribute('inline') === 'true';\n\n    observeChildren(this, this.#renderSnippet.bind(this));\n  }\n\n  get contentNode() {\n    return this.shadowRoot.querySelector(this.baseSelector);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'inline') {\n        this.isInline = newValue;\n      }\n\n      if (attrName === 'lang') {\n        this.lang = newValue;\n      }\n\n      this.#renderSnippet();\n    }\n  }\n\n  #renderSnippet() {\n    const sanitized = decode(this.textContent);\n    const language = this.lang;\n\n    if (!language) {\n      this.contentNode.textContent = sanitized;\n      return;\n    }\n\n    const { value: highlighted } = hljs.highlight(sanitized, { language });\n\n    this.contentNode.innerHTML = tpl(highlighted, this.isInline);\n  }\n}\n\nconst {\n  root,\n  docTag,\n  keyword,\n  metaKeyword,\n  templateTag,\n  templateVariable,\n  type,\n  variableLanguage,\n  title,\n  titleClass,\n  titleClassInherited,\n  titleFunction,\n  attr,\n  attribute,\n  literal,\n  meta,\n  number,\n  operator,\n  variable,\n  selectorAttr,\n  selectorClass,\n  selectorId,\n  regexp,\n  string,\n  metaString,\n  builtIn,\n  symbol,\n  comment,\n  code,\n  formula,\n  name,\n  quote,\n  selectorTag,\n  selectorPseudo,\n  subst,\n  section,\n  bullet,\n  emphasis,\n  strong,\n  addition,\n  deletion,\n  charEscape,\n  link,\n  params,\n  property,\n  punctuation,\n  tag,\n} = {\n  root: { selector: () => '.hljs' },\n  docTag: { selector: () => '.hljs-doctag' },\n  keyword: { selector: () => '.hljs-keyword' },\n  metaKeyword: { selector: () => '.hljs-meta .hljs-keyword' },\n  templateTag: { selector: () => '.hljs-template-tag' },\n  templateVariable: { selector: () => '.hljs-template-variable' },\n  type: { selector: () => '.hljs-type' },\n  variableLanguage: { selector: () => '.hljs-variable.language' },\n  title: { selector: () => '.hljs-title' },\n  titleClass: { selector: () => '.hljs-title.class_' },\n  titleClassInherited: { selector: () => '.hljs-title.class_.inherited__' },\n  titleFunction: { selector: () => '.hljs-title.function_' },\n  attr: { selector: () => '.hljs-attr' },\n  attribute: { selector: () => '.hljs-attribute' },\n  literal: { selector: () => '.hljs-literal' },\n  meta: { selector: () => '.hljs-meta' },\n  number: { selector: () => '.hljs-number' },\n  operator: { selector: () => '.hljs-operator' },\n  variable: { selector: () => '.hljs-variable' },\n  selectorAttr: { selector: () => '.hljs-selector-attr' },\n  selectorClass: { selector: () => '.hljs-selector-class' },\n  selectorId: { selector: () => '.hljs-selector-id' },\n  regexp: { selector: () => '.hljs-regexp' },\n  string: { selector: () => '.hljs-string' },\n  metaString: { selector: () => '.hljs-meta .hljs-string' },\n  builtIn: { selector: () => '.hljs-built_in' },\n  symbol: { selector: () => '.hljs-symbol' },\n  comment: { selector: () => '.hljs-comment' },\n  code: { selector: () => '.hljs-code' },\n  formula: { selector: () => '.hljs-formula' },\n  name: { selector: () => '.hljs-name' },\n  quote: { selector: () => '.hljs-quote' },\n  selectorTag: { selector: () => '.hljs-selector-tag' },\n  selectorPseudo: { selector: () => '.hljs-selector-pseudo' },\n  subst: { selector: () => '.hljs-subst' },\n  section: { selector: () => '.hljs-section' },\n  bullet: { selector: () => '.hljs-bullet' },\n  emphasis: { selector: () => '.hljs-emphasis' },\n  strong: { selector: () => '.hljs-strong' },\n  addition: { selector: () => '.hljs-addition' },\n  deletion: { selector: () => '.hljs-deletion' },\n  charEscape: { selector: () => '.hljs-char.escape' },\n  link: { selector: () => '.hljs-link' },\n  params: { selector: () => '.hljs-params' },\n  property: { selector: () => '.hljs-property' },\n  punctuation: { selector: () => '.hljs-punctuation' },\n  tag: { selector: () => '.hljs-tag' },\n};\n\nexport const CodeSnippetClass = compose(\n  createStyleMixin({\n    mappings: {\n      rootBgColor: { ...root, property: 'background-color' },\n      rootTextColor: { ...root, property: 'color' },\n      docTagTextColor: { ...docTag, property: 'color' },\n      keywordTextColor: { ...keyword, property: 'color' },\n      metaKeywordTextColor: { ...metaKeyword, property: 'color' },\n      templateTagTextColor: { ...templateTag, property: 'color' },\n      templateVariableTextColor: { ...templateVariable, property: 'color' },\n      typeTextColor: { ...type, property: 'color' },\n      variableLanguageTextColor: { ...variableLanguage, property: 'color' },\n      titleTextColor: { ...title, property: 'color' },\n      titleClassTextColor: { ...titleClass, property: 'color' },\n      titleClassInheritedTextColor: { ...titleClassInherited, property: 'color' },\n      titleFunctionTextColor: { ...titleFunction, property: 'color' },\n      attrTextColor: { ...attr, property: 'color' },\n      attributeTextColor: { ...attribute, property: 'color' },\n      literalTextColor: { ...literal, property: 'color' },\n      metaTextColor: { ...meta, property: 'color' },\n      numberTextColor: { ...number, property: 'color' },\n      operatorTextColor: { ...operator, property: 'color' },\n      variableTextColor: { ...variable, property: 'color' },\n      selectorAttrTextColor: { ...selectorAttr, property: 'color' },\n      selectorClassTextColor: { ...selectorClass, property: 'color' },\n      selectorIdTextColor: { ...selectorId, property: 'color' },\n      regexpTextColor: { ...regexp, property: 'color' },\n      stringTextColor: { ...string, property: 'color' },\n      metaStringTextColor: { ...metaString, property: 'color' },\n      builtInTextColor: { ...builtIn, property: 'color' },\n      symbolTextColor: { ...symbol, property: 'color' },\n      commentTextColor: { ...comment, property: 'color' },\n      codeTextColor: { ...code, property: 'color' },\n      formulaTextColor: { ...formula, property: 'color' },\n      nameTextColor: { ...name, property: 'color' },\n      quoteTextColor: { ...quote, property: 'color' },\n      selectorTagTextColor: { ...selectorTag, property: 'color' },\n      selectorPseudoTextColor: { ...selectorPseudo, property: 'color' },\n      substTextColor: { ...subst, property: 'color' },\n      sectionTextColor: { ...section, property: 'color' },\n      bulletTextColor: { ...bullet, property: 'color' },\n      emphasisTextColor: { ...emphasis, property: 'color' },\n      strongTextColor: { ...strong, property: 'color' },\n      additionTextColor: { ...addition, property: 'color' },\n      additionBgColor: { ...addition, property: 'background-color' },\n      deletionTextColor: { ...deletion, property: 'color' },\n      deletionBgColor: { ...deletion, property: 'background-color' },\n      charEscapeTextColor: { ...charEscape, property: 'color' },\n      linkTextColor: { ...link, property: 'color' },\n      paramsTextColor: { ...params, property: 'color' },\n      propertyTextColor: { ...property, property: 'color' },\n      punctuationTextColor: { ...punctuation, property: 'color' },\n      tagTextColor: { ...tag, property: 'color' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(CodeSnippet);\n","import { componentName, CodeSnippetClass } from './CodeSnippetClass';\n\ncustomElements.define(componentName, CodeSnippetClass);\n\nexport { CodeSnippetClass, componentName };\n"],"names":["componentName","CodeSnippet","createBaseClass","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","init","lang","getAttribute","isInline","bind","contentNode","shadowRoot","querySelector","attributeChangedCallback","attrName","oldValue","newValue","sanitized","input","txt","document","createElement","value","decode","textContent","language","highlighted","highlight","root","docTag","keyword","metaKeyword","templateTag","templateVariable","type","variableLanguage","title","titleClass","titleClassInherited","titleFunction","attr","attribute","literal","meta","number","operator","variable","selectorAttr","selectorClass","selectorId","regexp","string","metaString","builtIn","symbol","comment","code","formula","name","quote","selectorTag","selectorPseudo","subst","section","bullet","emphasis","strong","addition","deletion","charEscape","link","params","property","punctuation","tag","selector","CodeSnippetClass","mappings","rootBgColor","rootTextColor","docTagTextColor","keywordTextColor","metaKeywordTextColor","templateTagTextColor","templateVariableTextColor","typeTextColor","variableLanguageTextColor","titleTextColor","titleClassTextColor","titleClassInheritedTextColor","titleFunctionTextColor","attrTextColor","attributeTextColor","literalTextColor","metaTextColor","numberTextColor","operatorTextColor","variableTextColor","selectorAttrTextColor","selectorClassTextColor","selectorIdTextColor","regexpTextColor","stringTextColor","metaStringTextColor","builtInTextColor","symbolTextColor","commentTextColor","codeTextColor","formulaTextColor","nameTextColor","quoteTextColor","selectorTagTextColor","selectorPseudoTextColor","substTextColor","sectionTextColor","bulletTextColor","emphasisTextColor","strongTextColor","additionTextColor","additionBgColor","deletionTextColor","deletionBgColor","charEscapeTextColor","linkTextColor","paramsTextColor","propertyTextColor","punctuationTextColor","tagTextColor","customElements","define"],"sourceRoot":""}
+{"version":3,"file":"descope-code-snippet-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-code-snippet/check-icon.svg","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/copy-icon.svg","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/ImageClass.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-image/src/component/index.js","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/CodeSnippetClass.js","webpack://@descope/web-components-ui/./src/components/descope-code-snippet/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2hlY2staWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gPHBvbHlsaW5lIHBvaW50cz0iMjAgNiA5IDE3IDQgMTIiPjwvcG9seWxpbmU+IDwvc3ZnPiA=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPiA8cmVjdCB4PSI5IiB5PSI5IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIiByeT0iMiI+PC9yZWN0PiA8cGF0aCBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIj48L3BhdGg+IDwvc3ZnPiA=\"","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        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n","import '@descope-ui/descope-image';\n\nimport { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","/* 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.getSrc);\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 getSrc() {\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.getSrc);\n\n    createImage(this.getSrc, 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.getSrc === 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","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 { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n","export const decode = (input) => {\n  const txt = document.createElement('textarea');\n  txt.innerHTML = input;\n  return txt.value;\n};\n\nexport const tpl = (input, inline) => (inline ? input : `<pre>${input}</pre>`);\n","import hljs from 'highlight.js';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeChildren } from '../../helpers/componentHelpers';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { decode, tpl } from './helpers';\nimport copyIconSrc from './copy-icon.svg';\nimport checkIconSrc from './check-icon.svg';\n\nexport const componentName = getComponentName('code-snippet');\n\nclass CodeSnippet extends createBaseClass({ componentName, baseSelector: ':host > .wrapper' }) {\n  static get observedAttributes() {\n    return ['lang', 'inline', 'copy-button'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <code class=\"hljs\"></code>\n      </div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        width: 100%;\n      }\n      .wrapper {\n        position: relative;\n        width: 100%;\n      }\n      code {\n        display: block;\n        width: 100%;\n        min-height: 1em;\n        overflow-x: scroll;\n        overflow-y: scroll;\n      }\n      pre {\n        margin: 0;\n      }\n      .copy-btn {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 0;\n        border-style: solid;\n        cursor: pointer;\n        opacity: 0;\n        transition: opacity 150ms ease, background 150ms ease;\n      }\n      .wrapper:hover .copy-btn,\n      .copy-btn:focus-visible {\n        opacity: 1;\n      }\n      .copy-btn descope-icon {\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        flex-shrink: 0;\n      }\n      .copy-btn .check-icon {\n        display: none;\n      }\n      .copy-btn.copied .check-icon {\n        display: block;\n      }\n      .copy-btn.copied descope-icon:not(.check-icon) {\n        display: none;\n      }\n      `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.lang = this.getAttribute('lang');\n    this.isInline = this.getAttribute('inline') === 'true';\n\n    if (this.getAttribute('copy-button') === 'true') {\n      this.#initCopyButton();\n    }\n\n    observeChildren(this, this.#renderSnippet.bind(this));\n  }\n\n  get contentNode() {\n    return this.shadowRoot.querySelector('code');\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'inline') {\n        this.isInline = newValue;\n      }\n\n      if (attrName === 'lang') {\n        this.lang = newValue;\n      }\n\n      if (attrName === 'copy-button') {\n        if (newValue === 'true') {\n          this.#initCopyButton();\n        } else {\n          this.#destroyCopyButton();\n        }\n      }\n\n      this.#renderSnippet();\n    }\n  }\n\n  // ── Copy button ────────────────────────────────────────────────────────────\n\n  #initCopyButton() {\n    if (this.shadowRoot.querySelector('.copy-btn')) return;\n\n    const btn = document.createElement('button');\n    btn.className = 'copy-btn';\n    btn.type = 'button';\n    btn.setAttribute('aria-label', 'Copy code');\n    const copyIcon = document.createElement('descope-icon');\n    copyIcon.setAttribute('src', copyIconSrc);\n\n    const checkIcon = document.createElement('descope-icon');\n    checkIcon.setAttribute('src', checkIconSrc);\n    checkIcon.classList.add('check-icon');\n\n    btn.appendChild(copyIcon);\n    btn.appendChild(checkIcon);\n    btn.addEventListener('click', () => this.#handleCopyClick());\n\n    this.shadowRoot.querySelector('.wrapper').appendChild(btn);\n  }\n\n  #destroyCopyButton() {\n    this.shadowRoot.querySelector('.copy-btn')?.remove();\n  }\n\n  #handleCopyClick() {\n    const btn = this.shadowRoot.querySelector('.copy-btn');\n    navigator.clipboard\n      .writeText(decode(this.textContent))\n      .then(() => {\n        btn.classList.add('copied');\n        setTimeout(() => btn.classList.remove('copied'), 2000);\n      })\n      .catch(() => {});\n  }\n\n  // ── Snippet rendering ──────────────────────────────────────────────────────\n\n  #renderSnippet() {\n    const sanitized = decode(this.textContent);\n    const language = this.lang;\n\n    if (!language) {\n      this.contentNode.textContent = sanitized;\n      return;\n    }\n\n    const { value: highlighted } = hljs.highlight(sanitized, { language });\n\n    this.contentNode.innerHTML = tpl(highlighted, this.isInline);\n  }\n}\n\nconst copyBtn = { selector: () => '.copy-btn' };\n\nconst {\n  root,\n  docTag,\n  keyword,\n  metaKeyword,\n  templateTag,\n  templateVariable,\n  type,\n  variableLanguage,\n  title,\n  titleClass,\n  titleClassInherited,\n  titleFunction,\n  attr,\n  attribute,\n  literal,\n  meta,\n  number,\n  operator,\n  variable,\n  selectorAttr,\n  selectorClass,\n  selectorId,\n  regexp,\n  string,\n  metaString,\n  builtIn,\n  symbol,\n  comment,\n  code,\n  formula,\n  name,\n  quote,\n  selectorTag,\n  selectorPseudo,\n  subst,\n  section,\n  bullet,\n  emphasis,\n  strong,\n  addition,\n  deletion,\n  charEscape,\n  link,\n  params,\n  property,\n  punctuation,\n  tag,\n} = {\n  root: { selector: () => '.hljs' },\n  docTag: { selector: () => '.hljs-doctag' },\n  keyword: { selector: () => '.hljs-keyword' },\n  metaKeyword: { selector: () => '.hljs-meta .hljs-keyword' },\n  templateTag: { selector: () => '.hljs-template-tag' },\n  templateVariable: { selector: () => '.hljs-template-variable' },\n  type: { selector: () => '.hljs-type' },\n  variableLanguage: { selector: () => '.hljs-variable.language' },\n  title: { selector: () => '.hljs-title' },\n  titleClass: { selector: () => '.hljs-title.class_' },\n  titleClassInherited: { selector: () => '.hljs-title.class_.inherited__' },\n  titleFunction: { selector: () => '.hljs-title.function_' },\n  attr: { selector: () => '.hljs-attr' },\n  attribute: { selector: () => '.hljs-attribute' },\n  literal: { selector: () => '.hljs-literal' },\n  meta: { selector: () => '.hljs-meta' },\n  number: { selector: () => '.hljs-number' },\n  operator: { selector: () => '.hljs-operator' },\n  variable: { selector: () => '.hljs-variable' },\n  selectorAttr: { selector: () => '.hljs-selector-attr' },\n  selectorClass: { selector: () => '.hljs-selector-class' },\n  selectorId: { selector: () => '.hljs-selector-id' },\n  regexp: { selector: () => '.hljs-regexp' },\n  string: { selector: () => '.hljs-string' },\n  metaString: { selector: () => '.hljs-meta .hljs-string' },\n  builtIn: { selector: () => '.hljs-built_in' },\n  symbol: { selector: () => '.hljs-symbol' },\n  comment: { selector: () => '.hljs-comment' },\n  code: { selector: () => '.hljs-code' },\n  formula: { selector: () => '.hljs-formula' },\n  name: { selector: () => '.hljs-name' },\n  quote: { selector: () => '.hljs-quote' },\n  selectorTag: { selector: () => '.hljs-selector-tag' },\n  selectorPseudo: { selector: () => '.hljs-selector-pseudo' },\n  subst: { selector: () => '.hljs-subst' },\n  section: { selector: () => '.hljs-section' },\n  bullet: { selector: () => '.hljs-bullet' },\n  emphasis: { selector: () => '.hljs-emphasis' },\n  strong: { selector: () => '.hljs-strong' },\n  addition: { selector: () => '.hljs-addition' },\n  deletion: { selector: () => '.hljs-deletion' },\n  charEscape: { selector: () => '.hljs-char.escape' },\n  link: { selector: () => '.hljs-link' },\n  params: { selector: () => '.hljs-params' },\n  property: { selector: () => '.hljs-property' },\n  punctuation: { selector: () => '.hljs-punctuation' },\n  tag: { selector: () => '.hljs-tag' },\n};\n\nexport const CodeSnippetClass = compose(\n  createStyleMixin({\n    mappings: {\n      rootBgColor: { ...root, property: 'background-color' },\n      rootTextColor: { ...root, property: 'color' },\n      docTagTextColor: { ...docTag, property: 'color' },\n      keywordTextColor: { ...keyword, property: 'color' },\n      metaKeywordTextColor: { ...metaKeyword, property: 'color' },\n      templateTagTextColor: { ...templateTag, property: 'color' },\n      templateVariableTextColor: { ...templateVariable, property: 'color' },\n      typeTextColor: { ...type, property: 'color' },\n      variableLanguageTextColor: { ...variableLanguage, property: 'color' },\n      titleTextColor: { ...title, property: 'color' },\n      titleClassTextColor: { ...titleClass, property: 'color' },\n      titleClassInheritedTextColor: { ...titleClassInherited, property: 'color' },\n      titleFunctionTextColor: { ...titleFunction, property: 'color' },\n      attrTextColor: { ...attr, property: 'color' },\n      attributeTextColor: { ...attribute, property: 'color' },\n      literalTextColor: { ...literal, property: 'color' },\n      metaTextColor: { ...meta, property: 'color' },\n      numberTextColor: { ...number, property: 'color' },\n      operatorTextColor: { ...operator, property: 'color' },\n      variableTextColor: { ...variable, property: 'color' },\n      selectorAttrTextColor: { ...selectorAttr, property: 'color' },\n      selectorClassTextColor: { ...selectorClass, property: 'color' },\n      selectorIdTextColor: { ...selectorId, property: 'color' },\n      regexpTextColor: { ...regexp, property: 'color' },\n      stringTextColor: { ...string, property: 'color' },\n      metaStringTextColor: { ...metaString, property: 'color' },\n      builtInTextColor: { ...builtIn, property: 'color' },\n      symbolTextColor: { ...symbol, property: 'color' },\n      commentTextColor: { ...comment, property: 'color' },\n      codeTextColor: { ...code, property: 'color' },\n      formulaTextColor: { ...formula, property: 'color' },\n      nameTextColor: { ...name, property: 'color' },\n      quoteTextColor: { ...quote, property: 'color' },\n      selectorTagTextColor: { ...selectorTag, property: 'color' },\n      selectorPseudoTextColor: { ...selectorPseudo, property: 'color' },\n      substTextColor: { ...subst, property: 'color' },\n      sectionTextColor: { ...section, property: 'color' },\n      bulletTextColor: { ...bullet, property: 'color' },\n      emphasisTextColor: { ...emphasis, property: 'color' },\n      strongTextColor: { ...strong, property: 'color' },\n      additionTextColor: { ...addition, property: 'color' },\n      additionBgColor: { ...addition, property: 'background-color' },\n      deletionTextColor: { ...deletion, property: 'color' },\n      deletionBgColor: { ...deletion, property: 'background-color' },\n      charEscapeTextColor: { ...charEscape, property: 'color' },\n      linkTextColor: { ...link, property: 'color' },\n      paramsTextColor: { ...params, property: 'color' },\n      propertyTextColor: { ...property, property: 'color' },\n      punctuationTextColor: { ...punctuation, property: 'color' },\n      tagTextColor: { ...tag, property: 'color' },\n      copyButtonSize: [\n        { ...copyBtn, property: 'width' },\n        { ...copyBtn, property: 'height' },\n      ],\n      copyButtonBorderRadius: { ...copyBtn, property: 'border-radius' },\n      copyButtonBorderWidth: { ...copyBtn, property: 'border-width' },\n      copyButtonBorderColor: { ...copyBtn, property: 'border-color' },\n      copyButtonBgColor: { ...copyBtn, property: 'background-color' },\n      copyButtonHoverBgColor: { selector: () => '.copy-btn:hover', property: 'background-color' },\n      copyButtonColor: { ...copyBtn, property: 'color' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(CodeSnippet);\n","import '@descope-ui/descope-icon';\nimport { componentName, CodeSnippetClass } from './CodeSnippetClass';\n\ncustomElements.define(componentName, CodeSnippetClass);\n\nexport { CodeSnippetClass, componentName };\n"],"names":["module","exports","componentName","IconClass","mappings","fill","property","cssVarList","slots","wrappedEleName","style","excludeAttrsSync","customElements","define","srcAttrs","RawImage","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","getAttribute","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","selector","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","querySelector","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","decode","input","txt","value","CodeSnippet","createBaseClass","lang","isInline","bind","contentNode","shadowRoot","btn","className","type","copyIcon","checkIcon","addEventListener","navigator","clipboard","writeText","textContent","setTimeout","catch","sanitized","language","highlighted","highlight","copyBtn","root","docTag","keyword","metaKeyword","templateTag","templateVariable","variableLanguage","title","titleClass","titleClassInherited","titleFunction","attr","attribute","literal","meta","number","operator","variable","selectorAttr","selectorClass","selectorId","regexp","string","metaString","builtIn","symbol","comment","code","formula","name","quote","selectorTag","selectorPseudo","subst","section","bullet","emphasis","strong","addition","deletion","charEscape","link","params","punctuation","tag","CodeSnippetClass","rootBgColor","rootTextColor","docTagTextColor","keywordTextColor","metaKeywordTextColor","templateTagTextColor","templateVariableTextColor","typeTextColor","variableLanguageTextColor","titleTextColor","titleClassTextColor","titleClassInheritedTextColor","titleFunctionTextColor","attrTextColor","attributeTextColor","literalTextColor","metaTextColor","numberTextColor","operatorTextColor","variableTextColor","selectorAttrTextColor","selectorClassTextColor","selectorIdTextColor","regexpTextColor","stringTextColor","metaStringTextColor","builtInTextColor","symbolTextColor","commentTextColor","codeTextColor","formulaTextColor","nameTextColor","quoteTextColor","selectorTagTextColor","selectorPseudoTextColor","substTextColor","sectionTextColor","bulletTextColor","emphasisTextColor","strongTextColor","additionTextColor","additionBgColor","deletionTextColor","deletionBgColor","charEscapeTextColor","linkTextColor","paramsTextColor","propertyTextColor","punctuationTextColor","tagTextColor","copyButtonSize","copyButtonBorderRadius","copyButtonBorderWidth","copyButtonBorderColor","copyButtonBgColor","copyButtonHoverBgColor","copyButtonColor"],"sourceRoot":""}

package/dist/umd/descope-country-subdivision-city-field.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2478],{68749(i,t,e){e.r(t),e.d(t,{CountrySubdivisionCityFieldClass:()=>L,componentName:()=>$}),e(25003),e(27092);var s=e(72270),o=e(25964),n=e(63200);const r=async i=>{const t=await fetch(i);if(!t.ok)throw new Error(`[dataService] ${t.status} ${i}`);const e=await t.json();return e.data??e},a=async i=>r(`${i}/countries.json`),l=async(i,t)=>{try{return(await r(`${t}/countries/${i}/subdivisions.json`)).map(({code:i,...t})=>({...t,state_code:i}))}catch{return[]}},u=async(i,t,e)=>r(`${e}/countries/${i}/subdivisions/${t}/cities.json`),d=async i=>{const t=new URL("../labels.json",`${i}/`).href;return r(t)},h=async(i,t)=>r(`${t}/countries/${i}/cities.json`),c=(0,o.xE)("country-subdivision-city-field-internal"),b=Symbol("selecting"),y=({name:i,translations:t={}},e)=>e&&(t[e]||t[e.split("-")[0]])||i,p=i=>i?String(i).replace(/[&<>"']/g,i=>`&#${i.charCodeAt(0)};`):"",m=({name:i,iso2:t,iso3:e,translations:s,lang:o})=>{const n=y({name:i,translations:s},o),r=[n,t,e];n!==i&&r.push(i);const a=p(t),l=p(r.join(" ")),u=p(n);return`<div data-id="${a}" data-name="${l}" data-label="${u}">${u}</div>`},v=({name:i,state_code:t,translations:e,lang:s})=>{const o=y({name:i,translations:e},s),n=[o,t];o!==i&&n.push(i);const r=p(t),a=p(n.join(" ")),l=p(o);return`<div data-id="${r}" data-name="${a}" data-label="${l}">${l}</div>`},C=({name:i})=>{const t=p(i),e=p(i);return`<div data-id="${t}" data-name="${e}">${e}</div>`},g=i=>`<descope-combo-box id="${i}" item-label-path="data-name" item-value-path="data-id" allow-custom-value="false"></descope-combo-box>`,x=(0,s.yc)({componentName:c,baseSelector:""}),f=["disabled","readonly","size","bordered"],B=["hide-country","hide-subdivision","hide-city"],S=[...f,"label-type","country-label","subdivision-label","city-label",...B,"default-country","allowed-countries","pinned-countries","country-placeholder","subdivision-placeholder","city-placeholder","required","invalid","data-source-base-url","lang"],V=(0,n.Zz)()(class extends x{static get observedAttributes(){return[].concat(x.observedAttributes||[],S)}#i;#t;#e;#s=!1;#o=!1;#n=new Map;#r=null;#a=null;#l=null;#u=null;constructor(){super(),this.innerHTML=`\n      <div class="wrapper">\n        ${g("country-combo")}\n        ${g("subdivision-combo")}\n        ${g("city-combo")}\n      </div>\n    `,this.#i=this.querySelector("#country-combo"),this.#t=this.querySelector("#subdivision-combo"),this.#e=this.querySelector("#city-combo"),this.#d(),this.#h()}get#c(){return"true"===this.getAttribute("hide-country")}get#b(){return"true"===this.getAttribute("hide-subdivision")}get#y(){return"true"===this.getAttribute("hide-city")}get#p(){return!this.#m}get#m(){return this.getAttribute("data-source-base-url")||void 0}get#v(){const i=this.getAttribute("lang")||void 0;if(i)try{return Intl.getCanonicalLocales(i),i}catch{return}}get#C(){return this.getAttribute("default-country")?.toUpperCase()||void 0}get#g(){return this.getAttribute("subdivision-label")||void 0}get#x(){return this.getAttribute("subdivision-placeholder")||void 0}get#f(){return(this.getAttribute("allowed-countries")||"").split(",").map(i=>i.trim().toUpperCase()).filter(Boolean)}get#B(){return(this.getAttribute("pinned-countries")||"").split(",").map(i=>i.trim().toUpperCase()).filter(Boolean)}get#S(){return[this.#i,this.#t,this.#e]}get value(){return{country:this.#c?this.#C:this.#i.value||void 0,subdivision:!this.#b&&this.#s&&this.#t.value||void 0,city:!this.#y&&this.#o&&this.#e.value||void 0}}set value(i){if(!i)return;let t;try{t="string"==typeof i?JSON.parse(i):i}catch{return}this.#u={...t},this.#m&&this.#V()}init(){this.addEventListener("focus",i=>{if(i.isTrusted){const i=this.#S.find(i=>!i.classList.contains(`${c}-hidden`)&&!i.checkValidity());(i||this.#A())?.focus()}}),super.init?.(),this.#w(),this.#$(),this.#E(),this.#H()}#H(){this.#i.renderItem=m,this.#t.renderItem=v,this.#e.renderItem=C}attributeChangedCallback(i,t,e){if(super.attributeChangedCallback?.(i,t,e),t!==e)if("required"===i)this.#I();else if(B.includes(i)||"data-source-base-url"===i)this.#w(),"data-source-base-url"===i&&this.#E();else if("default-country"===i){const i=e?.toUpperCase();if(i&&i!==e)return void this.setAttribute("default-country",i);i&&this.#n.size?this.#L(i):i&&this.#c&&this.#T()}else"lang"===i?this.#U():"invalid"===i?"true"===e&&this.#R():"allowed-countries"===i||"pinned-countries"===i?this.#c||(this.#r?this.#F(this.#r):this.#T()):"country-label"===i?this.#O(this.#i,"label",e):"subdivision-label"===i?this.#O(this.#t,"label",e):"city-label"===i&&this.#O(this.#e,"label",e)}getValidity(){if(!this.isRequired)return{};const i=!this.#c&&!this.#i.value,t=!this.#b&&(this.#p||this.#s)&&!this.#t.value,e=!this.#y&&(this.#p||this.#o)&&!this.#e.value;return i||t||e?{valueMissing:!0}:{}}#R(){for(const i of[...this.#S].reverse())i.classList.contains(`${c}-hidden`)||i.checkValidity()||i.reportValidity()}#d(){[this.#i,this.#t].forEach(i=>{i.customValueTransformFn=t=>{const e=i.baseElement?.items?.find(i=>i["data-name"]===t);return e?.getAttribute("data-label")??t}})}#h(){this.#S.forEach(i=>{(0,o.EA)(this,i,{includeAttrs:[...f,"label-type"]})}),(0,o.EA)(this,this.#i,{includeAttrs:["default-country"],mapAttrs:{"default-country":"default-value"}}),[[this.#i,"country-placeholder"],[this.#t,"subdivision-placeholder"],[this.#e,"city-placeholder"]].forEach(([i,t])=>{(0,o.EA)(this,i,{includeAttrs:[t],mapAttrs:{[t]:"placeholder"}})})}#$(){this.#i.addEventListener("input",()=>this.#q()),this.#t.addEventListener("input",()=>this.#D()),this.#e.addEventListener("input",()=>this.#N()),this.handleFocusEventsDispatching(this.#S)}#E(){this.#m&&(this.#u?this.#V():this.#c&&!this.#C||this.#T())}async#V(){const{country:i,subdivision:t,city:e}=this.#u,s=!!t&&!this.#b,o=!!e&&!this.#y,n=this.#r??a(this.#m),r=this.#l??d(this.#m),c=s&&i?l(i,this.#m):null,y=o&&i?s&&t?u(i,t,this.#m):h(i,this.#m):null,[p,m,v,C]=(await Promise.allSettled([n,r,c,y])).map(i=>"fulfilled"===i.status?i.value:null);if(!this.#u)return;m&&(this.#l=m);const g=[];p&&(this.#r||(this.#r=p,this.#F(p)),i&&!this.#c&&g.push([this.#i,i]));const x=i?this.#n.get(i):null;x?.subdivisionType&&this.#M(x.subdivisionType),v&&(this.#a=v,this.#s=v.length>0,v.length>0&&(this.#t.data=v.map(i=>({...i,lang:this.#v})),t&&g.push([this.#t,t]))),C&&(this.#o=C.length>0,C.length>0&&(this.#e.data=C,e&&g.push([this.#e,e]))),this.#w(),this.#u=b,setTimeout(()=>{if(this.#u===b){for(const[i,t]of g){const e=i.items?.find(i=>i["data-id"]===t);e&&(i.selectedItem=e)}this.#u=null}})}#q(){this.#u!==b&&(this.#u=null,this.#k(),this.#_(),this.#L(this.#i.value),this.#N())}#D(){if(this.#u===b)return;this.#u=null;const i=this.#t.value;if(this.#_(),!this.#y&&i){const t=this.#i.value;t&&this.#P(t,i)}this.#N()}#L(i){if(!i)return;const t=this.#n.get(i);if(!t)return;const{hasSubdivisions:e,subdivisionType:s}=t;!this.#b&&e?(this.#M(s),this.#j(i)):this.#y||this.#P(i)}#M(i){const t=this.#z(i);this.#g||this.#O(this.#t,"label",t||null),this.#x||this.#O(this.#t,"placeholder",t||null)}#z(i){const t=this.#l?.subdivisionTypes,e=t?.[i]??t?._fallback;if(!e)return i;const s=this.#v;return s&&(e[s]||e[s.split("-")[0]])||e.en||i}async#W(){try{this.#l=await d(this.#m)}catch{}}async#T(){if(this.#m){this.#i.setAttribute("loading","true");try{const[i]=await Promise.all([a(this.#m),this.#W()]);this.#r=i,this.#F(i),!this.#u&&this.#C&&this.#L(this.#C)}catch(i){console.error(`[${c}] Failed to load countries`,i)}finally{this.#i.removeAttribute("loading")}}}async#j(i){this.#G(this.#t,!0),this.#t.setAttribute("loading","true");try{const t=await l(i,this.#m);this.#a=t,this.#s=t.length>0,this.#w(),t.length>0?this.#t.data=t.map(i=>({...i,lang:this.#v})):this.#y||this.#P(i)}catch(t){console.error(`[${c}] Failed to load subdivisions for ${i}`,t),this.#s=!1,this.#Z()}finally{this.#t.removeAttribute("loading")}}async#P(i,t){this.#e.setAttribute("loading","true");try{const e=await(t?u(i,t,this.#m):h(i,this.#m));this.#o=e.length>0,this.#w(),e.length>0&&(this.#e.data=e)}catch(e){console.error(`[${c}] Failed to load cities for ${i}${t?`/${t}`:""}`,e)}finally{this.#e.removeAttribute("loading")}}#U(){if(this.#r){const i=this.#i.value;this.#F(this.#r),i&&this.#J(this.#i,i)}if(this.#a&&this.#s){const i=this.#t.value;this.#t.data=this.#a.map(i=>({...i,lang:this.#v})),i&&this.#J(this.#t,i)}const i=this.#i.value;if(i){const t=this.#n.get(i);t?.subdivisionType&&this.#M(t.subdivisionType)}}#F(i){const t=this.#Q(i);this.#i.data=t.map(i=>({...i,lang:this.#v})),this.#n=new Map(i.map(i=>[i.iso2,i]))}#Q(i){const t=this.#f,e=this.#B;let s=t.length?i.filter(i=>t.includes(i.iso2)):[...i];return s.sort((i,t)=>y(i,this.#v).localeCompare(y(t,this.#v),this.#v)),e.length?[...e.map(i=>s.find(t=>t.iso2===i)).filter(Boolean),...s.filter(i=>!e.includes(i.iso2))]:s}#Z(){this.#G(this.#i,!this.#c),this.#G(this.#t,!this.#b&&(this.#p||this.#s)),this.#G(this.#e,!this.#y&&(this.#p||this.#o))}#G(i,t){i?.classList.toggle(`${c}-hidden`,!t)}#I(){const i=this.hasAttribute("required")?"true":null;this.#O(this.#i,"required",this.#c?null:i),this.#O(this.#t,"required",this.#b||!this.#p&&!this.#s?null:i),this.#O(this.#e,"required",this.#y||!this.#p&&!this.#o?null:i)}#w(){this.#Z(),this.#I(),this.setCustomValidity("")}#k(){this.#t.value="",this.#t.data=[],this.#s=!1,this.#g||this.#t.removeAttribute("label"),this.#x||this.#t.removeAttribute("placeholder"),this.#w()}#_(){this.#e.value="",this.#e.data=[],this.#o=!1,this.#w()}#N(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}#O(i,t,e){e?i.setAttribute(t,e):i.removeAttribute(t)}#A(){return this.#S.find(i=>!i.classList.contains(`${c}-hidden`))}#J(i,t){setTimeout(()=>{const e=i.items?.find(i=>i["data-id"]===t);e&&(i.selectedItem=e)})}});customElements.define(c,V);var A=e(88961),w=e(86365);const $=(0,o.xE)("country-subdivision-city-field"),E={selector:()=>":host"},H={selector:`${c} > .wrapper`},I={selector:`${c} > .wrapper > descope-combo-box`},L=(0,n.Zz)((0,A.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,A.RF)({mappings:{hostWidth:{...E,property:"width"},hostDirection:[{...E,property:"direction"},{...I,property:w.C.cssVarList.hostDirection}],flexDirection:{...H,property:"flex-direction"},flexGap:{...H,property:"gap"},itemAlignment:{...H,property:"align-items"},itemMinWidth:{...I,property:"min-width"},itemFlexGrow:{...I,property:"flex-grow"},itemWidth:{...I,property:w.C.cssVarList.hostWidth}}}),A.VO,(0,A.OZ)({proxyProps:["value"],inputEvent:"input",proxyParentValidation:!0}),A.tQ,i=>class extends i{init(){super.init?.();const i=document.createElement("template");i.innerHTML=`\n      <${c}\n        tabindex="-1"\n      ></${c}>\n      `,this.baseElement.appendChild(i.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(c),(0,o.EA)(this,this.inputElement,{includeAttrs:["size","bordered","required","label-type","disabled","readonly","hide-country","hide-subdivision","hide-city","default-country","allowed-countries","pinned-countries","country-label","subdivision-label","city-label","country-placeholder","subdivision-placeholder","city-placeholder","data-source-base-url","lang","invalid"]}),(0,o.Gh)(this,this.inputElement,{includeAttrs:["invalid"]})}})((0,A.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${c} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${c} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${c}-hidden {\n    display: none;\n  }\n\n`,excludeAttrsSync:["tabindex","style","error-message"],componentName:$}));customElements.define($,L)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2478],{68749(i,t,e){e.r(t),e.d(t,{CountrySubdivisionCityFieldClass:()=>L,componentName:()=>w}),e(25003),e(27092);var s=e(72270),o=e(25964),n=e(63200);const a=async i=>{const t=await fetch(i);if(!t.ok)throw new Error(`[dataService] ${t.status} ${i}`);const e=await t.json();return e.data??e},r=async i=>a(`${i}/countries.json`),l=async(i,t)=>{try{return(await a(`${t}/countries/${i}/subdivisions.json`)).map(({code:i,...t})=>({...t,state_code:i}))}catch{return[]}},d=async(i,t,e)=>a(`${e}/countries/${i}/subdivisions/${t}/cities.json`),u=async i=>{const t=new URL("../labels.json",`${i}/`).href;return a(t)},h=async(i,t)=>a(`${t}/countries/${i}/cities.json`),c=(0,o.xE)("country-subdivision-city-field-internal"),b=Symbol("selecting"),y=({name:i,translations:t={}},e)=>e&&(t[e]||t[e.split("-")[0]])||i,m=i=>i?String(i).replace(/[&<>"']/g,i=>`&#${i.charCodeAt(0)};`):"",p=({name:i,iso2:t,iso3:e,translations:s,lang:o})=>{const n=y({name:i,translations:s},o),a=[n,t,e];n!==i&&a.push(i);const r=m(t),l=m(a.join(" ")),d=m(n);return`<div data-id="${r}" data-name="${l}" data-label="${d}">${d}</div>`},C=({name:i,state_code:t,translations:e,lang:s})=>{const o=y({name:i,translations:e},s),n=[o,t];o!==i&&n.push(i);const a=m(t),r=m(n.join(" ")),l=m(o);return`<div data-id="${a}" data-name="${r}" data-label="${l}">${l}</div>`},v=({name:i,translations:t,lang:e})=>{const s=y({name:i,translations:t},e),o=[s];s!==i&&o.push(i);const n=m(i),a=m(o.join(" ")),r=m(s);return`<div data-id="${n}" data-name="${a}" data-label="${r}">${r}</div>`},g=i=>`<descope-combo-box id="${i}" item-label-path="data-name" item-value-path="data-id" allow-custom-value="false"></descope-combo-box>`,x=(0,s.yc)({componentName:c,baseSelector:""}),f=["disabled","readonly","size","bordered"],B=["hide-country","hide-subdivision","hide-city"],V=[...f,"label-type","country-label","subdivision-label","city-label",...B,"default-country","allowed-countries","pinned-countries","country-placeholder","subdivision-placeholder","city-placeholder","required","invalid","data-source-base-url","lang"],S=(0,n.Zz)()(class extends x{static get observedAttributes(){return[].concat(x.observedAttributes||[],V)}#i;#t;#e;#s=!1;#o=!1;#n=new Map;#a=null;#r=null;#l=null;#d=null;#u=null;constructor(){super(),this.innerHTML=`\n      <div class="wrapper">\n        ${g("country-combo")}\n        ${g("subdivision-combo")}\n        ${g("city-combo")}\n      </div>\n    `,this.#i=this.querySelector("#country-combo"),this.#t=this.querySelector("#subdivision-combo"),this.#e=this.querySelector("#city-combo"),this.#h(),this.#c()}get#b(){return"true"===this.getAttribute("hide-country")}get#y(){return"true"===this.getAttribute("hide-subdivision")}get#m(){return"true"===this.getAttribute("hide-city")}get#p(){return!this.#C}get#C(){return this.getAttribute("data-source-base-url")||void 0}get#v(){const i=this.getAttribute("lang")||void 0;if(i)try{const[t]=Intl.getCanonicalLocales(i);return t}catch{return}}get#g(){return this.getAttribute("default-country")?.toUpperCase()||void 0}get#x(){return this.getAttribute("subdivision-label")||void 0}get#f(){return this.getAttribute("subdivision-placeholder")||void 0}get#B(){return(this.getAttribute("allowed-countries")||"").split(",").map(i=>i.trim().toUpperCase()).filter(Boolean)}get#V(){return(this.getAttribute("pinned-countries")||"").split(",").map(i=>i.trim().toUpperCase()).filter(Boolean)}get#S(){return[this.#i,this.#t,this.#e]}get value(){return{country:this.#b?this.#g:this.#i.value||void 0,subdivision:!this.#y&&this.#s&&this.#t.value||void 0,city:!this.#m&&this.#o&&this.#e.value||void 0}}set value(i){if(!i)return;let t;try{t="string"==typeof i?JSON.parse(i):i}catch{return}this.#u={...t},this.#C&&this.#A()}init(){this.addEventListener("focus",i=>{if(i.isTrusted){const i=this.#S.find(i=>!i.classList.contains(`${c}-hidden`)&&!i.checkValidity());(i||this.#$())?.focus()}}),super.init?.(),this.#w(),this.#E(),this.#H(),this.#I()}#I(){this.#i.renderItem=p,this.#t.renderItem=C,this.#e.renderItem=v}attributeChangedCallback(i,t,e){if(super.attributeChangedCallback?.(i,t,e),t!==e)if("required"===i)this.#L();else if(B.includes(i)||"data-source-base-url"===i)this.#w(),"data-source-base-url"===i&&this.#H();else if("default-country"===i){const i=e?.toUpperCase();if(i&&i!==e)return void this.setAttribute("default-country",i);i&&this.#n.size?this.#T(i):i&&this.#b&&this.#U()}else"lang"===i?this.#R():"invalid"===i?"true"===e&&this.#F():"allowed-countries"===i||"pinned-countries"===i?this.#b||(this.#a?this.#O(this.#a):this.#U()):"country-label"===i?this.#q(this.#i,"label",e):"subdivision-label"===i?this.#q(this.#t,"label",e):"city-label"===i&&this.#q(this.#e,"label",e)}getValidity(){if(!this.isRequired)return{};const i=!this.#b&&!this.#i.value,t=!this.#y&&(this.#p||this.#s)&&!this.#t.value,e=!this.#m&&(this.#p||this.#o)&&!this.#e.value;return i||t||e?{valueMissing:!0}:{}}#F(){for(const i of[...this.#S].reverse())i.classList.contains(`${c}-hidden`)||i.checkValidity()||i.reportValidity()}#h(){[this.#i,this.#t,this.#e].forEach(i=>{i.customValueTransformFn=t=>{const e=i.baseElement?.items?.find(i=>i["data-name"]===t);return e?.getAttribute("data-label")??t}})}#c(){this.#S.forEach(i=>{(0,o.EA)(this,i,{includeAttrs:[...f,"label-type"]})}),(0,o.EA)(this,this.#i,{includeAttrs:["default-country"],mapAttrs:{"default-country":"default-value"}}),[[this.#i,"country-placeholder"],[this.#t,"subdivision-placeholder"],[this.#e,"city-placeholder"]].forEach(([i,t])=>{(0,o.EA)(this,i,{includeAttrs:[t],mapAttrs:{[t]:"placeholder"}})})}#E(){this.#i.addEventListener("input",()=>this.#D()),this.#t.addEventListener("input",()=>this.#N()),this.#e.addEventListener("input",()=>this.#M()),this.handleFocusEventsDispatching(this.#S)}#H(){this.#C&&(this.#u?this.#A():this.#b&&!this.#g||this.#U())}async#A(){const{country:i,subdivision:t,city:e}=this.#u,s=!!t&&!this.#y,o=!!e&&!this.#m,n=this.#a??r(this.#C),a=this.#d??u(this.#C),c=s&&i?l(i,this.#C):null,y=o&&i?s&&t?d(i,t,this.#C):h(i,this.#C):null,[m,p,C,v]=(await Promise.allSettled([n,a,c,y])).map(i=>"fulfilled"===i.status?i.value:null);if(!this.#u)return;p&&(this.#d=p);const g=[];m&&(this.#a||(this.#a=m,this.#O(m)),i&&!this.#b&&g.push([this.#i,i]));const x=i?this.#n.get(i):null;x?.subdivisionType&&this.#k(x.subdivisionType),C&&(this.#r=C,this.#s=C.length>0,C.length>0&&(this.#t.data=C.map(i=>({...i,lang:this.#v})),t&&g.push([this.#t,t]))),v&&(this.#o=v.length>0,v.length>0&&(this.#l=v,this.#e.data=v.map(i=>({...i,lang:this.#v})),e&&g.push([this.#e,e]))),this.#w(),this.#u=b,setTimeout(()=>{if(this.#u===b){for(const[i,t]of g){const e=i.items?.find(i=>i["data-id"]===t);e&&(i.selectedItem=e)}this.#u=null}})}#D(){this.#u!==b&&(this.#u=null,this.#_(),this.#P(),this.#T(this.#i.value),this.#M())}#N(){if(this.#u===b)return;this.#u=null;const i=this.#t.value;if(this.#P(),!this.#m&&i){const t=this.#i.value;t&&this.#j(t,i)}this.#M()}#T(i){if(!i)return;const t=this.#n.get(i);if(!t)return;const{hasSubdivisions:e,subdivisionType:s}=t;!this.#y&&e?(this.#k(s),this.#z(i)):this.#m||this.#j(i)}#k(i){const t=this.#W(i);this.#x||this.#q(this.#t,"label",t||null),this.#f||this.#q(this.#t,"placeholder",t||null)}#W(i){const t=this.#d?.subdivisionTypes,e=t?.[i]??t?._fallback;if(!e)return i;const s=this.#v;return s&&(e[s]||e[s.split("-")[0]])||e.en||i}async#G(){try{this.#d=await u(this.#C)}catch{}}async#U(){if(this.#C){this.#i.setAttribute("loading","true");try{const[i]=await Promise.all([r(this.#C),this.#G()]);this.#a=i,this.#O(i),!this.#u&&this.#g&&this.#T(this.#g)}catch(i){console.error(`[${c}] Failed to load countries`,i)}finally{this.#i.removeAttribute("loading")}}}async#z(i){this.#Z(this.#t,!0),this.#t.setAttribute("loading","true");try{const t=await l(i,this.#C);this.#r=t,this.#s=t.length>0,this.#w(),t.length>0?this.#t.data=t.map(i=>({...i,lang:this.#v})):this.#m||this.#j(i)}catch(t){console.error(`[${c}] Failed to load subdivisions for ${i}`,t),this.#s=!1,this.#J()}finally{this.#t.removeAttribute("loading")}}async#j(i,t){this.#e.setAttribute("loading","true");try{const e=await(t?d(i,t,this.#C):h(i,this.#C));this.#o=e.length>0,this.#w(),e.length>0&&(this.#l=e,this.#e.data=e.map(i=>({...i,lang:this.#v})))}catch(e){console.error(`[${c}] Failed to load cities for ${i}${t?`/${t}`:""}`,e)}finally{this.#e.removeAttribute("loading")}}#R(){if(this.#a){const i=this.#i.value;this.#O(this.#a),i&&this.#Q(this.#i,i)}if(this.#r&&this.#s){const i=this.#t.value;this.#t.data=this.#r.map(i=>({...i,lang:this.#v})),i&&this.#Q(this.#t,i)}if(this.#l&&this.#o){const i=this.#e.value;this.#e.data=this.#l.map(i=>({...i,lang:this.#v})),i&&this.#Q(this.#e,i)}const i=this.#i.value;if(i){const t=this.#n.get(i);t?.subdivisionType&&this.#k(t.subdivisionType)}}#O(i){const t=this.#K(i);this.#i.data=t.map(i=>({...i,lang:this.#v})),this.#n=new Map(i.map(i=>[i.iso2,i]))}#K(i){const t=this.#B,e=this.#V;let s=t.length?i.filter(i=>t.includes(i.iso2)):[...i];return s.sort((i,t)=>y(i,this.#v).localeCompare(y(t,this.#v),this.#v)),e.length?[...e.map(i=>s.find(t=>t.iso2===i)).filter(Boolean),...s.filter(i=>!e.includes(i.iso2))]:s}#J(){this.#Z(this.#i,!this.#b),this.#Z(this.#t,!this.#y&&(this.#p||this.#s)),this.#Z(this.#e,!this.#m&&(this.#p||this.#o))}#Z(i,t){i?.classList.toggle(`${c}-hidden`,!t)}#L(){const i=this.hasAttribute("required")?"true":null;this.#q(this.#i,"required",this.#b?null:i),this.#q(this.#t,"required",this.#y||!this.#p&&!this.#s?null:i),this.#q(this.#e,"required",this.#m||!this.#p&&!this.#o?null:i)}#w(){this.#J(),this.#L(),this.setCustomValidity("")}#_(){this.#t.value="",this.#t.data=[],this.#s=!1,this.#x||this.#t.removeAttribute("label"),this.#f||this.#t.removeAttribute("placeholder"),this.#w()}#P(){this.#e.value="",this.#e.data=[],this.#l=null,this.#o=!1,this.#w()}#M(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}#q(i,t,e){e?i.setAttribute(t,e):i.removeAttribute(t)}#$(){return this.#S.find(i=>!i.classList.contains(`${c}-hidden`))}#Q(i,t){setTimeout(()=>{const e=i.items?.find(i=>i["data-id"]===t);e&&(i.selectedItem=e)})}});customElements.define(c,S);var A=e(88961),$=e(86365);const w=(0,o.xE)("country-subdivision-city-field"),E={selector:()=>":host"},H={selector:`${c} > .wrapper`},I={selector:`${c} > .wrapper > descope-combo-box`},L=(0,n.Zz)((0,A.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,A.RF)({mappings:{hostWidth:{...E,property:"width"},hostDirection:[{...E,property:"direction"},{...I,property:$.C.cssVarList.hostDirection}],flexDirection:{...H,property:"flex-direction"},flexGap:{...H,property:"gap"},itemAlignment:{...H,property:"align-items"},itemMinWidth:{...I,property:"min-width"},itemFlexGrow:{...I,property:"flex-grow"},itemWidth:{...I,property:$.C.cssVarList.hostWidth}}}),A.VO,(0,A.OZ)({proxyProps:["value"],inputEvent:"input",proxyParentValidation:!0}),A.tQ,i=>class extends i{init(){super.init?.();const i=document.createElement("template");i.innerHTML=`\n      <${c}\n        tabindex="-1"\n      ></${c}>\n      `,this.baseElement.appendChild(i.content.cloneNode(!0)),this.inputElement=this.shadowRoot.querySelector(c),(0,o.EA)(this,this.inputElement,{includeAttrs:["size","bordered","required","label-type","disabled","readonly","hide-country","hide-subdivision","hide-city","default-country","allowed-countries","pinned-countries","country-label","subdivision-label","city-label","country-placeholder","subdivision-placeholder","city-placeholder","data-source-base-url","lang","invalid"]}),(0,o.Gh)(this,this.inputElement,{includeAttrs:["invalid"]})}})((0,A.tz)({slots:[],wrappedEleName:"vaadin-custom-field",style:()=>`\n  :host {\n    display: inline-flex;\n    max-width: 100%;\n  }\n  vaadin-custom-field {\n    line-height: unset;\n    width: 100%;\n  }\n\n  ${c} {\n    display: inline-block;\n    box-sizing: border-box;\n    user-select: none;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ${c} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${c}-hidden {\n    display: none;\n  }\n\n`,excludeAttrsSync:["tabindex","style","error-message"],componentName:w}));customElements.define(w,L)}}]);
 //# sourceMappingURL=descope-country-subdivision-city-field.js.map

package/dist/umd/descope-country-subdivision-city-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-country-subdivision-city-field.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/data/dataService.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/descope-country-subdivision-city-field-internal/CountrySubdivisionCityFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/descope-country-subdivision-city-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/CountrySubdivisionCityFieldClass.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/index.js"],"sourcesContent":["// Data service for country/subdivision/city data.\n//\n// Fetches from the CDN/S3 baseUrl. The URL structure (relative to baseUrl):\n//   <baseUrl>/countries.json\n//   <baseUrl>/countries/{iso2}/subdivisions.json\n//   <baseUrl>/countries/{iso2}/subdivisions/{state_code}/cities.json\n//   <baseUrl>/countries/{iso2}/cities.json   (all cities for a country, used when subdivision is hidden)\n//   <parent-of-baseUrl>/labels.json          (shared labels/translations, one level up)\n\nconst fetchJson = async (url) => {\n  const response = await fetch(url);\n  if (!response.ok) throw new Error(`[dataService] ${response.status} ${url}`);\n  const json = await response.json();\n  // All files use a { data: [...] } envelope\n  return json.data ?? json;\n};\n\nexport const fetchCountries = async (baseUrl) =>\n  fetchJson(`${baseUrl}/countries.json`);\n\nconst normalizeSubdivisions = (data) =>\n  data.map(({ code, ...rest }) => ({ ...rest, state_code: code }));\n\nexport const fetchSubdivisions = async (countryIso2, baseUrl) => {\n  try {\n    const data = await fetchJson(\n      `${baseUrl}/countries/${countryIso2}/subdivisions.json`,\n    );\n    return normalizeSubdivisions(data);\n  } catch {\n    // No subdivisions file means the country has no subdivisions\n    return [];\n  }\n};\n\nexport const fetchCities = async (countryIso2, stateCode, baseUrl) =>\n  fetchJson(\n    `${baseUrl}/countries/${countryIso2}/subdivisions/${stateCode}/cities.json`,\n  );\n\n// labels.json sits one directory above the language-specific base URL\n// e.g. baseUrl = \".../address/en\" → labels URL = \".../address/labels.json\"\nexport const fetchLabels = async (baseUrl) => {\n  const labelsUrl = new URL('../labels.json', `${baseUrl}/`).href;\n  return fetchJson(labelsUrl);\n};\n\nexport const fetchCitiesForCountry = async (countryIso2, baseUrl) =>\n  fetchJson(`${baseUrl}/countries/${countryIso2}/cities.json`);\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  fetchCountries,\n  fetchSubdivisions,\n  fetchCities,\n  fetchCitiesForCountry,\n  fetchLabels,\n} from '../../data/dataService';\n\nexport const componentName = getComponentName(\n  'country-subdivision-city-field-internal',\n);\n\n// Sentinel used in #pendingValue to signal that programmatic item selection is in progress.\n// Prevents cascade-clearing logic in input handlers from firing during programmatic selection.\nconst SELECTING = Symbol('selecting');\n\n// --- Translation ---\n\nconst resolveTranslation = ({ name, translations = {} }, lang) => {\n  if (!lang) return name;\n  return translations[lang] || translations[lang.split('-')[0]] || name;\n};\n\n// --- HTML Escaping ---\n\nconst escapeHtml = (str) => {\n  if (!str) return '';\n  return String(str).replace(/[&<>\"']/g, (c) => `&#${c.charCodeAt(0)};`);\n};\n\n// --- Item renderers ---\n\nconst countryItem = ({ name, iso2, iso3, translations, lang }) => {\n  const displayName = resolveTranslation({ name, translations }, lang);\n  const searchTerms = [displayName, iso2, iso3];\n  if (displayName !== name) searchTerms.push(name);\n  const escapedIso2 = escapeHtml(iso2);\n  const escapedSearchTerms = escapeHtml(searchTerms.join(' '));\n  const escapedLabel = escapeHtml(displayName);\n  return `<div data-id=\"${escapedIso2}\" data-name=\"${escapedSearchTerms}\" data-label=\"${escapedLabel}\">${escapedLabel}</div>`;\n};\n\nconst subdivisionItem = ({ name, state_code, translations, lang }) => {\n  const displayName = resolveTranslation({ name, translations }, lang);\n  const searchTerms = [displayName, state_code];\n  if (displayName !== name) searchTerms.push(name);\n  const escapedStateCode = escapeHtml(state_code);\n  const escapedSearchTerms = escapeHtml(searchTerms.join(' '));\n  const escapedLabel = escapeHtml(displayName);\n  return `<div data-id=\"${escapedStateCode}\" data-name=\"${escapedSearchTerms}\" data-label=\"${escapedLabel}\">${escapedLabel}</div>`;\n};\n\nconst cityItem = ({ name }) => {\n  const escapedId = escapeHtml(name);\n  const escapedName = escapeHtml(name);\n  return `<div data-id=\"${escapedId}\" data-name=\"${escapedName}\">${escapedName}</div>`;\n};\n\nconst comboBoxHTML = (id) =>\n  `<descope-combo-box id=\"${id}\" item-label-path=\"data-name\" item-value-path=\"data-id\" allow-custom-value=\"false\"></descope-combo-box>`;\n\n// --- Base class ---\n\nconst BaseInputClass = createBaseInputClass({\n  componentName,\n  baseSelector: '',\n});\n\nconst commonAttrs = ['disabled', 'readonly', 'size', 'bordered'];\nconst labelTypeAttrs = [\n  'label-type',\n  'country-label',\n  'subdivision-label',\n  'city-label',\n];\nconst visibilityAttrs = ['hide-country', 'hide-subdivision', 'hide-city'];\nconst countryConfigAttrs = [\n  'default-country',\n  'allowed-countries',\n  'pinned-countries',\n];\nconst placeholderAttrs = [\n  'country-placeholder',\n  'subdivision-placeholder',\n  'city-placeholder',\n];\nconst observedAttrs = [\n  ...commonAttrs,\n  ...labelTypeAttrs,\n  ...visibilityAttrs,\n  ...countryConfigAttrs,\n  ...placeholderAttrs,\n  'required',\n  'invalid',\n  'data-source-base-url',\n  'lang',\n];\n\nclass RawCountrySubdivisionCityFieldInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  #countryComboBox;\n  #subdivisionComboBox;\n  #cityComboBox;\n\n  // Whether the subdivision/city field should be shown (data was found for selected country/subdivision)\n  #subdivisionVisible = false;\n  #cityVisible = false;\n\n  // iso2 → country object (populated after countries are loaded)\n  #countriesMap = new Map();\n  #cachedCountries = null;\n  #cachedSubdivisions = null;\n  #labels = null;\n\n  // Value requested programmatically before data has loaded.\n  // Applied incrementally as each cascade layer (countries → subdivisions → cities) loads.\n  #pendingValue = null;\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"wrapper\">\n        ${comboBoxHTML('country-combo')}\n        ${comboBoxHTML('subdivision-combo')}\n        ${comboBoxHTML('city-combo')}\n      </div>\n    `;\n\n    this.#countryComboBox = this.querySelector('#country-combo');\n    this.#subdivisionComboBox = this.querySelector('#subdivision-combo');\n    this.#cityComboBox = this.querySelector('#city-combo');\n\n    this.#setupValueTransform();\n    this.#setupAttrForwarding();\n  }\n\n  // --- Attribute getters ---\n\n  get #isHideCountry() {\n    return this.getAttribute('hide-country') === 'true';\n  }\n  get #isHideSubdivision() {\n    return this.getAttribute('hide-subdivision') === 'true';\n  }\n  get #isHideCity() {\n    return this.getAttribute('hide-city') === 'true';\n  }\n  get #isNoDataSource() {\n    return !this.#baseUrl;\n  }\n  get #baseUrl() {\n    return this.getAttribute('data-source-base-url') || undefined;\n  }\n  get #lang() {\n    const lang = this.getAttribute('lang') || undefined;\n    if (!lang) return undefined;\n    try {\n      Intl.getCanonicalLocales(lang);\n      return lang;\n    } catch {\n      return undefined; // invalid BCP47 tag — fall back to English\n    }\n  }\n  get #defaultCountry() {\n    return this.getAttribute('default-country')?.toUpperCase() || undefined;\n  }\n  get #subdivisionLabel() {\n    return this.getAttribute('subdivision-label') || undefined;\n  }\n  get #subdivisionPlaceholder() {\n    return this.getAttribute('subdivision-placeholder') || undefined;\n  }\n\n  get #allowedCountries() {\n    return (this.getAttribute('allowed-countries') || '')\n      .split(',')\n      .map((c) => c.trim().toUpperCase())\n      .filter(Boolean);\n  }\n\n  get #pinnedCountries() {\n    return (this.getAttribute('pinned-countries') || '')\n      .split(',')\n      .map((c) => c.trim().toUpperCase())\n      .filter(Boolean);\n  }\n\n  get #allCombos() {\n    return [\n      this.#countryComboBox,\n      this.#subdivisionComboBox,\n      this.#cityComboBox,\n    ];\n  }\n\n  // --- Value ---\n\n  get value() {\n    const country = this.#isHideCountry\n      ? this.#defaultCountry\n      : this.#countryComboBox.value || undefined;\n\n    const subdivision =\n      !this.#isHideSubdivision && this.#subdivisionVisible\n        ? this.#subdivisionComboBox.value || undefined\n        : undefined;\n\n    const city =\n      !this.#isHideCity && this.#cityVisible\n        ? this.#cityComboBox.value || undefined\n        : undefined;\n\n    return { country, subdivision, city };\n  }\n\n  set value(val) {\n    if (!val) return;\n    let parsed;\n    try {\n      parsed = typeof val === 'string' ? JSON.parse(val) : val;\n    } catch {\n      // Invalid JSON — silently ignore to prevent component crash\n      return;\n    }\n    this.#pendingValue = { ...parsed };\n    if (this.#baseUrl) this.#loadForPendingValue();\n  }\n\n  // --- Lifecycle ---\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      if (e.isTrusted) {\n        const firstInvalidCombo = this.#allCombos.find(\n          (combo) =>\n            !combo.classList.contains(`${componentName}-hidden`) &&\n            !combo.checkValidity(),\n        );\n        (firstInvalidCombo || this.#getFirstVisibleCombo())?.focus();\n      }\n    });\n\n    super.init?.();\n\n    this.#refreshState();\n    this.#setupChangeListeners();\n    this.#initData();\n    this.#setCombosItemRenderers();\n  }\n\n  #setCombosItemRenderers() {\n    this.#countryComboBox.renderItem = countryItem;\n    this.#subdivisionComboBox.renderItem = subdivisionItem;\n    this.#cityComboBox.renderItem = cityItem;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'required') {\n      this.#updateRequiredOnCombos();\n    } else if (\n      visibilityAttrs.includes(attrName) ||\n      attrName === 'data-source-base-url'\n    ) {\n      this.#refreshState();\n      if (attrName === 'data-source-base-url') this.#initData();\n    } else if (attrName === 'default-country') {\n      const upper = newValue?.toUpperCase();\n      if (upper && upper !== newValue) {\n        this.setAttribute('default-country', upper);\n        return;\n      }\n      if (upper && this.#countriesMap.size) {\n        this.#onCountrySelected(upper); // countries already loaded — trigger immediately\n      } else if (upper && this.#isHideCountry) {\n        // hide-country mode: countries may not have been loaded yet (e.g. no default-country at init).\n        // Kick off loading now; #loadCountries will call #onCountrySelected once done.\n        this.#loadCountries();\n      }\n    } else if (attrName === 'lang') {\n      this.#rerenderOnLangChange();\n    } else if (attrName === 'invalid') {\n      if (newValue === 'true') this.#handleInvalidCombos();\n    } else if (\n      attrName === 'allowed-countries' ||\n      attrName === 'pinned-countries'\n    ) {\n      if (!this.#isHideCountry) {\n        // Re-render from cache if available to avoid a race condition between two simultaneous\n        // fetch calls (one from data-source-base-url, one from the filter attribute change).\n        if (this.#cachedCountries) {\n          this.#renderCountryItems(this.#cachedCountries);\n        } else {\n          this.#loadCountries();\n        }\n      }\n    } else if (attrName === 'country-label') {\n      this.#setOrRemoveAttr(this.#countryComboBox, 'label', newValue);\n    } else if (attrName === 'subdivision-label') {\n      this.#setOrRemoveAttr(this.#subdivisionComboBox, 'label', newValue);\n    } else if (attrName === 'city-label') {\n      this.#setOrRemoveAttr(this.#cityComboBox, 'label', newValue);\n    }\n  }\n\n  // --- Validation ---\n\n  getValidity() {\n    if (!this.isRequired) return {};\n\n    const countryMissing = !this.#isHideCountry && !this.#countryComboBox.value;\n    const subdivisionMissing =\n      !this.#isHideSubdivision &&\n      (this.#isNoDataSource || this.#subdivisionVisible) &&\n      !this.#subdivisionComboBox.value;\n    const cityMissing =\n      !this.#isHideCity &&\n      (this.#isNoDataSource || this.#cityVisible) &&\n      !this.#cityComboBox.value;\n\n    return countryMissing || subdivisionMissing || cityMissing\n      ? { valueMissing: true }\n      : {};\n  }\n\n  // Show validation errors on the specific combos that are missing a value.\n  // Iterate in reverse so reportValidity's focus() lands on the first invalid combo last.\n  #handleInvalidCombos() {\n    for (const combo of [...this.#allCombos].reverse()) {\n      if (combo.classList.contains(`${componentName}-hidden`)) continue;\n      if (!combo.checkValidity()) combo.reportValidity();\n    }\n  }\n\n  // --- Setup ---\n\n  #setupValueTransform() {\n    // Display only the item name in the input, while data-name includes ISO codes for search\n    [this.#countryComboBox, this.#subdivisionComboBox].forEach((combo) => {\n       \n      combo.customValueTransformFn = (val) => {\n        const item = combo.baseElement?.items?.find(\n          (i) => i['data-name'] === val,\n        );\n        return item?.getAttribute('data-label') ?? val;\n      };\n    });\n  }\n\n  #setupAttrForwarding() {\n    // Forward common attrs and label-type to all combos\n    this.#allCombos.forEach((combo) => {\n      forwardAttrs(this, combo, {\n        includeAttrs: [...commonAttrs, 'label-type'],\n      });\n    });\n\n    // Forward default-country as default-value to let the combo box handle initial selection\n    forwardAttrs(this, this.#countryComboBox, {\n      includeAttrs: ['default-country'],\n      mapAttrs: { 'default-country': 'default-value' },\n    });\n\n    // Forward per-field placeholders\n    [\n      [this.#countryComboBox, 'country-placeholder'],\n      [this.#subdivisionComboBox, 'subdivision-placeholder'],\n      [this.#cityComboBox, 'city-placeholder'],\n    ].forEach(([combo, attr]) => {\n      forwardAttrs(this, combo, {\n        includeAttrs: [attr],\n        mapAttrs: { [attr]: 'placeholder' },\n      });\n    });\n  }\n\n  #setupChangeListeners() {\n    // descope-combo-box dispatches 'input' (not 'change') on selection\n    this.#countryComboBox.addEventListener('input', () =>\n      this.#handleCountryChange(),\n    );\n    this.#subdivisionComboBox.addEventListener('input', () =>\n      this.#handleSubdivisionChange(),\n    );\n    this.#cityComboBox.addEventListener('input', () =>\n      this.#dispatchInputEvent(),\n    );\n\n    this.handleFocusEventsDispatching(this.#allCombos);\n  }\n\n  #initData() {\n    // baseUrl is forwarded by the outer component after this element is connected;\n    // wait for the attributeChangedCallback('data-source-base-url') to re-trigger.\n    if (!this.#baseUrl) return;\n\n    if (this.#pendingValue) {\n      this.#loadForPendingValue();\n      return;\n    }\n\n    if (!this.#isHideCountry || this.#defaultCountry) {\n      // Load countries to populate #countriesMap even when hide-country=true, so that\n      // #onCountrySelected can apply the correct subdivision type label for the default country.\n      this.#loadCountries();\n    }\n  }\n\n  // --- Programmatic value loading (parallel fetch) ---\n\n  async #loadForPendingValue() {\n    const {\n      country: pendingCountry,\n      subdivision: pendingSubdivision,\n      city: pendingCity,\n    } = this.#pendingValue;\n\n    const shouldLoadSubdivisions =\n      !!pendingSubdivision && !this.#isHideSubdivision;\n    const shouldLoadCities = !!pendingCity && !this.#isHideCity;\n\n    const countriesPromise =\n      this.#cachedCountries ?? fetchCountries(this.#baseUrl);\n    const labelsPromise = this.#labels ?? fetchLabels(this.#baseUrl);\n    const subdivisionsPromise =\n      shouldLoadSubdivisions && pendingCountry\n        ? fetchSubdivisions(pendingCountry, this.#baseUrl)\n        : null;\n    const citiesPromise =\n      shouldLoadCities && pendingCountry\n        ? shouldLoadSubdivisions && pendingSubdivision\n          ? fetchCities(pendingCountry, pendingSubdivision, this.#baseUrl)\n          : fetchCitiesForCountry(pendingCountry, this.#baseUrl)\n        : null;\n\n    // Fetch everything in parallel; null entries resolve immediately as null\n    const [countries, labels, subdivisions, cities] = (\n      await Promise.allSettled([\n        countriesPromise,\n        labelsPromise,\n        subdivisionsPromise,\n        citiesPromise,\n      ])\n    ).map((result) => (result.status === 'fulfilled' ? result.value : null));\n\n    // Cancelled by a subsequent set value call or user interaction\n    if (!this.#pendingValue) return;\n\n    if (labels) this.#labels = labels;\n\n    // Collect items to select — do this before rendering so we can batch-select below\n    const toSelect = [];\n\n    if (countries) {\n      if (!this.#cachedCountries) {\n        this.#cachedCountries = countries;\n        this.#renderCountryItems(countries);\n      }\n      if (pendingCountry && !this.#isHideCountry)\n        toSelect.push([this.#countryComboBox, pendingCountry]);\n    }\n\n    const countryObj = pendingCountry\n      ? this.#countriesMap.get(pendingCountry)\n      : null;\n    if (countryObj?.subdivisionType)\n      this.#applySubdivisionType(countryObj.subdivisionType);\n\n    if (subdivisions) {\n      this.#cachedSubdivisions = subdivisions;\n      this.#subdivisionVisible = subdivisions.length > 0;\n      if (subdivisions.length > 0) {\n        this.#subdivisionComboBox.data = subdivisions.map((s) => ({\n          ...s,\n          lang: this.#lang,\n        }));\n        if (pendingSubdivision)\n          toSelect.push([this.#subdivisionComboBox, pendingSubdivision]);\n      }\n    }\n\n    if (cities) {\n      this.#cityVisible = cities.length > 0;\n      if (cities.length > 0) {\n        this.#cityComboBox.data = cities;\n        if (pendingCity) toSelect.push([this.#cityComboBox, pendingCity]);\n      }\n    }\n\n    this.#refreshState();\n\n    // Apply all selections in one batch. #pendingValue is set to SELECTING so that\n    // input events fired by selectedItem= don't trigger cascade-clearing in change handlers.\n    this.#pendingValue = SELECTING;\n    setTimeout(() => {\n      if (this.#pendingValue !== SELECTING) return; // cancelled by a new set value call\n      for (const [combo, id] of toSelect) {\n        const item = combo.items?.find((i) => i['data-id'] === id);\n        if (item) combo.selectedItem = item;\n      }\n      this.#pendingValue = null;\n    });\n  }\n\n  // --- Change handlers ---\n\n  #handleCountryChange() {\n    if (this.#pendingValue === SELECTING) return; // programmatic selection in progress\n    this.#pendingValue = null; // cancel any in-flight fetch\n    this.#resetSubdivision();\n    this.#resetCity();\n    this.#onCountrySelected(this.#countryComboBox.value);\n    this.#dispatchInputEvent();\n  }\n\n  #handleSubdivisionChange() {\n    if (this.#pendingValue === SELECTING) return; // programmatic selection in progress\n    this.#pendingValue = null; // cancel any in-flight fetch\n    const subdivisionCode = this.#subdivisionComboBox.value;\n    this.#resetCity();\n\n    if (!this.#isHideCity && subdivisionCode) {\n      const countryIso2 = this.#countryComboBox.value;\n      if (countryIso2) this.#loadCities(countryIso2, subdivisionCode);\n    }\n    this.#dispatchInputEvent();\n  }\n\n  // --- Country selection ---\n\n  #onCountrySelected(countryIso2) {\n    if (!countryIso2) return;\n\n    const country = this.#countriesMap.get(countryIso2);\n    if (!country) return;\n\n    const { hasSubdivisions, subdivisionType } = country;\n\n    if (!this.#isHideSubdivision && hasSubdivisions) {\n      this.#applySubdivisionType(subdivisionType);\n      this.#loadSubdivisions(countryIso2);\n    } else if (!this.#isHideCity) {\n      this.#loadCities(countryIso2);\n    }\n  }\n\n  // Apply subdivisionType as label/placeholder, but only when not overridden by an explicit attribute.\n  #applySubdivisionType(subdivisionType) {\n    const label = this.#resolveSubdivisionTypeLabel(subdivisionType);\n    if (!this.#subdivisionLabel)\n      this.#setOrRemoveAttr(this.#subdivisionComboBox, 'label', label || null);\n    if (!this.#subdivisionPlaceholder)\n      this.#setOrRemoveAttr(\n        this.#subdivisionComboBox,\n        'placeholder',\n        label || null,\n      );\n  }\n\n  #resolveSubdivisionTypeLabel(subdivisionType) {\n    const types = this.#labels?.subdivisionTypes;\n    const entry = types?.[subdivisionType] ?? types?._fallback;\n    if (!entry) return subdivisionType;\n    const lang = this.#lang;\n    return (\n      (lang && (entry[lang] || entry[lang.split('-')[0]])) ||\n      entry.en ||\n      subdivisionType\n    );\n  }\n\n  // --- Data loading ---\n\n  async #loadLabels() {\n    try {\n      this.#labels = await fetchLabels(this.#baseUrl);\n    } catch {\n      // Labels are optional; fall back to raw subdivisionType name\n    }\n  }\n\n  async #loadCountries() {\n    if (!this.#baseUrl) return;\n    this.#countryComboBox.setAttribute('loading', 'true');\n    try {\n      const [countries] = await Promise.all([\n        fetchCountries(this.#baseUrl),\n        this.#loadLabels(),\n      ]);\n      this.#cachedCountries = countries;\n      this.#renderCountryItems(countries);\n      // Skip defaultCountry if a programmatic set value is in flight\n      if (!this.#pendingValue && this.#defaultCountry)\n        this.#onCountrySelected(this.#defaultCountry);\n    } catch (e) {\n       \n      console.error(`[${componentName}] Failed to load countries`, e);\n    } finally {\n      this.#countryComboBox.removeAttribute('loading');\n    }\n  }\n\n  async #loadSubdivisions(countryIso2) {\n    this.#setVisible(this.#subdivisionComboBox, true);\n    this.#subdivisionComboBox.setAttribute('loading', 'true');\n    try {\n      const subdivisions = await fetchSubdivisions(countryIso2, this.#baseUrl);\n      this.#cachedSubdivisions = subdivisions;\n      this.#subdivisionVisible = subdivisions.length > 0;\n      this.#refreshState();\n\n      if (subdivisions.length > 0) {\n        this.#subdivisionComboBox.data = subdivisions.map((s) => ({\n          ...s,\n          lang: this.#lang,\n        }));\n      } else if (!this.#isHideCity) {\n        this.#loadCities(countryIso2);\n      }\n    } catch (e) {\n       \n      console.error(\n        `[${componentName}] Failed to load subdivisions for ${countryIso2}`,\n        e,\n      );\n      this.#subdivisionVisible = false;\n      this.#applyVisibility();\n    } finally {\n      this.#subdivisionComboBox.removeAttribute('loading');\n    }\n  }\n\n  // stateCode is optional: when omitted, loads all cities for the country\n  async #loadCities(countryIso2, stateCode) {\n    this.#cityComboBox.setAttribute('loading', 'true');\n    try {\n      const cities = await (stateCode\n        ? fetchCities(countryIso2, stateCode, this.#baseUrl)\n        : fetchCitiesForCountry(countryIso2, this.#baseUrl));\n      this.#cityVisible = cities.length > 0;\n      this.#refreshState();\n      if (cities.length > 0) {\n        this.#cityComboBox.data = cities;\n      }\n    } catch (e) {\n       \n      console.error(\n        `[${componentName}] Failed to load cities for ${countryIso2}${stateCode ? `/${stateCode}` : ''}`,\n        e,\n      );\n    } finally {\n      this.#cityComboBox.removeAttribute('loading');\n    }\n  }\n\n  #rerenderOnLangChange() {\n    if (this.#cachedCountries) {\n      const prevCountry = this.#countryComboBox.value;\n      this.#renderCountryItems(this.#cachedCountries);\n      if (prevCountry) this.#selectItemById(this.#countryComboBox, prevCountry);\n    }\n    if (this.#cachedSubdivisions && this.#subdivisionVisible) {\n      const prevSubdivision = this.#subdivisionComboBox.value;\n      this.#subdivisionComboBox.data = this.#cachedSubdivisions.map((s) => ({\n        ...s,\n        lang: this.#lang,\n      }));\n      if (prevSubdivision)\n        this.#selectItemById(this.#subdivisionComboBox, prevSubdivision);\n    }\n    // Re-apply translated subdivision type label for the new lang\n    const currentIso2 = this.#countryComboBox.value;\n    if (currentIso2) {\n      const country = this.#countriesMap.get(currentIso2);\n      if (country?.subdivisionType)\n        this.#applySubdivisionType(country.subdivisionType);\n    }\n  }\n\n  // --- Country item rendering ---\n\n  #renderCountryItems(countries) {\n    const result = this.#applyCountryFilters(countries);\n    this.#countryComboBox.data = result.map((c) => ({\n      ...c,\n      // Include the translated name in the data for search purposes, but not in the label which is rendered by renderItem\n      lang: this.#lang,\n    }));\n    this.#countriesMap = new Map(countries.map((c) => [c.iso2, c]));\n  }\n\n  #applyCountryFilters(countries) {\n    const allowed = this.#allowedCountries;\n    const pinned = this.#pinnedCountries;\n\n    let filtered = allowed.length\n      ? countries.filter((c) => allowed.includes(c.iso2))\n      : [...countries];\n\n    filtered.sort((a, b) =>\n      resolveTranslation(a, this.#lang).localeCompare(\n        resolveTranslation(b, this.#lang),\n        this.#lang,\n      ),\n    );\n\n    if (!pinned.length) return filtered;\n\n    const pinnedItems = pinned\n      .map((iso2) => filtered.find((c) => c.iso2 === iso2))\n      .filter(Boolean);\n    const rest = filtered.filter((c) => !pinned.includes(c.iso2));\n    return [...pinnedItems, ...rest];\n  }\n\n  // --- Visibility & required ---\n\n  #applyVisibility() {\n    this.#setVisible(this.#countryComboBox, !this.#isHideCountry);\n    this.#setVisible(\n      this.#subdivisionComboBox,\n      !this.#isHideSubdivision &&\n        (this.#isNoDataSource || this.#subdivisionVisible),\n    );\n    this.#setVisible(\n      this.#cityComboBox,\n      !this.#isHideCity && (this.#isNoDataSource || this.#cityVisible),\n    );\n  }\n\n  #setVisible(el, visible) {\n    el?.classList.toggle(`${componentName}-hidden`, !visible);\n  }\n\n  #updateRequiredOnCombos() {\n    const required = this.hasAttribute('required') ? 'true' : null;\n    this.#setOrRemoveAttr(\n      this.#countryComboBox,\n      'required',\n      !this.#isHideCountry ? required : null,\n    );\n    this.#setOrRemoveAttr(\n      this.#subdivisionComboBox,\n      'required',\n      !this.#isHideSubdivision &&\n        (this.#isNoDataSource || this.#subdivisionVisible)\n        ? required\n        : null,\n    );\n    this.#setOrRemoveAttr(\n      this.#cityComboBox,\n      'required',\n      !this.#isHideCity && (this.#isNoDataSource || this.#cityVisible)\n        ? required\n        : null,\n    );\n  }\n\n  #refreshState() {\n    this.#applyVisibility();\n    this.#updateRequiredOnCombos();\n    // Re-evaluate validity so that the form knows when newly-visible required fields become empty.\n    // e.g. subdivision becomes required after a country with states is selected.\n    this.setCustomValidity('');\n  }\n\n  // --- Reset helpers ---\n\n  #resetSubdivision() {\n    this.#subdivisionComboBox.value = '';\n    this.#subdivisionComboBox.data = [];\n    this.#subdivisionVisible = false;\n    // Clear any dynamically set label/placeholder from subdivisionType\n    if (!this.#subdivisionLabel)\n      this.#subdivisionComboBox.removeAttribute('label');\n    if (!this.#subdivisionPlaceholder)\n      this.#subdivisionComboBox.removeAttribute('placeholder');\n    this.#refreshState();\n  }\n\n  #resetCity() {\n    this.#cityComboBox.value = '';\n    this.#cityComboBox.data = [];\n    this.#cityVisible = false;\n    this.#refreshState();\n  }\n\n  // --- Utility helpers ---\n\n  #dispatchInputEvent() {\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n  }\n\n  #setOrRemoveAttr(el, attr, value) {\n    if (value) el.setAttribute(attr, value);\n    else el.removeAttribute(attr);\n  }\n\n  #getFirstVisibleCombo() {\n    return this.#allCombos.find(\n      (combo) => !combo.classList.contains(`${componentName}-hidden`),\n    );\n  }\n\n  #selectItemById(comboBox, id) {\n    // Defer the lookup so MutationObserver has time to populate comboBox.items\n    setTimeout(() => {\n      const item = comboBox.items?.find((i) => i['data-id'] === id);\n      if (item) comboBox.selectedItem = item;\n    });\n  }\n}\n\nexport const CountrySubdivisionCityFieldInternal = compose()(\n  RawCountrySubdivisionCityFieldInternal,\n);\n","import {\n  CountrySubdivisionCityFieldInternal,\n  componentName,\n} from './CountrySubdivisionCityFieldInternal';\n\ncustomElements.define(componentName, CountrySubdivisionCityFieldInternal);\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 { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { componentName as descopeInternalComponentName } from './descope-country-subdivision-city-field-internal/CountrySubdivisionCityFieldInternal';\n\nexport const componentName = getComponentName('country-subdivision-city-field');\n\nconst customMixin = (superclass) =>\n  class CountrySubdivisionCityFieldMixinClass extends superclass {\n    init() {\n      super.init?.();\n\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          'required',\n          'label-type',\n          'disabled',\n          'readonly',\n          'hide-country',\n          'hide-subdivision',\n          'hide-city',\n          'default-country',\n          'allowed-countries',\n          'pinned-countries',\n          'country-label',\n          'subdivision-label',\n          'city-label',\n          'country-placeholder',\n          'subdivision-placeholder',\n          'city-placeholder',\n          'data-source-base-url',\n          'lang',\n          'invalid',\n        ],\n      });\n\n      // Sync invalid attribute bidirectionally so external validation feedback propagates\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n    }\n  };\n\nconst host = { selector: () => ':host' };\n\nconst internalWrapper = {\n  selector: `${descopeInternalComponentName} > .wrapper`,\n};\n\nconst internalComboBoxes = {\n  selector: `${descopeInternalComponentName} > .wrapper > descope-combo-box`,\n};\n\nexport const CountrySubdivisionCityFieldClass = compose(\n  createStyleMixin({\n    componentNameOverride: getComponentName('input-wrapper'),\n  }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          ...internalComboBoxes,\n          property: ComboBoxClass.cssVarList.hostDirection,\n        },\n      ],\n      flexDirection: { ...internalWrapper, property: 'flex-direction' },\n      flexGap: { ...internalWrapper, property: 'gap' },\n      itemAlignment: { ...internalWrapper, property: 'align-items' },\n      itemMinWidth: { ...internalComboBoxes, property: 'min-width' },\n      itemFlexGrow: { ...internalComboBoxes, property: 'flex-grow' },\n      itemWidth: {\n        ...internalComboBoxes,\n        property: ComboBoxClass.cssVarList.hostWidth,\n      },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value'],\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  }\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} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${descopeInternalComponentName}-hidden {\n    display: none;\n  }\n\n`,\n    excludeAttrsSync: ['tabindex', 'style', 'error-message'],\n    componentName,\n  }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-country-subdivision-city-field-internal';\n\nimport {\n  componentName,\n  CountrySubdivisionCityFieldClass,\n} from './CountrySubdivisionCityFieldClass';\n\ncustomElements.define(componentName, CountrySubdivisionCityFieldClass);\n\nexport { CountrySubdivisionCityFieldClass, componentName };\n"],"names":["fetchJson","async","url","response","fetch","ok","Error","status","json","data","fetchCountries","baseUrl","fetchSubdivisions","countryIso2","map","code","rest","state_code","fetchCities","stateCode","fetchLabels","labelsUrl","URL","href","fetchCitiesForCountry","componentName","SELECTING","Symbol","resolveTranslation","name","translations","lang","split","escapeHtml","str","String","replace","c","charCodeAt","countryItem","iso2","iso3","displayName","searchTerms","push","escapedIso2","escapedSearchTerms","join","escapedLabel","subdivisionItem","escapedStateCode","cityItem","escapedId","escapedName","comboBoxHTML","id","BaseInputClass","baseSelector","commonAttrs","visibilityAttrs","observedAttrs","CountrySubdivisionCityFieldInternal","observedAttributes","concat","Map","constructor","super","this","innerHTML","querySelector","getAttribute","undefined","Intl","getCanonicalLocales","toUpperCase","trim","filter","Boolean","value","country","subdivision","city","val","parsed","JSON","parse","init","addEventListener","e","isTrusted","firstInvalidCombo","find","combo","classList","contains","checkValidity","focus","renderItem","attributeChangedCallback","attrName","oldValue","newValue","includes","upper","setAttribute","size","getValidity","isRequired","countryMissing","subdivisionMissing","cityMissing","valueMissing","reverse","reportValidity","forEach","customValueTransformFn","item","baseElement","items","i","includeAttrs","mapAttrs","attr","handleFocusEventsDispatching","pendingCountry","pendingSubdivision","pendingCity","shouldLoadSubdivisions","shouldLoadCities","countriesPromise","labelsPromise","subdivisionsPromise","citiesPromise","countries","labels","subdivisions","cities","Promise","allSettled","result","toSelect","countryObj","get","subdivisionType","length","s","setTimeout","selectedItem","subdivisionCode","hasSubdivisions","label","types","subdivisionTypes","entry","_fallback","en","all","console","error","removeAttribute","prevCountry","prevSubdivision","currentIso2","allowed","pinned","filtered","sort","a","b","localeCompare","el","visible","toggle","required","hasAttribute","setCustomValidity","dispatchEvent","Event","bubbles","composed","comboBox","customElements","define","host","selector","internalWrapper","internalComboBoxes","CountrySubdivisionCityFieldClass","componentNameOverride","mappings","hostWidth","property","hostDirection","ComboBoxClass","C","cssVarList","flexDirection","flexGap","itemAlignment","itemMinWidth","itemFlexGrow","itemWidth","proxyProps","inputEvent","proxyParentValidation","superclass","template","document","createElement","appendChild","content","cloneNode","inputElement","shadowRoot","slots","wrappedEleName","style","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"descope-country-subdivision-city-field.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/data/dataService.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/descope-country-subdivision-city-field-internal/CountrySubdivisionCityFieldInternal.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/descope-country-subdivision-city-field-internal/index.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/CountrySubdivisionCityFieldClass.js","webpack://@descope/web-components-ui/../components/descope-country-subdivision-city-field/src/component/index.js"],"sourcesContent":["// Data service for country/subdivision/city data.\n//\n// Fetches from the CDN/S3 baseUrl. The URL structure (relative to baseUrl):\n//   <baseUrl>/countries.json\n//   <baseUrl>/countries/{iso2}/subdivisions.json\n//   <baseUrl>/countries/{iso2}/subdivisions/{state_code}/cities.json\n//   <baseUrl>/countries/{iso2}/cities.json   (all cities for a country, used when subdivision is hidden)\n//   <parent-of-baseUrl>/labels.json          (shared labels/translations, one level up)\n\nconst fetchJson = async (url) => {\n  const response = await fetch(url);\n  if (!response.ok) throw new Error(`[dataService] ${response.status} ${url}`);\n  const json = await response.json();\n  // All files use a { data: [...] } envelope\n  return json.data ?? json;\n};\n\nexport const fetchCountries = async (baseUrl) =>\n  fetchJson(`${baseUrl}/countries.json`);\n\nconst normalizeSubdivisions = (data) =>\n  data.map(({ code, ...rest }) => ({ ...rest, state_code: code }));\n\nexport const fetchSubdivisions = async (countryIso2, baseUrl) => {\n  try {\n    const data = await fetchJson(\n      `${baseUrl}/countries/${countryIso2}/subdivisions.json`,\n    );\n    return normalizeSubdivisions(data);\n  } catch {\n    // No subdivisions file means the country has no subdivisions\n    return [];\n  }\n};\n\nexport const fetchCities = async (countryIso2, stateCode, baseUrl) =>\n  fetchJson(\n    `${baseUrl}/countries/${countryIso2}/subdivisions/${stateCode}/cities.json`,\n  );\n\n// labels.json sits one directory above the language-specific base URL\n// e.g. baseUrl = \".../address/en\" → labels URL = \".../address/labels.json\"\nexport const fetchLabels = async (baseUrl) => {\n  const labelsUrl = new URL('../labels.json', `${baseUrl}/`).href;\n  return fetchJson(labelsUrl);\n};\n\nexport const fetchCitiesForCountry = async (countryIso2, baseUrl) =>\n  fetchJson(`${baseUrl}/countries/${countryIso2}/cities.json`);\n","import { createBaseInputClass } from '@descope-ui/common/base-classes';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  fetchCountries,\n  fetchSubdivisions,\n  fetchCities,\n  fetchCitiesForCountry,\n  fetchLabels,\n} from '../../data/dataService';\n\nexport const componentName = getComponentName(\n  'country-subdivision-city-field-internal',\n);\n\n// Sentinel used in #pendingValue to signal that programmatic item selection is in progress.\n// Prevents cascade-clearing logic in input handlers from firing during programmatic selection.\nconst SELECTING = Symbol('selecting');\n\n// --- Translation ---\n\nconst resolveTranslation = ({ name, translations = {} }, lang) => {\n  if (!lang) return name;\n  return translations[lang] || translations[lang.split('-')[0]] || name;\n};\n\n// --- HTML Escaping ---\n\nconst escapeHtml = (str) => {\n  if (!str) return '';\n  return String(str).replace(/[&<>\"']/g, (c) => `&#${c.charCodeAt(0)};`);\n};\n\n// --- Item renderers ---\n\nconst countryItem = ({ name, iso2, iso3, translations, lang }) => {\n  const displayName = resolveTranslation({ name, translations }, lang);\n  const searchTerms = [displayName, iso2, iso3];\n  if (displayName !== name) searchTerms.push(name);\n  const escapedIso2 = escapeHtml(iso2);\n  const escapedSearchTerms = escapeHtml(searchTerms.join(' '));\n  const escapedLabel = escapeHtml(displayName);\n  return `<div data-id=\"${escapedIso2}\" data-name=\"${escapedSearchTerms}\" data-label=\"${escapedLabel}\">${escapedLabel}</div>`;\n};\n\nconst subdivisionItem = ({ name, state_code, translations, lang }) => {\n  const displayName = resolveTranslation({ name, translations }, lang);\n  const searchTerms = [displayName, state_code];\n  if (displayName !== name) searchTerms.push(name);\n  const escapedStateCode = escapeHtml(state_code);\n  const escapedSearchTerms = escapeHtml(searchTerms.join(' '));\n  const escapedLabel = escapeHtml(displayName);\n  return `<div data-id=\"${escapedStateCode}\" data-name=\"${escapedSearchTerms}\" data-label=\"${escapedLabel}\">${escapedLabel}</div>`;\n};\n\nconst cityItem = ({ name, translations, lang }) => {\n  const displayName = resolveTranslation({ name, translations }, lang);\n  const searchTerms = [displayName];\n  if (displayName !== name) searchTerms.push(name);\n  const escapedId = escapeHtml(name);\n  const escapedSearchTerms = escapeHtml(searchTerms.join(' '));\n  const escapedLabel = escapeHtml(displayName);\n  return `<div data-id=\"${escapedId}\" data-name=\"${escapedSearchTerms}\" data-label=\"${escapedLabel}\">${escapedLabel}</div>`;\n};\n\nconst comboBoxHTML = (id) =>\n  `<descope-combo-box id=\"${id}\" item-label-path=\"data-name\" item-value-path=\"data-id\" allow-custom-value=\"false\"></descope-combo-box>`;\n\n// --- Base class ---\n\nconst BaseInputClass = createBaseInputClass({\n  componentName,\n  baseSelector: '',\n});\n\nconst commonAttrs = ['disabled', 'readonly', 'size', 'bordered'];\nconst labelTypeAttrs = [\n  'label-type',\n  'country-label',\n  'subdivision-label',\n  'city-label',\n];\nconst visibilityAttrs = ['hide-country', 'hide-subdivision', 'hide-city'];\nconst countryConfigAttrs = [\n  'default-country',\n  'allowed-countries',\n  'pinned-countries',\n];\nconst placeholderAttrs = [\n  'country-placeholder',\n  'subdivision-placeholder',\n  'city-placeholder',\n];\nconst observedAttrs = [\n  ...commonAttrs,\n  ...labelTypeAttrs,\n  ...visibilityAttrs,\n  ...countryConfigAttrs,\n  ...placeholderAttrs,\n  'required',\n  'invalid',\n  'data-source-base-url',\n  'lang',\n];\n\nclass RawCountrySubdivisionCityFieldInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  #countryComboBox;\n  #subdivisionComboBox;\n  #cityComboBox;\n\n  // Whether the subdivision/city field should be shown (data was found for selected country/subdivision)\n  #subdivisionVisible = false;\n  #cityVisible = false;\n\n  // iso2 → country object (populated after countries are loaded)\n  #countriesMap = new Map();\n  #cachedCountries = null;\n  #cachedSubdivisions = null;\n  #cachedCities = null;\n  #labels = null;\n\n  // Value requested programmatically before data has loaded.\n  // Applied incrementally as each cascade layer (countries → subdivisions → cities) loads.\n  #pendingValue = null;\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n      <div class=\"wrapper\">\n        ${comboBoxHTML('country-combo')}\n        ${comboBoxHTML('subdivision-combo')}\n        ${comboBoxHTML('city-combo')}\n      </div>\n    `;\n\n    this.#countryComboBox = this.querySelector('#country-combo');\n    this.#subdivisionComboBox = this.querySelector('#subdivision-combo');\n    this.#cityComboBox = this.querySelector('#city-combo');\n\n    this.#setupValueTransform();\n    this.#setupAttrForwarding();\n  }\n\n  // --- Attribute getters ---\n\n  get #isHideCountry() {\n    return this.getAttribute('hide-country') === 'true';\n  }\n  get #isHideSubdivision() {\n    return this.getAttribute('hide-subdivision') === 'true';\n  }\n  get #isHideCity() {\n    return this.getAttribute('hide-city') === 'true';\n  }\n  get #isNoDataSource() {\n    return !this.#baseUrl;\n  }\n  get #baseUrl() {\n    return this.getAttribute('data-source-base-url') || undefined;\n  }\n  get #lang() {\n    const lang = this.getAttribute('lang') || undefined;\n    if (!lang) return undefined;\n    try {\n      const [canonical] = Intl.getCanonicalLocales(lang);\n      return canonical;\n    } catch {\n      return undefined; // invalid BCP47 tag — fall back to English\n    }\n  }\n  get #defaultCountry() {\n    return this.getAttribute('default-country')?.toUpperCase() || undefined;\n  }\n  get #subdivisionLabel() {\n    return this.getAttribute('subdivision-label') || undefined;\n  }\n  get #subdivisionPlaceholder() {\n    return this.getAttribute('subdivision-placeholder') || undefined;\n  }\n\n  get #allowedCountries() {\n    return (this.getAttribute('allowed-countries') || '')\n      .split(',')\n      .map((c) => c.trim().toUpperCase())\n      .filter(Boolean);\n  }\n\n  get #pinnedCountries() {\n    return (this.getAttribute('pinned-countries') || '')\n      .split(',')\n      .map((c) => c.trim().toUpperCase())\n      .filter(Boolean);\n  }\n\n  get #allCombos() {\n    return [\n      this.#countryComboBox,\n      this.#subdivisionComboBox,\n      this.#cityComboBox,\n    ];\n  }\n\n  // --- Value ---\n\n  get value() {\n    const country = this.#isHideCountry\n      ? this.#defaultCountry\n      : this.#countryComboBox.value || undefined;\n\n    const subdivision =\n      !this.#isHideSubdivision && this.#subdivisionVisible\n        ? this.#subdivisionComboBox.value || undefined\n        : undefined;\n\n    const city =\n      !this.#isHideCity && this.#cityVisible\n        ? this.#cityComboBox.value || undefined\n        : undefined;\n\n    return { country, subdivision, city };\n  }\n\n  set value(val) {\n    if (!val) return;\n    let parsed;\n    try {\n      parsed = typeof val === 'string' ? JSON.parse(val) : val;\n    } catch {\n      // Invalid JSON — silently ignore to prevent component crash\n      return;\n    }\n    this.#pendingValue = { ...parsed };\n    if (this.#baseUrl) this.#loadForPendingValue();\n  }\n\n  // --- Lifecycle ---\n\n  init() {\n    this.addEventListener('focus', (e) => {\n      if (e.isTrusted) {\n        const firstInvalidCombo = this.#allCombos.find(\n          (combo) =>\n            !combo.classList.contains(`${componentName}-hidden`) &&\n            !combo.checkValidity(),\n        );\n        (firstInvalidCombo || this.#getFirstVisibleCombo())?.focus();\n      }\n    });\n\n    super.init?.();\n\n    this.#refreshState();\n    this.#setupChangeListeners();\n    this.#initData();\n    this.#setCombosItemRenderers();\n  }\n\n  #setCombosItemRenderers() {\n    this.#countryComboBox.renderItem = countryItem;\n    this.#subdivisionComboBox.renderItem = subdivisionItem;\n    this.#cityComboBox.renderItem = cityItem;\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'required') {\n      this.#updateRequiredOnCombos();\n    } else if (\n      visibilityAttrs.includes(attrName) ||\n      attrName === 'data-source-base-url'\n    ) {\n      this.#refreshState();\n      if (attrName === 'data-source-base-url') this.#initData();\n    } else if (attrName === 'default-country') {\n      const upper = newValue?.toUpperCase();\n      if (upper && upper !== newValue) {\n        this.setAttribute('default-country', upper);\n        return;\n      }\n      if (upper && this.#countriesMap.size) {\n        this.#onCountrySelected(upper); // countries already loaded — trigger immediately\n      } else if (upper && this.#isHideCountry) {\n        // hide-country mode: countries may not have been loaded yet (e.g. no default-country at init).\n        // Kick off loading now; #loadCountries will call #onCountrySelected once done.\n        this.#loadCountries();\n      }\n    } else if (attrName === 'lang') {\n      this.#rerenderOnLangChange();\n    } else if (attrName === 'invalid') {\n      if (newValue === 'true') this.#handleInvalidCombos();\n    } else if (\n      attrName === 'allowed-countries' ||\n      attrName === 'pinned-countries'\n    ) {\n      if (!this.#isHideCountry) {\n        // Re-render from cache if available to avoid a race condition between two simultaneous\n        // fetch calls (one from data-source-base-url, one from the filter attribute change).\n        if (this.#cachedCountries) {\n          this.#renderCountryItems(this.#cachedCountries);\n        } else {\n          this.#loadCountries();\n        }\n      }\n    } else if (attrName === 'country-label') {\n      this.#setOrRemoveAttr(this.#countryComboBox, 'label', newValue);\n    } else if (attrName === 'subdivision-label') {\n      this.#setOrRemoveAttr(this.#subdivisionComboBox, 'label', newValue);\n    } else if (attrName === 'city-label') {\n      this.#setOrRemoveAttr(this.#cityComboBox, 'label', newValue);\n    }\n  }\n\n  // --- Validation ---\n\n  getValidity() {\n    if (!this.isRequired) return {};\n\n    const countryMissing = !this.#isHideCountry && !this.#countryComboBox.value;\n    const subdivisionMissing =\n      !this.#isHideSubdivision &&\n      (this.#isNoDataSource || this.#subdivisionVisible) &&\n      !this.#subdivisionComboBox.value;\n    const cityMissing =\n      !this.#isHideCity &&\n      (this.#isNoDataSource || this.#cityVisible) &&\n      !this.#cityComboBox.value;\n\n    return countryMissing || subdivisionMissing || cityMissing\n      ? { valueMissing: true }\n      : {};\n  }\n\n  // Show validation errors on the specific combos that are missing a value.\n  // Iterate in reverse so reportValidity's focus() lands on the first invalid combo last.\n  #handleInvalidCombos() {\n    for (const combo of [...this.#allCombos].reverse()) {\n      if (combo.classList.contains(`${componentName}-hidden`)) continue;\n      if (!combo.checkValidity()) combo.reportValidity();\n    }\n  }\n\n  // --- Setup ---\n\n  #setupValueTransform() {\n    // Display only the item name in the input, while data-name includes ISO codes for search\n    [\n      this.#countryComboBox,\n      this.#subdivisionComboBox,\n      this.#cityComboBox,\n    ].forEach((combo) => {\n      combo.customValueTransformFn = (val) => {\n        const item = combo.baseElement?.items?.find(\n          (i) => i['data-name'] === val,\n        );\n        return item?.getAttribute('data-label') ?? val;\n      };\n    });\n  }\n\n  #setupAttrForwarding() {\n    // Forward common attrs and label-type to all combos\n    this.#allCombos.forEach((combo) => {\n      forwardAttrs(this, combo, {\n        includeAttrs: [...commonAttrs, 'label-type'],\n      });\n    });\n\n    // Forward default-country as default-value to let the combo box handle initial selection\n    forwardAttrs(this, this.#countryComboBox, {\n      includeAttrs: ['default-country'],\n      mapAttrs: { 'default-country': 'default-value' },\n    });\n\n    // Forward per-field placeholders\n    [\n      [this.#countryComboBox, 'country-placeholder'],\n      [this.#subdivisionComboBox, 'subdivision-placeholder'],\n      [this.#cityComboBox, 'city-placeholder'],\n    ].forEach(([combo, attr]) => {\n      forwardAttrs(this, combo, {\n        includeAttrs: [attr],\n        mapAttrs: { [attr]: 'placeholder' },\n      });\n    });\n  }\n\n  #setupChangeListeners() {\n    // descope-combo-box dispatches 'input' (not 'change') on selection\n    this.#countryComboBox.addEventListener('input', () =>\n      this.#handleCountryChange(),\n    );\n    this.#subdivisionComboBox.addEventListener('input', () =>\n      this.#handleSubdivisionChange(),\n    );\n    this.#cityComboBox.addEventListener('input', () =>\n      this.#dispatchInputEvent(),\n    );\n\n    this.handleFocusEventsDispatching(this.#allCombos);\n  }\n\n  #initData() {\n    // baseUrl is forwarded by the outer component after this element is connected;\n    // wait for the attributeChangedCallback('data-source-base-url') to re-trigger.\n    if (!this.#baseUrl) return;\n\n    if (this.#pendingValue) {\n      this.#loadForPendingValue();\n      return;\n    }\n\n    if (!this.#isHideCountry || this.#defaultCountry) {\n      // Load countries to populate #countriesMap even when hide-country=true, so that\n      // #onCountrySelected can apply the correct subdivision type label for the default country.\n      this.#loadCountries();\n    }\n  }\n\n  // --- Programmatic value loading (parallel fetch) ---\n\n  async #loadForPendingValue() {\n    const {\n      country: pendingCountry,\n      subdivision: pendingSubdivision,\n      city: pendingCity,\n    } = this.#pendingValue;\n\n    const shouldLoadSubdivisions =\n      !!pendingSubdivision && !this.#isHideSubdivision;\n    const shouldLoadCities = !!pendingCity && !this.#isHideCity;\n\n    const countriesPromise =\n      this.#cachedCountries ?? fetchCountries(this.#baseUrl);\n    const labelsPromise = this.#labels ?? fetchLabels(this.#baseUrl);\n    const subdivisionsPromise =\n      shouldLoadSubdivisions && pendingCountry\n        ? fetchSubdivisions(pendingCountry, this.#baseUrl)\n        : null;\n    const citiesPromise =\n      shouldLoadCities && pendingCountry\n        ? shouldLoadSubdivisions && pendingSubdivision\n          ? fetchCities(pendingCountry, pendingSubdivision, this.#baseUrl)\n          : fetchCitiesForCountry(pendingCountry, this.#baseUrl)\n        : null;\n\n    // Fetch everything in parallel; null entries resolve immediately as null\n    const [countries, labels, subdivisions, cities] = (\n      await Promise.allSettled([\n        countriesPromise,\n        labelsPromise,\n        subdivisionsPromise,\n        citiesPromise,\n      ])\n    ).map((result) => (result.status === 'fulfilled' ? result.value : null));\n\n    // Cancelled by a subsequent set value call or user interaction\n    if (!this.#pendingValue) return;\n\n    if (labels) this.#labels = labels;\n\n    // Collect items to select — do this before rendering so we can batch-select below\n    const toSelect = [];\n\n    if (countries) {\n      if (!this.#cachedCountries) {\n        this.#cachedCountries = countries;\n        this.#renderCountryItems(countries);\n      }\n      if (pendingCountry && !this.#isHideCountry)\n        toSelect.push([this.#countryComboBox, pendingCountry]);\n    }\n\n    const countryObj = pendingCountry\n      ? this.#countriesMap.get(pendingCountry)\n      : null;\n    if (countryObj?.subdivisionType)\n      this.#applySubdivisionType(countryObj.subdivisionType);\n\n    if (subdivisions) {\n      this.#cachedSubdivisions = subdivisions;\n      this.#subdivisionVisible = subdivisions.length > 0;\n      if (subdivisions.length > 0) {\n        this.#subdivisionComboBox.data = subdivisions.map((s) => ({\n          ...s,\n          lang: this.#lang,\n        }));\n        if (pendingSubdivision)\n          toSelect.push([this.#subdivisionComboBox, pendingSubdivision]);\n      }\n    }\n\n    if (cities) {\n      this.#cityVisible = cities.length > 0;\n      if (cities.length > 0) {\n        this.#cachedCities = cities;\n        this.#cityComboBox.data = cities.map((c) => ({\n          ...c,\n          lang: this.#lang,\n        }));\n        if (pendingCity) toSelect.push([this.#cityComboBox, pendingCity]);\n      }\n    }\n\n    this.#refreshState();\n\n    // Apply all selections in one batch. #pendingValue is set to SELECTING so that\n    // input events fired by selectedItem= don't trigger cascade-clearing in change handlers.\n    this.#pendingValue = SELECTING;\n    setTimeout(() => {\n      if (this.#pendingValue !== SELECTING) return; // cancelled by a new set value call\n      for (const [combo, id] of toSelect) {\n        const item = combo.items?.find((i) => i['data-id'] === id);\n        if (item) combo.selectedItem = item;\n      }\n      this.#pendingValue = null;\n    });\n  }\n\n  // --- Change handlers ---\n\n  #handleCountryChange() {\n    if (this.#pendingValue === SELECTING) return; // programmatic selection in progress\n    this.#pendingValue = null; // cancel any in-flight fetch\n    this.#resetSubdivision();\n    this.#resetCity();\n    this.#onCountrySelected(this.#countryComboBox.value);\n    this.#dispatchInputEvent();\n  }\n\n  #handleSubdivisionChange() {\n    if (this.#pendingValue === SELECTING) return; // programmatic selection in progress\n    this.#pendingValue = null; // cancel any in-flight fetch\n    const subdivisionCode = this.#subdivisionComboBox.value;\n    this.#resetCity();\n\n    if (!this.#isHideCity && subdivisionCode) {\n      const countryIso2 = this.#countryComboBox.value;\n      if (countryIso2) this.#loadCities(countryIso2, subdivisionCode);\n    }\n    this.#dispatchInputEvent();\n  }\n\n  // --- Country selection ---\n\n  #onCountrySelected(countryIso2) {\n    if (!countryIso2) return;\n\n    const country = this.#countriesMap.get(countryIso2);\n    if (!country) return;\n\n    const { hasSubdivisions, subdivisionType } = country;\n\n    if (!this.#isHideSubdivision && hasSubdivisions) {\n      this.#applySubdivisionType(subdivisionType);\n      this.#loadSubdivisions(countryIso2);\n    } else if (!this.#isHideCity) {\n      this.#loadCities(countryIso2);\n    }\n  }\n\n  // Apply subdivisionType as label/placeholder, but only when not overridden by an explicit attribute.\n  #applySubdivisionType(subdivisionType) {\n    const label = this.#resolveSubdivisionTypeLabel(subdivisionType);\n    if (!this.#subdivisionLabel)\n      this.#setOrRemoveAttr(this.#subdivisionComboBox, 'label', label || null);\n    if (!this.#subdivisionPlaceholder)\n      this.#setOrRemoveAttr(\n        this.#subdivisionComboBox,\n        'placeholder',\n        label || null,\n      );\n  }\n\n  #resolveSubdivisionTypeLabel(subdivisionType) {\n    const types = this.#labels?.subdivisionTypes;\n    const entry = types?.[subdivisionType] ?? types?._fallback;\n    if (!entry) return subdivisionType;\n    const lang = this.#lang;\n    return (\n      (lang && (entry[lang] || entry[lang.split('-')[0]])) ||\n      entry.en ||\n      subdivisionType\n    );\n  }\n\n  // --- Data loading ---\n\n  async #loadLabels() {\n    try {\n      this.#labels = await fetchLabels(this.#baseUrl);\n    } catch {\n      // Labels are optional; fall back to raw subdivisionType name\n    }\n  }\n\n  async #loadCountries() {\n    if (!this.#baseUrl) return;\n    this.#countryComboBox.setAttribute('loading', 'true');\n    try {\n      const [countries] = await Promise.all([\n        fetchCountries(this.#baseUrl),\n        this.#loadLabels(),\n      ]);\n      this.#cachedCountries = countries;\n      this.#renderCountryItems(countries);\n      // Skip defaultCountry if a programmatic set value is in flight\n      if (!this.#pendingValue && this.#defaultCountry)\n        this.#onCountrySelected(this.#defaultCountry);\n    } catch (e) {\n      console.error(`[${componentName}] Failed to load countries`, e);\n    } finally {\n      this.#countryComboBox.removeAttribute('loading');\n    }\n  }\n\n  async #loadSubdivisions(countryIso2) {\n    this.#setVisible(this.#subdivisionComboBox, true);\n    this.#subdivisionComboBox.setAttribute('loading', 'true');\n    try {\n      const subdivisions = await fetchSubdivisions(countryIso2, this.#baseUrl);\n      this.#cachedSubdivisions = subdivisions;\n      this.#subdivisionVisible = subdivisions.length > 0;\n      this.#refreshState();\n\n      if (subdivisions.length > 0) {\n        this.#subdivisionComboBox.data = subdivisions.map((s) => ({\n          ...s,\n          lang: this.#lang,\n        }));\n      } else if (!this.#isHideCity) {\n        this.#loadCities(countryIso2);\n      }\n    } catch (e) {\n      console.error(\n        `[${componentName}] Failed to load subdivisions for ${countryIso2}`,\n        e,\n      );\n      this.#subdivisionVisible = false;\n      this.#applyVisibility();\n    } finally {\n      this.#subdivisionComboBox.removeAttribute('loading');\n    }\n  }\n\n  // stateCode is optional: when omitted, loads all cities for the country\n  async #loadCities(countryIso2, stateCode) {\n    this.#cityComboBox.setAttribute('loading', 'true');\n    try {\n      const cities = await (stateCode\n        ? fetchCities(countryIso2, stateCode, this.#baseUrl)\n        : fetchCitiesForCountry(countryIso2, this.#baseUrl));\n      this.#cityVisible = cities.length > 0;\n      this.#refreshState();\n      if (cities.length > 0) {\n        this.#cachedCities = cities;\n        this.#cityComboBox.data = cities.map((c) => ({\n          ...c,\n          lang: this.#lang,\n        }));\n      }\n    } catch (e) {\n      console.error(\n        `[${componentName}] Failed to load cities for ${countryIso2}${stateCode ? `/${stateCode}` : ''}`,\n        e,\n      );\n    } finally {\n      this.#cityComboBox.removeAttribute('loading');\n    }\n  }\n\n  #rerenderOnLangChange() {\n    if (this.#cachedCountries) {\n      const prevCountry = this.#countryComboBox.value;\n      this.#renderCountryItems(this.#cachedCountries);\n      if (prevCountry) this.#selectItemById(this.#countryComboBox, prevCountry);\n    }\n    if (this.#cachedSubdivisions && this.#subdivisionVisible) {\n      const prevSubdivision = this.#subdivisionComboBox.value;\n      this.#subdivisionComboBox.data = this.#cachedSubdivisions.map((s) => ({\n        ...s,\n        lang: this.#lang,\n      }));\n      if (prevSubdivision)\n        this.#selectItemById(this.#subdivisionComboBox, prevSubdivision);\n    }\n    if (this.#cachedCities && this.#cityVisible) {\n      const prevCity = this.#cityComboBox.value;\n      this.#cityComboBox.data = this.#cachedCities.map((c) => ({\n        ...c,\n        lang: this.#lang,\n      }));\n      if (prevCity) this.#selectItemById(this.#cityComboBox, prevCity);\n    }\n    // Re-apply translated subdivision type label for the new lang\n    const currentIso2 = this.#countryComboBox.value;\n    if (currentIso2) {\n      const country = this.#countriesMap.get(currentIso2);\n      if (country?.subdivisionType)\n        this.#applySubdivisionType(country.subdivisionType);\n    }\n  }\n\n  // --- Country item rendering ---\n\n  #renderCountryItems(countries) {\n    const result = this.#applyCountryFilters(countries);\n    this.#countryComboBox.data = result.map((c) => ({\n      ...c,\n      // Include the translated name in the data for search purposes, but not in the label which is rendered by renderItem\n      lang: this.#lang,\n    }));\n    this.#countriesMap = new Map(countries.map((c) => [c.iso2, c]));\n  }\n\n  #applyCountryFilters(countries) {\n    const allowed = this.#allowedCountries;\n    const pinned = this.#pinnedCountries;\n\n    let filtered = allowed.length\n      ? countries.filter((c) => allowed.includes(c.iso2))\n      : [...countries];\n\n    filtered.sort((a, b) =>\n      resolveTranslation(a, this.#lang).localeCompare(\n        resolveTranslation(b, this.#lang),\n        this.#lang,\n      ),\n    );\n\n    if (!pinned.length) return filtered;\n\n    const pinnedItems = pinned\n      .map((iso2) => filtered.find((c) => c.iso2 === iso2))\n      .filter(Boolean);\n    const rest = filtered.filter((c) => !pinned.includes(c.iso2));\n    return [...pinnedItems, ...rest];\n  }\n\n  // --- Visibility & required ---\n\n  #applyVisibility() {\n    this.#setVisible(this.#countryComboBox, !this.#isHideCountry);\n    this.#setVisible(\n      this.#subdivisionComboBox,\n      !this.#isHideSubdivision &&\n        (this.#isNoDataSource || this.#subdivisionVisible),\n    );\n    this.#setVisible(\n      this.#cityComboBox,\n      !this.#isHideCity && (this.#isNoDataSource || this.#cityVisible),\n    );\n  }\n\n  #setVisible(el, visible) {\n    el?.classList.toggle(`${componentName}-hidden`, !visible);\n  }\n\n  #updateRequiredOnCombos() {\n    const required = this.hasAttribute('required') ? 'true' : null;\n    this.#setOrRemoveAttr(\n      this.#countryComboBox,\n      'required',\n      !this.#isHideCountry ? required : null,\n    );\n    this.#setOrRemoveAttr(\n      this.#subdivisionComboBox,\n      'required',\n      !this.#isHideSubdivision &&\n        (this.#isNoDataSource || this.#subdivisionVisible)\n        ? required\n        : null,\n    );\n    this.#setOrRemoveAttr(\n      this.#cityComboBox,\n      'required',\n      !this.#isHideCity && (this.#isNoDataSource || this.#cityVisible)\n        ? required\n        : null,\n    );\n  }\n\n  #refreshState() {\n    this.#applyVisibility();\n    this.#updateRequiredOnCombos();\n    // Re-evaluate validity so that the form knows when newly-visible required fields become empty.\n    // e.g. subdivision becomes required after a country with states is selected.\n    this.setCustomValidity('');\n  }\n\n  // --- Reset helpers ---\n\n  #resetSubdivision() {\n    this.#subdivisionComboBox.value = '';\n    this.#subdivisionComboBox.data = [];\n    this.#subdivisionVisible = false;\n    // Clear any dynamically set label/placeholder from subdivisionType\n    if (!this.#subdivisionLabel)\n      this.#subdivisionComboBox.removeAttribute('label');\n    if (!this.#subdivisionPlaceholder)\n      this.#subdivisionComboBox.removeAttribute('placeholder');\n    this.#refreshState();\n  }\n\n  #resetCity() {\n    this.#cityComboBox.value = '';\n    this.#cityComboBox.data = [];\n    this.#cachedCities = null;\n    this.#cityVisible = false;\n    this.#refreshState();\n  }\n\n  // --- Utility helpers ---\n\n  #dispatchInputEvent() {\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n  }\n\n  #setOrRemoveAttr(el, attr, value) {\n    if (value) el.setAttribute(attr, value);\n    else el.removeAttribute(attr);\n  }\n\n  #getFirstVisibleCombo() {\n    return this.#allCombos.find(\n      (combo) => !combo.classList.contains(`${componentName}-hidden`),\n    );\n  }\n\n  #selectItemById(comboBox, id) {\n    // Defer the lookup so MutationObserver has time to populate comboBox.items\n    setTimeout(() => {\n      const item = comboBox.items?.find((i) => i['data-id'] === id);\n      if (item) comboBox.selectedItem = item;\n    });\n  }\n}\n\nexport const CountrySubdivisionCityFieldInternal = compose()(\n  RawCountrySubdivisionCityFieldInternal,\n);\n","import {\n  CountrySubdivisionCityFieldInternal,\n  componentName,\n} from './CountrySubdivisionCityFieldInternal';\n\ncustomElements.define(componentName, CountrySubdivisionCityFieldInternal);\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 { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { componentName as descopeInternalComponentName } from './descope-country-subdivision-city-field-internal/CountrySubdivisionCityFieldInternal';\n\nexport const componentName = getComponentName('country-subdivision-city-field');\n\nconst customMixin = (superclass) =>\n  class CountrySubdivisionCityFieldMixinClass extends superclass {\n    init() {\n      super.init?.();\n\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          'required',\n          'label-type',\n          'disabled',\n          'readonly',\n          'hide-country',\n          'hide-subdivision',\n          'hide-city',\n          'default-country',\n          'allowed-countries',\n          'pinned-countries',\n          'country-label',\n          'subdivision-label',\n          'city-label',\n          'country-placeholder',\n          'subdivision-placeholder',\n          'city-placeholder',\n          'data-source-base-url',\n          'lang',\n          'invalid',\n        ],\n      });\n\n      // Sync invalid attribute bidirectionally so external validation feedback propagates\n      syncAttrs(this, this.inputElement, { includeAttrs: ['invalid'] });\n    }\n  };\n\nconst host = { selector: () => ':host' };\n\nconst internalWrapper = {\n  selector: `${descopeInternalComponentName} > .wrapper`,\n};\n\nconst internalComboBoxes = {\n  selector: `${descopeInternalComponentName} > .wrapper > descope-combo-box`,\n};\n\nexport const CountrySubdivisionCityFieldClass = compose(\n  createStyleMixin({\n    componentNameOverride: getComponentName('input-wrapper'),\n  }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          ...internalComboBoxes,\n          property: ComboBoxClass.cssVarList.hostDirection,\n        },\n      ],\n      flexDirection: { ...internalWrapper, property: 'flex-direction' },\n      flexGap: { ...internalWrapper, property: 'gap' },\n      itemAlignment: { ...internalWrapper, property: 'align-items' },\n      itemMinWidth: { ...internalComboBoxes, property: 'min-width' },\n      itemFlexGrow: { ...internalComboBoxes, property: 'flex-grow' },\n      itemWidth: {\n        ...internalComboBoxes,\n        property: ComboBoxClass.cssVarList.hostWidth,\n      },\n    },\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value'],\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  }\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} > .wrapper {\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .${descopeInternalComponentName}-hidden {\n    display: none;\n  }\n\n`,\n    excludeAttrsSync: ['tabindex', 'style', 'error-message'],\n    componentName,\n  }),\n);\n","import '@vaadin/custom-field';\nimport '@descope-ui/descope-combo-box';\nimport './descope-country-subdivision-city-field-internal';\n\nimport {\n  componentName,\n  CountrySubdivisionCityFieldClass,\n} from './CountrySubdivisionCityFieldClass';\n\ncustomElements.define(componentName, CountrySubdivisionCityFieldClass);\n\nexport { CountrySubdivisionCityFieldClass, componentName };\n"],"names":["fetchJson","async","url","response","fetch","ok","Error","status","json","data","fetchCountries","baseUrl","fetchSubdivisions","countryIso2","map","code","rest","state_code","fetchCities","stateCode","fetchLabels","labelsUrl","URL","href","fetchCitiesForCountry","componentName","SELECTING","Symbol","resolveTranslation","name","translations","lang","split","escapeHtml","str","String","replace","c","charCodeAt","countryItem","iso2","iso3","displayName","searchTerms","push","escapedIso2","escapedSearchTerms","join","escapedLabel","subdivisionItem","escapedStateCode","cityItem","escapedId","comboBoxHTML","id","BaseInputClass","baseSelector","commonAttrs","visibilityAttrs","observedAttrs","CountrySubdivisionCityFieldInternal","observedAttributes","concat","Map","constructor","super","this","innerHTML","querySelector","getAttribute","undefined","canonical","Intl","getCanonicalLocales","toUpperCase","trim","filter","Boolean","value","country","subdivision","city","val","parsed","JSON","parse","init","addEventListener","e","isTrusted","firstInvalidCombo","find","combo","classList","contains","checkValidity","focus","renderItem","attributeChangedCallback","attrName","oldValue","newValue","includes","upper","setAttribute","size","getValidity","isRequired","countryMissing","subdivisionMissing","cityMissing","valueMissing","reverse","reportValidity","forEach","customValueTransformFn","item","baseElement","items","i","includeAttrs","mapAttrs","attr","handleFocusEventsDispatching","pendingCountry","pendingSubdivision","pendingCity","shouldLoadSubdivisions","shouldLoadCities","countriesPromise","labelsPromise","subdivisionsPromise","citiesPromise","countries","labels","subdivisions","cities","Promise","allSettled","result","toSelect","countryObj","get","subdivisionType","length","s","setTimeout","selectedItem","subdivisionCode","hasSubdivisions","label","types","subdivisionTypes","entry","_fallback","en","all","console","error","removeAttribute","prevCountry","prevSubdivision","prevCity","currentIso2","allowed","pinned","filtered","sort","a","b","localeCompare","el","visible","toggle","required","hasAttribute","setCustomValidity","dispatchEvent","Event","bubbles","composed","comboBox","customElements","define","host","selector","internalWrapper","internalComboBoxes","CountrySubdivisionCityFieldClass","componentNameOverride","mappings","hostWidth","property","hostDirection","ComboBoxClass","C","cssVarList","flexDirection","flexGap","itemAlignment","itemMinWidth","itemFlexGrow","itemWidth","proxyProps","inputEvent","proxyParentValidation","superclass","template","document","createElement","appendChild","content","cloneNode","inputElement","shadowRoot","slots","wrappedEleName","style","excludeAttrsSync"],"sourceRoot":""}