@descope/web-components-ui 3.11.0 → 3.11.2

package/dist/umd/descope-link.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4159],{75464(t,e,o){o.d(e,{J:()=>w,T:()=>p});var n=o(88961),s=o(63200),r=o(25964),i=o(72270),l=o(66434);const p=(0,r.xE)("link"),h=["href","readonly"];class a extends((0,i.qu)({componentName:p,baseSelector:":host a"})){static get observedAttributes(){return h.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,r.fz)('\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,r.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,r.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const c={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>l.s.componentName}},{anchor:d,text:u,host:m,wrapper:y,link:x}=c,w=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:y,textDecoration:{...x,property:"text-decoration",fallback:"none"},textColor:[{...d,property:"color"},{...u,property:l.s.cssVarList.textColor}],cursor:d}}),n.VO,n.tQ)(a)},90512(t,e,o){o.r(e),o.d(e,{LinkClass:()=>n.J,componentName:()=>n.T});var n=o(75464);o(63595),customElements.define(n.T,n.J)},66434(t,e,o){o.d(e,{T:()=>l,s:()=>a});var n=o(88961),s=o(63200),r=o(25964),i=o(72270);const l=(0,r.xE)("text");class p extends((0,i.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,r.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,r.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:h}={host:{selector:()=>":host"}},a=(0,s.Zz)((0,n.RF)({mappings:{hostWidth:{...h,property:"width"},hostDirection:{...h,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),n.VO,n.tQ)(p)},63595(t,e,o){o.r(e),o.d(e,{TextClass:()=>n.s,componentName:()=>n.T});var n=o(66434);customElements.define(n.T,n.s)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,4159],{75464(t,e,o){o.d(e,{J:()=>w,T:()=>h});var n=o(88961),r=o(63200),s=o(25964),i=o(72270),l=o(66434);const h=(0,s.xE)("link"),a=["href","readonly"];class p extends((0,i.qu)({componentName:h,baseSelector:":host a"})){static get observedAttributes(){return a.concat(super.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n\t\t<div>\n\t\t\t<descope-text part="wrapper">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t',(0,s.fz)('\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis="true"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis="true"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      ',this),this.anchor=this.shadowRoot.querySelector("a"),(0,s.EA)(this,this.anchor,{includeAttrs:["href","target","tooltip"],mapAttrs:{tooltip:"title"}}),(0,s.EA)(this,this.shadowRoot.querySelector("descope-text"),{includeAttrs:["mode","variant"]}),this.anchor.addEventListener("click",t=>{this.readOnly&&t.preventDefault()})}get readOnly(){return"true"===this.getAttribute("readonly")}}const c={host:{selector:()=>":host"},link:{selector:()=>":host a"},anchor:{},wrapper:{selector:()=>":host > div"},text:{selector:()=>l.s.componentName}},{anchor:d,text:u,host:m,wrapper:y,link:x}=c,w=(0,r.Zz)((0,n.RF)({mappings:{hostWidth:{...m,property:"width"},hostDirection:{...u,property:"direction"},textAlign:y,textDecoration:{...x,property:"text-decoration",fallback:"none"},textColor:[{...d,property:"color"},{...u,property:l.s.cssVarList.textColor}],cursor:d}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(p)},90512(t,e,o){o.r(e),o.d(e,{LinkClass:()=>n.J,componentName:()=>n.T});var n=o(75464);o(63595),customElements.define(n.T,n.J)},66434(t,e,o){o.d(e,{T:()=>l,s:()=>p});var n=o(88961),r=o(63200),s=o(25964),i=o(72270);const l=(0,s.xE)("text");class h extends((0,i.qu)({componentName:l,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,s.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:a}={host:{selector:()=>":host"}},p=(0,r.Zz)((0,n.RF)({mappings:{hostWidth:{...a,property:"width"},hostDirection:{...a,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(h)},63595(t,e,o){o.r(e),o.d(e,{TextClass:()=>n.s,componentName:()=>n.T});var n=o(66434);customElements.define(n.T,n.s)}}]);
 //# sourceMappingURL=descope-link.js.map

package/dist/umd/descope-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-link.js","mappings":"+NAcO,MAAMA,GAAgB,QAAiB,QAExCC,EAAgB,CAAC,OAAQ,YAE/B,MAAMC,WAAgB,QAAgB,CACpCF,gBACAG,aAAc,aAEd,6BAAWC,GACT,OAAOH,EAAcI,OAAOC,MAAMF,oBAAsB,GAC1D,CAEA,WAAAG,GACED,QAEAE,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iJAUhD,QACE,oXAkBAH,MAGFA,KAAKI,OAASJ,KAAKK,WAAWC,cAAc,MAE5C,QAAaN,KAAMA,KAAKI,OAAQ,CAC9BG,aAAc,CAAC,OAAQ,SAAU,WACjCC,SAAU,CACRC,QAAS,YAIb,QAAaT,KAAMA,KAAKK,WAAWC,cAAc,gBAAiB,CAChEC,aAAc,CAAC,OAAQ,aAGzBP,KAAKI,OAAOM,iBAAiB,QAAUC,IACjCX,KAAKY,UACPD,EAAEE,kBAGR,CAEA,YAAID,GACF,MAAyC,SAAlCZ,KAAKc,aAAa,WAC3B,EAGF,MAAMC,EAAY,CAChBC,KAAM,CAAEC,SAAU,IAAM,SACxBC,KAAM,CAAED,SAAU,IAAM,WACxBb,OAAQ,CAAC,EACTe,QAAS,CAAEF,SAAU,IAAM,eAC3BG,KAAM,CAAEH,SAAU,IAAM,IAAUzB,iBAG9B,OAAEY,EAAM,KAAEgB,EAAI,KAAEJ,EAAI,QAAEG,EAAO,KAAED,GAASH,EAEjCM,GAAY,SACvB,QAAiB,CACfC,SAAU,CACRC,UAAW,IAAKP,EAAMQ,SAAU,SAChCC,cAAe,IAAKL,EAAMI,SAAU,aACpCE,UAAWP,EACXQ,eAAgB,IACXT,EACHM,SAAU,kBACVI,SAAU,QAEZC,UAAW,CACT,IAAKzB,EAAQoB,SAAU,SACvB,IAAKJ,EAAMI,SAAU,IAAUM,WAAWD,YAE5CE,OAAQ3B,KAGZ,KACA,KAnBuB,CAoBvBV,E,+FCjHFsC,eAAeC,OAAO,IAAe,I,wFCU9B,MAAMzC,GAAgB,QAAiB,QAE9C,MAAM0C,WAAgB,QAAgB,CACpC1C,gBACAG,aAAc,kBAEd,WAAAI,GACED,QAEAE,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iDAIhD,QAAY,iLASTH,KACL,CAEA,iBAAImC,GACF,MAAgD,SAAzCnC,KAAKc,aAAa,kBAC3B,CAEA,IAAAsB,GACEtC,MAAMsC,QAEN,QAAgBpC,KAAM,KACpB,MAAMqC,IAAgBrC,KAAKsC,WAAWC,OACtCvC,KAAKwC,MAAMC,SAAWJ,GAAerC,KAAKmC,cAAgB,OAAS,IAEvE,EAGF,MAAM,KAAEnB,GAAS,CACfA,KAAM,CAAEC,SAAU,IAAM,UAGbyB,GAAY,SACvB,QAAiB,CACfpB,SAAU,CACRC,UAAW,IAAKP,EAAMQ,SAAU,SAChCC,cAAe,IAAKT,EAAMQ,SAAU,aACpCmB,SAAU,CAAC,EACXd,UAAW,CACT,CAAEL,SAAU,UAEdoB,eAAgB,CAAEpB,SAAU,eAC5BqB,kBAAmB,CAAErB,SAAU,kBAC/BsB,WAAY,CAAC,EACbpB,UAAW,CAAC,EACZqB,cAAe,CAAC,EAChBC,WAAY,CAAC,EACbC,UAAW,CAAC,EACZC,WAAY,CAAC,EACbC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,KAGlB,KACA,KAvBuB,CAwBvBnB,E,sFC9EFF,eAAeC,OAAO,IAAe,I","sources":["webpack://@descope/web-components-ui/../components/descope-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n  componentName,\n  baseSelector: ':host a',\n}) {\n  static get observedAttributes() {\n    return observedAttrs.concat(super.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis=\"true\"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      `,\n      this,\n    );\n\n    this.anchor = this.shadowRoot.querySelector('a');\n\n    forwardAttrs(this, this.anchor, {\n      includeAttrs: ['href', 'target', 'tooltip'],\n      mapAttrs: {\n        tooltip: 'title',\n      },\n    });\n\n    forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n      includeAttrs: ['mode', 'variant'],\n    });\n\n    this.anchor.addEventListener('click', (e) => {\n      if (this.readOnly) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  get readOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n}\n\nconst selectors = {\n  host: { selector: () => ':host' },\n  link: { selector: () => ':host a' },\n  anchor: {},\n  wrapper: { selector: () => ':host > div' },\n  text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...text, property: 'direction' },\n      textAlign: wrapper,\n      textDecoration: {\n        ...link,\n        property: 'text-decoration',\n        fallback: 'none',\n      },\n      textColor: [\n        { ...anchor, property: 'color' },\n        { ...text, property: TextClass.cssVarList.textColor },\n      ],\n      cursor: anchor,\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","observedAttrs","RawLink","baseSelector","observedAttributes","concat","super","constructor","this","attachShadow","mode","innerHTML","anchor","shadowRoot","querySelector","includeAttrs","mapAttrs","tooltip","addEventListener","e","readOnly","preventDefault","getAttribute","selectors","host","selector","link","wrapper","text","LinkClass","mappings","hostWidth","property","hostDirection","textAlign","textDecoration","fallback","textColor","cssVarList","cursor","customElements","define","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","style","display","TextClass","fontSize","textLineHeight","textLetterSpacing","textShadow","textTransform","fontFamily","fontStyle","fontWeight","borderWidth","borderStyle","borderColor"],"sourceRoot":""}
+{"version":3,"file":"descope-link.js","mappings":"+NAeO,MAAMA,GAAgB,QAAiB,QAExCC,EAAgB,CAAC,OAAQ,YAE/B,MAAMC,WAAgB,QAAgB,CACpCF,gBACAG,aAAc,aAEd,6BAAWC,GACT,OAAOH,EAAcI,OAAOC,MAAMF,oBAAsB,GAC1D,CAEA,WAAAG,GACED,QAEAE,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iJAUhD,QACE,oXAkBAH,MAGFA,KAAKI,OAASJ,KAAKK,WAAWC,cAAc,MAE5C,QAAaN,KAAMA,KAAKI,OAAQ,CAC9BG,aAAc,CAAC,OAAQ,SAAU,WACjCC,SAAU,CACRC,QAAS,YAIb,QAAaT,KAAMA,KAAKK,WAAWC,cAAc,gBAAiB,CAChEC,aAAc,CAAC,OAAQ,aAGzBP,KAAKI,OAAOM,iBAAiB,QAAUC,IACjCX,KAAKY,UACPD,EAAEE,kBAGR,CAEA,YAAID,GACF,MAAyC,SAAlCZ,KAAKc,aAAa,WAC3B,EAGF,MAAMC,EAAY,CAChBC,KAAM,CAAEC,SAAU,IAAM,SACxBC,KAAM,CAAED,SAAU,IAAM,WACxBb,OAAQ,CAAC,EACTe,QAAS,CAAEF,SAAU,IAAM,eAC3BG,KAAM,CAAEH,SAAU,IAAM,IAAUzB,iBAG9B,OAAEY,EAAM,KAAEgB,EAAI,KAAEJ,EAAI,QAAEG,EAAO,KAAED,GAASH,EAEjCM,GAAY,SACvB,QAAiB,CACfC,SAAU,CACRC,UAAW,IAAKP,EAAMQ,SAAU,SAChCC,cAAe,IAAKL,EAAMI,SAAU,aACpCE,UAAWP,EACXQ,eAAgB,IACXT,EACHM,SAAU,kBACVI,SAAU,QAEZC,UAAW,CACT,IAAKzB,EAAQoB,SAAU,SACvB,IAAKJ,EAAMI,SAAU,IAAUM,WAAWD,YAE5CE,OAAQ3B,MAGZ,QAAa,CAAE4B,SAAU,CAAC,CAAEC,KAAM,aAAcC,MAAO,WACvD,KACA,KApBuB,CAqBvBxC,E,+FCnHFyC,eAAeC,OAAO,IAAe,I,wFCW9B,MAAM5C,GAAgB,QAAiB,QAE9C,MAAM6C,WAAgB,QAAgB,CACpC7C,gBACAG,aAAc,kBAEd,WAAAI,GACED,QAEAE,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,iDAIhD,QACE,iLAUAH,KAEJ,CAEA,iBAAIsC,GACF,MAAgD,SAAzCtC,KAAKc,aAAa,kBAC3B,CAEA,IAAAyB,GACEzC,MAAMyC,QAEN,QAAgBvC,KAAM,KACpB,MAAMwC,IAAgBxC,KAAKyC,WAAWC,OACtC1C,KAAK2C,MAAMC,SAAWJ,GAAexC,KAAKsC,cAAgB,OAAS,IAEvE,EAGF,MAAM,KAAEtB,GAAS,CACfA,KAAM,CAAEC,SAAU,IAAM,UAGb4B,GAAY,SACvB,QAAiB,CACfvB,SAAU,CACRC,UAAW,IAAKP,EAAMQ,SAAU,SAChCC,cAAe,IAAKT,EAAMQ,SAAU,aACpCsB,SAAU,CAAC,EACXjB,UAAW,CAAC,CAAEL,SAAU,UACxBuB,eAAgB,CAAEvB,SAAU,eAC5BwB,kBAAmB,CAAExB,SAAU,kBAC/ByB,WAAY,CAAC,EACbvB,UAAW,CAAC,EACZwB,cAAe,CAAC,EAChBC,WAAY,CAAC,EACbC,UAAW,CAAC,EACZC,WAAY,CAAC,EACbC,YAAa,CAAC,EACdC,YAAa,CAAC,EACdC,YAAa,CAAC,MAGlB,QAAa,CAAExB,SAAU,CAAC,CAAEC,KAAM,aAAcC,MAAO,WACvD,KACA,KAtBuB,CAuBvBG,E,sFCjFFF,eAAeC,OAAO,IAAe,I","sources":["webpack://@descope/web-components-ui/../components/descope-link/src/component/LinkClass.js","webpack://@descope/web-components-ui/../components/descope-link/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('link');\n\nconst observedAttrs = ['href', 'readonly'];\n\nclass RawLink extends createBaseClass({\n  componentName,\n  baseSelector: ':host a',\n}) {\n  static get observedAttributes() {\n    return observedAttrs.concat(super.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div>\n\t\t\t<descope-text part=\"wrapper\">\n\t\t\t\t<a>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</a>\n\t\t\t</descope-text>\n\t\t</div>\n\t\t`;\n\n    injectStyle(\n      `\n    :host {\n\t\t\tdisplay: inline-block;\n      line-height: 1em;\n\t\t}\n\t\t:host a {\n\t\t\tdisplay: inline;\n\t\t}\n\n    :host([ellipsis=\"true\"]) descope-text {\n      display: inline-flex;\n    }\n    :host([ellipsis=\"true\"]) descope-text::part(text-wrapper) {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n      `,\n      this,\n    );\n\n    this.anchor = this.shadowRoot.querySelector('a');\n\n    forwardAttrs(this, this.anchor, {\n      includeAttrs: ['href', 'target', 'tooltip'],\n      mapAttrs: {\n        tooltip: 'title',\n      },\n    });\n\n    forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {\n      includeAttrs: ['mode', 'variant'],\n    });\n\n    this.anchor.addEventListener('click', (e) => {\n      if (this.readOnly) {\n        e.preventDefault();\n      }\n    });\n  }\n\n  get readOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n}\n\nconst selectors = {\n  host: { selector: () => ':host' },\n  link: { selector: () => ':host a' },\n  anchor: {},\n  wrapper: { selector: () => ':host > div' },\n  text: { selector: () => TextClass.componentName },\n};\n\nconst { anchor, text, host, wrapper, link } = selectors;\n\nexport const LinkClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...text, property: 'direction' },\n      textAlign: wrapper,\n      textDecoration: {\n        ...link,\n        property: 'text-decoration',\n        fallback: 'none',\n      },\n      textColor: [\n        { ...anchor, property: 'color' },\n        { ...text, property: TextClass.cssVarList.textColor },\n      ],\n      cursor: anchor,\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawLink);\n","import { componentName, LinkClass } from './LinkClass';\nimport '@descope-ui/descope-text';\n\ncustomElements.define(componentName, LinkClass);\n\nexport { LinkClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","observedAttrs","RawLink","baseSelector","observedAttributes","concat","super","constructor","this","attachShadow","mode","innerHTML","anchor","shadowRoot","querySelector","includeAttrs","mapAttrs","tooltip","addEventListener","e","readOnly","preventDefault","getAttribute","selectors","host","selector","link","wrapper","text","LinkClass","mappings","hostWidth","property","hostDirection","textAlign","textDecoration","fallback","textColor","cssVarList","cursor","triggers","attr","value","customElements","define","RawText","hideWhenEmpty","init","hasChildren","childNodes","length","style","display","TextClass","fontSize","textLineHeight","textLetterSpacing","textShadow","textTransform","fontFamily","fontStyle","fontWeight","borderWidth","borderStyle","borderColor"],"sourceRoot":""}

package/dist/umd/descope-outbound-apps.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2294,4292,4551],{53557(t,e,n){n.r(e),n.d(e,{AvatarClass:()=>h,componentName:()=>a});var o=n(88961),r=n(72270),i=n(63200),s=n(25964);const a=(0,s.xE)("avatar");class l extends((0,r.qu)({componentName:a,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <vaadin-avatar></vaadin-avatar>\n        <div class="editableBadge">\n          <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n        </div>\n      </div>\n\t\t',(0,s.fz)("\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    ",this),this.avatarComponent=this.shadowRoot.querySelector("vaadin-avatar"),(0,s.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,s.mx)(this,()=>{t.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:d,editableBadge:c,avatar:p}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},h=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:[{...d,property:"width"},{...d,property:"min-width"}],hostHeight:{...d,property:"height"},cursor:[p,d],hostDirection:{...d,property:"direction"},avatarTextColor:{...p,property:"color"},avatarBackgroundColor:{...p,property:"background-color"},editableIconColor:{...c,property:"color"},editableBorderColor:{...c,property:"border-color"},editableBackgroundColor:{...c,property:"background-color"}}}),o.VO,o.tQ)(l);n(87133),n(95260),n(37182),customElements.define(a,h)},19624(t,e,n){n.d(e,{J:()=>m,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:d,label:c,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const m=(0,o.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${m.cssVarList.outlineWidth}) + var(${m.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${m.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${m.cssVarList.hostHeight}) - var(${m.cssVarList.outlineWidth}) - var(${m.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${m.cssVarList.hostWidth}) - var(${m.cssVarList.outlineWidth}) - var(${m.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:u,fontSize:g}=m.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${u});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var o=n(88961),r=n(25964),i=n(8512),s=n(63200);const a=(0,r.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:a}))},8512(t,e,n){n.d(e,{T:()=>l,q:()=>p});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.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(${p.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.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,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();n=r(o)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,i.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}},o.y)((0,s.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},7720(t,e,n){n.d(e,{T:()=>l,x:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(93895),a=n(72270);const l=(0,i.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,i.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach(t=>{let e=t;e.localName!==s.O.componentName&&(e=t.querySelector(s.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#t(),this.#e(),this.#n()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),o.VO,o.tQ)(d)},45400(t,e,n){n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},58204(t,e,n){n.r(e),n.d(e,{OutboundAppsClass:()=>g,componentName:()=>p}),n(45400),n(24542),n(63595),n(53557),n(30576);var o=n(63200),r=n(25964),i=n(88961),s=n(72270),a=n(98538),l=n(66434),d=n(7720),c=n(93895);const p=(0,r.xE)("outbound-apps"),h=({name:t,description:e,logo:n,appId:o,isConnected:i},s,a)=>{const l=i?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${n?`img="${n}"`:""}\n      ${t?`display-name="${t}" abbr=${(0,r.ie)(t)}`:""}\n      size=${a.size}\n      ${n?'st-avatar-background-color="none"':""}\n      class="app-logo"\n    ></descope-avatar>\n\n      <div class="content">\n        <descope-text\n          class="app-title"\n          variant="subtitle1"\n          mode="primary"\n        >${t}</descope-text>\n      ${e?`\n          <descope-text\n            class="app-description"\n            variant="body2"\n            mode="primary"\n          >${e}</descope-text>\n      `:""}\n    </div>\n    <div class="controls">\n      <descope-button variant="link" mode="primary" size=${a.size} data-action="${l}" data-outbound-app-id="${o}" data-id="${l}">\n        ${i?a.disconnectButtonLabel:a.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},m=(0,s.qu)({componentName:p,baseSelector:"descope-list"}),{host:u}={host:{selector:()=>":host"}},g=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...u,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...u,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:a.S.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:a.S.cssVarList.fill},fontSize:{selector:l.s.componentName,property:l.s.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:l.s.componentName,property:l.s.cssVarList.textAlign},itemCursor:{selector:c.O.componentName,property:c.O.cssVarList.cursor},itemOutline:{selector:c.O.componentName,property:c.O.cssVarList.outline},itemBorderColor:{selector:c.O.componentName,property:c.O.cssVarList.borderColor},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},listBorderWidth:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>d.x.componentName,property:d.x.cssVarList.boxShadow},listPadding:[{selector:()=>d.x.componentName,property:d.x.cssVarList.verticalPadding},{selector:()=>d.x.componentName,property:d.x.cssVarList.horizontalPadding}]}}),i.VO,(0,i.t$)({itemRenderer:h,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),i.tQ)(class extends m{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-list>\n        <slot name="empty-state" slot="empty-state"></slot>\n      </descope-list>\n    ',this.appsList=this.shadowRoot.querySelector("descope-list"),(0,r.fz)("\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      ",this)}init(){super.init?.(),this.appsList.itemRenderer=h,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(t){if(!this.readonly){const e=t.srcElement.getAttribute("data-outbound-app-id"),n=t.srcElement.getAttribute("data-action");e&&n&&this.dispatchEvent(new CustomEvent(`${n}-clicked`,{bubbles:!0,detail:{id:e,action:n}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}});customElements.define(p,g)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,i.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),o.VO,o.tQ)(l)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2294,4292,4551],{53557(t,e,n){n.r(e),n.d(e,{AvatarClass:()=>h,componentName:()=>a});var o=n(88961),r=n(72270),i=n(63200),s=n(25964);const a=(0,s.xE)("avatar");class l extends((0,r.qu)({componentName:a,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <vaadin-avatar></vaadin-avatar>\n        <div class="editableBadge">\n          <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n        </div>\n      </div>\n\t\t',(0,s.fz)("\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    ",this),this.avatarComponent=this.shadowRoot.querySelector("vaadin-avatar"),(0,s.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,s.mx)(this,()=>{t.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:d,editableBadge:c,avatar:p}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},h=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:[{...d,property:"width"},{...d,property:"min-width"}],hostHeight:{...d,property:"height"},cursor:[p,d],hostDirection:{...d,property:"direction"},avatarTextColor:{...p,property:"color"},avatarBackgroundColor:{...p,property:"background-color"},editableIconColor:{...c,property:"color"},editableBorderColor:{...c,property:"border-color"},editableBackgroundColor:{...c,property:"background-color"}}}),o.VO,o.tQ)(l);n(87133),n(95260),n(37182),customElements.define(a,h)},19624(t,e,n){n.d(e,{J:()=>m,T:()=>l});var o=n(63200),r=n(25964),i=n(88961),s=n(98538),a=n(10767);const l=(0,r.xE)("button"),{host:d,label:c,slottedIcon:p}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let h;const m=(0,o.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},fontWeight:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:s.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...p,property:"width"},{...p,property:"height"}]}}),a.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${m.cssVarList.outlineWidth}) + var(${m.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${m.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${m.cssVarList.hostHeight}) - var(${m.cssVarList.outlineWidth}) - var(${m.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${m.cssVarList.hostWidth}) - var(${m.cssVarList.outlineWidth}) - var(${m.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:u,fontSize:g}=m.cssVarList;h=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${u});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,n){n.d(e,{G:()=>o});const o=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,n){n.r(e),n.d(e,{ButtonClass:()=>o.J,componentName:()=>o.T});var o=n(19624);n(83799),customElements.define(o.T,o.J)},98538(t,e,n){n.d(e,{S:()=>l,T:()=>a});var o=n(88961),r=n(25964),i=n(8512),s=n(63200);const a=(0,r.xE)("icon"),l=(0,s.Zz)((0,o.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}]}}),o.VO,o.tQ)((0,o.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style"],componentName:a}))},8512(t,e,n){n.d(e,{T:()=>l,q:()=>p});var o=n(88961),r=n(72270),i=n(63200),s=n(25964),a=n(18782);const l=(0,s.xE)("image"),d=["src","src-dark"];class c extends((0,r.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return d}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,s.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(${p.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)})}renderImage(){this.toggleVisibility(this.getSrc),(0,a.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,n){super.attributeChangedCallback?.(t,e,n),e!==n&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,o.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),o.VO,o.tQ)(c)},18782(t,e,n){n.d(e,{m:()=>i});var o=n(25414);const r=t=>{const e=o.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let n;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));n=r(e)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const e=await fetch(t),o=await e.text();n=r(o)}else n=((t,e)=>{const n=document.createElement("img");return n.setAttribute("src",t),n.setAttribute("alt",e),n})(t,e);return n.style.setProperty("max-width","100%"),n.style.setProperty("max-height","100%"),n}catch{return null}}},93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,i.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}},o.y)((0,s.qu)({componentName:a,baseSelector:"slot"}))},24542(t,e,n){n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},7720(t,e,n){n.d(e,{T:()=>l,x:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(93895),a=n(72270);const l=(0,i.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,i.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach(t=>{let e=t;e.localName!==s.O.componentName&&(e=t.querySelector(s.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#t(),this.#e(),this.#n()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),o.VO,o.tQ)(d)},45400(t,e,n){n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},58204(t,e,n){n.r(e),n.d(e,{OutboundAppsClass:()=>g,componentName:()=>p}),n(45400),n(24542),n(63595),n(53557),n(30576);var o=n(63200),r=n(25964),i=n(88961),s=n(72270),a=n(98538),l=n(66434),d=n(7720),c=n(93895);const p=(0,r.xE)("outbound-apps"),h=({name:t,description:e,logo:n,appId:o,isConnected:i},s,a)=>{const l=i?"disconnect":"connect";return`\n  <descope-list-item>\n    <descope-avatar\n      ${n?`img="${n}"`:""}\n      ${t?`display-name="${t}" abbr=${(0,r.ie)(t)}`:""}\n      size=${a.size}\n      ${n?'st-avatar-background-color="none"':""}\n      class="app-logo"\n    ></descope-avatar>\n\n      <div class="content">\n        <descope-text\n          class="app-title"\n          variant="subtitle1"\n          mode="primary"\n        >${t}</descope-text>\n      ${e?`\n          <descope-text\n            class="app-description"\n            variant="body2"\n            mode="primary"\n          >${e}</descope-text>\n      `:""}\n    </div>\n    <div class="controls">\n      <descope-button variant="link" mode="primary" size=${a.size} data-action="${l}" data-outbound-app-id="${o}" data-id="${l}">\n        ${i?a.disconnectButtonLabel:a.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`},m=(0,s.qu)({componentName:p,baseSelector:"descope-list"}),{host:u}={host:{selector:()=>":host"}},g=(0,o.Zz)((0,i.RF)({mappings:{hostWidth:{...u,property:"width"},minHeight:{selector:()=>":host"},hostDirection:[{...u,property:"direction"},{selector:"descope-list",property:"direction"},{selector:"descope-list-item",property:"direction"}],iconColor:{selector:()=>" descope-icon",property:a.S.cssVarList.fill},errorIconColor:{selector:()=>" descope-icon.error-icon",property:a.S.cssVarList.fill},fontSize:{selector:l.s.componentName,property:l.s.cssVarList.fontSize},appLogoGap:{selector:()=>" .app-logo",property:"margin-inline-end"},contentGap:{selector:()=>" .content",property:"gap"},itemsTextAlign:{selector:l.s.componentName,property:l.s.cssVarList.textAlign},itemCursor:{selector:c.O.componentName,property:c.O.cssVarList.cursor},itemOutline:{selector:c.O.componentName,property:c.O.cssVarList.outline},itemBorderColor:{selector:c.O.componentName,property:c.O.cssVarList.borderColor},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},listBorderWidth:{selector:()=>d.x.componentName,property:d.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>d.x.componentName,property:d.x.cssVarList.boxShadow},listPadding:[{selector:()=>d.x.componentName,property:d.x.cssVarList.verticalPadding},{selector:()=>d.x.componentName,property:d.x.cssVarList.horizontalPadding}]}}),i.VO,(0,i.t$)({itemRenderer:h,rerenderAttrsList:["size","connect-button-label","disconnect-button-label"]}),i.tQ)(class extends m{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <descope-list>\n        <slot name="empty-state" slot="empty-state"></slot>\n      </descope-list>\n    ',this.appsList=this.shadowRoot.querySelector("descope-list"),(0,r.fz)("\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      ",this)}init(){super.init?.(),this.appsList.itemRenderer=h,this.appsList.addEventListener("click",this.onAppsListClick.bind(this))}get readonly(){return"true"===this.getAttribute("readonly")}onAppsListClick(t){if(!this.readonly){const e=t.srcElement.getAttribute("data-outbound-app-id"),n=t.srcElement.getAttribute("data-action");e&&n&&this.dispatchEvent(new CustomEvent(`${n}-clicked`,{bubbles:!0,detail:{id:e,action:n}}))}}get size(){return this.getAttribute("size")||"sm"}get connectButtonLabel(){return this.getAttribute("connect-button-label")||"Connect"}get disconnectButtonLabel(){return this.getAttribute("disconnect-button-label")||"Disconnect"}});customElements.define(p,g)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>c});var o=n(88961),r=n(63200),i=n(25964),s=n(72270);const a=(0,i.xE)("text");class l extends((0,s.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,i.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:d}={host:{selector:()=>":host"}},c=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{...d,property:"width"},hostDirection:{...d,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(l)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
 //# sourceMappingURL=descope-outbound-apps.js.map

package/dist/umd/descope-outbound-apps.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-outbound-apps.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-avatar/src/component/AvatarClass.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.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-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/OutboundAppsClass.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\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 {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('avatar');\nclass RawAvatar extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <vaadin-avatar></vaadin-avatar>\n        <div class=\"editableBadge\">\n          <vaadin-icon icon=\"vaadin:pencil\"></vaadin-icon>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(`\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    `, this);\n\n    this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');\n\n    forwardAttrs(this, this.avatarComponent, {\n      includeAttrs: ['display-name', 'img', 'abbr'],\n      mapAttrs: { 'display-name': 'name' },\n    });\n\n    const editableIcon = this.shadowRoot.querySelector('.editableBadge');\n\n    observeAttributes(\n      this,\n      () => {\n        editableIcon.style.display = this.isEditable ? '' : 'none';\n      },\n      { includeAttrs: ['editable'] },\n    );\n  }\n\n  get isEditable() {\n    return this.getAttribute('editable') === 'true';\n  }\n}\n\nconst { host, editableBadge, avatar } = {\n  host: { selector: () => ':host' },\n  editableBadge: { selector: '> .editableBadge' },\n  avatar: { selector: 'vaadin-avatar' },\n};\n\nexport const AvatarClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [\n        { ...host, property: 'width' },\n        { ...host, property: 'min-width' },\n      ],\n      hostHeight: { ...host, property: 'height' },\n      cursor: [avatar, host],\n      hostDirection: { ...host, property: 'direction' },\n      avatarTextColor: { ...avatar, property: 'color' },\n      avatarBackgroundColor: { ...avatar, property: 'background-color' },\n      editableIconColor: { ...editableBadge, property: 'color' },\n      editableBorderColor: { ...editableBadge, property: 'border-color' },\n      editableBackgroundColor: {\n        ...editableBadge,\n        property: 'background-color',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAvatar);\n","import { componentName, AvatarClass } from './AvatarClass';\nimport '@vaadin/avatar';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\n\ncustomElements.define(componentName, AvatarClass);\n\nexport { AvatarClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\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 {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n  limitAbbreviation,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('outbound-apps');\n\nconst itemRenderer = (\n  { name, description, logo, appId, isConnected },\n  _,\n  ref,\n) => {\n  const action = isConnected ? 'disconnect' : 'connect';\n  return `\n  <descope-list-item>\n    <descope-avatar\n      ${logo ? `img=\"${logo}\"` : ''}\n      ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n      size=${ref.size}\n      ${logo ? 'st-avatar-background-color=\"none\"' : ''}\n      class=\"app-logo\"\n    ></descope-avatar>\n\n      <div class=\"content\">\n        <descope-text\n          class=\"app-title\"\n          variant=\"subtitle1\"\n          mode=\"primary\"\n        >${name}</descope-text>\n      ${\n        description\n          ? `\n          <descope-text\n            class=\"app-description\"\n            variant=\"body2\"\n            mode=\"primary\"\n          >${description}</descope-text>\n      `\n          : ''\n      }\n    </div>\n    <div class=\"controls\">\n      <descope-button variant=\"link\" mode=\"primary\" size=${ref.size} data-action=\"${action}\" data-outbound-app-id=\"${appId}\" data-id=\"${action}\">\n        ${isConnected ? ref.disconnectButtonLabel : ref.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`;\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'descope-list',\n});\n\nclass RawOutboundAppsClass extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-list>\n        <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n      </descope-list>\n    `;\n\n    this.appsList = this.shadowRoot.querySelector('descope-list');\n\n    injectStyle(\n      `\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.appsList.itemRenderer = itemRenderer;\n\n    this.appsList.addEventListener('click', this.onAppsListClick.bind(this));\n  }\n\n  get readonly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  onAppsListClick(e) {\n    if (!this.readonly) {\n      const id = e.srcElement.getAttribute('data-outbound-app-id');\n      const action = e.srcElement.getAttribute('data-action');\n      if (id && action) {\n        this.dispatchEvent(\n          new CustomEvent(`${action}-clicked`, {\n            bubbles: true,\n            detail: { id, action },\n          }),\n        );\n      }\n    }\n  }\n\n  get size() {\n    return this.getAttribute('size') || 'sm';\n  }\n\n  get connectButtonLabel() {\n    return this.getAttribute('connect-button-label') || 'Connect';\n  }\n\n  get disconnectButtonLabel() {\n    return this.getAttribute('disconnect-button-label') || 'Disconnect';\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const OutboundAppsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          selector: 'descope-list',\n          property: 'direction',\n        },\n        {\n          selector: 'descope-list-item',\n          property: 'direction',\n        },\n      ],\n      iconColor: {\n        selector: () => ' descope-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      errorIconColor: {\n        selector: () => ' descope-icon.error-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      fontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      appLogoGap: {\n        selector: () => ' .app-logo',\n        property: 'margin-inline-end',\n      },\n      contentGap: {\n        selector: () => ' .content',\n        property: 'gap',\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemCursor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.cursor,\n      },\n      itemOutline: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.outline,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColor,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      listBorderWidth: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.borderWidth,\n      },\n      listBoxShadow: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.boxShadow,\n      },\n      listPadding: [\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.verticalPadding,\n        },\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.horizontalPadding,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'connect-button-label',\n      'disconnect-button-label',\n    ],\n  }),\n  componentNameValidationMixin,\n)(RawOutboundAppsClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-button';\nimport { componentName, OutboundAppsClass } from './OutboundAppsClass';\n\ncustomElements.define(componentName, OutboundAppsClass);\n\nexport { OutboundAppsClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","RawAvatar","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","avatarComponent","shadowRoot","querySelector","includeAttrs","mapAttrs","editableIcon","style","display","isEditable","getAttribute","host","editableBadge","avatar","selector","AvatarClass","mappings","hostWidth","property","hostHeight","cursor","hostDirection","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","customElements","define","label","slottedIcon","loadingIndicatorStyles","ButtonClass","triggers","attr","value","fontSize","fontFamily","fontWeight","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","IconClass","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","name","ListClass","maxHeight","minHeight","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","itemRenderer","description","logo","appId","isConnected","_","ref","action","size","disconnectButtonLabel","connectButtonLabel","BaseClass","OutboundAppsClass","errorIconColor","TextClass","appLogoGap","contentGap","itemsTextAlign","itemCursor","itemOutline","itemBorderColor","itemBackgroundColor","listBorderWidth","listBoxShadow","listPadding","rerenderAttrsList","appsList","addEventListener","onAppsListClick","bind","readonly","e","id","srcElement","dispatchEvent","CustomEvent","bubbles","detail","RawText","hideWhenEmpty","hasChildren","childNodes","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle"],"sourceRoot":""}
+{"version":3,"file":"descope-outbound-apps.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-avatar/src/component/AvatarClass.js","webpack://@descope/web-components-ui/../components/descope-avatar/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.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-list-item/src/component/ListItemClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/OutboundAppsClass.js","webpack://@descope/web-components-ui/../components/descope-outbound-apps/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\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 {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n  observeAttributes,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('avatar');\nclass RawAvatar extends createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <vaadin-avatar></vaadin-avatar>\n        <div class=\"editableBadge\">\n          <vaadin-icon icon=\"vaadin:pencil\"></vaadin-icon>\n        </div>\n      </div>\n\t\t`;\n\n    injectStyle(`\n        :host {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t}\n\n        .editableBadge {\n          border: 1px solid;\n          border-radius: 100%;\n          height: fit-content;\n          width: 25%;\n          height: 25%;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          padding: 5%;\n          box-sizing: border-box;\n          position: absolute;\n          bottom: 0;\n          inset-inline-end: 0;\n        }\n\n        vaadin-icon {\n          color: currentcolor;\n        }\n\n        vaadin-avatar {\n          width: 100%;\n          height: 100%;\n          margin: 0;\n          border: none\n        }\n\n        .wrapper {\n          display: inline-flex;\n          position: relative;\n          width: 100%;\n          height: 100%;\n        }\n    `, this);\n\n    this.avatarComponent = this.shadowRoot.querySelector('vaadin-avatar');\n\n    forwardAttrs(this, this.avatarComponent, {\n      includeAttrs: ['display-name', 'img', 'abbr'],\n      mapAttrs: { 'display-name': 'name' },\n    });\n\n    const editableIcon = this.shadowRoot.querySelector('.editableBadge');\n\n    observeAttributes(\n      this,\n      () => {\n        editableIcon.style.display = this.isEditable ? '' : 'none';\n      },\n      { includeAttrs: ['editable'] },\n    );\n  }\n\n  get isEditable() {\n    return this.getAttribute('editable') === 'true';\n  }\n}\n\nconst { host, editableBadge, avatar } = {\n  host: { selector: () => ':host' },\n  editableBadge: { selector: '> .editableBadge' },\n  avatar: { selector: 'vaadin-avatar' },\n};\n\nexport const AvatarClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [\n        { ...host, property: 'width' },\n        { ...host, property: 'min-width' },\n      ],\n      hostHeight: { ...host, property: 'height' },\n      cursor: [avatar, host],\n      hostDirection: { ...host, property: 'direction' },\n      avatarTextColor: { ...avatar, property: 'color' },\n      avatarBackgroundColor: { ...avatar, property: 'background-color' },\n      editableIconColor: { ...editableBadge, property: 'color' },\n      editableBorderColor: { ...editableBadge, property: 'border-color' },\n      editableBackgroundColor: {\n        ...editableBadge,\n        property: 'background-color',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawAvatar);\n","import { componentName, AvatarClass } from './AvatarClass';\nimport '@vaadin/avatar';\nimport '@vaadin/icon';\nimport '@vaadin/icons';\n\ncustomElements.define(componentName, AvatarClass);\n\nexport { AvatarClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n      fontWeight: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"]) ::part(prefix),\n\t:host([loading=\"true\"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","import {\n  componentNameValidationMixin,\n  createProxy,\n  createStyleMixin,\n  draggableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { ImageClass } from '@descope-ui/descope-image/class';\nimport { compose } from '@descope-ui/common/utils';\n\nexport const componentName = getComponentName('icon');\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: [{}, { property: ImageClass.cssVarList.fill }],\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'descope-image',\n    style: () => `\n      :host {\n        display: inline-flex;\n        max-height: 100%;\n      }\n      `,\n    excludeAttrsSync: ['tabindex', 'class', 'style'],\n    componentName,\n  }),\n);\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 {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n  limitAbbreviation,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('outbound-apps');\n\nconst itemRenderer = (\n  { name, description, logo, appId, isConnected },\n  _,\n  ref,\n) => {\n  const action = isConnected ? 'disconnect' : 'connect';\n  return `\n  <descope-list-item>\n    <descope-avatar\n      ${logo ? `img=\"${logo}\"` : ''}\n      ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n      size=${ref.size}\n      ${logo ? 'st-avatar-background-color=\"none\"' : ''}\n      class=\"app-logo\"\n    ></descope-avatar>\n\n      <div class=\"content\">\n        <descope-text\n          class=\"app-title\"\n          variant=\"subtitle1\"\n          mode=\"primary\"\n        >${name}</descope-text>\n      ${\n        description\n          ? `\n          <descope-text\n            class=\"app-description\"\n            variant=\"body2\"\n            mode=\"primary\"\n          >${description}</descope-text>\n      `\n          : ''\n      }\n    </div>\n    <div class=\"controls\">\n      <descope-button variant=\"link\" mode=\"primary\" size=${ref.size} data-action=\"${action}\" data-outbound-app-id=\"${appId}\" data-id=\"${action}\">\n        ${isConnected ? ref.disconnectButtonLabel : ref.connectButtonLabel}\n      </descope-button>\n    </div>\n  </descope-list-item>\n`;\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: 'descope-list',\n});\n\nclass RawOutboundAppsClass extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <descope-list>\n        <slot name=\"empty-state\" slot=\"empty-state\"></slot>\n      </descope-list>\n    `;\n\n    this.appsList = this.shadowRoot.querySelector('descope-list');\n\n    injectStyle(\n      `\n      :host {\n        width: 100%;\n      }\n      .controls {\n        display: flex;\n        min-width: 8em;\n        justify-content: end;\n      }\n      .content {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n      }\n      .app-title,\n      .app-description {\n        display: flex;\n        direction: inherit;\n      }\n      descope-list {\n        display: block;\n      }\n      `,\n      this,\n    );\n  }\n\n  init() {\n    super.init?.();\n\n    this.appsList.itemRenderer = itemRenderer;\n\n    this.appsList.addEventListener('click', this.onAppsListClick.bind(this));\n  }\n\n  get readonly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  onAppsListClick(e) {\n    if (!this.readonly) {\n      const id = e.srcElement.getAttribute('data-outbound-app-id');\n      const action = e.srcElement.getAttribute('data-action');\n      if (id && action) {\n        this.dispatchEvent(\n          new CustomEvent(`${action}-clicked`, {\n            bubbles: true,\n            detail: { id, action },\n          }),\n        );\n      }\n    }\n  }\n\n  get size() {\n    return this.getAttribute('size') || 'sm';\n  }\n\n  get connectButtonLabel() {\n    return this.getAttribute('connect-button-label') || 'Connect';\n  }\n\n  get disconnectButtonLabel() {\n    return this.getAttribute('disconnect-button-label') || 'Disconnect';\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const OutboundAppsClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: [\n        { ...host, property: 'direction' },\n        {\n          selector: 'descope-list',\n          property: 'direction',\n        },\n        {\n          selector: 'descope-list-item',\n          property: 'direction',\n        },\n      ],\n      iconColor: {\n        selector: () => ' descope-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      errorIconColor: {\n        selector: () => ' descope-icon.error-icon',\n        property: IconClass.cssVarList.fill,\n      },\n      fontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSize,\n      },\n      appLogoGap: {\n        selector: () => ' .app-logo',\n        property: 'margin-inline-end',\n      },\n      contentGap: {\n        selector: () => ' .content',\n        property: 'gap',\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemCursor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.cursor,\n      },\n      itemOutline: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.outline,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColor,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      listBorderWidth: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.borderWidth,\n      },\n      listBoxShadow: {\n        selector: () => ListClass.componentName,\n        property: ListClass.cssVarList.boxShadow,\n      },\n      listPadding: [\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.verticalPadding,\n        },\n        {\n          selector: () => ListClass.componentName,\n          property: ListClass.cssVarList.horizontalPadding,\n        },\n      ],\n    },\n  }),\n  draggableMixin,\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'connect-button-label',\n      'disconnect-button-label',\n    ],\n  }),\n  componentNameValidationMixin,\n)(RawOutboundAppsClass);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-list-item';\nimport '@descope-ui/descope-text';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-button';\nimport { componentName, OutboundAppsClass } from './OutboundAppsClass';\n\ncustomElements.define(componentName, OutboundAppsClass);\n\nexport { OutboundAppsClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","RawAvatar","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","avatarComponent","shadowRoot","querySelector","includeAttrs","mapAttrs","editableIcon","style","display","isEditable","getAttribute","host","editableBadge","avatar","selector","AvatarClass","mappings","hostWidth","property","hostHeight","cursor","hostDirection","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","customElements","define","label","slottedIcon","loadingIndicatorStyles","ButtonClass","triggers","attr","value","fontSize","fontFamily","fontWeight","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","excludeAttrsSync","color","clickableMixin","superclass","isLoading","click","IconClass","srcAttrs","RawImage","observedAttributes","init","toggleVisibility","getSrc","onThemeChange","renderImage","isVisible","classList","remove","add","altText","legacySrc","themeSrc","currentThemeName","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","ImageClass","then","res","appendChild","shouldRender","src","srcVal","attributeChangedCallback","attrName","oldValue","newValue","height","width","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","ADD_TAGS","FORBID_TAGS","DOMParser","parseFromString","createImage","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","ListItemClass","outline","gap","maxWidth","alignItems","flexDirection","transition","RawList","items","assignedElements","length","removeAttribute","variant","item","listItem","localName","listItemVariant","isReadOnly","name","ListClass","maxHeight","minHeight","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","itemRenderer","description","logo","appId","isConnected","_","ref","action","size","disconnectButtonLabel","connectButtonLabel","BaseClass","OutboundAppsClass","errorIconColor","TextClass","appLogoGap","contentGap","itemsTextAlign","itemCursor","itemOutline","itemBorderColor","itemBackgroundColor","listBorderWidth","listBoxShadow","listPadding","rerenderAttrsList","appsList","addEventListener","onAppsListClick","bind","readonly","e","id","srcElement","dispatchEvent","CustomEvent","bubbles","detail","RawText","hideWhenEmpty","hasChildren","childNodes","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle"],"sourceRoot":""}

package/dist/umd/descope-recovery-codes.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,9175],{88568(t,e,n){n.r(e),n.d(e,{RecoveryCodesClass:()=>l,componentName:()=>c}),n(63595),n(37182),n(95260);var o=n(88961),i=n(63200),s=n(25964),r=n(72270),a=n(66434);const c=(0,s.xE)("recovery-codes");class p extends((0,r.qu)({componentName:c,baseSelector:":host > div"})){static get observedAttributes(){return["readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <div class="list"></div>\n        <descope-text class="icon-wrapper">\n          <vaadin-icon class="icon" icon="vaadin:copy-o" title="Copy"></vaadin-icon>\n        </descope-text>\n      </div>\n    ',this.list=this.shadowRoot.querySelector(".list"),this.icon=this.shadowRoot.querySelector(".icon"),this.iconWrapper=this.shadowRoot.querySelector(".icon-wrapper"),(0,s.fz)("\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n      .wrapper {\n        display: flex;\n        justify-content: space-between;\n      }\n      .list {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n      }\n      descope-text span {\n        display: inline-flex;\n        align-items: center;\n        width: fit-content;\n      }\n      descope-text span::before {\n        content: '\\02022';\n        transform: translateY(-0.06em);\n      }\n      .icon-wrapper {\n        align-self: flex-start;\n      }\n      .icon {\n        cursor: pointer;\n      }\n      .icon.copied {\n        cursor: initial;\n      }\n      .icon.readonly {\n        pointer-events: none;\n      }\n    ",this)}get variant(){return this.getAttribute("variant")}get mode(){return this.getAttribute("mode")}init(){super.init(),this.icon.addEventListener("click",this.onCopy.bind(this)),(0,s.EA)(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(t=>t.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(t){this.icon.classList.toggle("readonly",t)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&"readonly"===t&&this.onReadOnly("true"===n)}}const l=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.s.componentName,property:a.s.cssVarList.hostDirection}],textAlign:{selector:()=>".list",property:"align-items"},iconColor:{selector:()=>"vaadin-icon",property:"color"},iconSize:{selector:()=>"vaadin-icon",property:"font-size"},iconGap:{selector:()=>".wrapper",property:"gap"},bulletGap:{selector:()=>"descope-text span",property:"gap"}}}),(0,o.t$)({itemRenderer:({value:t},e,n)=>`\n    <descope-text variant="${n.variant}" mode="${n.mode}">\n      <span>${t}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),o.VO,o.tQ)(p);customElements.define(c,l)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>l});var o=n(88961),i=n(63200),s=n(25964),r=n(72270);const a=(0,s.xE)("text");class c extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,s.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:p}={host:{selector:()=>":host"}},l=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),o.VO,o.tQ)(c)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2294,9175],{88568(t,e,n){n.r(e),n.d(e,{RecoveryCodesClass:()=>l,componentName:()=>c}),n(63595),n(37182),n(95260);var o=n(88961),i=n(63200),s=n(25964),r=n(72270),a=n(66434);const c=(0,s.xE)("recovery-codes");class p extends((0,r.qu)({componentName:c,baseSelector:":host > div"})){static get observedAttributes(){return["readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <div class="list"></div>\n        <descope-text class="icon-wrapper">\n          <vaadin-icon class="icon" icon="vaadin:copy-o" title="Copy"></vaadin-icon>\n        </descope-text>\n      </div>\n    ',this.list=this.shadowRoot.querySelector(".list"),this.icon=this.shadowRoot.querySelector(".icon"),this.iconWrapper=this.shadowRoot.querySelector(".icon-wrapper"),(0,s.fz)("\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n      .wrapper {\n        display: flex;\n        justify-content: space-between;\n      }\n      .list {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n      }\n      descope-text span {\n        display: inline-flex;\n        align-items: center;\n        width: fit-content;\n      }\n      descope-text span::before {\n        content: '\\02022';\n        transform: translateY(-0.06em);\n      }\n      .icon-wrapper {\n        align-self: flex-start;\n      }\n      .icon {\n        cursor: pointer;\n      }\n      .icon.copied {\n        cursor: initial;\n      }\n      .icon.readonly {\n        pointer-events: none;\n      }\n    ",this)}get variant(){return this.getAttribute("variant")}get mode(){return this.getAttribute("mode")}init(){super.init(),this.icon.addEventListener("click",this.onCopy.bind(this)),(0,s.EA)(this,this.iconWrapper,{includeAttrs:["variant","mode"]})}onCopy(){navigator.clipboard.writeText(String(this.data.map(t=>t.value).join("\n"))),this.icon.setAttribute("icon","vaadin:check-circle-o"),this.icon.setAttribute("title","Copied"),this.icon.classList.add("copied"),setTimeout(()=>{this.icon.setAttribute("icon","vaadin:copy-o"),this.icon.setAttribute("title","Copy"),this.icon.classList.remove("copied")},5e3)}onReadOnly(t){this.icon.classList.toggle("readonly",t)}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&"readonly"===t&&this.onReadOnly("true"===n)}}const l=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},hostMinWidth:{selector:()=>":host",property:"min-width"},hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>a.s.componentName,property:a.s.cssVarList.hostDirection}],textAlign:{selector:()=>".list",property:"align-items"},iconColor:{selector:()=>"vaadin-icon",property:"color"},iconSize:{selector:()=>"vaadin-icon",property:"font-size"},iconGap:{selector:()=>".wrapper",property:"gap"},bulletGap:{selector:()=>"descope-text span",property:"gap"}}}),(0,o.t$)({itemRenderer:({value:t},e,n)=>`\n    <descope-text variant="${n.variant}" mode="${n.mode}">\n      <span>${t}</span>\n    </descope-text>\n  `,rerenderAttrsList:["variant","mode"],targetSelector:".list"}),o.VO,o.tQ)(p);customElements.define(c,l)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>l});var o=n(88961),i=n(63200),s=n(25964),r=n(72270);const a=(0,s.xE)("text");class c extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,s.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,s.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:p}={host:{selector:()=>":host"}},l=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),(0,o.DM)({triggers:[{attr:"full-width",value:"true"}]}),o.VO,o.tQ)(c)},63595(t,e,n){n.r(e),n.d(e,{TextClass:()=>o.s,componentName:()=>o.T});var o=n(66434);customElements.define(o.T,o.s)}}]);
 //# sourceMappingURL=descope-recovery-codes.js.map

package/dist/umd/descope-recovery-codes.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-recovery-codes.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-recovery-codes/src/component/RecoveryCodesClass.js","webpack://@descope/web-components-ui/../components/descope-recovery-codes/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('recovery-codes');\n\nconst itemRenderer = ({ value }, _, ref) => {\n  return `\n    <descope-text variant=\"${ref.variant}\" mode=\"${ref.mode}\">\n      <span>${value}</span>\n    </descope-text>\n  `;\n};\n\nclass RawRecoveryCodes extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\n  static get observedAttributes() {\n    return ['readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <div class=\"list\"></div>\n        <descope-text class=\"icon-wrapper\">\n          <vaadin-icon class=\"icon\" icon=\"vaadin:copy-o\" title=\"Copy\"></vaadin-icon>\n        </descope-text>\n      </div>\n    `;\n\n    this.list = this.shadowRoot.querySelector('.list');\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.iconWrapper = this.shadowRoot.querySelector('.icon-wrapper');\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n      .wrapper {\n        display: flex;\n        justify-content: space-between;\n      }\n      .list {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n      }\n      descope-text span {\n        display: inline-flex;\n        align-items: center;\n        width: fit-content;\n      }\n      descope-text span::before {\n        content: '\\\\02022';\n        transform: translateY(-0.06em);\n      }\n      .icon-wrapper {\n        align-self: flex-start;\n      }\n      .icon {\n        cursor: pointer;\n      }\n      .icon.copied {\n        cursor: initial;\n      }\n      .icon.readonly {\n        pointer-events: none;\n      }\n    `,\n      this,\n    );\n  }\n\n  get variant() {\n    return this.getAttribute('variant');\n  }\n\n  get mode() {\n    return this.getAttribute('mode');\n  }\n\n  init() {\n    super.init();\n\n    this.icon.addEventListener('click', this.onCopy.bind(this));\n\n    forwardAttrs(this, this.iconWrapper, { includeAttrs: ['variant', 'mode'] });\n  }\n\n  onCopy() {\n    navigator.clipboard.writeText(\n      String(this.data.map((rc) => rc.value).join('\\n')),\n    );\n\n    this.icon.setAttribute('icon', 'vaadin:check-circle-o');\n    this.icon.setAttribute('title', 'Copied');\n    this.icon.classList.add('copied');\n\n    setTimeout(() => {\n      this.icon.setAttribute('icon', 'vaadin:copy-o');\n      this.icon.setAttribute('title', 'Copy');\n      this.icon.classList.remove('copied');\n    }, 5000);\n  }\n\n  onReadOnly(isReadOnly) {\n    this.icon.classList.toggle('readonly', isReadOnly);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'readonly') {\n        this.onReadOnly(newValue === 'true');\n      }\n    }\n  }\n}\n\nexport const RecoveryCodesClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostMinWidth: { selector: () => ':host', property: 'min-width' },\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => TextClass.componentName,\n          property: TextClass.cssVarList.hostDirection,\n        },\n      ],\n      textAlign: { selector: () => '.list', property: 'align-items' },\n      iconColor: { selector: () => 'vaadin-icon', property: 'color' },\n      iconSize: { selector: () => 'vaadin-icon', property: 'font-size' },\n      iconGap: { selector: () => '.wrapper', property: 'gap' },\n      bulletGap: { selector: () => 'descope-text span', property: 'gap' },\n    },\n  }),\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: ['variant', 'mode'],\n    targetSelector: '.list',\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawRecoveryCodes);\n","import '@descope-ui/descope-text';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, RecoveryCodesClass } from './RecoveryCodesClass';\n\ncustomElements.define(componentName, RecoveryCodesClass);\n\nexport { RecoveryCodesClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","RawRecoveryCodes","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","list","shadowRoot","querySelector","icon","iconWrapper","variant","getAttribute","init","addEventListener","onCopy","bind","includeAttrs","navigator","clipboard","writeText","String","data","map","rc","value","join","setAttribute","classList","add","setTimeout","remove","onReadOnly","isReadOnly","toggle","attributeChangedCallback","attrName","oldValue","newValue","RecoveryCodesClass","mappings","hostWidth","selector","property","hostMinWidth","hostDirection","TextClass","cssVarList","textAlign","iconColor","iconSize","iconGap","bulletGap","itemRenderer","_","ref","rerenderAttrsList","targetSelector","customElements","define","RawText","hideWhenEmpty","hasChildren","childNodes","length","style","display","host","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontFamily","fontStyle","fontWeight","borderWidth","borderStyle","borderColor"],"sourceRoot":""}
+{"version":3,"file":"descope-recovery-codes.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-recovery-codes/src/component/RecoveryCodesClass.js","webpack://@descope/web-components-ui/../components/descope-recovery-codes/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { TextClass } from '@descope-ui/descope-text/class';\n\nexport const componentName = getComponentName('recovery-codes');\n\nconst itemRenderer = ({ value }, _, ref) => {\n  return `\n    <descope-text variant=\"${ref.variant}\" mode=\"${ref.mode}\">\n      <span>${value}</span>\n    </descope-text>\n  `;\n};\n\nclass RawRecoveryCodes extends createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n}) {\n  static get observedAttributes() {\n    return ['readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <div class=\"list\"></div>\n        <descope-text class=\"icon-wrapper\">\n          <vaadin-icon class=\"icon\" icon=\"vaadin:copy-o\" title=\"Copy\"></vaadin-icon>\n        </descope-text>\n      </div>\n    `;\n\n    this.list = this.shadowRoot.querySelector('.list');\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.iconWrapper = this.shadowRoot.querySelector('.icon-wrapper');\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n      .wrapper {\n        display: flex;\n        justify-content: space-between;\n      }\n      .list {\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n      }\n      descope-text span {\n        display: inline-flex;\n        align-items: center;\n        width: fit-content;\n      }\n      descope-text span::before {\n        content: '\\\\02022';\n        transform: translateY(-0.06em);\n      }\n      .icon-wrapper {\n        align-self: flex-start;\n      }\n      .icon {\n        cursor: pointer;\n      }\n      .icon.copied {\n        cursor: initial;\n      }\n      .icon.readonly {\n        pointer-events: none;\n      }\n    `,\n      this,\n    );\n  }\n\n  get variant() {\n    return this.getAttribute('variant');\n  }\n\n  get mode() {\n    return this.getAttribute('mode');\n  }\n\n  init() {\n    super.init();\n\n    this.icon.addEventListener('click', this.onCopy.bind(this));\n\n    forwardAttrs(this, this.iconWrapper, { includeAttrs: ['variant', 'mode'] });\n  }\n\n  onCopy() {\n    navigator.clipboard.writeText(\n      String(this.data.map((rc) => rc.value).join('\\n')),\n    );\n\n    this.icon.setAttribute('icon', 'vaadin:check-circle-o');\n    this.icon.setAttribute('title', 'Copied');\n    this.icon.classList.add('copied');\n\n    setTimeout(() => {\n      this.icon.setAttribute('icon', 'vaadin:copy-o');\n      this.icon.setAttribute('title', 'Copy');\n      this.icon.classList.remove('copied');\n    }, 5000);\n  }\n\n  onReadOnly(isReadOnly) {\n    this.icon.classList.toggle('readonly', isReadOnly);\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'readonly') {\n        this.onReadOnly(newValue === 'true');\n      }\n    }\n  }\n}\n\nexport const RecoveryCodesClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      hostMinWidth: { selector: () => ':host', property: 'min-width' },\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => TextClass.componentName,\n          property: TextClass.cssVarList.hostDirection,\n        },\n      ],\n      textAlign: { selector: () => '.list', property: 'align-items' },\n      iconColor: { selector: () => 'vaadin-icon', property: 'color' },\n      iconSize: { selector: () => 'vaadin-icon', property: 'font-size' },\n      iconGap: { selector: () => '.wrapper', property: 'gap' },\n      bulletGap: { selector: () => 'descope-text span', property: 'gap' },\n    },\n  }),\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: ['variant', 'mode'],\n    targetSelector: '.list',\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawRecoveryCodes);\n","import '@descope-ui/descope-text';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, RecoveryCodesClass } from './RecoveryCodesClass';\n\ncustomElements.define(componentName, RecoveryCodesClass);\n\nexport { RecoveryCodesClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  stretchMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `,\n      this,\n    );\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n};\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [{ property: 'color' }],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  stretchMixin({ triggers: [{ attr: 'full-width', value: 'true' }] }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","import { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n"],"names":["componentName","RawRecoveryCodes","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","list","shadowRoot","querySelector","icon","iconWrapper","variant","getAttribute","init","addEventListener","onCopy","bind","includeAttrs","navigator","clipboard","writeText","String","data","map","rc","value","join","setAttribute","classList","add","setTimeout","remove","onReadOnly","isReadOnly","toggle","attributeChangedCallback","attrName","oldValue","newValue","RecoveryCodesClass","mappings","hostWidth","selector","property","hostMinWidth","hostDirection","TextClass","cssVarList","textAlign","iconColor","iconSize","iconGap","bulletGap","itemRenderer","_","ref","rerenderAttrsList","targetSelector","customElements","define","RawText","hideWhenEmpty","hasChildren","childNodes","length","style","display","host","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontFamily","fontStyle","fontWeight","borderWidth","borderStyle","borderColor","triggers","attr"],"sourceRoot":""}