@descope/web-components-ui 3.15.0 → 3.15.1

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

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2294,3580,4551],{47477(t,e,n){n.r(e),n.d(e,{AppsListClass:()=>p,componentName:()=>d}),n(45400),n(53557),n(63595);var o=n(63200),r=n(25964),i=n(88961),s=n(66434),a=n(7720),l=n(93895);const d=(0,r.xE)("apps-list"),p=(0,o.Zz)((0,i.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:a.x.componentName,property:a.x.cssVarList.gap},maxRowItems:{selector:a.x.componentName,property:a.x.cssVarList.maxRowItems},itemsFontWeight:{selector:s.s.componentName,property:s.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:s.s.componentName,property:s.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:s.s.componentName,property:s.s.cssVarList.textAlign},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${l.O.componentName}:hover`,property:l.O.cssVarList.backgroundColor},backgroundColor:{selector:a.x.componentName,property:a.x.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:l.O.componentName,property:l.O.cssVarList.borderStyleOverride},itemBorderColor:{selector:l.O.componentName,property:l.O.cssVarList.borderColorOverride},itemBorderWidth:{selector:l.O.componentName,property:l.O.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:l.O.componentName,property:l.O.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:l.O.componentName,property:l.O.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:s.s.componentName,property:s.s.cssVarList.textAlign}]}}),(0,i.t$)({itemRenderer:({name:t,icon:e,url:n},o,i)=>`\n  <a ${n?`href="${n}" title="${n}"`:""} ${i.openInSameWindow?"":'target="_blank"'}>\n    <descope-list-item>\n    <div class="avatar-wrapper">\n      <descope-avatar\n        ${e?`img="${e}"`:""}\n        ${t?`display-name="${t}" abbr=${(0,r.ie)(t)}`:""}\n        size="${i.logoSize||i.size}"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant="${i.itemTextVariant}"\n      mode="primary"\n    >${t}</descope-text>\n    </descope-list-item>\n  </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size","open-in-same-window"]}),i.VO,i.tQ,t=>class extends t{get size(){return this.getAttribute("size")||"sm"}get itemTextVariant(){return this.getAttribute("item-text-variant")||"body1"}get logoSize(){return this.getAttribute("logo-size")}get openInSameWindow(){return"true"===this.getAttribute("open-in-same-window")}})((0,i.tz)({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:d,style:()=>`\n      :host {\n        width: 100%;\n        display: inline-flex;\n      }\n\n      descope-text::part(text-wrapper) {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n\n      descope-list-item[variant="tile"] .avatar-wrapper {\n        width: 100%;\n      }\n\n      .avatar-wrapper {\n        line-height: 0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${s.s.cssVarList.hostDirection}: var(${p.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(d,p)},53557(t,e,n){n.r(e),n.d(e,{AvatarClass:()=>m,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:p,avatar:c}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},m=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:[{...d,property:"width"},{...d,property:"min-width"}],hostHeight:{...d,property:"height"},cursor:[c,d],hostDirection:{...d,property:"direction"},avatarTextColor:{...c,property:"color"},avatarBackgroundColor:{...c,property:"background-color"},editableIconColor:{...p,property:"color"},editableBorderColor:{...p,property:"border-color"},editableBackgroundColor:{...p,property:"background-color"}}}),o.VO,o.tQ)(l);n(87133),n(95260),n(37182),customElements.define(a,m)},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:()=>p});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 p=(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)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>p});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"}},p=(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)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2294,3580,4551],{47477(t,e,n){n.r(e),n.d(e,{AppsListClass:()=>p,componentName:()=>d}),n(45400),n(53557),n(63595);var o=n(63200),r=n(25964),i=n(88961),s=n(66434),a=n(7720),l=n(93895);const d=(0,r.xE)("apps-list"),p=(0,o.Zz)((0,i.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:a.x.componentName,property:a.x.cssVarList.gap},maxRowItems:{selector:a.x.componentName,property:a.x.cssVarList.maxRowItems},itemsFontWeight:{selector:s.s.componentName,property:s.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:s.s.componentName,property:s.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:s.s.componentName,property:s.s.cssVarList.textAlign},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${l.O.componentName}:hover`,property:l.O.cssVarList.backgroundColor},backgroundColor:{selector:a.x.componentName,property:a.x.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:l.O.componentName,property:l.O.cssVarList.borderStyleOverride},itemBorderColor:{selector:l.O.componentName,property:l.O.cssVarList.borderColorOverride},itemBorderWidth:{selector:l.O.componentName,property:l.O.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:l.O.componentName,property:l.O.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:l.O.componentName,property:l.O.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:s.s.componentName,property:s.s.cssVarList.textAlign}]}}),(0,i.t$)({itemRenderer:({name:t,icon:e,url:n},o,i)=>`\n  <a ${n?`href="${n}" title="${n}"`:""} ${i.openInSameWindow?"":'target="_blank"'}>\n    <descope-list-item>\n    <div class="avatar-wrapper">\n      <descope-avatar\n        ${e?`img="${e}"`:""}\n        ${t?`display-name="${t}" abbr=${(0,r.ie)(t)}`:""}\n        size="${i.logoSize||i.size}"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant="${i.itemTextVariant}"\n      mode="primary"\n    >${t}</descope-text>\n    </descope-list-item>\n  </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size","open-in-same-window"]}),i.VO,i.tQ,t=>class extends t{get size(){return this.getAttribute("size")||"sm"}get itemTextVariant(){return this.getAttribute("item-text-variant")||"body1"}get logoSize(){return this.getAttribute("logo-size")}get openInSameWindow(){return"true"===this.getAttribute("open-in-same-window")}})((0,i.tz)({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:d,style:()=>`\n      :host {\n        width: 100%;\n        display: inline-flex;\n      }\n\n      descope-text::part(text-wrapper) {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n\n      descope-list-item[variant="tile"] .avatar-wrapper {\n        width: 100%;\n      }\n\n      .avatar-wrapper {\n        line-height: 0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${s.s.cssVarList.hostDirection}: var(${p.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(d,p)},53557(t,e,n){n.r(e),n.d(e,{AvatarClass:()=>m,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:p,avatar:c}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},m=(0,i.Zz)((0,o.RF)({mappings:{hostWidth:[{...d,property:"width"},{...d,property:"min-width"}],hostHeight:{...d,property:"height"},cursor:[c,d],hostDirection:{...d,property:"direction"},avatarTextColor:{...c,property:"color"},avatarBackgroundColor:{...c,property:"background-color"},editableIconColor:{...p,property:"color"},editableBorderColor:{...p,property:"border-color"},editableBackgroundColor:{...p,property:"background-color"}}}),o.VO,o.tQ)(l);n(87133),n(95260),n(37182),customElements.define(a,m)},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:()=>p});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 p=(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"},emptyStateVerticalPadding:[{selector:()=>'slot[name="empty-state"]',property:"padding-top"},{selector:()=>'slot[name="empty-state"]',property:"padding-bottom"}]}}),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)},66434(t,e,n){n.d(e,{T:()=>a,s:()=>p});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"}},p=(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-apps-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-apps-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-apps-list/src/component/AppsListClass.js","webpack://@descope/web-components-ui/../components/descope-apps-list/src/component/index.js","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-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-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  limitAbbreviation,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\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('apps-list');\n\nconst itemRenderer = ({ name, icon, url }, _, ref) => `\n  <a ${url ? `href=\"${url}\" title=\"${url}\"` : ''} ${ref.openInSameWindow ? '' : 'target=\"_blank\"'}>\n    <descope-list-item>\n    <div class=\"avatar-wrapper\">\n      <descope-avatar\n        ${icon ? `img=\"${icon}\"` : ''}\n        ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n        size=\"${ref.logoSize || ref.size}\"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant=\"${ref.itemTextVariant}\"\n      mode=\"primary\"\n    >${name}</descope-text>\n    </descope-list-item>\n  </a>\n`;\n\nconst customMixin = (superclass) =>\n  class AppsListMixinClass extends superclass {\n    // size controls both item logo size and font size\n    get size() {\n      return this.getAttribute('size') || 'sm';\n    }\n\n    get itemTextVariant() {\n      return this.getAttribute('item-text-variant') || 'body1';\n    }\n\n    get logoSize() {\n      return this.getAttribute('logo-size');\n    }\n\n    get openInSameWindow() {\n      return this.getAttribute('open-in-same-window') === 'true';\n    }\n  };\n\nexport const AppsListClass = compose(\n  createStyleMixin({\n    mappings: {\n      maxHeight: { selector: () => ':host' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      gap: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.gap,\n      },\n      maxRowItems: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.maxRowItems,\n      },\n      itemsFontWeight: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontWeightOverride,\n      },\n      itemsFontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSizeOverride,\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      itemHoverBackgroundColor: {\n        selector: `${ListItemClass.componentName}:hover`,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      backgroundColor: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.backgroundColorOverride,\n      },\n      itemBorderStyle: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderStyleOverride,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColorOverride,\n      },\n      itemBorderWidth: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderWidthOverride,\n      },\n      itemVerticalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.verticalPaddingOverride,\n      },\n      itemHorizontalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.horizontalPaddingOverride,\n      },\n      itemAlignment: [\n        { selector: () => '.avatar-wrapper', property: 'text-align' },\n        {\n          selector: TextClass.componentName,\n          property: TextClass.cssVarList.textAlign,\n        },\n      ],\n    },\n  }),\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'item-text-variant',\n      'logo-size',\n      'open-in-same-window',\n    ],\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['empty-state'],\n    wrappedEleName: 'descope-list',\n    excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],\n    componentName,\n    style: () => `\n      :host {\n        width: 100%;\n        display: inline-flex;\n      }\n\n      descope-text::part(text-wrapper) {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n\n      descope-list-item[variant=\"tile\"] .avatar-wrapper {\n        width: 100%;\n      }\n\n      .avatar-wrapper {\n        line-height: 0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${TextClass.cssVarList.hostDirection}: var(${AppsListClass.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `,\n  }),\n);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-text';\nimport { componentName, AppsListClass } from './AppsListClass';\n\ncustomElements.define(componentName, AppsListClass);\n\nexport { AppsListClass, componentName };\n","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 {\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 {\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","AppsListClass","mappings","maxHeight","selector","minHeight","hostDirection","property","gap","ListClass","cssVarList","maxRowItems","itemsFontWeight","TextClass","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","backgroundColor","itemHoverBackgroundColor","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","itemRenderer","name","icon","url","_","ref","openInSameWindow","logoSize","size","itemTextVariant","rerenderAttrsList","superclass","this","getAttribute","slots","wrappedEleName","excludeAttrsSync","style","customElements","define","RawAvatar","baseSelector","constructor","super","attachShadow","mode","innerHTML","avatarComponent","shadowRoot","querySelector","includeAttrs","mapAttrs","editableIcon","display","isEditable","host","editableBadge","avatar","AvatarClass","hostWidth","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","verticalPadding","horizontalPadding","borderColor","borderStyle","borderWidth","borderRadius","outline","maxWidth","alignItems","flexDirection","transition","RawList","observedAttributes","items","assignedElements","length","setAttribute","removeAttribute","variant","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","oldValue","newValue","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","RawText","hideWhenEmpty","hasChildren","childNodes","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","triggers","attr","value"],"sourceRoot":""}
+{"version":3,"file":"descope-apps-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-apps-list/src/component/AppsListClass.js","webpack://@descope/web-components-ui/../components/descope-apps-list/src/component/index.js","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-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-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/index.js"],"sourcesContent":["import { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  limitAbbreviation,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\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('apps-list');\n\nconst itemRenderer = ({ name, icon, url }, _, ref) => `\n  <a ${url ? `href=\"${url}\" title=\"${url}\"` : ''} ${ref.openInSameWindow ? '' : 'target=\"_blank\"'}>\n    <descope-list-item>\n    <div class=\"avatar-wrapper\">\n      <descope-avatar\n        ${icon ? `img=\"${icon}\"` : ''}\n        ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n        size=\"${ref.logoSize || ref.size}\"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant=\"${ref.itemTextVariant}\"\n      mode=\"primary\"\n    >${name}</descope-text>\n    </descope-list-item>\n  </a>\n`;\n\nconst customMixin = (superclass) =>\n  class AppsListMixinClass extends superclass {\n    // size controls both item logo size and font size\n    get size() {\n      return this.getAttribute('size') || 'sm';\n    }\n\n    get itemTextVariant() {\n      return this.getAttribute('item-text-variant') || 'body1';\n    }\n\n    get logoSize() {\n      return this.getAttribute('logo-size');\n    }\n\n    get openInSameWindow() {\n      return this.getAttribute('open-in-same-window') === 'true';\n    }\n  };\n\nexport const AppsListClass = compose(\n  createStyleMixin({\n    mappings: {\n      maxHeight: { selector: () => ':host' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      gap: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.gap,\n      },\n      maxRowItems: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.maxRowItems,\n      },\n      itemsFontWeight: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontWeightOverride,\n      },\n      itemsFontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSizeOverride,\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      itemHoverBackgroundColor: {\n        selector: `${ListItemClass.componentName}:hover`,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      backgroundColor: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.backgroundColorOverride,\n      },\n      itemBorderStyle: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderStyleOverride,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColorOverride,\n      },\n      itemBorderWidth: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderWidthOverride,\n      },\n      itemVerticalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.verticalPaddingOverride,\n      },\n      itemHorizontalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.horizontalPaddingOverride,\n      },\n      itemAlignment: [\n        { selector: () => '.avatar-wrapper', property: 'text-align' },\n        {\n          selector: TextClass.componentName,\n          property: TextClass.cssVarList.textAlign,\n        },\n      ],\n    },\n  }),\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'item-text-variant',\n      'logo-size',\n      'open-in-same-window',\n    ],\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['empty-state'],\n    wrappedEleName: 'descope-list',\n    excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],\n    componentName,\n    style: () => `\n      :host {\n        width: 100%;\n        display: inline-flex;\n      }\n\n      descope-text::part(text-wrapper) {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n\n      descope-list-item[variant=\"tile\"] .avatar-wrapper {\n        width: 100%;\n      }\n\n      .avatar-wrapper {\n        line-height: 0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${TextClass.cssVarList.hostDirection}: var(${AppsListClass.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `,\n  }),\n);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-text';\nimport { componentName, AppsListClass } from './AppsListClass';\n\ncustomElements.define(componentName, AppsListClass);\n\nexport { AppsListClass, componentName };\n","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 {\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      // allow overriding empty state height and padding from parent list components:\n      emptyStateVerticalPadding: [\n        {\n          selector: () => 'slot[name=\"empty-state\"]',\n          property: 'padding-top',\n        },\n        {\n          selector: () => 'slot[name=\"empty-state\"]',\n          property: 'padding-bottom',\n        },\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 {\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","AppsListClass","mappings","maxHeight","selector","minHeight","hostDirection","property","gap","ListClass","cssVarList","maxRowItems","itemsFontWeight","TextClass","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","backgroundColor","itemHoverBackgroundColor","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","itemRenderer","name","icon","url","_","ref","openInSameWindow","logoSize","size","itemTextVariant","rerenderAttrsList","superclass","this","getAttribute","slots","wrappedEleName","excludeAttrsSync","style","customElements","define","RawAvatar","baseSelector","constructor","super","attachShadow","mode","innerHTML","avatarComponent","shadowRoot","querySelector","includeAttrs","mapAttrs","editableIcon","display","isEditable","host","editableBadge","avatar","AvatarClass","hostWidth","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","verticalPadding","horizontalPadding","borderColor","borderStyle","borderWidth","borderRadius","outline","maxWidth","alignItems","flexDirection","transition","RawList","observedAttributes","items","assignedElements","length","setAttribute","removeAttribute","variant","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","oldValue","newValue","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","RawText","hideWhenEmpty","hasChildren","childNodes","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","triggers","attr","value"],"sourceRoot":""}

package/dist/umd/descope-list.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,4551],{93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),s=n(25964),i=n(72270);const a=(0,s.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,s.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,i.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:()=>p});var o=n(88961),r=n(63200),s=n(25964),i=n(93895),a=n(72270);const l=(0,s.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,s.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!==i.O.componentName&&(e=t.querySelector(i.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.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 p=(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)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,4551],{93895(t,e,n){n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),s=n(25964),i=n(72270);const a=(0,s.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,s.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,i.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:()=>p});var o=n(88961),r=n(63200),s=n(25964),i=n(93895),a=n(72270);const l=(0,s.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,s.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!==i.O.componentName&&(e=t.querySelector(i.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.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 p=(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"},emptyStateVerticalPadding:[{selector:()=>'slot[name="empty-state"]',property:"padding-top"},{selector:()=>'slot[name="empty-state"]',property:"padding-bottom"}]}}),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)}}]);
 //# sourceMappingURL=descope-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-list.js","mappings":"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","sources":["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"],"sourcesContent":["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"],"names":["componentName","ListItemClass","mappings","verticalPadding","property","horizontalPadding","backgroundColor","borderColor","borderStyle","borderWidth","borderRadius","outline","cursor","gap","maxWidth","selector","alignItems","flexDirection","transition","superclass","constructor","super","this","attachShadow","mode","innerHTML","baseSelector","customElements","define","RawList","observedAttributes","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","hostWidth","maxHeight","minHeight","hostDirection","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily"],"sourceRoot":""}
+{"version":3,"file":"descope-list.js","mappings":"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","sources":["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"],"sourcesContent":["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      // allow overriding empty state height and padding from parent list components:\n      emptyStateVerticalPadding: [\n        {\n          selector: () => 'slot[name=\"empty-state\"]',\n          property: 'padding-top',\n        },\n        {\n          selector: () => 'slot[name=\"empty-state\"]',\n          property: 'padding-bottom',\n        },\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"],"names":["componentName","ListItemClass","mappings","verticalPadding","property","horizontalPadding","backgroundColor","borderColor","borderStyle","borderWidth","borderRadius","outline","cursor","gap","maxWidth","selector","alignItems","flexDirection","transition","superclass","constructor","super","this","attachShadow","mode","innerHTML","baseSelector","customElements","define","RawList","observedAttributes","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","hostWidth","maxHeight","minHeight","hostDirection","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding"],"sourceRoot":""}

package/dist/umd/descope-multi-sso.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-multi-sso.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4188,4551,5087,6724,9536],{77888(t,e,o){o.d(e,{T:()=>s,e:()=>d});var n=o(88961),r=o(72270),i=o(25964),a=o(63200);const s=(0,i.xE)("badge");class l extends((0,r.qu)({componentName:s,baseSelector:":host > div"})){static get observedAttributes(){return["data-attachment-size","shrink-to-indicator-threshold"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,i.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),"data-attachment-size"===t&&e!==o&&this.#t(o)}}const d=(0,a.Zz)((0,n.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),n.VO,n.tQ)(l)},11065(t,e,o){o.r(e),o.d(e,{BadgeClass:()=>n.e,componentName:()=>n.T});var n=o(77888);customElements.define(n.T,n.e)},19624(t,e,o){o.d(e,{J:()=>u,T:()=>l});var n=o(63200),r=o(25964),i=o(88961),a=o(98538),s=o(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 u=(0,n.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-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:a.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"}]}}),s.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:m,fontSize:b}=u.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(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,o){o.d(e,{G:()=>n});const n=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>n.J,componentName:()=>n.T});var n=o(19624);o(83799),customElements.define(n.T,n.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var n=o(88961),r=o(25964),i=o(8512),a=o(63200);const s=(0,r.xE)("icon"),l=(0,a.Zz)((0,n.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),n.VO,n.tQ)((0,n.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},56737(t,e,o){o.r(e),o.d(e,{IconClass:()=>n.S,componentName:()=>n.T}),o(53455);var n=o(98538);customElements.define(n.T,n.S)},8512(t,e,o){o.d(e,{T:()=>l,q:()=>p});var n=o(88961),r=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.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,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.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,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,n.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),n.VO,n.tQ)(c)},18782(t,e,o){o.d(e,{m:()=>i});var n=o(25414);const r=t=>{const e=n.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=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),n=await e.text();o=r(n)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},53455(t,e,o){o.r(e),o.d(e,{ImageClass:()=>n.q,componentName:()=>n.T});var n=o(8512);customElements.define(n.T,n.q)},93895(t,e,o){o.d(e,{O:()=>l,T:()=>s});var n=o(88961),r=o(63200),i=o(25964),a=o(72270);const s=(0,i.xE)("list-item"),l=(0,r.Zz)((0,n.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:{}}}),n.VO,n.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)}},n.y)((0,a.qu)({componentName:s,baseSelector:"slot"}))},24542(t,e,o){o.r(e),o.d(e,{ListItemClass:()=>n.O,componentName:()=>n.T});var n=o(93895);customElements.define(n.T,n.O)},7720(t,e,o){o.d(e,{T:()=>l,x:()=>c});var n=o(88961),r=o(63200),i=o(25964),a=o(93895),s=o(72270);const l=(0,i.xE)("list");class d extends((0,s.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()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#o(){this.items.forEach(t=>{let e=t;e.localName!==a.O.componentName&&(e=t.querySelector(a.O.componentName));const o="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",o)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#e(),this.#o(),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,o){super.attributeChangedCallback?.(t,e,o),o!==e&&("variant"===t?this.#o():"readonly"===t&&this.#n())}}const c=(0,r.Zz)((0,n.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"}}}),n.VO,n.tQ)(d)},45400(t,e,o){o.r(e),o.d(e,{ListClass:()=>n.x,componentName:()=>n.T}),o(24542);var n=o(7720);customElements.define(n.T,n.x)},91779(t,e,o){o.r(e),o.d(e,{MultiSsoClass:()=>y,componentName:()=>u}),o(45400),o(24542),o(63595),o(56737),o(30576),o(11065);var n=o(63200),r=o(25964),i=o(88961),a=o(72270),s=o(19624),l=o(7720),d=o(98538),c=o(93895),p=o(77888),h=o(66434);const u=(0,r.xE)("multi-sso"),m=({id:t,name:e,isDefault:o,link:n,authType:i},a,s)=>{const l=!o&&s?.allowDelete?`<span\n          class="delete-btn delete-icon"\n          data-action="delete"\n          role="button"\n          tabindex="0"\n          title="${s.deleteTooltipLabel}"\n        ></span>`:"",d=n&&s?.allowConfigure?`<a\n          class="external-link external-link-icon"\n          target="_blank"\n          rel="noopener noreferrer"\n          title="${s.configureTooltipLabel}"\n        ></a>`:"",{label:c,configured:p}=(t=>t&&"none"!==t?{label:t.toUpperCase(),configured:!0}:{label:"Not Configured",configured:!1})(i),h=p?'<div class="auth-type-row">\n        <descope-badge class="auth-type-badge" size="xs"></descope-badge>\n      </div>':`<div class="auth-type-row">\n        <descope-text\n          not-configured\n          variant="body2"\n          mode="secondary"\n        >${s?.notConfiguredLabel}</descope-text>\n      </div>`,u=document.createElement("template");u.innerHTML=`\n    <descope-list-item>\n      <div class="content">\n        <div class="top-row">\n          <descope-text\n            class="config-name"\n            variant="body1"\n            mode="primary"\n          ></descope-text>\n          <span class="action">\n            ${l}\n            ${d}\n          </span>\n        </div>\n        ${h}\n      </div>\n    </descope-list-item>\n  `,u.content.querySelector(".config-name").textContent=e;const m=u.content.querySelector(".delete-btn");if(m){m.dataset.id=t,m.dataset.name=e,m.setAttribute("aria-label",s.deleteTooltipLabel);const o=(0,r.I7)(s,"delete-icon");o&&m.append(o)}const b=u.content.querySelector(".external-link");if(b){b.setAttribute("aria-label",s.configureTooltipLabel),n&&b.setAttribute("href",n);const t=(0,r.I7)(s,"external-link-icon");t&&b.append(t)}const g=u.content.querySelector(".auth-type-badge");return g&&(g.textContent=c),u},b=(0,a.qu)({componentName:u,baseSelector:"span.wrapper"}),{host:g}={host:{selector:()=>":host"}},y=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:{...g,property:"width"},hostMinWidth:{...g,property:"min-width"},hostDirection:[{...g,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],headerGap:{selector:()=>".header",property:"gap"},headerListGap:{selector:()=>"descope-list",property:"margin-top"},itemContentGap:{selector:()=>".content",property:"gap"},actionGap:{selector:()=>".action",property:"gap"},unconfiguredAuthTypeTextColor:{selector:()=>"[not-configured]",property:h.s.cssVarList.textColor},unconfiguredAuthTypeTextFontStyle:{selector:()=>"[not-configured]",property:"font-style"},buttonMaxWidth:{selector:s.J.componentName,property:s.J.cssVarList.hostMaxWidth},listItemsGap:{property:l.x.cssVarList.gap},listBackgroundColor:{selector:()=>l.x.componentName,property:l.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>l.x.componentName,property:l.x.cssVarList.boxShadow},listPadding:[{selector:()=>l.x.componentName,property:l.x.cssVarList.verticalPadding},{selector:()=>l.x.componentName,property:l.x.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:c.O.componentName,property:c.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:c.O.componentName,property:c.O.cssVarList.horizontalPadding},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},itemBorderRadius:{selector:c.O.componentName,property:c.O.cssVarList.borderRadius},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},badgeBorderColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderColor},badgeTextColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.textColor},badgeBackgroundColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderRadius},titleIconSize:[{selector:()=>'::slotted([slot="title-icon"])',property:"width"},{selector:()=>'::slotted([slot="title-icon"])',property:"height"}],createButtonIconSize:[{selector:()=>'::slotted([slot="create-button-icon"])',property:"width"},{selector:()=>'::slotted([slot="create-button-icon"])',property:"height"}],actionIconSize:[{selector:()=>".delete-icon",property:"width"},{selector:()=>".delete-icon",property:"height"},{selector:()=>".external-link-icon",property:"width"},{selector:()=>".external-link-icon",property:"height"}],actionIconColor:[{selector:()=>".delete-icon",property:d.S.cssVarList.fill},{selector:()=>".external-link-icon",property:d.S.cssVarList.fill}]}}),i.VO,(0,i.t$)({targetSelector:"descope-list",itemRenderer:m,rerenderAttrsList:["allow-delete","allow-configure","not-configured-label","delete-tooltip-label","configure-tooltip-label"]}),i.tQ)(class extends b{static get observedAttributes(){return["label","create-button-label","not-configured-label","delete-tooltip-label","configure-tooltip-label","empty"].concat(super.observedAttributes)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <span class="wrapper">\n      <div class="header">\n        <slot name="title-icon"></slot>\n        <descope-text class="title" variant="body1" mode="primary"></descope-text>\n        <descope-button\n          class="create-button"\n          size="sm"\n          variant="link"\n          mode="primary"\n          data-action="create"\n        >\n          <slot name="create-button-icon" slot="prefix"></slot>\n          <span class="create-button-label"></span>\n        </descope-button>\n      </div>\n      <descope-list></descope-list>\n      <slot name="delete-icon" class="hidden"></slot>\n      <slot name="external-link-icon" class="hidden"></slot>\n      </span>\n    ',this.listEl=this.shadowRoot.querySelector("descope-list"),this.deleteIconSlot=this.shadowRoot.querySelector('slot[name="delete-icon"]'),this.externalLinkIconSlot=this.shadowRoot.querySelector('slot[name="external-link-icon"]'),(0,r.fz)('\n      :host {\n        display: inline-block;\n      }\n\n      :host(:not([allow-create="true"])) .create-button {\n        display: none;\n      }\n\n      .create-button {\n        min-width: 0;\n        flex-shrink:1;\n      }\n\n      .header {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      slot[name="title-icon"] {\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .title {\n        flex: 1;\n        min-width: 0;\n        width:0;\n        flex-shrink: 0;\n\n      }\n\n      .title::part(text-wrapper) {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n      }\n\n      .top-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        min-width: 0;\n      }\n\n      .config-name {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n      }\n\n      .config-name::part(text-wrapper) {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .auth-type-row {\n        display: flex;\n        align-items: center;\n      }\n\n      .action {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .delete-btn {\n        cursor: pointer;\n        display: flex;\n      }\n\n      .delete-icon > *,\n      .external-link-icon > * {\n        width: 100%;\n        height: 100%;\n      }\n\n      .external-link {\n        cursor: pointer;\n        color: inherit;\n        display: flex;\n      }\n\n      descope-text {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n      }\n      ',this)}get deleteTooltipLabel(){return this.getAttribute("delete-tooltip-label")??""}get configureTooltipLabel(){return this.getAttribute("configure-tooltip-label")??""}init(){super.init?.(),this.shadowRoot.querySelector(".title").textContent=this.label,this.shadowRoot.querySelector(".create-button-label").textContent=this.createButtonLabel,this.listEl.itemRenderer=(t,e)=>m(t,0,this),this.shadowRoot.querySelector('[data-action="create"]').addEventListener("click",this.onCreateClick.bind(this)),this.listEl.addEventListener("click",this.onItemClick.bind(this)),(0,r.EA)(this.listEl,this,{includeAttrs:["empty"]});const t=()=>{this.data&&(this.data=[...this.data])};this.deleteIconSlot.addEventListener("slotchange",t),this.externalLinkIconSlot.addEventListener("slotchange",t)}onCreateClick(){this.dispatchEvent(new CustomEvent("create-clicked",{bubbles:!0,detail:{}}))}onItemClick(t){const e=t.target.closest('[data-action="delete"]');if(!e)return;const o=e.getAttribute("data-id"),n=e.getAttribute("data-name");o&&this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,detail:{id:o,name:n}}))}get allowCreate(){return"true"===this.getAttribute("allow-create")}get allowDelete(){return"true"===this.getAttribute("allow-delete")}get allowConfigure(){return"true"===this.getAttribute("allow-configure")}get label(){return this.getAttribute("label")}get createButtonLabel(){return this.getAttribute("create-button-label")}get notConfiguredLabel(){return this.getAttribute("not-configured-label")||"Not Configured"}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback?.(t,e,o),e!==o)if("label"===t){const t=this.shadowRoot?.querySelector(".title");t&&(t.textContent=this.label)}else if("create-button-label"===t){const t=this.shadowRoot?.querySelector(".create-button-label");t&&(t.textContent=this.createButtonLabel)}else"empty"===t&&this.listEl.classList.toggle("hidden","true"===o)}});customElements.define(u,y)},66434(t,e,o){o.d(e,{T:()=>s,s:()=>c});var n=o(88961),r=o(63200),i=o(25964),a=o(72270);const s=(0,i.xE)("text");class l extends((0,a.qu)({componentName:s,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,n.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,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(l)},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)},89389(t,e,o){o.d(e,{$:()=>m});var n=o(13256),r=o(55774),i=o(82901),a=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,1202,2294,4188,4551,5087,6724,9536],{77888(t,e,o){o.d(e,{T:()=>s,e:()=>d});var n=o(88961),r=o(72270),i=o(25964),a=o(63200);const s=(0,i.xE)("badge");class l extends((0,r.qu)({componentName:s,baseSelector:":host > div"})){static get observedAttributes(){return["data-attachment-size","shrink-to-indicator-threshold"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<div>\n      <slot></slot>\n\t\t</div>\n\t\t",(0,i.fz)("\n      :host {\n        display: inline-flex;\n      }\n      :host > div {\n        position: relative;\n        width: 100%;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n      ",this)}get shrinkToIndicatorThreshold(){return this.getAttribute("shrink-to-indicator-threshold")||65}#t(t){this.toggleAttribute("shrink-to-indicator",parseFloat(t)<this.shrinkToIndicatorThreshold)}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),"data-attachment-size"===t&&e!==o&&this.#t(o)}}const d=(0,a.Zz)((0,n.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"}],hostHeight:[{selector:()=>":host",property:"height"}],hostDirection:{property:"direction"},fontFamily:{},fontSize:{},fontWeight:{},textTransform:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],borderWidth:{},borderStyle:{},borderColor:{},borderRadius:{},backgroundColor:{},textColor:{property:"color"},textAlign:{},boxShadow:{},textIndent:{}}}),n.VO,n.tQ)(l)},11065(t,e,o){o.r(e),o.d(e,{BadgeClass:()=>n.e,componentName:()=>n.T});var n=o(77888);customElements.define(n.T,n.e)},19624(t,e,o){o.d(e,{J:()=>u,T:()=>l});var n=o(63200),r=o(25964),i=o(88961),a=o(98538),s=o(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 u=(0,n.Zz)((0,i.DM)({triggers:[{attr:"full-width",value:"true"}]}),(0,i.RF)({mappings:{hostWidth:{property:"width"},hostMaxWidth:{...d,property:"max-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:a.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"}]}}),s.G,i.VO,i.tQ)((0,i.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${h}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex","class","style"],componentName:l})),{color:m,fontSize:b}=u.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(${m});\n\t\ttop: calc(50% - (var(${b}) / 2));\n\t\tleft: calc(50% - (var(${b}) / 2));\n\t\tborder-width: calc(var(${b}) / 10);\n\t\twidth: var(${b});\n\t\theight: var(${b});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"]) ::part(prefix),\n\t:host([loading="true"]) ::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767(t,e,o){o.d(e,{G:()=>n});const n=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576(t,e,o){o.r(e),o.d(e,{ButtonClass:()=>n.J,componentName:()=>n.T});var n=o(19624);o(83799),customElements.define(n.T,n.J)},98538(t,e,o){o.d(e,{S:()=>l,T:()=>s});var n=o(88961),r=o(25964),i=o(8512),a=o(63200);const s=(0,r.xE)("icon"),l=(0,a.Zz)((0,n.RF)({mappings:{fill:[{},{property:i.q.cssVarList.fill}],height:{selector:()=>":host"},width:{selector:()=>":host"}}}),n.VO,n.tQ)((0,n.tz)({slots:[],wrappedEleName:"descope-image",style:()=>"\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        max-height: 100%;\n      }\n      ",excludeAttrsSync:["tabindex","class","style","st-height","st-width"],componentName:s}))},56737(t,e,o){o.r(e),o.d(e,{IconClass:()=>n.S,componentName:()=>n.T}),o(53455);var n=o(98538);customElements.define(n.T,n.S)},8512(t,e,o){o.d(e,{T:()=>l,q:()=>p});var n=o(88961),r=o(72270),i=o(63200),a=o(25964),s=o(18782);const l=(0,a.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,a.fz)("\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n      :host > slot {\n        width: 100%;\n        height: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n      ::slotted(*) {\n        width: 100%;\n\t\t\t}\n\n      .hidden {\n        display: none;\n      }\n      ",this)}init(){super.init?.(),this.toggleVisibility(this.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,s.m)(this.getSrc,this.altText).then(t=>{this.innerHTML="",t&&(this.updateFillColor(t),this.appendChild(t))})}shouldRender(t){const e=this.getAttribute(t);return this.getSrc===e}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),e!==o&&this.shouldRender(t)&&this.renderImage()}}const p=(0,i.Zz)((0,n.RF)({mappings:{fill:{},height:{selector:()=>":host"},width:{selector:()=>":host"}}}),n.VO,n.tQ)(c)},18782(t,e,o){o.d(e,{m:()=>i});var n=o(25414);const r=t=>{const e=n.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["image"],FORBID_TAGS:["defs"]});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},i=async(t,e)=>{try{let o;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const e=atob(t.slice(26));o=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),n=await e.text();o=r(n)}else o=((t,e)=>{const o=document.createElement("img");return o.setAttribute("src",t),o.setAttribute("alt",e),o})(t,e);return o.style.setProperty("max-width","100%"),o.style.setProperty("max-height","100%"),o}catch{return null}}},53455(t,e,o){o.r(e),o.d(e,{ImageClass:()=>n.q,componentName:()=>n.T});var n=o(8512);customElements.define(n.T,n.q)},93895(t,e,o){o.d(e,{O:()=>l,T:()=>s});var n=o(88961),r=o(63200),i=o(25964),a=o(72270);const s=(0,i.xE)("list-item"),l=(0,r.Zz)((0,n.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:{}}}),n.VO,n.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)}},n.y)((0,a.qu)({componentName:s,baseSelector:"slot"}))},24542(t,e,o){o.r(e),o.d(e,{ListItemClass:()=>n.O,componentName:()=>n.T});var n=o(93895);customElements.define(n.T,n.O)},7720(t,e,o){o.d(e,{T:()=>l,x:()=>c});var n=o(88961),r=o(63200),i=o(25964),a=o(93895),s=o(72270);const l=(0,i.xE)("list");class d extends((0,s.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()}#e(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#o(){this.items.forEach(t=>{let e=t;e.localName!==a.O.componentName&&(e=t.querySelector(a.O.componentName));const o="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",o)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#e(),this.#o(),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,o){super.attributeChangedCallback?.(t,e,o),o!==e&&("variant"===t?this.#o():"readonly"===t&&this.#n())}}const c=(0,r.Zz)((0,n.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"},emptyStateVerticalPadding:[{selector:()=>'slot[name="empty-state"]',property:"padding-top"},{selector:()=>'slot[name="empty-state"]',property:"padding-bottom"}]}}),n.VO,n.tQ)(d)},45400(t,e,o){o.r(e),o.d(e,{ListClass:()=>n.x,componentName:()=>n.T}),o(24542);var n=o(7720);customElements.define(n.T,n.x)},91779(t,e,o){o.r(e),o.d(e,{MultiSsoClass:()=>y,componentName:()=>u}),o(45400),o(24542),o(63595),o(56737),o(30576),o(11065);var n=o(63200),r=o(25964),i=o(88961),a=o(72270),s=o(19624),l=o(7720),d=o(98538),c=o(93895),p=o(77888),h=o(66434);const u=(0,r.xE)("multi-sso"),m=({id:t,name:e,isDefault:o,link:n,authType:i},a,s)=>{const l=!o&&s?.allowDelete?`<span\n          class="delete-btn delete-icon"\n          data-action="delete"\n          role="button"\n          tabindex="0"\n          title="${s.deleteTooltipLabel}"\n        ></span>`:"",d=n&&s?.allowConfigure?`<a\n          class="external-link external-link-icon"\n          target="_blank"\n          rel="noopener noreferrer"\n          title="${s.configureTooltipLabel}"\n        ></a>`:"",{label:c,configured:p}=(t=>t&&"none"!==t?{label:t.toUpperCase(),configured:!0}:{label:"Not Configured",configured:!1})(i),h=p?'<div class="auth-type-row">\n        <descope-badge class="auth-type-badge" size="xs"></descope-badge>\n      </div>':`<div class="auth-type-row">\n        <descope-text\n          not-configured\n          variant="body2"\n          mode="secondary"\n        >${s?.notConfiguredLabel}</descope-text>\n      </div>`,u=document.createElement("template");u.innerHTML=`\n    <descope-list-item>\n      <div class="content">\n        <div class="top-row">\n          <descope-text\n            class="config-name"\n            variant="body1"\n            mode="primary"\n          ></descope-text>\n          <span class="action">\n            ${l}\n            ${d}\n          </span>\n        </div>\n        ${h}\n      </div>\n    </descope-list-item>\n  `,u.content.querySelector(".config-name").textContent=e;const m=u.content.querySelector(".delete-btn");if(m){m.dataset.id=t,m.dataset.name=e,m.setAttribute("aria-label",s.deleteTooltipLabel);const o=(0,r.I7)(s,"delete-icon");o&&m.append(o)}const b=u.content.querySelector(".external-link");if(b){b.setAttribute("aria-label",s.configureTooltipLabel),n&&b.setAttribute("href",n);const t=(0,r.I7)(s,"external-link-icon");t&&b.append(t)}const g=u.content.querySelector(".auth-type-badge");return g&&(g.textContent=c),u},b=(0,a.qu)({componentName:u,baseSelector:"span.wrapper"}),{host:g}={host:{selector:()=>":host"}},y=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:{...g,property:"width"},hostMinWidth:{...g,property:"min-width"},hostDirection:[{...g,property:"direction"},{selector:()=>"descope-list-item",property:"direction"},{selector:()=>"descope-text",property:"direction"}],headerGap:{selector:()=>".header",property:"gap"},headerListGap:{selector:()=>"descope-list",property:"margin-top"},itemContentGap:{selector:()=>".content",property:"gap"},actionGap:{selector:()=>".action",property:"gap"},unconfiguredAuthTypeTextColor:{selector:()=>"[not-configured]",property:h.s.cssVarList.textColor},unconfiguredAuthTypeTextFontStyle:{selector:()=>"[not-configured]",property:"font-style"},buttonMaxWidth:{selector:s.J.componentName,property:s.J.cssVarList.hostMaxWidth},listItemsGap:{property:l.x.cssVarList.gap},listBackgroundColor:{selector:()=>l.x.componentName,property:l.x.cssVarList.backgroundColor},listBorderRadius:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderRadius},listBorderWidth:{selector:()=>l.x.componentName,property:l.x.cssVarList.borderWidth},listBoxShadow:{selector:()=>l.x.componentName,property:l.x.cssVarList.boxShadow},listPadding:[{selector:()=>l.x.componentName,property:l.x.cssVarList.verticalPadding},{selector:()=>l.x.componentName,property:l.x.cssVarList.horizontalPadding}],itemVerticalPadding:{selector:c.O.componentName,property:c.O.cssVarList.verticalPadding},itemHorizontalPadding:{selector:c.O.componentName,property:c.O.cssVarList.horizontalPadding},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},itemBorderRadius:{selector:c.O.componentName,property:c.O.cssVarList.borderRadius},itemBackgroundColor:{selector:c.O.componentName,property:c.O.cssVarList.backgroundColor},badgeBorderColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderColor},badgeTextColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.textColor},badgeBackgroundColor:{selector:()=>p.e.componentName,property:p.e.cssVarList.backgroundColor},badgeBorderRadius:{selector:()=>p.e.componentName,property:p.e.cssVarList.borderRadius},titleIconSize:[{selector:()=>'::slotted([slot="title-icon"])',property:"width"},{selector:()=>'::slotted([slot="title-icon"])',property:"height"}],createButtonIconSize:[{selector:()=>'::slotted([slot="create-button-icon"])',property:"width"},{selector:()=>'::slotted([slot="create-button-icon"])',property:"height"}],actionIconSize:[{selector:()=>".delete-icon",property:"width"},{selector:()=>".delete-icon",property:"height"},{selector:()=>".external-link-icon",property:"width"},{selector:()=>".external-link-icon",property:"height"}],actionIconColor:[{selector:()=>".delete-icon",property:d.S.cssVarList.fill},{selector:()=>".external-link-icon",property:d.S.cssVarList.fill}]}}),i.VO,(0,i.t$)({targetSelector:"descope-list",itemRenderer:m,rerenderAttrsList:["allow-delete","allow-configure","not-configured-label","delete-tooltip-label","configure-tooltip-label"]}),i.tQ)(class extends b{static get observedAttributes(){return["label","create-button-label","not-configured-label","delete-tooltip-label","configure-tooltip-label","empty"].concat(super.observedAttributes)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <span class="wrapper">\n      <div class="header">\n        <slot name="title-icon"></slot>\n        <descope-text class="title" variant="body1" mode="primary"></descope-text>\n        <descope-button\n          class="create-button"\n          size="sm"\n          variant="link"\n          mode="primary"\n          data-action="create"\n        >\n          <slot name="create-button-icon" slot="prefix"></slot>\n          <span class="create-button-label"></span>\n        </descope-button>\n      </div>\n      <descope-list></descope-list>\n      <slot name="delete-icon" class="hidden"></slot>\n      <slot name="external-link-icon" class="hidden"></slot>\n      </span>\n    ',this.listEl=this.shadowRoot.querySelector("descope-list"),this.deleteIconSlot=this.shadowRoot.querySelector('slot[name="delete-icon"]'),this.externalLinkIconSlot=this.shadowRoot.querySelector('slot[name="external-link-icon"]'),(0,r.fz)('\n      :host {\n        display: inline-block;\n      }\n\n      :host(:not([allow-create="true"])) .create-button {\n        display: none;\n      }\n\n      .create-button {\n        min-width: 0;\n        flex-shrink:1;\n      }\n\n      .header {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n\n      slot[name="title-icon"] {\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .title {\n        flex: 1;\n        min-width: 0;\n        width:0;\n        flex-shrink: 0;\n\n      }\n\n      .title::part(text-wrapper) {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .content {\n        display: flex;\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n      }\n\n      .top-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        min-width: 0;\n      }\n\n      .config-name {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n      }\n\n      .config-name::part(text-wrapper) {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .auth-type-row {\n        display: flex;\n        align-items: center;\n      }\n\n      .action {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n      }\n\n      .hidden {\n        display: none;\n      }\n\n      .delete-btn {\n        cursor: pointer;\n        display: flex;\n      }\n\n      .delete-icon > *,\n      .external-link-icon > * {\n        width: 100%;\n        height: 100%;\n      }\n\n      .external-link {\n        cursor: pointer;\n        color: inherit;\n        display: flex;\n      }\n\n      descope-text {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n      }\n      ',this)}get deleteTooltipLabel(){return this.getAttribute("delete-tooltip-label")??""}get configureTooltipLabel(){return this.getAttribute("configure-tooltip-label")??""}init(){super.init?.(),this.shadowRoot.querySelector(".title").textContent=this.label,this.shadowRoot.querySelector(".create-button-label").textContent=this.createButtonLabel,this.listEl.itemRenderer=(t,e)=>m(t,0,this),this.shadowRoot.querySelector('[data-action="create"]').addEventListener("click",this.onCreateClick.bind(this)),this.listEl.addEventListener("click",this.onItemClick.bind(this)),(0,r.EA)(this.listEl,this,{includeAttrs:["empty"]});const t=()=>{this.data&&(this.data=[...this.data])};this.deleteIconSlot.addEventListener("slotchange",t),this.externalLinkIconSlot.addEventListener("slotchange",t)}onCreateClick(){this.dispatchEvent(new CustomEvent("create-clicked",{bubbles:!0,detail:{}}))}onItemClick(t){const e=t.target.closest('[data-action="delete"]');if(!e)return;const o=e.getAttribute("data-id"),n=e.getAttribute("data-name");o&&this.dispatchEvent(new CustomEvent("delete-clicked",{bubbles:!0,detail:{id:o,name:n}}))}get allowCreate(){return"true"===this.getAttribute("allow-create")}get allowDelete(){return"true"===this.getAttribute("allow-delete")}get allowConfigure(){return"true"===this.getAttribute("allow-configure")}get label(){return this.getAttribute("label")}get createButtonLabel(){return this.getAttribute("create-button-label")}get notConfiguredLabel(){return this.getAttribute("not-configured-label")||"Not Configured"}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback?.(t,e,o),e!==o)if("label"===t){const t=this.shadowRoot?.querySelector(".title");t&&(t.textContent=this.label)}else if("create-button-label"===t){const t=this.shadowRoot?.querySelector(".create-button-label");t&&(t.textContent=this.createButtonLabel)}else"empty"===t&&this.listEl.classList.toggle("hidden","true"===o)}});customElements.define(u,y)},66434(t,e,o){o.d(e,{T:()=>s,s:()=>c});var n=o(88961),r=o(63200),i=o(25964),a=o(72270);const s=(0,i.xE)("text");class l extends((0,a.qu)({componentName:s,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,n.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,n.DM)({triggers:[{attr:"full-width",value:"true"}]}),n.VO,n.tQ)(l)},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)},89389(t,e,o){o.d(e,{$:()=>m});var n=o(13256),r=o(55774),i=o(82901),a=o(72562),s=o(81488),l=o(87550);const d=o(51450).AH`
   :host {
     display: inline-block;
     position: relative;