@descope/web-components-ui 2.2.15 → 2.2.17

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

@@ -1,5 +1,5 @@
 /*! 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],{1508:(t,e,o)=>{function s(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 i(t){const e=[];let o;return"slot"===t.localName?o=t.assignedElements():(e.push(t),o=[...t.children]),o.forEach(t=>e.push(...i(t))),e}function n(t,e){return e?e.closest(t)||n(t,e.getRootNode().host):null}function r(t){return t?new Set(t.split(" ")):new Set}function a(t){return t?[...t].join(" "):""}function d(t,e,o){const s=r(t.getAttribute(e));s.add(o),t.setAttribute(e,a(s))}function l(t,e,o){const s=r(t.getAttribute(e));s.delete(o),0!==s.size?t.setAttribute(e,a(s)):t.removeAttribute(e)}function h(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}o.d(e,{Dy:()=>s,J$:()=>i,Wr:()=>l,Z4:()=>r,ZA:()=>h,el:()=>n,iA:()=>d,sz:()=>a})},7720:(t,e,o)=>{o.d(e,{T:()=>d,x:()=>h});var s=o(88961),i=o(63200),n=o(25964),r=o(93895),a=o(72270);const d=(0,n.xE)("list");class l extends((0,a.qu)({componentName:d,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,n.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!==r.O.componentName&&(e=t.querySelector(r.O.componentName));const o="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",o)})}init(){super.init?.(),(0,n.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 h=(0,i.Zz)((0,s.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"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),s.VO,s.tQ)(l)},11707:(t,e,o)=>{o.d(e,{I:()=>i});let s=0;function i(){return s++}},24542:(t,e,o)=>{o.r(e),o.d(e,{ListItemClass:()=>s.O,componentName:()=>s.T});var s=o(93895);customElements.define(s.T,s.O)},42068:(t,e,o)=>{o(88660);var s=o(87550),i=o(36411);const n=s.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,2272,2294,3580,4551],{1508:(t,e,o)=>{function s(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 n(t){const e=[];let o;return"slot"===t.localName?o=t.assignedElements():(e.push(t),o=[...t.children]),o.forEach(t=>e.push(...n(t))),e}function i(t,e){return e?e.closest(t)||i(t,e.getRootNode().host):null}function r(t){return t?new Set(t.split(" ")):new Set}function a(t){return t?[...t].join(" "):""}function d(t,e,o){const s=r(t.getAttribute(e));s.add(o),t.setAttribute(e,a(s))}function l(t,e,o){const s=r(t.getAttribute(e));s.delete(o),0!==s.size?t.setAttribute(e,a(s)):t.removeAttribute(e)}function h(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}o.d(e,{Dy:()=>s,J$:()=>n,Wr:()=>l,Z4:()=>r,ZA:()=>h,el:()=>i,iA:()=>d,sz:()=>a})},7720:(t,e,o)=>{o.d(e,{T:()=>d,x:()=>h});var s=o(88961),n=o(63200),i=o(25964),r=o(93895),a=o(72270);const d=(0,i.xE)("list");class l extends((0,a.qu)({componentName:d,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!==r.O.componentName&&(e=t.querySelector(r.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 h=(0,n.Zz)((0,s.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"}}}),s.VO,s.tQ)(l)},11707:(t,e,o)=>{o.d(e,{I:()=>n});let s=0;function n(){return s++}},24542:(t,e,o)=>{o.r(e),o.d(e,{ListItemClass:()=>s.O,componentName:()=>s.T});var s=o(93895);customElements.define(s.T,s.O)},42068:(t,e,o)=>{o(88660);var s=o(87550),n=o(36411);const i=s.AH`
   :host {
     --lumo-size-xs: 1.625rem;
     --lumo-size-s: 1.875rem;
@@ -14,5 +14,5 @@
     /* For backwards compatibility */
     --lumo-icon-size: var(--lumo-icon-size-m);
   }
-`;(0,i.q)("sizing-props",n)},44099:(t,e,o)=>{o.d(e,{r:()=>r});var s=o(1508),i=o(65641),n=o(11707);class r extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,n.I)()}`}constructor(t,e,o,s={}){super();const{initializer:i,multiple:n,observe:r,useUniqueId:a}=s;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof r||r,this.multiple="boolean"==typeof n&&n,this.slotInitializer=i,n&&(this.nodes=[]),a&&(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 s=this.defaultNode;return!s&&o&&(s=document.createElement(o),s instanceof Element&&(""!==e&&s.setAttribute("slot",e),this.defaultNode=s)),s&&(this.node=s,t.appendChild(s)),s}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 i.P(o,({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],i=t.filter(t=>!(0,s.ZA)(t)&&!o.includes(t));e.length&&(this.nodes=o.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),i&&i.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...i].filter(t=>t!==this.defaultNode),i.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=i[0],this.initAddedNode(this.node)))})}}},45400:(t,e,o)=>{o.r(e),o.d(e,{ListClass:()=>s.x,componentName:()=>s.T}),o(24542);var s=o(7720);customElements.define(s.T,s.x)},47477:(t,e,o)=>{o.r(e),o.d(e,{AppsListClass:()=>h,componentName:()=>l}),o(45400),o(53557),o(63595);var s=o(63200),i=o(25964),n=o(88961),r=o(66434),a=o(7720),d=o(93895);const l=(0,i.xE)("apps-list"),h=(0,s.Zz)((0,n.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},itemsFontWeight:{selector:r.s.componentName,property:r.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:r.s.componentName,property:r.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:r.s.componentName,property:r.s.cssVarList.textAlign},itemBackgroundColor:{selector:d.O.componentName,property:d.O.cssVarList.backgroundColor},backgroundColor:{selector:a.x.componentName,property:a.x.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:d.O.componentName,property:d.O.cssVarList.borderStyleOverride},itemBorderColor:{selector:d.O.componentName,property:d.O.cssVarList.borderColorOverride},itemBorderWidth:{selector:d.O.componentName,property:d.O.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:d.O.componentName,property:d.O.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:d.O.componentName,property:d.O.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:r.s.componentName,property:r.s.cssVarList.textAlign}]}}),(0,n.t$)({itemRenderer:({name:t,icon:e,url:o},s,n)=>`\n  <a ${o?`href="${o}" title="${o}"`:""} 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,i.ie)(t)}`:""}\n        size="${n.logoSize||n.size}"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant="${n.itemTextVariant}"\n      mode="primary"\n    >${t}</descope-text>\n    </descope-list-item>\n  </a>\n`,rerenderAttrsList:["size","item-text-variant","logo-size"]}),n.VO,n.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")}})((0,n.tz)({slots:["empty-state"],wrappedEleName:"descope-list",excludeAttrsSync:["tabindex","class","empty","style"],componentName:l,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        ${r.s.cssVarList.hostDirection}: var(${h.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(l,h)},53149:(t,e,o)=>{o.d(e,{y:()=>n});var s=o(98741),i=o(30025);const n=(0,s.y)(t=>class extends t{get _keyboardActive(){return(0,i.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}})},53557:(t,e,o)=>{o.r(e),o.d(e,{AvatarClass:()=>p,componentName:()=>a});var s=o(88961),i=o(72270),n=o(63200),r=o(25964);const a=(0,r.xE)("avatar");class d extends((0,i.qu)({componentName:a,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <vaadin-avatar></vaadin-avatar>\n        <div class="editableBadge">\n          <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n        </div>\n      </div>\n\t\t',(0,r.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,r.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,r.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"}},p=(0,n.Zz)((0,s.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"}}}),s.VO,s.tQ)(d);o(4408),o(95260),o(37182),customElements.define(a,p)},63595:(t,e,o)=>{o.r(e),o.d(e,{TextClass:()=>s.s,componentName:()=>s.T});var s=o(66434);customElements.define(s.T,s.s)},65641:(t,e,o)=>{o.d(e,{P:()=>s});class s{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=[],s=[];t.length&&(e=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((e,i)=>{const n=t.indexOf(e);-1===n?o.push(e):n!==i&&s.push(e)}),(e.length||o.length||s.length)&&this.callback({addedNodes:e,movedNodes:s,removedNodes:o}),this._storedNodes=t}}},66434:(t,e,o)=>{o.d(e,{T:()=>a,s:()=>h});var s=o(88961),i=o(63200),n=o(25964),r=o(72270);const a=(0,n.xE)("text");class d extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,n.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,n.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:l}={host:{selector:()=>":host"}},h=(0,i.Zz)((0,s.RF)({mappings:{hostWidth:{...l,property:"width"},hostDirection:{...l,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),s.VO,s.tQ)(d)},81488:(t,e,o)=>{o.d(e,{I:()=>i});var s=o(44099);class i extends s.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}}))}}},93895:(t,e,o)=>{o.d(e,{O:()=>d,T:()=>a});var s=o(88961),i=o(63200),n=o(25964),r=o(72270);const a=(0,n.xE)("list-item"),d=(0,i.Zz)((0,s.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:{}}}),s.VO,s.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,n.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)}},s.y)((0,r.qu)({componentName:a,baseSelector:"slot"}))}}]);
+`;(0,n.q)("sizing-props",i)},44099:(t,e,o)=>{o.d(e,{r:()=>r});var s=o(1508),n=o(65641),i=o(11707);class r extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${(0,i.I)()}`}constructor(t,e,o,s={}){super();const{initializer:n,multiple:i,observe:r,useUniqueId:a}=s;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof r||r,this.multiple="boolean"==typeof i&&i,this.slotInitializer=n,i&&(this.nodes=[]),a&&(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 s=this.defaultNode;return!s&&o&&(s=document.createElement(o),s instanceof Element&&(""!==e&&s.setAttribute("slot",e),this.defaultNode=s)),s&&(this.node=s,t.appendChild(s)),s}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 n.P(o,({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],n=t.filter(t=>!(0,s.ZA)(t)&&!o.includes(t));e.length&&(this.nodes=o.filter(t=>!e.includes(t)),e.forEach(t=>{this.teardownNode(t)})),n&&n.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...n].filter(t=>t!==this.defaultNode),n.forEach(t=>{this.initAddedNode(t)})):(this.node&&this.node.remove(),this.node=n[0],this.initAddedNode(this.node)))})}}},45400:(t,e,o)=>{o.r(e),o.d(e,{ListClass:()=>s.x,componentName:()=>s.T}),o(24542);var s=o(7720);customElements.define(s.T,s.x)},47477:(t,e,o)=>{o.r(e),o.d(e,{AppsListClass:()=>h,componentName:()=>l}),o(45400),o(53557),o(63595);var s=o(63200),n=o(25964),i=o(88961),r=o(66434),a=o(7720),d=o(93895);const l=(0,n.xE)("apps-list"),h=(0,s.Zz)((0,i.RF)({mappings:{maxHeight:{selector:()=>":host"},minHeight:{selector:()=>":host"},hostDirection:{selector:()=>":host",property:"direction"},gap:{selector:a.x.componentName,property:a.x.cssVarList.gap},maxRowItems:{selector:a.x.componentName,property:a.x.cssVarList.maxRowItems},itemsFontWeight:{selector:r.s.componentName,property:r.s.cssVarList.fontWeightOverride},itemsFontSize:{selector:r.s.componentName,property:r.s.cssVarList.fontSizeOverride},itemsTextAlign:{selector:r.s.componentName,property:r.s.cssVarList.textAlign},itemBackgroundColor:{selector:d.O.componentName,property:d.O.cssVarList.backgroundColor},itemHoverBackgroundColor:{selector:`${d.O.componentName}:hover`,property:d.O.cssVarList.backgroundColor},backgroundColor:{selector:a.x.componentName,property:a.x.cssVarList.backgroundColorOverride},itemBorderStyle:{selector:d.O.componentName,property:d.O.cssVarList.borderStyleOverride},itemBorderColor:{selector:d.O.componentName,property:d.O.cssVarList.borderColorOverride},itemBorderWidth:{selector:d.O.componentName,property:d.O.cssVarList.borderWidthOverride},itemVerticalPadding:{selector:d.O.componentName,property:d.O.cssVarList.verticalPaddingOverride},itemHorizontalPadding:{selector:d.O.componentName,property:d.O.cssVarList.horizontalPaddingOverride},itemAlignment:[{selector:()=>".avatar-wrapper",property:"text-align"},{selector:r.s.componentName,property:r.s.cssVarList.textAlign}]}}),(0,i.t$)({itemRenderer:({name:t,icon:e,url:o},s,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,n.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:l,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        ${r.s.cssVarList.hostDirection}: var(${h.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `}));customElements.define(l,h)},53149:(t,e,o)=>{o.d(e,{y:()=>i});var s=o(98741),n=o(30025);const i=(0,s.y)(t=>class extends t{get _keyboardActive(){return(0,n.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}})},53557:(t,e,o)=>{o.r(e),o.d(e,{AvatarClass:()=>p,componentName:()=>a});var s=o(88961),n=o(72270),i=o(63200),r=o(25964);const a=(0,r.xE)("avatar");class d extends((0,n.qu)({componentName:a,baseSelector:":host > .wrapper"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <vaadin-avatar></vaadin-avatar>\n        <div class="editableBadge">\n          <vaadin-icon icon="vaadin:pencil"></vaadin-icon>\n        </div>\n      </div>\n\t\t',(0,r.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,r.EA)(this,this.avatarComponent,{includeAttrs:["display-name","img","abbr"],mapAttrs:{"display-name":"name"}});const t=this.shadowRoot.querySelector(".editableBadge");(0,r.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"}},p=(0,i.Zz)((0,s.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"}}}),s.VO,s.tQ)(d);o(4408),o(95260),o(37182),customElements.define(a,p)},63595:(t,e,o)=>{o.r(e),o.d(e,{TextClass:()=>s.s,componentName:()=>s.T});var s=o(66434);customElements.define(s.T,s.s)},65641:(t,e,o)=>{o.d(e,{P:()=>s});class s{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=[],s=[];t.length&&(e=t.filter(t=>!this._storedNodes.includes(t))),this._storedNodes.length&&this._storedNodes.forEach((e,n)=>{const i=t.indexOf(e);-1===i?o.push(e):i!==n&&s.push(e)}),(e.length||o.length||s.length)&&this.callback({addedNodes:e,movedNodes:s,removedNodes:o}),this._storedNodes=t}}},66434:(t,e,o)=>{o.d(e,{T:()=>a,s:()=>h});var s=o(88961),n=o(63200),i=o(25964),r=o(72270);const a=(0,i.xE)("text");class d extends((0,r.qu)({componentName:a,baseSelector:":host > slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <slot part="text-wrapper"></slot>\n    ',(0,i.fz)("\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    ",this)}get hideWhenEmpty(){return"true"===this.getAttribute("hide-when-empty")}init(){super.init(),(0,i.Ge)(this,()=>{const t=!!this.childNodes.length;this.style.display=!t&&this.hideWhenEmpty?"none":""})}}const{host:l}={host:{selector:()=>":host"}},h=(0,n.Zz)((0,s.RF)({mappings:{hostWidth:{...l,property:"width"},hostDirection:{...l,property:"direction"},fontSize:{},textColor:[{property:"color"}],textLineHeight:{property:"line-height"},textLetterSpacing:{property:"letter-spacing"},textShadow:{},textAlign:{},textTransform:{},fontFamily:{},fontStyle:{},fontWeight:{},borderWidth:{},borderStyle:{},borderColor:{}}}),s.VO,s.tQ)(d)},81488:(t,e,o)=>{o.d(e,{I:()=>n});var s=o(44099);class n extends s.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}}))}}},93895:(t,e,o)=>{o.d(e,{O:()=>d,T:()=>a});var s=o(88961),n=o(63200),i=o(25964),r=o(72270);const a=(0,i.xE)("list-item"),d=(0,n.Zz)((0,s.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:{}}}),s.VO,s.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)}},s.y)((0,r.qu)({componentName:a,baseSelector:"slot"}))}}]);
 //# sourceMappingURL=descope-apps-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-apps-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/dom-utils.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/unique-id-utils.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/sizing.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/slot-controller.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","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/../../../node_modules/@vaadin/a11y-base/src/focus-mixin.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-text/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/slot-observer.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/tooltip-controller.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["/**\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 */\n\n/**\n * Returns an array of ancestor root nodes for the given node.\n *\n * A root node is either a document node or a document fragment node (Shadow Root).\n * The array is collected by a bottom-up DOM traversing that starts with the given node\n * and involves both the light DOM and ancestor shadow DOM trees.\n *\n * @param {Node} node\n * @return {Node[]}\n */\nexport function getAncestorRootNodes(node) {\n  const result = [];\n\n  while (node) {\n    if (node.nodeType === Node.DOCUMENT_NODE) {\n      result.push(node);\n      break;\n    }\n\n    if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n      result.push(node);\n      node = node.host;\n      continue;\n    }\n\n    if (node.assignedSlot) {\n      node = node.assignedSlot;\n      continue;\n    }\n\n    node = node.parentNode;\n  }\n\n  return result;\n}\n\n/**\n * Returns the list of flattened elements for the given `node`.\n * This list consists of a node's children and, for any children that are\n * `<slot>` elements, the expanded flattened list of `assignedElements`.\n *\n * @param {Node} node\n * @return {Element[]}\n */\nexport function getFlattenedElements(node) {\n  const result = [];\n  let elements;\n  if (node.localName === 'slot') {\n    elements = node.assignedElements();\n  } else {\n    result.push(node);\n    elements = [...node.children];\n  }\n  elements.forEach((elem) => result.push(...getFlattenedElements(elem)));\n  return result;\n}\n\n/**\n * Traverses the given node and its parents, including those that are across\n * the shadow root boundaries, until it finds a node that matches the selector.\n *\n * @param {string} selector The CSS selector to match against\n * @param {Node} node The starting node for the traversal\n * @return {Node | null} The closest matching element, or null if no match is found\n */\nexport function getClosestElement(selector, node) {\n  if (!node) {\n    return null;\n  }\n\n  return node.closest(selector) || getClosestElement(selector, node.getRootNode().host);\n}\n\n/**\n * Takes a string with values separated by space and returns a set the values\n *\n * @param {string} value\n * @return {Set<string>}\n */\nexport function deserializeAttributeValue(value) {\n  if (!value) {\n    return new Set();\n  }\n\n  return new Set(value.split(' '));\n}\n\n/**\n * Takes a set of string values and returns a string with values separated by space\n *\n * @param {Set<string>} values\n * @return {string}\n */\nexport function serializeAttributeValue(values) {\n  return values ? [...values].join(' ') : '';\n}\n\n/**\n * Adds a value to an attribute containing space-delimited values.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function addValueToAttribute(element, attr, value) {\n  const values = deserializeAttributeValue(element.getAttribute(attr));\n  values.add(value);\n  element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Removes a value from an attribute containing space-delimited values.\n * If the value is the last one, the whole attribute is removed.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function removeValueFromAttribute(element, attr, value) {\n  const values = deserializeAttributeValue(element.getAttribute(attr));\n  values.delete(value);\n  if (values.size === 0) {\n    element.removeAttribute(attr);\n    return;\n  }\n  element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Returns true if the given node is an empty text node, false otherwise.\n *\n * @param {Node} node\n * @return {boolean}\n */\nexport function isEmptyTextNode(node) {\n  return node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '';\n}\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      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","/**\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 */\n\nlet uniqueId = 0;\n\n/**\n * Resets the unique id counter.\n *\n * @return {void}\n */\nexport function resetUniqueId() {\n  uniqueId = 0;\n}\n\n/**\n * Returns a unique integer id.\n *\n * @return {number}\n */\nexport function generateUniqueId() {\n  // eslint-disable-next-line no-plusplus\n  return uniqueId++;\n}\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, 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 sizing = css`\n  :host {\n    --lumo-size-xs: 1.625rem;\n    --lumo-size-s: 1.875rem;\n    --lumo-size-m: 2.25rem;\n    --lumo-size-l: 2.75rem;\n    --lumo-size-xl: 3.5rem;\n\n    /* Icons */\n    --lumo-icon-size-s: 1.25em;\n    --lumo-icon-size-m: 1.5em;\n    --lumo-icon-size-l: 2.25em;\n    /* For backwards compatibility */\n    --lumo-icon-size: var(--lumo-icon-size-m);\n  }\n`;\n\naddLumoGlobalStyles('sizing-props', sizing);\n\nexport { sizing };\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 { isEmptyTextNode } from './dom-utils.js';\nimport { SlotObserver } from './slot-observer.js';\nimport { generateUniqueId } from './unique-id-utils.js';\n\n/**\n * A controller for providing content to slot element and observing changes.\n */\nexport class SlotController extends EventTarget {\n  /**\n   * Ensure that every instance has unique ID.\n   *\n   * @param {HTMLElement} host\n   * @param {string} slotName\n   * @return {string}\n   * @protected\n   */\n  static generateId(host, slotName) {\n    const prefix = slotName || 'default';\n    return `${prefix}-${host.localName}-${generateUniqueId()}`;\n  }\n\n  constructor(host, slotName, tagName, config = {}) {\n    super();\n\n    const { initializer, multiple, observe, useUniqueId } = config;\n\n    this.host = host;\n    this.slotName = slotName;\n    this.tagName = tagName;\n    this.observe = typeof observe === 'boolean' ? observe : true;\n    this.multiple = typeof multiple === 'boolean' ? multiple : false;\n    this.slotInitializer = initializer;\n\n    if (multiple) {\n      this.nodes = [];\n    }\n\n    // Only generate the default ID if requested by the controller.\n    if (useUniqueId) {\n      this.defaultId = this.constructor.generateId(host, slotName);\n    }\n  }\n\n  hostConnected() {\n    if (!this.initialized) {\n      if (this.multiple) {\n        this.initMultiple();\n      } else {\n        this.initSingle();\n      }\n\n      if (this.observe) {\n        this.observeSlot();\n      }\n\n      this.initialized = true;\n    }\n  }\n\n  /** @protected */\n  initSingle() {\n    let node = this.getSlotChild();\n\n    if (!node) {\n      node = this.attachDefaultNode();\n      this.initNode(node);\n    } else {\n      this.node = node;\n      this.initAddedNode(node);\n    }\n  }\n\n  /** @protected */\n  initMultiple() {\n    const children = this.getSlotChildren();\n\n    if (children.length === 0) {\n      const defaultNode = this.attachDefaultNode();\n      if (defaultNode) {\n        this.nodes = [defaultNode];\n        this.initNode(defaultNode);\n      }\n    } else {\n      this.nodes = children;\n      children.forEach((node) => {\n        this.initAddedNode(node);\n      });\n    }\n  }\n\n  /**\n   * Create and attach default node using the provided tag name, if any.\n   * @return {Node | undefined}\n   * @protected\n   */\n  attachDefaultNode() {\n    const { host, slotName, tagName } = this;\n\n    // Check if the node was created previously and if so, reuse it.\n    let node = this.defaultNode;\n\n    // Tag name is optional, sometimes we don't init default content.\n    if (!node && tagName) {\n      node = document.createElement(tagName);\n      if (node instanceof Element) {\n        if (slotName !== '') {\n          node.setAttribute('slot', slotName);\n        }\n        this.defaultNode = node;\n      }\n    }\n\n    if (node) {\n      this.node = node;\n      host.appendChild(node);\n    }\n\n    return node;\n  }\n\n  /**\n   * Return the list of nodes matching the slot managed by the controller.\n   * @return {Node}\n   */\n  getSlotChildren() {\n    const { slotName } = this;\n    return Array.from(this.host.childNodes).filter((node) => {\n      // Either an element (any slot) or a text node (only un-named slot).\n      return (\n        (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) ||\n        (node.nodeType === Node.TEXT_NODE && node.textContent.trim() && slotName === '')\n      );\n    });\n  }\n\n  /**\n   * Return a reference to the node managed by the controller.\n   * @return {Node}\n   */\n  getSlotChild() {\n    return this.getSlotChildren()[0];\n  }\n\n  /**\n   * Run `slotInitializer` for the node managed by the controller.\n   *\n   * @param {Node} node\n   * @protected\n   */\n  initNode(node) {\n    const { slotInitializer } = this;\n    // Don't try to bind `this` to initializer (normally it's arrow function).\n    // Instead, pass the host as a first argument to access component's state.\n    if (slotInitializer) {\n      slotInitializer(node, this.host);\n    }\n  }\n\n  /**\n   * Override to initialize the newly added custom node.\n   *\n   * @param {Node} _node\n   * @protected\n   */\n  initCustomNode(_node) {}\n\n  /**\n   * Override to teardown slotted node when it's removed.\n   *\n   * @param {Node} _node\n   * @protected\n   */\n  teardownNode(_node) {}\n\n  /**\n   * Run both `initCustomNode` and `initNode` for a custom slotted node.\n   *\n   * @param {Node} node\n   * @protected\n   */\n  initAddedNode(node) {\n    if (node !== this.defaultNode) {\n      this.initCustomNode(node);\n      this.initNode(node);\n    }\n  }\n\n  /**\n   * Setup the observer to manage slot content changes.\n   * @protected\n   */\n  observeSlot() {\n    const { slotName } = this;\n    const selector = slotName === '' ? 'slot:not([name])' : `slot[name=${slotName}]`;\n    const slot = this.host.shadowRoot.querySelector(selector);\n\n    this.__slotObserver = new SlotObserver(slot, ({ addedNodes, removedNodes }) => {\n      const current = this.multiple ? this.nodes : [this.node];\n\n      // Calling `slot.assignedNodes()` includes whitespace text nodes in case of default slot:\n      // unlike comment nodes, they are not filtered out. So we need to manually ignore them.\n      const newNodes = addedNodes.filter((node) => !isEmptyTextNode(node) && !current.includes(node));\n\n      if (removedNodes.length) {\n        this.nodes = current.filter((node) => !removedNodes.includes(node));\n\n        removedNodes.forEach((node) => {\n          this.teardownNode(node);\n        });\n      }\n\n      if (newNodes && newNodes.length > 0) {\n        if (this.multiple) {\n          // Remove default node if exists\n          if (this.defaultNode) {\n            this.defaultNode.remove();\n          }\n          this.nodes = [...current, ...newNodes].filter((node) => node !== this.defaultNode);\n          newNodes.forEach((node) => {\n            this.initAddedNode(node);\n          });\n        } else {\n          // Remove previous node if exists\n          if (this.node) {\n            this.node.remove();\n          }\n          this.node = newNodes[0];\n          this.initAddedNode(this.node);\n        }\n      }\n    });\n  }\n}\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName, limitAbbreviation } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('apps-list');\n\nconst itemRenderer = ({ name, icon, url }, _, ref) => `\n  <a ${url ? `href=\"${url}\" title=\"${url}\"` : ''} 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\nexport const AppsListClass = compose(\n  createStyleMixin({\n    mappings: {\n      maxHeight: { selector: () => ':host' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\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      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        { selector: TextClass.componentName, property: TextClass.cssVarList.textAlign },\n      ]\n    },\n  }),\n  createDynamicDataMixin({ itemRenderer, rerenderAttrsList: ['size', 'item-text-variant', 'logo-size'] }),\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","/**\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';\nimport { isKeyboardActive } from './focus-utils.js';\n\n/**\n * A mixin to handle `focused` and `focus-ring` attributes based on focus.\n *\n * @polymerMixin\n */\nexport const FocusMixin = dedupingMixin(\n  (superclass) =>\n    class FocusMixinClass extends superclass {\n      /**\n       * @protected\n       * @return {boolean}\n       */\n      get _keyboardActive() {\n        return isKeyboardActive();\n      }\n\n      /** @protected */\n      ready() {\n        this.addEventListener('focusin', (e) => {\n          if (this._shouldSetFocus(e)) {\n            this._setFocused(true);\n          }\n        });\n\n        this.addEventListener('focusout', (e) => {\n          if (this._shouldRemoveFocus(e)) {\n            this._setFocused(false);\n          }\n        });\n\n        // In super.ready() other 'focusin' and 'focusout' listeners might be\n        // added, so we call it after our own ones to ensure they execute first.\n        // Issue to watch out: when incorrect, <vaadin-combo-box> refocuses the\n        // input field on iOS after \"Done\" is pressed.\n        super.ready();\n      }\n\n      /** @protected */\n      disconnectedCallback() {\n        super.disconnectedCallback();\n\n        // In non-Chrome browsers, blur does not fire on the element when it is disconnected.\n        // reproducible in `<vaadin-date-picker>` when closing on `Cancel` or `Today` click.\n        if (this.hasAttribute('focused')) {\n          this._setFocused(false);\n        }\n      }\n\n      /**\n       * Override to change how focused and focus-ring attributes are set.\n       *\n       * @param {boolean} focused\n       * @protected\n       */\n      _setFocused(focused) {\n        this.toggleAttribute('focused', focused);\n\n        // Focus-ring is true when the element was focused from the keyboard.\n        // Focus Ring [A11ycasts]: https://youtu.be/ilj2P5-5CjI\n        this.toggleAttribute('focus-ring', focused && this._keyboardActive);\n      }\n\n      /**\n       * Override to define if the field receives focus based on the event.\n       *\n       * @param {FocusEvent} _event\n       * @return {boolean}\n       * @protected\n       */\n      _shouldSetFocus(_event) {\n        return true;\n      }\n\n      /**\n       * Override to define if the field loses focus based on the event.\n       *\n       * @param {FocusEvent} _event\n       * @return {boolean}\n       * @protected\n       */\n      _shouldRemoveFocus(_event) {\n        return true;\n      }\n    },\n);\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 { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","/**\n * @license\n * Copyright (c) 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\n/**\n * A helper for observing slot changes.\n */\nexport class SlotObserver {\n  constructor(slot, callback) {\n    /** @type HTMLSlotElement */\n    this.slot = slot;\n\n    /** @type Function */\n    this.callback = callback;\n\n    /** @type {Node[]} */\n    this._storedNodes = [];\n\n    this._connected = false;\n    this._scheduled = false;\n\n    this._boundSchedule = () => {\n      this._schedule();\n    };\n\n    this.connect();\n    this._schedule();\n  }\n\n  /**\n   * Activates an observer. This method is automatically called when\n   * a `SlotObserver` is created. It should only be called to  re-activate\n   * an observer that has been deactivated via the `disconnect` method.\n   */\n  connect() {\n    this.slot.addEventListener('slotchange', this._boundSchedule);\n    this._connected = true;\n  }\n\n  /**\n   * Deactivates the observer. After calling this method the observer callback\n   * will not be called when changes to slotted nodes occur. The `connect` method\n   * may be subsequently called to reactivate the observer.\n   */\n  disconnect() {\n    this.slot.removeEventListener('slotchange', this._boundSchedule);\n    this._connected = false;\n  }\n\n  /** @private */\n  _schedule() {\n    if (!this._scheduled) {\n      this._scheduled = true;\n\n      queueMicrotask(() => {\n        this.flush();\n      });\n    }\n  }\n\n  /**\n   * Run the observer callback synchronously.\n   */\n  flush() {\n    if (!this._connected) {\n      return;\n    }\n\n    this._scheduled = false;\n\n    this._processNodes();\n  }\n\n  /** @private */\n  _processNodes() {\n    const currentNodes = this.slot.assignedNodes({ flatten: true });\n\n    let addedNodes = [];\n    const removedNodes = [];\n    const movedNodes = [];\n\n    if (currentNodes.length) {\n      addedNodes = currentNodes.filter((node) => !this._storedNodes.includes(node));\n    }\n\n    if (this._storedNodes.length) {\n      this._storedNodes.forEach((node, index) => {\n        const idx = currentNodes.indexOf(node);\n        if (idx === -1) {\n          removedNodes.push(node);\n        } else if (idx !== index) {\n          movedNodes.push(node);\n        }\n      });\n    }\n\n    if (addedNodes.length || removedNodes.length || movedNodes.length) {\n      this.callback({ addedNodes, movedNodes, removedNodes });\n    }\n\n    this._storedNodes = currentNodes;\n  }\n}\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","/**\n * @license\n * Copyright (c) 2022 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from './slot-controller.js';\n\n/**\n * A controller that manages the slotted tooltip element.\n */\nexport class TooltipController extends SlotController {\n  constructor(host) {\n    // Do not provide slot factory to create tooltip lazily.\n    super(host, 'tooltip');\n\n    this.setTarget(host);\n  }\n\n  /**\n   * Override to initialize the newly added custom tooltip.\n   *\n   * @param {Node} tooltipNode\n   * @protected\n   * @override\n   */\n  initCustomNode(tooltipNode) {\n    tooltipNode.target = this.target;\n\n    if (this.ariaTarget !== undefined) {\n      tooltipNode.ariaTarget = this.ariaTarget;\n    }\n\n    if (this.context !== undefined) {\n      tooltipNode.context = this.context;\n    }\n\n    if (this.manual !== undefined) {\n      tooltipNode.manual = this.manual;\n    }\n\n    if (this.opened !== undefined) {\n      tooltipNode.opened = this.opened;\n    }\n\n    if (this.position !== undefined) {\n      tooltipNode._position = this.position;\n    }\n\n    if (this.shouldShow !== undefined) {\n      tooltipNode.shouldShow = this.shouldShow;\n    }\n\n    this.__notifyChange();\n  }\n\n  /**\n   * Override to notify the host when the tooltip is removed.\n   *\n   * @param {Node} tooltipNode\n   * @protected\n   * @override\n   */\n  teardownNode() {\n    this.__notifyChange();\n  }\n\n  /**\n   * Set an HTML element for linking with the tooltip overlay\n   * via `aria-describedby` attribute used by screen readers.\n   * @param {HTMLElement} ariaTarget\n   */\n  setAriaTarget(ariaTarget) {\n    this.ariaTarget = ariaTarget;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.ariaTarget = ariaTarget;\n    }\n  }\n\n  /**\n   * Set a context object to be used by generator.\n   * @param {object} context\n   */\n  setContext(context) {\n    this.context = context;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.context = context;\n    }\n  }\n\n  /**\n   * Toggle manual state on the slotted tooltip.\n   * @param {boolean} manual\n   */\n  setManual(manual) {\n    this.manual = manual;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.manual = manual;\n    }\n  }\n\n  /**\n   * Toggle opened state on the slotted tooltip.\n   * @param {boolean} opened\n   */\n  setOpened(opened) {\n    this.opened = opened;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.opened = opened;\n    }\n  }\n\n  /**\n   * Set default position for the slotted tooltip.\n   * This can be overridden by setting the position\n   * using corresponding property or attribute.\n   * @param {string} position\n   */\n  setPosition(position) {\n    this.position = position;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode._position = position;\n    }\n  }\n\n  /**\n   * Set function used to detect whether to show\n   * the tooltip based on a condition.\n   * @param {Function} shouldShow\n   */\n  setShouldShow(shouldShow) {\n    this.shouldShow = shouldShow;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.shouldShow = shouldShow;\n    }\n  }\n\n  /**\n   * Set an HTML element to attach the tooltip to.\n   * @param {HTMLElement} target\n   */\n  setTarget(target) {\n    this.target = target;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.target = target;\n    }\n  }\n\n  /** @private */\n  __notifyChange() {\n    this.dispatchEvent(new CustomEvent('tooltip-changed', { detail: { node: this.node } }));\n  }\n}\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n"],"names":["getAncestorRootNodes","node","result","nodeType","Node","DOCUMENT_NODE","push","DOCUMENT_FRAGMENT_NODE","assignedSlot","parentNode","host","getFlattenedElements","elements","localName","assignedElements","children","forEach","elem","getClosestElement","selector","closest","getRootNode","deserializeAttributeValue","value","Set","split","serializeAttributeValue","values","join","addValueToAttribute","element","attr","getAttribute","add","setAttribute","removeValueFromAttribute","delete","size","removeAttribute","isEmptyTextNode","TEXT_NODE","textContent","trim","componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","length","variant","item","listItem","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","uniqueId","generateUniqueId","customElements","define","sizing","SlotController","EventTarget","generateId","slotName","tagName","config","initializer","multiple","observe","useUniqueId","slotInitializer","nodes","defaultId","hostConnected","initialized","initMultiple","initSingle","observeSlot","getSlotChild","initAddedNode","attachDefaultNode","initNode","getSlotChildren","defaultNode","document","createElement","Element","appendChild","Array","from","childNodes","filter","ELEMENT_NODE","slot","initCustomNode","_node","teardownNode","__slotObserver","addedNodes","removedNodes","current","newNodes","includes","remove","AppsListClass","itemsFontWeight","TextClass","cssVarList","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","itemRenderer","icon","url","_","ref","logoSize","itemTextVariant","rerenderAttrsList","superclass","slots","wrappedEleName","excludeAttrsSync","style","FocusMixin","_keyboardActive","ready","addEventListener","e","_shouldSetFocus","_setFocused","_shouldRemoveFocus","disconnectedCallback","hasAttribute","focused","toggleAttribute","_event","RawAvatar","avatarComponent","includeAttrs","mapAttrs","editableIcon","display","isEditable","editableBadge","avatar","AvatarClass","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","SlotObserver","callback","_storedNodes","_connected","_scheduled","_boundSchedule","_schedule","connect","disconnect","removeEventListener","queueMicrotask","flush","_processNodes","currentNodes","assignedNodes","flatten","movedNodes","index","idx","indexOf","RawText","hideWhenEmpty","hasChildren","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","TooltipController","setTarget","tooltipNode","target","undefined","ariaTarget","context","manual","opened","position","_position","shouldShow","__notifyChange","setAriaTarget","setContext","setManual","setOpened","setPosition","setShouldShow","dispatchEvent","CustomEvent","detail","outline","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}
+{"version":3,"file":"descope-apps-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/dom-utils.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/unique-id-utils.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/vaadin-lumo-styles/sizing.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/slot-controller.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","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/../../../node_modules/@vaadin/a11y-base/src/focus-mixin.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-text/src/component/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/slot-observer.js","webpack://@descope/web-components-ui/../components/descope-text/src/component/TextClass.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/component-base/src/tooltip-controller.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["/**\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 */\n\n/**\n * Returns an array of ancestor root nodes for the given node.\n *\n * A root node is either a document node or a document fragment node (Shadow Root).\n * The array is collected by a bottom-up DOM traversing that starts with the given node\n * and involves both the light DOM and ancestor shadow DOM trees.\n *\n * @param {Node} node\n * @return {Node[]}\n */\nexport function getAncestorRootNodes(node) {\n  const result = [];\n\n  while (node) {\n    if (node.nodeType === Node.DOCUMENT_NODE) {\n      result.push(node);\n      break;\n    }\n\n    if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n      result.push(node);\n      node = node.host;\n      continue;\n    }\n\n    if (node.assignedSlot) {\n      node = node.assignedSlot;\n      continue;\n    }\n\n    node = node.parentNode;\n  }\n\n  return result;\n}\n\n/**\n * Returns the list of flattened elements for the given `node`.\n * This list consists of a node's children and, for any children that are\n * `<slot>` elements, the expanded flattened list of `assignedElements`.\n *\n * @param {Node} node\n * @return {Element[]}\n */\nexport function getFlattenedElements(node) {\n  const result = [];\n  let elements;\n  if (node.localName === 'slot') {\n    elements = node.assignedElements();\n  } else {\n    result.push(node);\n    elements = [...node.children];\n  }\n  elements.forEach((elem) => result.push(...getFlattenedElements(elem)));\n  return result;\n}\n\n/**\n * Traverses the given node and its parents, including those that are across\n * the shadow root boundaries, until it finds a node that matches the selector.\n *\n * @param {string} selector The CSS selector to match against\n * @param {Node} node The starting node for the traversal\n * @return {Node | null} The closest matching element, or null if no match is found\n */\nexport function getClosestElement(selector, node) {\n  if (!node) {\n    return null;\n  }\n\n  return node.closest(selector) || getClosestElement(selector, node.getRootNode().host);\n}\n\n/**\n * Takes a string with values separated by space and returns a set the values\n *\n * @param {string} value\n * @return {Set<string>}\n */\nexport function deserializeAttributeValue(value) {\n  if (!value) {\n    return new Set();\n  }\n\n  return new Set(value.split(' '));\n}\n\n/**\n * Takes a set of string values and returns a string with values separated by space\n *\n * @param {Set<string>} values\n * @return {string}\n */\nexport function serializeAttributeValue(values) {\n  return values ? [...values].join(' ') : '';\n}\n\n/**\n * Adds a value to an attribute containing space-delimited values.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function addValueToAttribute(element, attr, value) {\n  const values = deserializeAttributeValue(element.getAttribute(attr));\n  values.add(value);\n  element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Removes a value from an attribute containing space-delimited values.\n * If the value is the last one, the whole attribute is removed.\n *\n * @param {HTMLElement} element\n * @param {string} attr\n * @param {string} value\n */\nexport function removeValueFromAttribute(element, attr, value) {\n  const values = deserializeAttributeValue(element.getAttribute(attr));\n  values.delete(value);\n  if (values.size === 0) {\n    element.removeAttribute(attr);\n    return;\n  }\n  element.setAttribute(attr, serializeAttributeValue(values));\n}\n\n/**\n * Returns true if the given node is an empty text node, false otherwise.\n *\n * @param {Node} node\n * @return {boolean}\n */\nexport function isEmptyTextNode(node) {\n  return node.nodeType === Node.TEXT_NODE && node.textContent.trim() === '';\n}\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","/**\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 */\n\nlet uniqueId = 0;\n\n/**\n * Resets the unique id counter.\n *\n * @return {void}\n */\nexport function resetUniqueId() {\n  uniqueId = 0;\n}\n\n/**\n * Returns a unique integer id.\n *\n * @return {number}\n */\nexport function generateUniqueId() {\n  // eslint-disable-next-line no-plusplus\n  return uniqueId++;\n}\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, 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 sizing = css`\n  :host {\n    --lumo-size-xs: 1.625rem;\n    --lumo-size-s: 1.875rem;\n    --lumo-size-m: 2.25rem;\n    --lumo-size-l: 2.75rem;\n    --lumo-size-xl: 3.5rem;\n\n    /* Icons */\n    --lumo-icon-size-s: 1.25em;\n    --lumo-icon-size-m: 1.5em;\n    --lumo-icon-size-l: 2.25em;\n    /* For backwards compatibility */\n    --lumo-icon-size: var(--lumo-icon-size-m);\n  }\n`;\n\naddLumoGlobalStyles('sizing-props', sizing);\n\nexport { sizing };\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 { isEmptyTextNode } from './dom-utils.js';\nimport { SlotObserver } from './slot-observer.js';\nimport { generateUniqueId } from './unique-id-utils.js';\n\n/**\n * A controller for providing content to slot element and observing changes.\n */\nexport class SlotController extends EventTarget {\n  /**\n   * Ensure that every instance has unique ID.\n   *\n   * @param {HTMLElement} host\n   * @param {string} slotName\n   * @return {string}\n   * @protected\n   */\n  static generateId(host, slotName) {\n    const prefix = slotName || 'default';\n    return `${prefix}-${host.localName}-${generateUniqueId()}`;\n  }\n\n  constructor(host, slotName, tagName, config = {}) {\n    super();\n\n    const { initializer, multiple, observe, useUniqueId } = config;\n\n    this.host = host;\n    this.slotName = slotName;\n    this.tagName = tagName;\n    this.observe = typeof observe === 'boolean' ? observe : true;\n    this.multiple = typeof multiple === 'boolean' ? multiple : false;\n    this.slotInitializer = initializer;\n\n    if (multiple) {\n      this.nodes = [];\n    }\n\n    // Only generate the default ID if requested by the controller.\n    if (useUniqueId) {\n      this.defaultId = this.constructor.generateId(host, slotName);\n    }\n  }\n\n  hostConnected() {\n    if (!this.initialized) {\n      if (this.multiple) {\n        this.initMultiple();\n      } else {\n        this.initSingle();\n      }\n\n      if (this.observe) {\n        this.observeSlot();\n      }\n\n      this.initialized = true;\n    }\n  }\n\n  /** @protected */\n  initSingle() {\n    let node = this.getSlotChild();\n\n    if (!node) {\n      node = this.attachDefaultNode();\n      this.initNode(node);\n    } else {\n      this.node = node;\n      this.initAddedNode(node);\n    }\n  }\n\n  /** @protected */\n  initMultiple() {\n    const children = this.getSlotChildren();\n\n    if (children.length === 0) {\n      const defaultNode = this.attachDefaultNode();\n      if (defaultNode) {\n        this.nodes = [defaultNode];\n        this.initNode(defaultNode);\n      }\n    } else {\n      this.nodes = children;\n      children.forEach((node) => {\n        this.initAddedNode(node);\n      });\n    }\n  }\n\n  /**\n   * Create and attach default node using the provided tag name, if any.\n   * @return {Node | undefined}\n   * @protected\n   */\n  attachDefaultNode() {\n    const { host, slotName, tagName } = this;\n\n    // Check if the node was created previously and if so, reuse it.\n    let node = this.defaultNode;\n\n    // Tag name is optional, sometimes we don't init default content.\n    if (!node && tagName) {\n      node = document.createElement(tagName);\n      if (node instanceof Element) {\n        if (slotName !== '') {\n          node.setAttribute('slot', slotName);\n        }\n        this.defaultNode = node;\n      }\n    }\n\n    if (node) {\n      this.node = node;\n      host.appendChild(node);\n    }\n\n    return node;\n  }\n\n  /**\n   * Return the list of nodes matching the slot managed by the controller.\n   * @return {Node}\n   */\n  getSlotChildren() {\n    const { slotName } = this;\n    return Array.from(this.host.childNodes).filter((node) => {\n      // Either an element (any slot) or a text node (only un-named slot).\n      return (\n        (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) ||\n        (node.nodeType === Node.TEXT_NODE && node.textContent.trim() && slotName === '')\n      );\n    });\n  }\n\n  /**\n   * Return a reference to the node managed by the controller.\n   * @return {Node}\n   */\n  getSlotChild() {\n    return this.getSlotChildren()[0];\n  }\n\n  /**\n   * Run `slotInitializer` for the node managed by the controller.\n   *\n   * @param {Node} node\n   * @protected\n   */\n  initNode(node) {\n    const { slotInitializer } = this;\n    // Don't try to bind `this` to initializer (normally it's arrow function).\n    // Instead, pass the host as a first argument to access component's state.\n    if (slotInitializer) {\n      slotInitializer(node, this.host);\n    }\n  }\n\n  /**\n   * Override to initialize the newly added custom node.\n   *\n   * @param {Node} _node\n   * @protected\n   */\n  initCustomNode(_node) {}\n\n  /**\n   * Override to teardown slotted node when it's removed.\n   *\n   * @param {Node} _node\n   * @protected\n   */\n  teardownNode(_node) {}\n\n  /**\n   * Run both `initCustomNode` and `initNode` for a custom slotted node.\n   *\n   * @param {Node} node\n   * @protected\n   */\n  initAddedNode(node) {\n    if (node !== this.defaultNode) {\n      this.initCustomNode(node);\n      this.initNode(node);\n    }\n  }\n\n  /**\n   * Setup the observer to manage slot content changes.\n   * @protected\n   */\n  observeSlot() {\n    const { slotName } = this;\n    const selector = slotName === '' ? 'slot:not([name])' : `slot[name=${slotName}]`;\n    const slot = this.host.shadowRoot.querySelector(selector);\n\n    this.__slotObserver = new SlotObserver(slot, ({ addedNodes, removedNodes }) => {\n      const current = this.multiple ? this.nodes : [this.node];\n\n      // Calling `slot.assignedNodes()` includes whitespace text nodes in case of default slot:\n      // unlike comment nodes, they are not filtered out. So we need to manually ignore them.\n      const newNodes = addedNodes.filter((node) => !isEmptyTextNode(node) && !current.includes(node));\n\n      if (removedNodes.length) {\n        this.nodes = current.filter((node) => !removedNodes.includes(node));\n\n        removedNodes.forEach((node) => {\n          this.teardownNode(node);\n        });\n      }\n\n      if (newNodes && newNodes.length > 0) {\n        if (this.multiple) {\n          // Remove default node if exists\n          if (this.defaultNode) {\n            this.defaultNode.remove();\n          }\n          this.nodes = [...current, ...newNodes].filter((node) => node !== this.defaultNode);\n          newNodes.forEach((node) => {\n            this.initAddedNode(node);\n          });\n        } else {\n          // Remove previous node if exists\n          if (this.node) {\n            this.node.remove();\n          }\n          this.node = newNodes[0];\n          this.initAddedNode(this.node);\n        }\n      }\n    });\n  }\n}\n","import '@descope-ui/descope-list-item';\n\nimport { componentName, ListClass } from './ListClass';\n\ncustomElements.define(componentName, ListClass);\n\nexport { ListClass, componentName };\n","import { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  limitAbbreviation,\n} from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n  createDynamicDataMixin,\n} from '@descope-ui/common/components-mixins';\nimport { TextClass } from '@descope-ui/descope-text/class';\nimport { ListClass } from '@descope-ui/descope-list/class';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\n\nexport const componentName = getComponentName('apps-list');\n\nconst itemRenderer = ({ name, icon, url }, _, ref) => `\n  <a ${url ? `href=\"${url}\" title=\"${url}\"` : ''} ${ref.openInSameWindow ? '' : 'target=\"_blank\"'}>\n    <descope-list-item>\n    <div class=\"avatar-wrapper\">\n      <descope-avatar\n        ${icon ? `img=\"${icon}\"` : ''}\n        ${name ? `display-name=\"${name}\" abbr=${limitAbbreviation(name)}` : ''}\n        size=\"${ref.logoSize || ref.size}\"\n      ></descope-avatar>\n    </div>\n    <descope-text\n      variant=\"${ref.itemTextVariant}\"\n      mode=\"primary\"\n    >${name}</descope-text>\n    </descope-list-item>\n  </a>\n`;\n\nconst customMixin = (superclass) =>\n  class AppsListMixinClass extends superclass {\n    // size controls both item logo size and font size\n    get size() {\n      return this.getAttribute('size') || 'sm';\n    }\n\n    get itemTextVariant() {\n      return this.getAttribute('item-text-variant') || 'body1';\n    }\n\n    get logoSize() {\n      return this.getAttribute('logo-size');\n    }\n\n    get openInSameWindow() {\n      return this.getAttribute('open-in-same-window') === 'true';\n    }\n  };\n\nexport const AppsListClass = compose(\n  createStyleMixin({\n    mappings: {\n      maxHeight: { selector: () => ':host' },\n      minHeight: { selector: () => ':host' },\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      gap: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.gap,\n      },\n      maxRowItems: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.maxRowItems,\n      },\n      itemsFontWeight: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontWeightOverride,\n      },\n      itemsFontSize: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.fontSizeOverride,\n      },\n      itemsTextAlign: {\n        selector: TextClass.componentName,\n        property: TextClass.cssVarList.textAlign,\n      },\n      itemBackgroundColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      itemHoverBackgroundColor: {\n        selector: `${ListItemClass.componentName}:hover`,\n        property: ListItemClass.cssVarList.backgroundColor,\n      },\n      backgroundColor: {\n        selector: ListClass.componentName,\n        property: ListClass.cssVarList.backgroundColorOverride,\n      },\n      itemBorderStyle: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderStyleOverride,\n      },\n      itemBorderColor: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderColorOverride,\n      },\n      itemBorderWidth: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.borderWidthOverride,\n      },\n      itemVerticalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.verticalPaddingOverride,\n      },\n      itemHorizontalPadding: {\n        selector: ListItemClass.componentName,\n        property: ListItemClass.cssVarList.horizontalPaddingOverride,\n      },\n      itemAlignment: [\n        { selector: () => '.avatar-wrapper', property: 'text-align' },\n        {\n          selector: TextClass.componentName,\n          property: TextClass.cssVarList.textAlign,\n        },\n      ],\n    },\n  }),\n  createDynamicDataMixin({\n    itemRenderer,\n    rerenderAttrsList: [\n      'size',\n      'item-text-variant',\n      'logo-size',\n      'open-in-same-window',\n    ],\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['empty-state'],\n    wrappedEleName: 'descope-list',\n    excludeAttrsSync: ['tabindex', 'class', 'empty', 'style'],\n    componentName,\n    style: () => `\n      :host {\n        width: 100%;\n        display: inline-flex;\n      }\n\n      descope-text::part(text-wrapper) {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n      }\n\n      descope-list-item[variant=\"tile\"] .avatar-wrapper {\n        width: 100%;\n      }\n\n      .avatar-wrapper {\n        line-height: 0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      descope-text {\n        ${TextClass.cssVarList.hostDirection}: var(${AppsListClass.cssVarList.hostDirection});\n        max-width: 100%;\n        width: 100%;\n      }\n    `,\n  }),\n);\n","import '@descope-ui/descope-list';\nimport '@descope-ui/descope-avatar';\nimport '@descope-ui/descope-text';\nimport { componentName, AppsListClass } from './AppsListClass';\n\ncustomElements.define(componentName, AppsListClass);\n\nexport { AppsListClass, componentName };\n","/**\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';\nimport { isKeyboardActive } from './focus-utils.js';\n\n/**\n * A mixin to handle `focused` and `focus-ring` attributes based on focus.\n *\n * @polymerMixin\n */\nexport const FocusMixin = dedupingMixin(\n  (superclass) =>\n    class FocusMixinClass extends superclass {\n      /**\n       * @protected\n       * @return {boolean}\n       */\n      get _keyboardActive() {\n        return isKeyboardActive();\n      }\n\n      /** @protected */\n      ready() {\n        this.addEventListener('focusin', (e) => {\n          if (this._shouldSetFocus(e)) {\n            this._setFocused(true);\n          }\n        });\n\n        this.addEventListener('focusout', (e) => {\n          if (this._shouldRemoveFocus(e)) {\n            this._setFocused(false);\n          }\n        });\n\n        // In super.ready() other 'focusin' and 'focusout' listeners might be\n        // added, so we call it after our own ones to ensure they execute first.\n        // Issue to watch out: when incorrect, <vaadin-combo-box> refocuses the\n        // input field on iOS after \"Done\" is pressed.\n        super.ready();\n      }\n\n      /** @protected */\n      disconnectedCallback() {\n        super.disconnectedCallback();\n\n        // In non-Chrome browsers, blur does not fire on the element when it is disconnected.\n        // reproducible in `<vaadin-date-picker>` when closing on `Cancel` or `Today` click.\n        if (this.hasAttribute('focused')) {\n          this._setFocused(false);\n        }\n      }\n\n      /**\n       * Override to change how focused and focus-ring attributes are set.\n       *\n       * @param {boolean} focused\n       * @protected\n       */\n      _setFocused(focused) {\n        this.toggleAttribute('focused', focused);\n\n        // Focus-ring is true when the element was focused from the keyboard.\n        // Focus Ring [A11ycasts]: https://youtu.be/ilj2P5-5CjI\n        this.toggleAttribute('focus-ring', focused && this._keyboardActive);\n      }\n\n      /**\n       * Override to define if the field receives focus based on the event.\n       *\n       * @param {FocusEvent} _event\n       * @return {boolean}\n       * @protected\n       */\n      _shouldSetFocus(_event) {\n        return true;\n      }\n\n      /**\n       * Override to define if the field loses focus based on the event.\n       *\n       * @param {FocusEvent} _event\n       * @return {boolean}\n       * @protected\n       */\n      _shouldRemoveFocus(_event) {\n        return true;\n      }\n    },\n);\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 { componentName, TextClass } from './TextClass';\n\ncustomElements.define(componentName, TextClass);\n\nexport { TextClass, componentName };\n","/**\n * @license\n * Copyright (c) 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\n\n/**\n * A helper for observing slot changes.\n */\nexport class SlotObserver {\n  constructor(slot, callback) {\n    /** @type HTMLSlotElement */\n    this.slot = slot;\n\n    /** @type Function */\n    this.callback = callback;\n\n    /** @type {Node[]} */\n    this._storedNodes = [];\n\n    this._connected = false;\n    this._scheduled = false;\n\n    this._boundSchedule = () => {\n      this._schedule();\n    };\n\n    this.connect();\n    this._schedule();\n  }\n\n  /**\n   * Activates an observer. This method is automatically called when\n   * a `SlotObserver` is created. It should only be called to  re-activate\n   * an observer that has been deactivated via the `disconnect` method.\n   */\n  connect() {\n    this.slot.addEventListener('slotchange', this._boundSchedule);\n    this._connected = true;\n  }\n\n  /**\n   * Deactivates the observer. After calling this method the observer callback\n   * will not be called when changes to slotted nodes occur. The `connect` method\n   * may be subsequently called to reactivate the observer.\n   */\n  disconnect() {\n    this.slot.removeEventListener('slotchange', this._boundSchedule);\n    this._connected = false;\n  }\n\n  /** @private */\n  _schedule() {\n    if (!this._scheduled) {\n      this._scheduled = true;\n\n      queueMicrotask(() => {\n        this.flush();\n      });\n    }\n  }\n\n  /**\n   * Run the observer callback synchronously.\n   */\n  flush() {\n    if (!this._connected) {\n      return;\n    }\n\n    this._scheduled = false;\n\n    this._processNodes();\n  }\n\n  /** @private */\n  _processNodes() {\n    const currentNodes = this.slot.assignedNodes({ flatten: true });\n\n    let addedNodes = [];\n    const removedNodes = [];\n    const movedNodes = [];\n\n    if (currentNodes.length) {\n      addedNodes = currentNodes.filter((node) => !this._storedNodes.includes(node));\n    }\n\n    if (this._storedNodes.length) {\n      this._storedNodes.forEach((node, index) => {\n        const idx = currentNodes.indexOf(node);\n        if (idx === -1) {\n          removedNodes.push(node);\n        } else if (idx !== index) {\n          movedNodes.push(node);\n        }\n      });\n    }\n\n    if (addedNodes.length || removedNodes.length || movedNodes.length) {\n      this.callback({ addedNodes, movedNodes, removedNodes });\n    }\n\n    this._storedNodes = currentNodes;\n  }\n}\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('text');\n\nclass RawText extends createBaseClass({\n  componentName,\n  baseSelector: ':host > slot',\n}) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <slot part=\"text-wrapper\"></slot>\n    `;\n\n    injectStyle(`\n      :host {\n        display: inline-block;\n        line-height: 1em;\n      }\n      :host > slot {\n        width: 100%;\n        display: inline-block;\n      }\n    `, this);\n  }\n\n  get hideWhenEmpty() {\n    return this.getAttribute('hide-when-empty') === 'true';\n  }\n\n  init() {\n    super.init();\n\n    observeChildren(this, () => {\n      const hasChildren = !!this.childNodes.length;\n      this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' }\n}\n\nexport const TextClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      textColor: [\n        { property: 'color' }\n      ],\n      textLineHeight: { property: 'line-height' },\n      textLetterSpacing: { property: 'letter-spacing' },\n      textShadow: {},\n      textAlign: {},\n      textTransform: {},\n      fontFamily: {},\n      fontStyle: {},\n      fontWeight: {},\n      borderWidth: {},\n      borderStyle: {},\n      borderColor: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawText);\n","/**\n * @license\n * Copyright (c) 2022 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from './slot-controller.js';\n\n/**\n * A controller that manages the slotted tooltip element.\n */\nexport class TooltipController extends SlotController {\n  constructor(host) {\n    // Do not provide slot factory to create tooltip lazily.\n    super(host, 'tooltip');\n\n    this.setTarget(host);\n  }\n\n  /**\n   * Override to initialize the newly added custom tooltip.\n   *\n   * @param {Node} tooltipNode\n   * @protected\n   * @override\n   */\n  initCustomNode(tooltipNode) {\n    tooltipNode.target = this.target;\n\n    if (this.ariaTarget !== undefined) {\n      tooltipNode.ariaTarget = this.ariaTarget;\n    }\n\n    if (this.context !== undefined) {\n      tooltipNode.context = this.context;\n    }\n\n    if (this.manual !== undefined) {\n      tooltipNode.manual = this.manual;\n    }\n\n    if (this.opened !== undefined) {\n      tooltipNode.opened = this.opened;\n    }\n\n    if (this.position !== undefined) {\n      tooltipNode._position = this.position;\n    }\n\n    if (this.shouldShow !== undefined) {\n      tooltipNode.shouldShow = this.shouldShow;\n    }\n\n    this.__notifyChange();\n  }\n\n  /**\n   * Override to notify the host when the tooltip is removed.\n   *\n   * @param {Node} tooltipNode\n   * @protected\n   * @override\n   */\n  teardownNode() {\n    this.__notifyChange();\n  }\n\n  /**\n   * Set an HTML element for linking with the tooltip overlay\n   * via `aria-describedby` attribute used by screen readers.\n   * @param {HTMLElement} ariaTarget\n   */\n  setAriaTarget(ariaTarget) {\n    this.ariaTarget = ariaTarget;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.ariaTarget = ariaTarget;\n    }\n  }\n\n  /**\n   * Set a context object to be used by generator.\n   * @param {object} context\n   */\n  setContext(context) {\n    this.context = context;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.context = context;\n    }\n  }\n\n  /**\n   * Toggle manual state on the slotted tooltip.\n   * @param {boolean} manual\n   */\n  setManual(manual) {\n    this.manual = manual;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.manual = manual;\n    }\n  }\n\n  /**\n   * Toggle opened state on the slotted tooltip.\n   * @param {boolean} opened\n   */\n  setOpened(opened) {\n    this.opened = opened;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.opened = opened;\n    }\n  }\n\n  /**\n   * Set default position for the slotted tooltip.\n   * This can be overridden by setting the position\n   * using corresponding property or attribute.\n   * @param {string} position\n   */\n  setPosition(position) {\n    this.position = position;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode._position = position;\n    }\n  }\n\n  /**\n   * Set function used to detect whether to show\n   * the tooltip based on a condition.\n   * @param {Function} shouldShow\n   */\n  setShouldShow(shouldShow) {\n    this.shouldShow = shouldShow;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.shouldShow = shouldShow;\n    }\n  }\n\n  /**\n   * Set an HTML element to attach the tooltip to.\n   * @param {HTMLElement} target\n   */\n  setTarget(target) {\n    this.target = target;\n\n    const tooltipNode = this.node;\n    if (tooltipNode) {\n      tooltipNode.target = target;\n    }\n  }\n\n  /** @private */\n  __notifyChange() {\n    this.dispatchEvent(new CustomEvent('tooltip-changed', { detail: { node: this.node } }));\n  }\n}\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  activeableMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list-item');\n\nconst customMixin = (superclass) =>\n  class ListItemMixinClass extends superclass {\n    constructor() {\n      super();\n\n      this.attachShadow({ mode: 'open' }).innerHTML = `\n      <slot></slot>\n    `;\n\n      injectStyle(\n        `\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        `,\n        this,\n      );\n    }\n  };\n\nexport const ListItemClass = compose(\n  createStyleMixin({\n    mappings: {\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      backgroundColor: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n      borderRadius: {},\n      outline: {},\n      cursor: {},\n      gap: {},\n      maxWidth: { selector: () => ':host' },\n      alignItems: {},\n      flexDirection: {},\n      transition: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n  customMixin,\n  activeableMixin,\n)(createBaseClass({ componentName, baseSelector: 'slot' }));\n"],"names":["getAncestorRootNodes","node","result","nodeType","Node","DOCUMENT_NODE","push","DOCUMENT_FRAGMENT_NODE","assignedSlot","parentNode","host","getFlattenedElements","elements","localName","assignedElements","children","forEach","elem","getClosestElement","selector","closest","getRootNode","deserializeAttributeValue","value","Set","split","serializeAttributeValue","values","join","addValueToAttribute","element","attr","getAttribute","add","setAttribute","removeValueFromAttribute","delete","size","removeAttribute","isEmptyTextNode","TEXT_NODE","textContent","trim","componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","length","variant","item","listItem","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","uniqueId","generateUniqueId","customElements","define","sizing","SlotController","EventTarget","generateId","slotName","tagName","config","initializer","multiple","observe","useUniqueId","slotInitializer","nodes","defaultId","hostConnected","initialized","initMultiple","initSingle","observeSlot","getSlotChild","initAddedNode","attachDefaultNode","initNode","getSlotChildren","defaultNode","document","createElement","Element","appendChild","Array","from","childNodes","filter","ELEMENT_NODE","slot","initCustomNode","_node","teardownNode","__slotObserver","addedNodes","removedNodes","current","newNodes","includes","remove","AppsListClass","cssVarList","itemsFontWeight","TextClass","fontWeightOverride","itemsFontSize","fontSizeOverride","itemsTextAlign","textAlign","itemBackgroundColor","ListItemClass","itemHoverBackgroundColor","backgroundColorOverride","itemBorderStyle","borderStyleOverride","itemBorderColor","borderColorOverride","itemBorderWidth","borderWidthOverride","itemVerticalPadding","verticalPaddingOverride","itemHorizontalPadding","horizontalPaddingOverride","itemAlignment","itemRenderer","icon","url","_","ref","openInSameWindow","logoSize","itemTextVariant","rerenderAttrsList","superclass","slots","wrappedEleName","excludeAttrsSync","style","FocusMixin","_keyboardActive","ready","addEventListener","e","_shouldSetFocus","_setFocused","_shouldRemoveFocus","disconnectedCallback","hasAttribute","focused","toggleAttribute","_event","RawAvatar","avatarComponent","includeAttrs","mapAttrs","editableIcon","display","isEditable","editableBadge","avatar","AvatarClass","hostHeight","cursor","avatarTextColor","avatarBackgroundColor","editableIconColor","editableBorderColor","editableBackgroundColor","SlotObserver","callback","_storedNodes","_connected","_scheduled","_boundSchedule","_schedule","connect","disconnect","removeEventListener","queueMicrotask","flush","_processNodes","currentNodes","assignedNodes","flatten","movedNodes","index","idx","indexOf","RawText","hideWhenEmpty","hasChildren","fontSize","textColor","textLineHeight","textLetterSpacing","textShadow","textTransform","fontStyle","fontWeight","TooltipController","setTarget","tooltipNode","target","undefined","ariaTarget","context","manual","opened","position","_position","shouldShow","__notifyChange","setAriaTarget","setContext","setManual","setOpened","setPosition","setShouldShow","dispatchEvent","CustomEvent","detail","outline","maxWidth","alignItems","flexDirection","transition"],"sourceRoot":""}

package/dist/umd/descope-list.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,4551],{7720:(t,e,n)=>{n.d(e,{T:()=>l,x:()=>p});var o=n(88961),r=n(63200),s=n(25964),i=n(93895),a=n(72270);const l=(0,s.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,s.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach(t=>{let e=t;e.localName!==i.O.componentName&&(e=t.querySelector(i.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.Ge)(this,()=>{this.#t(),this.#e(),this.#n()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const p=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),o.VO,o.tQ)(d)},24542:(t,e,n)=>{n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},45400:(t,e,n)=>{n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},93895:(t,e,n)=>{n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),s=n(25964),i=n(72270);const a=(0,s.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,s.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}},o.y)((0,i.qu)({componentName:a,baseSelector:"slot"}))}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[461,4551],{7720:(t,e,n)=>{n.d(e,{T:()=>l,x:()=>p});var o=n(88961),r=n(63200),s=n(25964),i=n(93895),a=n(72270);const l=(0,s.xE)("list");class d extends((0,a.qu)({componentName:l,baseSelector:".wrapper"})){static get observedAttributes(){return["variant","readonly"]}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n    <div class="wrapper">\n    <slot></slot>\n    <slot name="empty-state">\n      No item...\n    </slot>\n    </div>\n\t',(0,s.fz)('\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name="empty-state"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name="empty-state"] {\n        display: none;\n      }\n      :host([empty]) slot[name="empty-state"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        ',this)}get items(){return this.shadowRoot.querySelector("slot").assignedElements()}#t(){0===this.items.length?this.setAttribute("empty","true"):this.removeAttribute("empty")}get variant(){return this.getAttribute("variant")||"list"}#e(){this.items.forEach(t=>{let e=t;e.localName!==i.O.componentName&&(e=t.querySelector(i.O.componentName));const n="tiles"===this.variant?"tile":"row";e?.setAttribute("variant",n)})}init(){super.init?.(),(0,s.Ge)(this,()=>{this.#t(),this.#e(),this.#n()})}get isReadOnly(){return"true"===this.getAttribute("readonly")}#n(){this.items.forEach(t=>{this.isReadOnly?t.setAttribute("inert",""):t.removeAttribute("inert")})}attributeChangedCallback(t,e,n){super.attributeChangedCallback?.(t,e,n),n!==e&&("variant"===t?this.#e():"readonly"===t&&this.#n())}}const p=(0,r.Zz)((0,o.RF)({mappings:{hostWidth:{selector:()=>":host",property:"width"},maxHeight:{selector:()=>":host"},minHeight:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],hostDirection:{selector:()=>":host",property:"direction"},fontFamily:{},gap:{},backgroundColor:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{},gridTemplateColumns:{},maxItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"max-width"},minItemsWidth:{selector:()=>"::slotted(:not([slot]))",property:"min-width"},maxRowItems:{property:"max-row-items"},itemsHorizontalAlign:{selector:()=>"::slotted(*)",property:"justify-self"},emptyStateTextColor:{selector:()=>'slot[name="empty-state"]',property:"color"},emptyStateTextFontFamily:{selector:()=>'slot[name="empty-state"]',property:"font-family"}}}),o.VO,o.tQ)(d)},24542:(t,e,n)=>{n.r(e),n.d(e,{ListItemClass:()=>o.O,componentName:()=>o.T});var o=n(93895);customElements.define(o.T,o.O)},45400:(t,e,n)=>{n.r(e),n.d(e,{ListClass:()=>o.x,componentName:()=>o.T}),n(24542);var o=n(7720);customElements.define(o.T,o.x)},93895:(t,e,n)=>{n.d(e,{O:()=>l,T:()=>a});var o=n(88961),r=n(63200),s=n(25964),i=n(72270);const a=(0,s.xE)("list-item"),l=(0,r.Zz)((0,o.RF)({mappings:{verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],backgroundColor:{},borderColor:{},borderStyle:{},borderWidth:{},borderRadius:{},outline:{},cursor:{},gap:{},maxWidth:{selector:()=>":host"},alignItems:{},flexDirection:{},transition:{}}}),o.VO,o.tQ,t=>class extends t{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n      <slot></slot>\n    ",(0,s.fz)("\n      slot {\n          width: 100%;\n          display: flex;\n          overflow: hidden;\n          box-sizing: border-box;\n      }\n      :host {\n        display: block;\n      }\n        ",this)}},o.y)((0,i.qu)({componentName:a,baseSelector:"slot"}))}}]);
 //# sourceMappingURL=descope-list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  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      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\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  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"],"names":["componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","customElements","define","ListItemClass","outline","cursor","maxWidth","alignItems","flexDirection","transition","superclass"],"sourceRoot":""}
+{"version":3,"file":"descope-list.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-list/src/component/ListClass.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-list-item/src/component/ListItemClass.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  observeChildren,\n} from '@descope-ui/common/components-helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { ListItemClass } from '@descope-ui/descope-list-item/class';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\n\nexport const componentName = getComponentName('list');\n\nclass RawList extends createBaseClass({\n  componentName,\n  baseSelector: '.wrapper',\n}) {\n  static get observedAttributes() {\n    return ['variant', 'readonly'];\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div class=\"wrapper\">\n    <slot></slot>\n    <slot name=\"empty-state\">\n      No item...\n    </slot>\n    </div>\n\t`;\n\n    injectStyle(\n      `\n    .wrapper {\n        overflow: auto;\n        display: grid;\n        max-height: 100%;\n        width: 100%;\n      }\n\n      :host {\n        display: inline-flex;\n        width: 100%;\n      }\n      slot[name=\"empty-state\"] {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        flex-grow: 1;\n      }\n\n      :host slot[name=\"empty-state\"] {\n        display: none;\n      }\n      :host([empty]) slot[name=\"empty-state\"] {\n        display: flex;\n      }\n      ::slotted(:not([slot])) {\n        width: 100%;\n      }\n        `,\n      this,\n    );\n  }\n\n  get items() {\n    return this.shadowRoot.querySelector('slot').assignedElements();\n  }\n\n  #handleEmptyState() {\n    if (this.items.length === 0) {\n      this.setAttribute('empty', 'true');\n    } else {\n      this.removeAttribute('empty');\n    }\n  }\n\n  get variant() {\n    return this.getAttribute('variant') || 'list';\n  }\n\n  #handleItemsVariant() {\n    this.items.forEach((item) => {\n      let listItem = item;\n      if (listItem.localName !== ListItemClass.componentName) {\n        listItem = item.querySelector(ListItemClass.componentName);\n      }\n\n      const listItemVariant = this.variant === 'tiles' ? 'tile' : 'row';\n      listItem?.setAttribute('variant', listItemVariant);\n    });\n  }\n\n  init() {\n    super.init?.();\n\n    // we want new items to get the size\n    observeChildren(this, () => {\n      this.#handleEmptyState();\n      this.#handleItemsVariant();\n      this.#handleReadOnly();\n    });\n  }\n\n  get isReadOnly() {\n    return this.getAttribute('readonly') === 'true';\n  }\n\n  #handleReadOnly() {\n    this.items.forEach((item) => {\n      if (this.isReadOnly) item.setAttribute('inert', '');\n      else item.removeAttribute('inert');\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    super.attributeChangedCallback?.(name, oldValue, newValue);\n\n    if (newValue === oldValue) return;\n\n    if (name === 'variant') {\n      this.#handleItemsVariant();\n    } else if (name === 'readonly') {\n      this.#handleReadOnly();\n    }\n  }\n}\n\nexport const ListClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { selector: () => ':host', property: 'width' },\n      maxHeight: { selector: () => ':host' },\n      minHeight: {},\n      verticalPadding: [\n        { property: 'padding-top' },\n        { property: 'padding-bottom' },\n      ],\n      horizontalPadding: [\n        { property: 'padding-left' },\n        { property: 'padding-right' },\n      ],\n      hostDirection: { selector: () => ':host', property: 'direction' },\n      fontFamily: {},\n      gap: {},\n\n      backgroundColor: {},\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      boxShadow: {},\n      gridTemplateColumns: {},\n      maxItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'max-width',\n      },\n      minItemsWidth: {\n        selector: () => '::slotted(:not([slot]))',\n        property: 'min-width',\n      },\n      maxRowItems: {\n        property: 'max-row-items',\n      },\n      itemsHorizontalAlign: {\n        selector: () => '::slotted(*)',\n        property: 'justify-self',\n      },\n      emptyStateTextColor: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'color',\n      },\n      emptyStateTextFontFamily: {\n        selector: () => 'slot[name=\"empty-state\"]',\n        property: 'font-family',\n      },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawList);\n","import { componentName, ListItemClass } from './ListItemClass';\n\ncustomElements.define(componentName, ListItemClass);\n\nexport { ListItemClass, componentName };\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  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"],"names":["componentName","RawList","baseSelector","observedAttributes","constructor","super","this","attachShadow","mode","innerHTML","items","shadowRoot","querySelector","assignedElements","length","setAttribute","removeAttribute","variant","getAttribute","forEach","item","listItem","localName","listItemVariant","init","isReadOnly","attributeChangedCallback","name","oldValue","newValue","ListClass","mappings","hostWidth","selector","property","maxHeight","minHeight","verticalPadding","horizontalPadding","hostDirection","fontFamily","gap","backgroundColor","borderRadius","borderColor","borderStyle","borderWidth","boxShadow","gridTemplateColumns","maxItemsWidth","minItemsWidth","maxRowItems","itemsHorizontalAlign","emptyStateTextColor","emptyStateTextFontFamily","customElements","define","ListItemClass","outline","cursor","maxWidth","alignItems","flexDirection","transition","superclass"],"sourceRoot":""}

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

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