@descope/web-components-ui 3.20.3 → 3.21.0

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

@@ -1,2 +1,162 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2294,3580,4551],{47477(t,e,o){o.r(e),o.d(e,{AppsListClass:()=>c,componentName:()=>p}),o(45400),o(64309),o(63595);var n=o(63200),r=o(25964),i=o(88961),a=o(66434),s=o(7720),l=o(93895),d=o(44666);const p=(0,r.xE)("apps-list"),c=(0,n.Zz)((0,i.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:s.x.componentName,property:s.x.cssVarList.gap},maxRowItems:{selector:s.x.componentName,property:s.x.cssVarList.maxRowItems},itemsFontWeight:{selector:a.s.componentName,property:a.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:a.s.componentName,property:a.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:a.s.componentName,property:a.s.cssVarList.textAlign},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},logoBackgroundColor:{selector:d.E.componentName,property:d.E.cssVarList.avatarBackgroundColorOverride},logoTextColor:{selector:d.E.componentName,property:d.E.cssVarList.avatarTextColorOverride},itemHoverBackgroundColor:{selector:`${l.O.componentName}:hover`,property:l.O.cssVarList.backgroundColor},backgroundColor:{selector:s.x.componentName,property:s.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:a.s.componentName,property:a.s.cssVarList.textAlign}]}}),(0,i.t$)({itemRenderer:({name:t,icon:e,url:o},n,i)=>`\n  <a ${o?`href="${o}" title="${o}"`:""} ${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:p,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        ${a.s.cssVarList.hostDirection}: var(${c.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(p,c)},44666(t,e,o){o.d(e,{E:()=>m,T:()=>s});var n=o(88961),r=o(72270),i=o(63200),a=o(25964);const s=(0,a.xE)("avatar");class l extends((0,r.qu)({componentName:s,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,a.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,a.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,a.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,n.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"}}}),n.VO,n.tQ)(l)},64309(t,e,o){o.r(e),o.d(e,{AvatarClass:()=>n.E,componentName:()=>n.T});var n=o(44666);o(87133),o(95260),o(37182),customElements.define(n.T,n.E)},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:()=>p});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()}#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!==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.#t(),this.#e(),this.#o()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#o(){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.#e():"readonly"===t&&this.#o())}}const p=(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)},66434(t,e,o){o.d(e,{T:()=>s,s:()=>p});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"}},p=(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)}}]);
+/*! For license information please see descope-apps-list.js.LICENSE.txt */
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2272,2294,3580,4551],{47477(t,e,o){o.r(e),o.d(e,{AppsListClass:()=>c,componentName:()=>p}),o(45400),o(64309),o(63595);var r=o(63200),a=o(25964),i=o(88961),n=o(66434),s=o(7720),l=o(93895),d=o(44666);const p=(0,a.xE)("apps-list"),c=(0,r.Zz)((0,i.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:s.x.componentName,property:s.x.cssVarList.gap},maxRowItems:{selector:s.x.componentName,property:s.x.cssVarList.maxRowItems},itemsFontWeight:{selector:n.s.componentName,property:n.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:n.s.componentName,property:n.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:n.s.componentName,property:n.s.cssVarList.textAlign},itemBackgroundColor:{selector:l.O.componentName,property:l.O.cssVarList.backgroundColor},logoBackgroundColor:{selector:d.E.componentName,property:d.E.cssVarList.avatarBackgroundColorOverride},logoTextColor:{selector:d.E.componentName,property:d.E.cssVarList.avatarTextColorOverride},itemHoverBackgroundColor:{selector:`${l.O.componentName}:hover`,property:l.O.cssVarList.backgroundColor},backgroundColor:{selector:s.x.componentName,property:s.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:n.s.componentName,property:n.s.cssVarList.textAlign}]}}),(0,i.t$)({itemRenderer:({name:t,icon:e,url:o},r,i)=>`\n  <a ${o?`href="${o}" title="${o}"`:""} ${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,a.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:p,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        ${n.s.cssVarList.hostDirection}: var(${c.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(p,c)},44666(t,e,o){o.d(e,{E:()=>h,T:()=>s});var r=o(88961),a=o(72270),i=o(63200),n=o(25964);const s=(0,n.xE)("avatar");class l extends((0,a.qu)({componentName:s,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,n.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,n.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,n.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"}},h=(0,i.Zz)((0,r.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"}}}),r.VO,r.tQ)(l)},64309(t,e,o){o.r(e),o.d(e,{AvatarClass:()=>r.E,componentName:()=>r.T});var r=o(44666);o(87133),o(95260),o(37182),customElements.define(r.T,r.E)},93895(t,e,o){o.d(e,{O:()=>l,T:()=>s});var r=o(88961),a=o(63200),i=o(25964),n=o(72270);const s=(0,i.xE)("list-item"),l=(0,a.Zz)((0,r.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:{}}}),r.VO,r.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)}},r.y)((0,n.qu)({componentName:s,baseSelector:"slot"}))},24542(t,e,o){o.r(e),o.d(e,{ListItemClass:()=>r.O,componentName:()=>r.T});var r=o(93895);customElements.define(r.T,r.O)},7720(t,e,o){o.d(e,{T:()=>l,x:()=>p});var r=o(88961),a=o(63200),i=o(25964),n=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()}#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!==n.O.componentName&&(e=t.querySelector(n.O.componentName));const o="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",o)})}init(){super.init?.(),(0,i.Ge)(this,()=>{this.#t(),this.#e(),this.#o()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#o(){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.#e():"readonly"===t&&this.#o())}}const p=(0,a.Zz)((0,r.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"}]}}),r.VO,r.tQ)(d)},45400(t,e,o){o.r(e),o.d(e,{ListClass:()=>r.x,componentName:()=>r.T}),o(24542);var r=o(7720);customElements.define(r.T,r.x)},66434(t,e,o){o.d(e,{T:()=>s,s:()=>p});var r=o(88961),a=o(63200),i=o(25964),n=o(72270);const s=(0,i.xE)("text");class l extends((0,n.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"}},p=(0,a.Zz)((0,r.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,r.DM)({triggers:[{attr:"full-width",value:"true"}]}),r.VO,r.tQ)(l)},63595(t,e,o){o.r(e),o.d(e,{TextClass:()=>r.s,componentName:()=>r.T});var r=o(66434);customElements.define(r.T,r.s)},87133(t,e,o){o(17017),o(64511),o(42068),o(9433),o(3241),o(83315),o(88660);var r=o(87550),a=o(36411);const i=r.AH`
+  :host {
+    --vaadin-user-color-0: #df0b92;
+    --vaadin-user-color-1: #650acc;
+    --vaadin-user-color-2: #097faa;
+    --vaadin-user-color-3: #ad6200;
+    --vaadin-user-color-4: #bf16f3;
+    --vaadin-user-color-5: #084391;
+    --vaadin-user-color-6: #078836;
+  }
+
+  [theme~='dark'] {
+    --vaadin-user-color-0: #ff66c7;
+    --vaadin-user-color-1: #9d8aff;
+    --vaadin-user-color-2: #8aff66;
+    --vaadin-user-color-3: #ffbd66;
+    --vaadin-user-color-4: #dc6bff;
+    --vaadin-user-color-5: #66fffa;
+    --vaadin-user-color-6: #e6ff66;
+  }
+`;(0,a.q)("user-color-props",i),(0,r.SF)("vaadin-avatar",r.AH`
+    :host {
+      color: var(--lumo-secondary-text-color);
+      background-color: var(--lumo-contrast-10pct);
+      border-radius: 50%;
+      outline: none;
+      cursor: default;
+      user-select: none;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    :host([has-color-index]) {
+      color: var(--lumo-base-color);
+    }
+
+    :host([focus-ring]) {
+      border-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
+    }
+
+    [part='icon'],
+    [part='abbr'] {
+      fill: currentColor;
+    }
+
+    [part='abbr'] {
+      font-family: var(--lumo-font-family);
+      font-size: 2.4375em;
+      font-weight: 500;
+    }
+
+    :host([theme~='xlarge']) [part='abbr'] {
+      font-size: 2.5em;
+    }
+
+    :host([theme~='large']) [part='abbr'] {
+      font-size: 2.375em;
+    }
+
+    :host([theme~='small']) [part='abbr'] {
+      font-size: 2.75em;
+    }
+
+    :host([theme~='xsmall']) [part='abbr'] {
+      font-size: 3em;
+    }
+
+    :host([theme~='xlarge']) {
+      --vaadin-avatar-size: var(--lumo-size-xl);
+    }
+
+    :host([theme~='large']) {
+      --vaadin-avatar-size: var(--lumo-size-l);
+    }
+
+    :host([theme~='small']) {
+      --vaadin-avatar-size: var(--lumo-size-s);
+    }
+
+    :host([theme~='xsmall']) {
+      --vaadin-avatar-size: var(--lumo-size-xs);
+    }
+  `,{moduleId:"lumo-avatar"});const n=document.createElement("template");n.innerHTML=`\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-avatar-icons';\n      src: url('`+o.p+"fonts/font-1949233557.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(n.content);var s=o(13256),l=o(55774),d=o(82901),p=o(72562),c=o(81488),h=o(53149);const m=t=>class extends((0,h.y)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map(t=>t.charAt(0)).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},b=r.AH`
+  :host {
+    display: inline-block;
+    flex: none;
+    border-radius: 50%;
+    overflow: hidden;
+    height: var(--vaadin-avatar-size, 64px);
+    width: var(--vaadin-avatar-size, 64px);
+    border: var(--vaadin-avatar-outline-width) solid transparent;
+    margin: calc(var(--vaadin-avatar-outline-width) * -1);
+    background-clip: content-box;
+    --vaadin-avatar-outline-width: var(--vaadin-focus-ring-width, 2px);
+  }
+
+  img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+
+  [part='icon'] {
+    font-size: 5.6em;
+  }
+
+  [part='abbr'] {
+    font-size: 2.2em;
+  }
+
+  [part='icon'] > text {
+    font-family: 'vaadin-avatar-icons';
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  svg[hidden] {
+    display: none !important;
+  }
+
+  :host([has-color-index]) {
+    position: relative;
+    background-color: var(--vaadin-avatar-user-color);
+  }
+
+  :host([has-color-index])::before {
+    position: absolute;
+    content: '';
+    inset: 0;
+    border-radius: inherit;
+    box-shadow: inset 0 0 0 2px var(--vaadin-avatar-user-color);
+  }
+`;(0,r.SF)("vaadin-avatar",b,{moduleId:"vaadin-avatar-styles"});class u extends(m((0,p.q)((0,r.cp)((0,l.w)(s.Pu))))){static get template(){return s.qy`
+      <img hidden$="[[!__imgVisible]]" src$="[[img]]" aria-hidden="true" on-error="__onImageLoadError" />
+      <svg
+        part="icon"
+        hidden$="[[!__iconVisible]]"
+        id="avatar-icon"
+        viewBox="-50 -50 100 100"
+        preserveAspectRatio="xMidYMid meet"
+        aria-hidden="true"
+      >
+        <text dy=".35em" text-anchor="middle">&#xea01;</text>
+      </svg>
+      <svg
+        part="abbr"
+        hidden$="[[!__abbrVisible]]"
+        id="avatar-abbr"
+        viewBox="-50 -50 100 100"
+        preserveAspectRatio="xMidYMid meet"
+        aria-hidden="true"
+      >
+        <text dy=".35em" text-anchor="middle">[[abbr]]</text>
+      </svg>
+
+      <slot name="tooltip"></slot>
+    `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new c.I(this),this.addController(this._tooltipController)}}(0,d.X)(u)},21961(t,e,o){o.d(e,{C:()=>i});var r=o(98741);const a=new WeakMap,i=(0,r.y)(t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return a.has(t)||a.set(t,new Set),a.get(t)}(t);this.slotStyles.forEach(o=>{e.has(o)||(function(t,e){const o=document.createElement("style");window.DESCOPE_NONCE&&o.setAttribute("nonce",window.DESCOPE_NONCE),o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))})}})}}]);
 //# sourceMappingURL=descope-apps-list.js.map

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * @license
+ * Copyright (c) 2020 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */

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

@@ -1 +1 @@
-{"version":3,"file":"descope-apps-list.js","mappings":"uTAiBO,MAAAA,GAAsB,EAAAC,EAAAC,IAAgB,aAwCtCC,GAAsB,EAAAC,EAAAC,KAC3B,EAAAC,EAAAC,IAAgB,CAClBC,SAAA,CACAC,UAAA,CAAmBC,SAAA,aACnBC,UAAA,CAAmBD,SAAA,aACnBE,cAAA,CAAuBF,SAAA,YAAAG,SAAA,aACvBC,IAAA,CACAJ,SAAkBK,EAAAC,EAAShB,cAC3Ba,SAAkBE,EAAAC,EAASC,WAAAH,KAE3BI,YAAA,CACAR,SAAkBK,EAAAC,EAAShB,cAC3Ba,SAAkBE,EAAAC,EAASC,WAAAC,aAE3BC,gBAAA,CACAT,SAAkBU,EAAAC,EAASrB,cAC3Ba,SAAkBO,EAAAC,EAASJ,WAAAK,oBAE3BC,cAAA,CACAb,SAAkBU,EAAAC,EAASrB,cAC3Ba,SAAkBO,EAAAC,EAASJ,WAAAO,kBAE3BC,eAAA,CACAf,SAAkBU,EAAAC,EAASrB,cAC3Ba,SAAkBO,EAAAC,EAASJ,WAAAS,WAE3BC,oBAAA,CACAjB,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAAa,iBAE/BC,oBAAA,CACArB,SAAkBsB,EAAAC,EAAWjC,cAC7Ba,SAAkBmB,EAAAC,EAAWhB,WAAAiB,+BAE7BC,cAAA,CACAzB,SAAkBsB,EAAAC,EAAWjC,cAC7Ba,SAAkBmB,EAAAC,EAAWhB,WAAAmB,yBAE7BC,yBAAA,CACA3B,SAAA,GAAqBkB,EAAAC,EAAa7B,sBAClCa,SAAkBe,EAAAC,EAAaZ,WAAAa,iBAE/BA,gBAAA,CACApB,SAAkBK,EAAAC,EAAShB,cAC3Ba,SAAkBE,EAAAC,EAASC,WAAAqB,yBAE3BC,gBAAA,CACA7B,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAAuB,qBAE/BC,gBAAA,CACA/B,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAAyB,qBAE/BC,gBAAA,CACAjC,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAA2B,qBAE/BC,oBAAA,CACAnC,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAA6B,yBAE/BC,sBAAA,CACArC,SAAkBkB,EAAAC,EAAa7B,cAC/Ba,SAAkBe,EAAAC,EAAaZ,WAAA+B,2BAE/BC,cAAA,CACA,CAAUvC,SAAA,sBAAAG,SAAA,cACV,CACAH,SAAoBU,EAAAC,EAASrB,cAC7Ba,SAAoBO,EAAAC,EAASJ,WAAAS,gBAK3B,EAAApB,EAAA4C,IAAsB,CACxBC,aAlHA,EAAwBC,OAAAC,OAAAC,OAAiBC,EAAAC,IAAA,UAClCF,EAAA,SAAeA,aAAeA,KAAI,MAAWE,EAAAC,iBAAA,oHAI1CJ,EAAA,QAAeA,KAAK,eACpBD,EAAA,iBAAwBA,YAAc,EAAAnD,EAAAyD,IAAiBN,KAAO,qBACxDI,EAAAG,UAAAH,EAAAI,kFAICJ,EAAAK,gDAEVT,uDAsGPU,kBAAA,CACA,OACA,oBACA,YACA,yBAGExD,EAAAyD,GACAzD,EAAA0D,GAzGFC,GACA,cAAAA,EAEA,QAAAL,GACA,OAAAM,KAAAC,aAAA,aACA,CAEA,mBAAAN,GACA,OAAAK,KAAAC,aAAA,6BACA,CAEA,YAAAR,GACA,OAAAO,KAAAC,aAAA,YACA,CAEA,oBAAAV,GACA,eAAAS,KAAAC,aAAA,sBACA,GAG6B,EAwF3B,EAAA7D,EAAA8D,IAAW,CACbC,MAAA,gBACAC,eAAA,eACAC,iBAAA,qCACAvE,gBACAwE,MAAA,2fA0BUpD,EAAAC,EAASJ,WAAAL,sBAAkCT,EAAAc,WAAAL,oFC3KrD6D,eAAAC,OAAsB1E,EAAeG,0FCS9B,MAAAH,GAAsB,EAAA2E,EAAAzE,IAAgB,UAC7C,MAAA0E,WAAwB,EAAAC,EAAAC,IAAe,CACvC9E,gBACA+E,aAAA,sBAEA,WAAAC,GACAC,QAEAf,KAAAgB,aAAA,CAAwBC,KAAA,SAAcC,UAAA,+MASlC,EAAAT,EAAAU,IAAW,m0BAsCfnB,MAEAA,KAAAoB,gBAAApB,KAAAqB,WAAAC,cAAA,kBAEI,EAAAb,EAAAc,IAAYvB,KAAAA,KAAAoB,gBAAA,CAChBI,aAAA,8BACAC,SAAA,CAAkB,yBAGlB,MAAAC,EAAA1B,KAAAqB,WAAAC,cAAA,mBAEI,EAAAb,EAAAkB,IACJ3B,KACA,KACA0B,EAAApB,MAAAsB,QAAA5B,KAAA6B,WAAA,WAEA,CAAQL,aAAA,cAER,CAEA,cAAAK,GACA,eAAA7B,KAAAC,aAAA,WACA,EAGA,MAAA6B,KAAQA,EAAAC,cAAAA,EAAAC,OAAAA,GAA8B,CACtCF,KAAA,CAAUtF,SAAA,aACVuF,cAAA,CAAmBvF,SAAA,oBACnBwF,OAAA,CAAYxF,SAAA,kBAGLsB,GAAoB,EAAAmE,EAAA9F,KACzB,EAAA+F,EAAA7F,IAAgB,CAClBC,SAAA,CACA6F,UAAA,CACA,IAAUL,EAAAnF,SAAA,SACV,IAAUmF,EAAAnF,SAAA,cAEVyF,WAAA,IAAoBN,EAAAnF,SAAA,UACpB0F,OAAA,CAAAL,EAAAF,GACApF,cAAA,IAAuBoF,EAAAnF,SAAA,aACvB2F,gBAAA,IAAyBN,EAAArF,SAAA,SACzB4F,sBAAA,IAA+BP,EAAArF,SAAA,oBAC/B6F,kBAAA,IAA2BT,EAAApF,SAAA,SAC3B8F,oBAAA,IAA6BV,EAAApF,SAAA,gBAC7B+F,wBAAA,IACAX,EACApF,SAAA,uBAIEuF,EAAArC,GACAqC,EAAApC,GArByB,CAsB3BY,qHCrHAH,eAAAC,OAAsBmC,EAAAC,EAAeD,EAAA5E,0FCM9B,MAAAjC,GAAsB,EAAA+G,EAAA7G,IAAgB,aA4BtC0B,GAAsB,EAAAoF,EAAA3G,KAC3B,EAAA+F,EAAA7F,IAAgB,CAClBC,SAAA,CACAyG,gBAAA,CACA,CAAUpG,SAAA,eACV,CAAUA,SAAA,mBAEVqG,kBAAA,CACA,CAAUrG,SAAA,gBACV,CAAUA,SAAA,kBAEViB,gBAAA,GACAqF,YAAA,GACAC,YAAA,GACAC,YAAA,GACAC,aAAA,GACAC,QAAA,GACAhB,OAAA,GACAzF,IAAA,GACA0G,SAAA,CAAkB9G,SAAA,aAClB+G,WAAA,GACAC,cAAA,GACAC,WAAA,MAGEvB,EAAArC,GACAqC,EAAApC,GApDFC,GACA,cAAAA,EACA,WAAAe,GACAC,QAEAf,KAAAgB,aAAA,CAA0BC,KAAA,SAAcC,UAAA,+BAIlC,EAAA2B,EAAA1B,IACN,uMAWAnB,KAEA,GA+BEkC,EAAAwB,EA5B2B,EA6B3B,EAAAC,EAAA/C,IAAe,CAAG9E,gBAAA+E,aAAA,mGClEpBN,eAAAC,OAAsBoD,EAAAhB,EAAegB,EAAAjG,oGCY9B,MAAA7B,GAAsB,EAAA+G,EAAA7G,IAAgB,QAE7C,MAAA6H,WAAsB,EAAAC,EAAAlD,IAAe,CACrC9E,gBACA+E,aAAA,cAEA,6BAAAkD,GACA,4BACA,CAEA,WAAAjD,GACAC,QAEAf,KAAAgB,aAAA,CAAwBC,KAAA,SAAcC,UAAA,gIASlC,EAAA2B,EAAA1B,IACJ,8kBA6BAnB,KAEA,CAEA,SAAAgE,GACA,OAAAhE,KAAAqB,WAAAC,cAAA,QAAA2C,kBACA,CAEA,EAAAC,GACA,IAAAlE,KAAAgE,MAAAG,OACAnE,KAAAoE,aAAA,gBAEApE,KAAAqE,gBAAA,QAEA,CAEA,WAAAC,GACA,OAAAtE,KAAAC,aAAA,kBACA,CAEA,EAAAsE,GACAvE,KAAAgE,MAAAQ,QAAAC,IACA,IAAAC,EAAAD,EACAC,EAAAC,YAAiCC,EAAAjH,EAAa7B,gBAC9C4I,EAAAD,EAAAnD,cAAsCsD,EAAAjH,EAAa7B,gBAGnD,MAAA+I,EAAA,UAAA7E,KAAAsE,QAAA,aACAI,GAAAN,aAAA,UAAAS,IAEA,CAEA,IAAAC,GACA/D,MAAA+D,UAGI,EAAAjC,EAAAkC,IAAe/E,KAAA,KACnBA,MAAAkE,IACAlE,MAAAuE,IACAvE,MAAAgF,KAEA,CAEA,cAAAC,GACA,eAAAjF,KAAAC,aAAA,WACA,CAEA,EAAA+E,GACAhF,KAAAgE,MAAAQ,QAAAC,IACAzE,KAAAiF,WAAAR,EAAAL,aAAA,YACAK,EAAAJ,gBAAA,UAEA,CAEA,wBAAAa,CAAAhG,EAAAiG,EAAAC,GACArE,MAAAmE,2BAAAhG,EAAAiG,EAAAC,GAEAA,IAAAD,IAEA,YAAAjG,EACAc,MAAAuE,IACM,aAAArF,GACNc,MAAAgF,IAEA,EAGO,MAAAnI,GAAkB,EAAAiG,EAAA3G,KACvB,EAAA+F,EAAA7F,IAAgB,CAClBC,SAAA,CACA6F,UAAA,CAAmB3F,SAAA,YAAAG,SAAA,SACnBJ,UAAA,CAAmBC,SAAA,aACnBC,UAAA,GACAsG,gBAAA,CACA,CAAUpG,SAAA,eACV,CAAUA,SAAA,mBAEVqG,kBAAA,CACA,CAAUrG,SAAA,gBACV,CAAUA,SAAA,kBAEVD,cAAA,CAAuBF,SAAA,YAAAG,SAAA,aACvB0I,WAAA,GACAzI,IAAA,GAEAgB,gBAAA,GACAwF,aAAA,GACAH,YAAA,GACAC,YAAA,GACAC,YAAA,GAEAmC,UAAA,GACAC,oBAAA,GACAC,cAAA,CACAhJ,SAAA,8BACAG,SAAA,aAEA8I,cAAA,CACAjJ,SAAA,8BACAG,SAAA,aAEAK,YAAA,CACAL,SAAA,iBAEA+I,qBAAA,CACAlJ,SAAA,mBACAG,SAAA,gBAEAgJ,oBAAA,CACAnJ,SAAA,+BACAG,SAAA,SAEAiJ,yBAAA,CACApJ,SAAA,+BACAG,SAAA,eAGAkJ,0BAAA,CACA,CACArJ,SAAA,+BACAG,SAAA,eAEA,CACAH,SAAA,+BACAG,SAAA,sBAKEuF,EAAArC,GACAqC,EAAApC,GA/DuB,CAgEzB+D,gGCjMAtD,eAAAC,OAAsBsF,EAAAlD,EAAekD,EAAAhJ,0FCU9B,MAAAhB,GAAsB,EAAA+G,EAAA7G,IAAgB,QAE7C,MAAA+J,WAAsB,EAAApC,EAAA/C,IAAe,CACrC9E,gBACA+E,aAAA,kBAEA,WAAAC,GACAC,QAEAf,KAAAgB,aAAA,CAAwBC,KAAA,SAAcC,UAAA,iDAIlC,EAAA2B,EAAA1B,IACJ,iLAUAnB,KAEA,CAEA,iBAAAgG,GACA,eAAAhG,KAAAC,aAAA,kBACA,CAEA,IAAA6E,GACA/D,MAAA+D,QAEI,EAAAjC,EAAAkC,IAAe/E,KAAA,KACnB,MAAAiG,IAAAjG,KAAAkG,WAAA/B,OACAnE,KAAAM,MAAAsB,SAAAqE,GAAAjG,KAAAgG,cAAA,WAEA,EAGA,MAAAlE,KAAQA,GAAO,CACfA,KAAA,CAAUtF,SAAA,cAGHU,GAAkB,EAAA4F,EAAA3G,KACvB,EAAA+F,EAAA7F,IAAgB,CAClBC,SAAA,CACA6F,UAAA,IAAmBL,EAAAnF,SAAA,SACnBD,cAAA,IAAuBoF,EAAAnF,SAAA,aACvBwJ,SAAA,GACAC,UAAA,EAAoBzJ,SAAA,UACpB0J,eAAA,CAAwB1J,SAAA,eACxB2J,kBAAA,CAA2B3J,SAAA,kBAC3B4J,WAAA,GACA/I,UAAA,GACAgJ,cAAA,GACAnB,WAAA,GACAoB,UAAA,GACAC,WAAA,GACAvD,YAAA,GACAD,YAAA,GACAD,YAAA,OAGE,EAAAf,EAAAyE,IAAY,CAAGC,SAAA,EAAaC,KAAA,aAAAC,MAAA,WAC5B5E,EAAArC,GACAqC,EAAApC,GAtBuB,CAuBzBiG,wFCjFAxF,eAAAC,OAAsBuG,EAAAnE,EAAemE,EAAA5J","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';\nimport { AvatarClass } from '@descope-ui/descope-avatar/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      logoBackgroundColor: {\n        selector: AvatarClass.componentName,\n        property: AvatarClass.cssVarList.avatarBackgroundColorOverride,\n      },\n      logoTextColor: {\n        selector: AvatarClass.componentName,\n        property: AvatarClass.cssVarList.avatarTextColorOverride,\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","componentsHelpers","xE","AppsListClass","utils","Zz","componentsMixins","RF","mappings","maxHeight","selector","minHeight","hostDirection","property","gap","ListClass","x","cssVarList","maxRowItems","itemsFontWeight","TextClass","s","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","O","backgroundColor","logoBackgroundColor","AvatarClass","E","avatarBackgroundColorOverride","logoTextColor","avatarTextColorOverride","itemHoverBackgroundColor","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","t$","itemRenderer","name","icon","url","_","ref","openInSameWindow","ie","logoSize","size","itemTextVariant","rerenderAttrsList","VO","tQ","superclass","this","getAttribute","tz","slots","wrappedEleName","excludeAttrsSync","style","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","RawAvatar","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","constructor","super","attachShadow","mode","innerHTML","fz","avatarComponent","shadowRoot","querySelector","EA","includeAttrs","mapAttrs","editableIcon","mx","display","isEditable","host","editableBadge","avatar","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","hostWidth","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","_AvatarClass__WEBPACK_IMPORTED_MODULE_0__","T","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","verticalPadding","horizontalPadding","borderColor","borderStyle","borderWidth","borderRadius","outline","maxWidth","alignItems","flexDirection","transition","y","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","_ListItemClass__WEBPACK_IMPORTED_MODULE_0__","RawList","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","items","assignedElements","handleEmptyState","length","setAttribute","removeAttribute","variant","handleItemsVariant","forEach","item","listItem","localName","_descope_ui_descope_list_item_class__WEBPACK_IMPORTED_MODULE_3__","listItemVariant","init","Ge","handleReadOnly","isReadOnly","attributeChangedCallback","oldValue","newValue","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","_ListClass__WEBPACK_IMPORTED_MODULE_1__","RawText","hideWhenEmpty","hasChildren","childNodes","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__"],"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","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/vaadin-lumo-styles/user-colors.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/avatar/theme/lumo/vaadin-avatar-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/avatar/src/vaadin-avatar-icons.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/avatar/src/vaadin-avatar-mixin.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/avatar/src/vaadin-avatar-styles.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/avatar/src/vaadin-avatar.js","webpack://@descope/web-components-ui/javascript/libs/webpack-extract-font-loader/node_modules/@vaadin/component-base/src/slot-styles-mixin.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';\nimport { AvatarClass } from '@descope-ui/descope-avatar/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      logoBackgroundColor: {\n        selector: AvatarClass.componentName,\n        property: AvatarClass.cssVarList.avatarBackgroundColorOverride,\n      },\n      logoTextColor: {\n        selector: AvatarClass.componentName,\n        property: AvatarClass.cssVarList.avatarTextColorOverride,\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","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './version.js';\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { addLumoGlobalStyles } from './global.js';\n\nconst userColors = css`\n  :host {\n    --vaadin-user-color-0: #df0b92;\n    --vaadin-user-color-1: #650acc;\n    --vaadin-user-color-2: #097faa;\n    --vaadin-user-color-3: #ad6200;\n    --vaadin-user-color-4: #bf16f3;\n    --vaadin-user-color-5: #084391;\n    --vaadin-user-color-6: #078836;\n  }\n\n  [theme~='dark'] {\n    --vaadin-user-color-0: #ff66c7;\n    --vaadin-user-color-1: #9d8aff;\n    --vaadin-user-color-2: #8aff66;\n    --vaadin-user-color-3: #ffbd66;\n    --vaadin-user-color-4: #dc6bff;\n    --vaadin-user-color-5: #66fffa;\n    --vaadin-user-color-6: #e6ff66;\n  }\n`;\n\naddLumoGlobalStyles('user-color-props', userColors);\nexport { userColors };\n","import '@vaadin/vaadin-lumo-styles/color.js';\nimport '@vaadin/vaadin-lumo-styles/sizing.js';\nimport '@vaadin/vaadin-lumo-styles/spacing.js';\nimport '@vaadin/vaadin-lumo-styles/style.js';\nimport '@vaadin/vaadin-lumo-styles/typography.js';\nimport '@vaadin/vaadin-lumo-styles/user-colors.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles(\n  'vaadin-avatar',\n  css`\n    :host {\n      color: var(--lumo-secondary-text-color);\n      background-color: var(--lumo-contrast-10pct);\n      border-radius: 50%;\n      outline: none;\n      cursor: default;\n      user-select: none;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    :host([has-color-index]) {\n      color: var(--lumo-base-color);\n    }\n\n    :host([focus-ring]) {\n      border-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));\n    }\n\n    [part='icon'],\n    [part='abbr'] {\n      fill: currentColor;\n    }\n\n    [part='abbr'] {\n      font-family: var(--lumo-font-family);\n      font-size: 2.4375em;\n      font-weight: 500;\n    }\n\n    :host([theme~='xlarge']) [part='abbr'] {\n      font-size: 2.5em;\n    }\n\n    :host([theme~='large']) [part='abbr'] {\n      font-size: 2.375em;\n    }\n\n    :host([theme~='small']) [part='abbr'] {\n      font-size: 2.75em;\n    }\n\n    :host([theme~='xsmall']) [part='abbr'] {\n      font-size: 3em;\n    }\n\n    :host([theme~='xlarge']) {\n      --vaadin-avatar-size: var(--lumo-size-xl);\n    }\n\n    :host([theme~='large']) {\n      --vaadin-avatar-size: var(--lumo-size-l);\n    }\n\n    :host([theme~='small']) {\n      --vaadin-avatar-size: var(--lumo-size-s);\n    }\n\n    :host([theme~='xsmall']) {\n      --vaadin-avatar-size: var(--lumo-size-xs);\n    }\n  `,\n  { moduleId: 'lumo-avatar' },\n);\n","/**\n * @license\n * Copyright (c) 2020 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nconst template = document.createElement('template');\n\ntemplate.innerHTML = `\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-avatar-icons';\n      src: url('` + __webpack_public_path__ + `fonts/font-1949233557.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n`;\n\ndocument.head.appendChild(template.content);\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';\n\n/**\n * A mixin providing common avatar functionality.\n *\n * @polymerMixin\n * @mixes FocusMixin\n */\nexport const AvatarMixin = (superClass) =>\n  class AvatarMixinClass extends FocusMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * The path to the image\n         */\n        img: {\n          type: String,\n          reflectToAttribute: true,\n          observer: '__imgChanged',\n        },\n\n        /**\n         * A shortened form of name that is displayed\n         * in the avatar when `img` is not provided.\n         */\n        abbr: {\n          type: String,\n          reflectToAttribute: true,\n        },\n\n        /**\n         * Full name of the user\n         * used for the tooltip of the avatar.\n         */\n        name: {\n          type: String,\n          reflectToAttribute: true,\n        },\n\n        /**\n         * Color index used for avatar background.\n         * @attr {number} color-index\n         */\n        colorIndex: {\n          type: Number,\n          observer: '__colorIndexChanged',\n        },\n\n        /**\n         * The object used to localize this component.\n         * To change the default localization, replace the entire\n         * _i18n_ object or just the property you want to modify.\n         *\n         * The object has the following JSON structure and default values:\n         *\n         * ```\n         * {\n         *   // Translation of the anonymous user avatar tooltip.\n         *   anonymous: 'anonymous'\n         * }\n         * ```\n         *\n         * @type {!AvatarI18n}\n         * @default {English/US}\n         */\n        i18n: {\n          type: Object,\n          value: () => {\n            return {\n              anonymous: 'anonymous',\n            };\n          },\n        },\n\n        /**\n         * When true, the avatar has tooltip shown on hover and focus.\n         * The tooltip text is based on the `name` and `abbr` properties.\n         * When neither is provided, `i18n.anonymous` is used instead.\n         * @attr {boolean} with-tooltip\n         */\n        withTooltip: {\n          type: Boolean,\n          value: false,\n          observer: '__withTooltipChanged',\n        },\n\n        /** @protected */\n        __imgVisible: Boolean,\n\n        /** @protected */\n        __iconVisible: Boolean,\n\n        /** @protected */\n        __abbrVisible: Boolean,\n\n        /** @private */\n        __tooltipNode: Object,\n      };\n    }\n\n    static get observers() {\n      return [\n        '__imgOrAbbrOrNameChanged(img, abbr, name)',\n        '__i18nChanged(i18n)',\n        '__tooltipChanged(__tooltipNode, name, abbr)',\n      ];\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.__updateVisibility();\n\n      // By default, if the user hasn't provided a custom role,\n      // the role attribute is set to \"button\".\n      if (!this.hasAttribute('role')) {\n        this.setAttribute('role', 'button');\n      }\n\n      if (!this.hasAttribute('tabindex')) {\n        this.setAttribute('tabindex', '0');\n      }\n\n      // Should set `anonymous` if name / abbr is not provided\n      if (!this.name && !this.abbr) {\n        this.__setTooltip();\n      }\n    }\n\n    /** @private */\n    __colorIndexChanged(index) {\n      if (index != null) {\n        const prop = `--vaadin-user-color-${index}`;\n\n        // Check if custom CSS property is defined\n        const isValid = Boolean(getComputedStyle(document.documentElement).getPropertyValue(prop));\n\n        if (isValid) {\n          this.setAttribute('has-color-index', '');\n          this.style.setProperty('--vaadin-avatar-user-color', `var(${prop})`);\n        } else {\n          this.removeAttribute('has-color-index');\n          console.warn(`The CSS property --vaadin-user-color-${index} is not defined`);\n        }\n      } else {\n        this.removeAttribute('has-color-index');\n      }\n    }\n\n    /** @private */\n    __imgChanged() {\n      this.__imgFailedToLoad = false;\n    }\n\n    /** @private */\n    __imgOrAbbrOrNameChanged(img, abbr, name) {\n      this.__updateVisibility();\n\n      if (abbr && abbr !== this.__generatedAbbr) {\n        return;\n      }\n\n      if (name) {\n        this.abbr = this.__generatedAbbr = name\n          .split(' ')\n          .map((word) => word.charAt(0))\n          .join('');\n      } else {\n        this.abbr = undefined;\n      }\n    }\n\n    /** @private */\n    __tooltipChanged(tooltipNode, name, abbr) {\n      if (tooltipNode) {\n        if (abbr && abbr !== this.__generatedAbbr) {\n          this.__setTooltip(name ? `${name} (${abbr})` : abbr);\n        } else {\n          this.__setTooltip(name);\n        }\n      }\n    }\n\n    /** @private */\n    __withTooltipChanged(withTooltip, oldWithTooltip) {\n      if (withTooltip) {\n        // Create and attach tooltip\n        const tooltipNode = document.createElement('vaadin-tooltip');\n        tooltipNode.setAttribute('slot', 'tooltip');\n        this.appendChild(tooltipNode);\n        this.__tooltipNode = tooltipNode;\n      } else if (oldWithTooltip) {\n        // Cleanup and detach tooltip\n        this.__tooltipNode.target = null;\n        this.__tooltipNode.remove();\n        this.__tooltipNode = null;\n      }\n    }\n\n    /** @private */\n    __i18nChanged(i18n) {\n      if (i18n && i18n.anonymous) {\n        if (this.__oldAnonymous && this.__tooltipNode && this.__tooltipNode.text === this.__oldAnonymous) {\n          this.__setTooltip();\n        }\n\n        this.__oldAnonymous = i18n.anonymous;\n      }\n    }\n\n    /** @private */\n    __updateVisibility() {\n      this.__imgVisible = !!this.img && !this.__imgFailedToLoad;\n      this.__abbrVisible = !this.__imgVisible && !!this.abbr;\n      this.__iconVisible = !this.__imgVisible && !this.abbr;\n    }\n\n    /** @private */\n    __setTooltip(tooltip) {\n      const tooltipNode = this.__tooltipNode;\n      if (tooltipNode) {\n        tooltipNode.text = tooltip || this.i18n.anonymous;\n      }\n    }\n\n    /** @protected */\n    __onImageLoadError() {\n      if (this.img) {\n        console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`);\n        this.__imgFailedToLoad = true;\n        this.__updateVisibility();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { css } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nexport const avatarStyles = css`\n  :host {\n    display: inline-block;\n    flex: none;\n    border-radius: 50%;\n    overflow: hidden;\n    height: var(--vaadin-avatar-size, 64px);\n    width: var(--vaadin-avatar-size, 64px);\n    border: var(--vaadin-avatar-outline-width) solid transparent;\n    margin: calc(var(--vaadin-avatar-outline-width) * -1);\n    background-clip: content-box;\n    --vaadin-avatar-outline-width: var(--vaadin-focus-ring-width, 2px);\n  }\n\n  img {\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n  }\n\n  [part='icon'] {\n    font-size: 5.6em;\n  }\n\n  [part='abbr'] {\n    font-size: 2.2em;\n  }\n\n  [part='icon'] > text {\n    font-family: 'vaadin-avatar-icons';\n  }\n\n  :host([hidden]) {\n    display: none !important;\n  }\n\n  svg[hidden] {\n    display: none !important;\n  }\n\n  :host([has-color-index]) {\n    position: relative;\n    background-color: var(--vaadin-avatar-user-color);\n  }\n\n  :host([has-color-index])::before {\n    position: absolute;\n    content: '';\n    inset: 0;\n    border-radius: inherit;\n    box-shadow: inset 0 0 0 2px var(--vaadin-avatar-user-color);\n  }\n`;\n","/**\n * @license\n * Copyright (c) 2020 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './vaadin-avatar-icons.js';\nimport { html, PolymerElement } from '@polymer/polymer/polymer-element.js';\nimport { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { AvatarMixin } from './vaadin-avatar-mixin.js';\nimport { avatarStyles } from './vaadin-avatar-styles.js';\n\nregisterStyles('vaadin-avatar', avatarStyles, { moduleId: 'vaadin-avatar-styles' });\n\n/**\n * `<vaadin-avatar>` is a Web Component providing avatar displaying functionality.\n *\n * ```html\n * <vaadin-avatar img=\"avatars/avatar-1.jpg\"></vaadin-avatar>\n * ```\n *\n * ### Styling\n *\n * The following shadow DOM parts are exposed for styling:\n *\n * Part name | Description\n * --------- | ---------------\n * `abbr`    | The abbreviation element\n * `icon`    | The icon element\n *\n * The following state attributes are available for styling:\n *\n * Attribute         | Description\n * ------------------|-------------\n * `focus-ring`      | Set when the avatar is focused using the keyboard.\n * `focused`         | Set when the avatar is focused.\n * `has-color-index` | Set when the avatar has `colorIndex` and the corresponding custom CSS property exists.\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes AvatarMixin\n * @mixes ControllerMixin\n * @mixes ElementMixin\n * @mixes ThemableMixin\n */\nclass Avatar extends AvatarMixin(ElementMixin(ThemableMixin(ControllerMixin(PolymerElement)))) {\n  static get template() {\n    return html`\n      <img hidden$=\"[[!__imgVisible]]\" src$=\"[[img]]\" aria-hidden=\"true\" on-error=\"__onImageLoadError\" />\n      <svg\n        part=\"icon\"\n        hidden$=\"[[!__iconVisible]]\"\n        id=\"avatar-icon\"\n        viewBox=\"-50 -50 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        aria-hidden=\"true\"\n      >\n        <text dy=\".35em\" text-anchor=\"middle\">&#xea01;</text>\n      </svg>\n      <svg\n        part=\"abbr\"\n        hidden$=\"[[!__abbrVisible]]\"\n        id=\"avatar-abbr\"\n        viewBox=\"-50 -50 100 100\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        aria-hidden=\"true\"\n      >\n        <text dy=\".35em\" text-anchor=\"middle\">[[abbr]]</text>\n      </svg>\n\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get is() {\n    return 'vaadin-avatar';\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(Avatar);\n\nexport { Avatar };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';\n\nconst stylesMap = new WeakMap();\n\n/**\n * Get all the styles inserted into root.\n * @param {DocumentOrShadowRoot} root\n * @return {Set<string>}\n */\nfunction getRootStyles(root) {\n  if (!stylesMap.has(root)) {\n    stylesMap.set(root, new Set());\n  }\n\n  return stylesMap.get(root);\n}\n\n/**\n * Insert styles into the root.\n * @param {string} styles\n * @param {DocumentOrShadowRoot} root\n */\nfunction insertStyles(styles, root) {\n  const style = document.createElement('style');\n  if(window.DESCOPE_NONCE){\n    style.setAttribute('nonce', window.DESCOPE_NONCE);\n  }\n  style.textContent = styles;\n\n  if (root === document) {\n    document.head.appendChild(style);\n  } else {\n    root.insertBefore(style, root.firstChild);\n  }\n}\n\n/**\n * Mixin to insert styles into the outer scope to handle slotted components.\n * This is useful e.g. to hide native `<input type=\"number\">` controls.\n *\n * @polymerMixin\n */\nexport const SlotStylesMixin = dedupingMixin(\n  (superclass) =>\n    class SlotStylesMixinClass extends superclass {\n      /**\n       * List of styles to insert into root.\n       * @protected\n       */\n      get slotStyles() {\n        return {};\n      }\n\n      /** @protected */\n      connectedCallback() {\n        super.connectedCallback();\n\n        this.__applySlotStyles();\n      }\n\n      /** @private */\n      __applySlotStyles() {\n        const root = this.getRootNode();\n        const rootStyles = getRootStyles(root);\n\n        this.slotStyles.forEach((styles) => {\n          if (!rootStyles.has(styles)) {\n            insertStyles(styles, root);\n            rootStyles.add(styles);\n          }\n        });\n      }\n    },\n);\n"],"names":["componentName","componentsHelpers","xE","AppsListClass","utils","Zz","componentsMixins","RF","mappings","maxHeight","selector","minHeight","hostDirection","property","gap","ListClass","x","cssVarList","maxRowItems","itemsFontWeight","TextClass","s","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","O","backgroundColor","logoBackgroundColor","AvatarClass","E","avatarBackgroundColorOverride","logoTextColor","avatarTextColorOverride","itemHoverBackgroundColor","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","t$","itemRenderer","name","icon","url","_","ref","openInSameWindow","ie","logoSize","size","itemTextVariant","rerenderAttrsList","VO","tQ","superclass","this","getAttribute","tz","slots","wrappedEleName","excludeAttrsSync","style","customElements","define","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_3__","RawAvatar","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_1__","qu","baseSelector","constructor","super","attachShadow","mode","innerHTML","fz","avatarComponent","shadowRoot","querySelector","EA","includeAttrs","mapAttrs","editableIcon","mx","display","isEditable","host","editableBadge","avatar","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_2__","_descope_ui_common_components_mixins__WEBPACK_IMPORTED_MODULE_0__","hostWidth","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","_AvatarClass__WEBPACK_IMPORTED_MODULE_0__","T","_descope_ui_common_components_helpers__WEBPACK_IMPORTED_MODULE_2__","_descope_ui_common_utils__WEBPACK_IMPORTED_MODULE_1__","verticalPadding","horizontalPadding","borderColor","borderStyle","borderWidth","borderRadius","outline","maxWidth","alignItems","flexDirection","transition","y","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_3__","_ListItemClass__WEBPACK_IMPORTED_MODULE_0__","RawList","_descope_ui_common_base_classes__WEBPACK_IMPORTED_MODULE_4__","observedAttributes","items","assignedElements","handleEmptyState","length","setAttribute","removeAttribute","variant","handleItemsVariant","forEach","item","listItem","localName","_descope_ui_descope_list_item_class__WEBPACK_IMPORTED_MODULE_3__","listItemVariant","init","Ge","handleReadOnly","isReadOnly","attributeChangedCallback","oldValue","newValue","fontFamily","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","emptyStateVerticalPadding","_ListClass__WEBPACK_IMPORTED_MODULE_1__","RawText","hideWhenEmpty","hasChildren","childNodes","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","DM","triggers","attr","value","_TextClass__WEBPACK_IMPORTED_MODULE_0__","userColors","vaadin_themable_mixin","AH","global","q","SF","moduleId","template","document","createElement","window","DESCOPE_NONCE","__webpack_require__","p","head","appendChild","content","AvatarMixin","superClass","focus_mixin","properties","img","type","String","reflectToAttribute","observer","abbr","colorIndex","Number","i18n","Object","anonymous","withTooltip","Boolean","__imgVisible","__iconVisible","__abbrVisible","__tooltipNode","observers","ready","__updateVisibility","hasAttribute","__setTooltip","__colorIndexChanged","index","prop","getComputedStyle","documentElement","getPropertyValue","setProperty","console","warn","__imgChanged","__imgFailedToLoad","__imgOrAbbrOrNameChanged","__generatedAbbr","split","map","word","charAt","join","undefined","__tooltipChanged","tooltipNode","__withTooltipChanged","oldWithTooltip","target","remove","__i18nChanged","__oldAnonymous","text","tooltip","__onImageLoadError","avatarStyles","Avatar","element_mixin","cp","controller_mixin","w","polymer_element","Pu","qy","is","_tooltipController","tooltip_controller","I","addController","src_define","X","stylesMap","WeakMap","SlotStylesMixin","_polymer_polymer_lib_utils_mixin_js__WEBPACK_IMPORTED_MODULE_0__","slotStyles","connectedCallback","__applySlotStyles","root","getRootNode","rootStyles","has","set","Set","get","getRootStyles","styles","textContent","insertBefore","firstChild","insertStyles","add"],"sourceRoot":""}

package/dist/umd/descope-avatar.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-avatar.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1453,2272],{44666(t,e,o){o.d(e,{E:()=>u,T:()=>r});var i=o(88961),s=o(72270),n=o(63200),a=o(25964);const r=(0,a.xE)("avatar");class d extends((0,s.qu)({componentName:r,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,a.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,a.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,a.mx)(this,()=>{t.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:l,editableBadge:h,avatar:c}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},u=(0,n.Zz)((0,i.RF)({mappings:{hostWidth:[{...l,property:"width"},{...l,property:"min-width"}],hostHeight:{...l,property:"height"},cursor:[c,l],hostDirection:{...l,property:"direction"},avatarTextColor:{...c,property:"color"},avatarBackgroundColor:{...c,property:"background-color"},editableIconColor:{...h,property:"color"},editableBorderColor:{...h,property:"border-color"},editableBackgroundColor:{...h,property:"background-color"}}}),i.VO,i.tQ)(d)},64309(t,e,o){o.r(e),o.d(e,{AvatarClass:()=>i.E,componentName:()=>i.T});var i=o(44666);o(87133),o(95260),o(37182),customElements.define(i.T,i.E)},53149(t,e,o){o.d(e,{y:()=>n});var i=o(98741),s=o(30025);const n=(0,i.y)(t=>class extends t{get _keyboardActive(){return(0,s.aJ)()}ready(){this.addEventListener("focusin",t=>{this._shouldSetFocus(t)&&this._setFocused(!0)}),this.addEventListener("focusout",t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)}),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}})},87133(t,e,o){o(17017),o(64511),o(42068),o(9433),o(3241),o(83315),o(88660);var i=o(87550),s=o(36411);const n=i.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[2272],{44666(t,e,o){o.d(e,{E:()=>p,T:()=>s});var a=o(88961),i=o(72270),r=o(63200),n=o(25964);const s=(0,n.xE)("avatar");class l extends((0,i.qu)({componentName:s,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,n.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,n.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,n.mx)(this,()=>{t.style.display=this.isEditable?"":"none"},{includeAttrs:["editable"]})}get isEditable(){return"true"===this.getAttribute("editable")}}const{host:d,editableBadge:h,avatar:c}={host:{selector:()=>":host"},editableBadge:{selector:"> .editableBadge"},avatar:{selector:"vaadin-avatar"}},p=(0,r.Zz)((0,a.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:{...h,property:"color"},editableBorderColor:{...h,property:"border-color"},editableBackgroundColor:{...h,property:"background-color"}}}),a.VO,a.tQ)(l)},64309(t,e,o){o.r(e),o.d(e,{AvatarClass:()=>a.E,componentName:()=>a.T});var a=o(44666);o(87133),o(95260),o(37182),customElements.define(a.T,a.E)},87133(t,e,o){o(17017),o(64511),o(42068),o(9433),o(3241),o(83315),o(88660);var a=o(87550),i=o(36411);const r=a.AH`
   :host {
     --vaadin-user-color-0: #df0b92;
     --vaadin-user-color-1: #650acc;
@@ -19,7 +19,7 @@
     --vaadin-user-color-5: #66fffa;
     --vaadin-user-color-6: #e6ff66;
   }
-`;(0,s.q)("user-color-props",n),(0,i.SF)("vaadin-avatar",i.AH`
+`;(0,i.q)("user-color-props",r),(0,a.SF)("vaadin-avatar",a.AH`
     :host {
       color: var(--lumo-secondary-text-color);
       background-color: var(--lumo-contrast-10pct);
@@ -82,7 +82,7 @@
     :host([theme~='xsmall']) {
       --vaadin-avatar-size: var(--lumo-size-xs);
     }
-  `,{moduleId:"lumo-avatar"});const a=document.createElement("template");a.innerHTML=`\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-avatar-icons';\n      src: url('`+o.p+"fonts/font-1949233557.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(a.content);var r=o(13256),d=o(55774),l=o(82901),h=o(72562),c=o(81488),u=o(53149);const p=t=>class extends((0,u.y)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map(t=>t.charAt(0)).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},m=i.AH`
+  `,{moduleId:"lumo-avatar"});const n=document.createElement("template");n.innerHTML=`\n  <style nonce=${window.DESCOPE_NONCE}>\n    @font-face {\n      font-family: 'vaadin-avatar-icons';\n      src: url('`+o.p+"fonts/font-1949233557.woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n",document.head.appendChild(n.content);var s=o(13256),l=o(55774),d=o(82901),h=o(72562),c=o(81488),p=o(53149);const b=t=>class extends((0,p.y)(t)){static get properties(){return{img:{type:String,reflectToAttribute:!0,observer:"__imgChanged"},abbr:{type:String,reflectToAttribute:!0},name:{type:String,reflectToAttribute:!0},colorIndex:{type:Number,observer:"__colorIndexChanged"},i18n:{type:Object,value:()=>({anonymous:"anonymous"})},withTooltip:{type:Boolean,value:!1,observer:"__withTooltipChanged"},__imgVisible:Boolean,__iconVisible:Boolean,__abbrVisible:Boolean,__tooltipNode:Object}}static get observers(){return["__imgOrAbbrOrNameChanged(img, abbr, name)","__i18nChanged(i18n)","__tooltipChanged(__tooltipNode, name, abbr)"]}ready(){super.ready(),this.__updateVisibility(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.name||this.abbr||this.__setTooltip()}__colorIndexChanged(t){if(null!=t){const e=`--vaadin-user-color-${t}`;Boolean(getComputedStyle(document.documentElement).getPropertyValue(e))?(this.setAttribute("has-color-index",""),this.style.setProperty("--vaadin-avatar-user-color",`var(${e})`)):(this.removeAttribute("has-color-index"),console.warn(`The CSS property --vaadin-user-color-${t} is not defined`))}else this.removeAttribute("has-color-index")}__imgChanged(){this.__imgFailedToLoad=!1}__imgOrAbbrOrNameChanged(t,e,o){this.__updateVisibility(),e&&e!==this.__generatedAbbr||(this.abbr=o?this.__generatedAbbr=o.split(" ").map(t=>t.charAt(0)).join(""):void 0)}__tooltipChanged(t,e,o){t&&(o&&o!==this.__generatedAbbr?this.__setTooltip(e?`${e} (${o})`:o):this.__setTooltip(e))}__withTooltipChanged(t,e){if(t){const t=document.createElement("vaadin-tooltip");t.setAttribute("slot","tooltip"),this.appendChild(t),this.__tooltipNode=t}else e&&(this.__tooltipNode.target=null,this.__tooltipNode.remove(),this.__tooltipNode=null)}__i18nChanged(t){t&&t.anonymous&&(this.__oldAnonymous&&this.__tooltipNode&&this.__tooltipNode.text===this.__oldAnonymous&&this.__setTooltip(),this.__oldAnonymous=t.anonymous)}__updateVisibility(){this.__imgVisible=!!this.img&&!this.__imgFailedToLoad,this.__abbrVisible=!this.__imgVisible&&!!this.abbr,this.__iconVisible=!this.__imgVisible&&!this.abbr}__setTooltip(t){const e=this.__tooltipNode;e&&(e.text=t||this.i18n.anonymous)}__onImageLoadError(){this.img&&(console.warn(`<vaadin-avatar> The specified image could not be loaded: ${this.img}`),this.__imgFailedToLoad=!0,this.__updateVisibility())}},u=a.AH`
   :host {
     display: inline-block;
     flex: none;
@@ -134,7 +134,7 @@
     border-radius: inherit;
     box-shadow: inset 0 0 0 2px var(--vaadin-avatar-user-color);
   }
-`;(0,i.SF)("vaadin-avatar",m,{moduleId:"vaadin-avatar-styles"});class b extends(p((0,h.q)((0,i.cp)((0,d.w)(r.Pu))))){static get template(){return r.qy`
+`;(0,a.SF)("vaadin-avatar",u,{moduleId:"vaadin-avatar-styles"});class v extends(b((0,h.q)((0,a.cp)((0,l.w)(s.Pu))))){static get template(){return s.qy`
       <img hidden$="[[!__imgVisible]]" src$="[[img]]" aria-hidden="true" on-error="__onImageLoadError" />
       <svg
         part="icon"
@@ -158,20 +158,5 @@
       </svg>
 
       <slot name="tooltip"></slot>
-    `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new c.I(this),this.addController(this._tooltipController)}}(0,l.X)(b)},1508(t,e,o){function i(t){const e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(e.push(t),t=t.host)}return e}function s(t){const e=[];let o;return"slot"===t.localName?o=t.assignedElements():(e.push(t),o=[...t.children]),o.forEach(t=>e.push(...s(t))),e}function n(t,e){return e?e.closest(t)||n(t,e.getRootNode().host):null}function a(t){return t?new Set(t.split(" ")):new Set}function r(t){return t?[...t].join(" "):""}function d(t,e,o){const i=a(t.getAttribute(e));i.add(o),t.setAttribute(e,r(i))}function l(t,e,o){const i=a(t.getAttribute(e));i.delete(o),0!==i.size?t.setAttribute(e,r(i)):t.removeAttribute(e)}function h(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}o.d(e,{Dy:()=>i,J$:()=>s,Wr:()=>l,Z4:()=>a,ZA:()=>h,el:()=>n,iA:()=>d,sz:()=>r})},44099(t,e,o){o.d(e,{r:()=>a});var i=o(1508),s=o(65641),n=o(11707);class a extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,n.I)()}`}constructor(t,e,o,i={}){super();const{initializer:s,multiple:n,observe:a,useUniqueId:r}=i;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof a||a,this.multiple="boolean"==typeof n&&n,this.slotInitializer=s,n&&(this.nodes=[]),r&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach(t=>{this.initAddedNode(t)})}attachDefaultNode(){const{host:t,slotName:e,tagName:o}=this;let i=this.defaultNode;return!i&&o&&(i=document.createElement(o),i instanceof Element&&(""!==e&&i.setAttribute("slot",e),this.defaultNode=i)),i&&(this.node=i,t.appendChild(i)),i}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter(e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t)}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=""===t?"slot:not([name])":`slot[name=${t}]`,o=this.host.shadowRoot.querySelector(e);this.__slotObserver=new s.P(o,({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],s=t.filter(t=>!(0,i.ZA)(t)&&!o.includes(t));e.length&&(this.nodes=o.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),s&&s.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...s].filter(t=>t!==this.defaultNode),s.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))})}}},65641(t,e,o){o.d(e,{P:()=>i});class i{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask(()=>{this.flush()}))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const o=[],i=[];t.length&&(e=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((e,s)=>{const n=t.indexOf(e);-1===n?o.push(e):n!==s&&i.push(e)}),(e.length||o.length||i.length)&&this.callback({addedNodes:e,movedNodes:i,removedNodes:o}),this._storedNodes=t}}},21961(t,e,o){o.d(e,{C:()=>n});var i=o(98741);const s=new WeakMap,n=(0,i.y)(t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return s.has(t)||s.set(t,new Set),s.get(t)}(t);this.slotStyles.forEach(o=>{e.has(o)||(function(t,e){const o=document.createElement("style");window.DESCOPE_NONCE&&o.setAttribute("nonce",window.DESCOPE_NONCE),o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))})}})},81488(t,e,o){o.d(e,{I:()=>s});var i=o(44099);class s extends i.r{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.opened&&(t.opened=this.opened),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(t){this.ariaTarget=t;const e=this.node;e&&(e.ariaTarget=t)}setContext(t){this.context=t;const e=this.node;e&&(e.context=t)}setManual(t){this.manual=t;const e=this.node;e&&(e.manual=t)}setOpened(t){this.opened=t;const e=this.node;e&&(e.opened=t)}setPosition(t){this.position=t;const e=this.node;e&&(e._position=t)}setShouldShow(t){this.shouldShow=t;const e=this.node;e&&(e.shouldShow=t)}setTarget(t){this.target=t;const e=this.node;e&&(e.target=t)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}},11707(t,e,o){o.d(e,{I:()=>s});let i=0;function s(){return i++}},42068(t,e,o){o(88660);var i=o(87550),s=o(36411);const n=i.AH`
-  :host {
-    --lumo-size-xs: 1.625rem;
-    --lumo-size-s: 1.875rem;
-    --lumo-size-m: 2.25rem;
-    --lumo-size-l: 2.75rem;
-    --lumo-size-xl: 3.5rem;
-
-    /* Icons */
-    --lumo-icon-size-s: 1.25em;
-    --lumo-icon-size-m: 1.5em;
-    --lumo-icon-size-l: 2.25em;
-    /* For backwards compatibility */
-    --lumo-icon-size: var(--lumo-icon-size-m);
-  }
-`;(0,s.q)("sizing-props",n)}}]);
+    `}static get is(){return"vaadin-avatar"}ready(){super.ready(),this._tooltipController=new c.I(this),this.addController(this._tooltipController)}}(0,d.X)(v)},21961(t,e,o){o.d(e,{C:()=>r});var a=o(98741);const i=new WeakMap,r=(0,a.y)(t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return i.has(t)||i.set(t,new Set),i.get(t)}(t);this.slotStyles.forEach(o=>{e.has(o)||(function(t,e){const o=document.createElement("style");window.DESCOPE_NONCE&&o.setAttribute("nonce",window.DESCOPE_NONCE),o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))})}})}}]);
 //# sourceMappingURL=descope-avatar.js.map

package/dist/umd/descope-avatar.js.LICENSE.txt

@@ -15,15 +15,3 @@
  * Copyright (c) 2021 - 2023 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-
-/**
- * @license
- * Copyright (c) 2022 - 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-
-/**
- * @license
- * Copyright (c) 2023 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */