@patternfly/elements 2.2.0 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +0 -20
- package/package.json +1 -1
- package/pf-popover/pf-popover.js +2 -1
- package/pf-popover/pf-popover.js.map +1 -1
- package/pf-tabs/BaseTabPanel.d.ts +0 -1
- package/pf-tabs/BaseTabPanel.js +1 -1
- package/pf-tabs/BaseTabPanel.js.map +1 -1
- package/pf-tabs/pf-tab.css +4 -0
- package/pf-tabs/pf-tab.js +1 -1
- package/pfe.min.js +30 -30
- package/pfe.min.js.map +2 -2
package/pfe.min.js
CHANGED
|
@@ -6,9 +6,9 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
</div>
|
|
9
|
-
`}};ft.styles=[si],o([Cn({type:Boolean,reflect:!0})],ft.prototype,"expanded",2);import{__classPrivateFieldGet as g,__classPrivateFieldSet as Mr}from"tslib";var w,it,St,$e,K,Ee,Qo,Ie,kn=l=>!!l&&!l.hasAttribute("disabled")&&!l.ariaHidden&&!l.hasAttribute("hidden"),Tt=class{get activeItem(){return g(this,it,"f")}get firstItem(){return g(this,w,"a",K)[0]}get lastItem(){return g(this,w,"a",K).at(-1)}get nextItem(){return g(this,w,"a",Ee)>=g(this,w,"a",K).length-1?this.firstItem:g(this,w,"a",K)[g(this,w,"a",Ee)+1]}get prevItem(){return g(this,w,"a",Ee)>0?g(this,w,"a",K)[g(this,w,"a",Ee)-1]:this.lastItem}constructor(e){w.add(this),this.host=e,it.set(this,void 0),St.set(this,void 0),$e.set(this,[]),Ie.set(this,t=>{if(t.ctrlKey||t.altKey||t.metaKey||!g(this,w,"a",K).length||!t.composedPath().some(c=>g(this,w,"a",K).includes(c)))return;let r=this.activeItem,a=!1,s=r?r.tagName==="SELECT"||r.getAttribute("role")==="spinbutton":!1;switch(t.key){case"ArrowLeft":this.focusOnItem(this.prevItem),a=!0;break;case"ArrowRight":this.focusOnItem(this.nextItem),a=!0;break;case"ArrowUp":if(s)return;this.focusOnItem(this.prevItem),a=!0;break;case"ArrowDown":if(s)return;this.focusOnItem(this.nextItem),a=!0;break;case"Home":this.focusOnItem(this.firstItem),a=!0;break;case"PageUp":if(s)return;this.focusOnItem(this.firstItem),a=!0;break;case"End":this.focusOnItem(this.lastItem),a=!0;break;case"PageDown":if(s)return;this.focusOnItem(this.lastItem),a=!0;break;default:break}a&&(t.stopPropagation(),t.preventDefault())}),this.host.addController(this)}updateActiveItem(e){e&&(g(this,it,"f")&&e!==g(this,it,"f")&&(g(this,it,"f").tabIndex=-1),e.tabIndex=0,Mr(this,it,e,"f"))}focusOnItem(e){this.updateActiveItem(e||this.firstItem),g(this,it,"f")?.focus(),this.host.requestUpdate()}updateItems(e){let r=[...e.slice(g(this,w,"a",Qo)),...e.slice(0,g(this,w,"a",Qo))].find(a=>g(this,w,"a",K).includes(a));this.focusOnItem(r||this.firstItem)}initItems(e,t=this.host){Mr(this,$e,e??[],"f");let r=g(this,w,"a",K),[a]=r;Mr(this,it,a,"f");for(let s of r)s.tabIndex=g(this,it,"f")===s?0:-1;(!g(this,St,"f")||t!==g(this,St,"f"))&&(g(this,St,"f")?.removeEventListener("keydown",g(this,Ie,"f")),Mr(this,St,t,"f"),this.hostConnected())}hostConnected(){g(this,St,"f")?.addEventListener("keydown",g(this,Ie,"f"))}hostDisconnected(){g(this,St,"f")?.removeEventListener("keydown",g(this,Ie,"f"))}};it=new WeakMap,St=new WeakMap,$e=new WeakMap,Ie=new WeakMap,w=new WeakSet,K=function(){return g(this,$e,"f").filter(kn)},Ee=function(){return g(this,w,"a",K)&&this.activeItem?g(this,w,"a",K).indexOf(this.activeItem):-1},Qo=function(){return this.activeItem?g(this,$e,"f").indexOf(this.activeItem):-1};import{css as Bn}from"lit";var wn=Bn`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,pi=wn;var zn=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Jo=class extends C{constructor(t,r){super("expand");this.toggle=t;this.panel=r}},ta=class extends C{constructor(t,r){super("collapse");this.toggle=t;this.panel=r}},He,Ae,ea,De,$r,Oe,Hr,Ar,je,ra,Dr,ci,ee,Lr,re,Fr,oe,Rr,Ne,oa,
|
|
9
|
+
`}};ft.styles=[si],o([Cn({type:Boolean,reflect:!0})],ft.prototype,"expanded",2);import{__classPrivateFieldGet as g,__classPrivateFieldSet as Mr}from"tslib";var w,it,St,$e,K,Ee,Qo,Ie,kn=l=>!!l&&!l.hasAttribute("disabled")&&!l.ariaHidden&&!l.hasAttribute("hidden"),Tt=class{get activeItem(){return g(this,it,"f")}get firstItem(){return g(this,w,"a",K)[0]}get lastItem(){return g(this,w,"a",K).at(-1)}get nextItem(){return g(this,w,"a",Ee)>=g(this,w,"a",K).length-1?this.firstItem:g(this,w,"a",K)[g(this,w,"a",Ee)+1]}get prevItem(){return g(this,w,"a",Ee)>0?g(this,w,"a",K)[g(this,w,"a",Ee)-1]:this.lastItem}constructor(e){w.add(this),this.host=e,it.set(this,void 0),St.set(this,void 0),$e.set(this,[]),Ie.set(this,t=>{if(t.ctrlKey||t.altKey||t.metaKey||!g(this,w,"a",K).length||!t.composedPath().some(c=>g(this,w,"a",K).includes(c)))return;let r=this.activeItem,a=!1,s=r?r.tagName==="SELECT"||r.getAttribute("role")==="spinbutton":!1;switch(t.key){case"ArrowLeft":this.focusOnItem(this.prevItem),a=!0;break;case"ArrowRight":this.focusOnItem(this.nextItem),a=!0;break;case"ArrowUp":if(s)return;this.focusOnItem(this.prevItem),a=!0;break;case"ArrowDown":if(s)return;this.focusOnItem(this.nextItem),a=!0;break;case"Home":this.focusOnItem(this.firstItem),a=!0;break;case"PageUp":if(s)return;this.focusOnItem(this.firstItem),a=!0;break;case"End":this.focusOnItem(this.lastItem),a=!0;break;case"PageDown":if(s)return;this.focusOnItem(this.lastItem),a=!0;break;default:break}a&&(t.stopPropagation(),t.preventDefault())}),this.host.addController(this)}updateActiveItem(e){e&&(g(this,it,"f")&&e!==g(this,it,"f")&&(g(this,it,"f").tabIndex=-1),e.tabIndex=0,Mr(this,it,e,"f"))}focusOnItem(e){this.updateActiveItem(e||this.firstItem),g(this,it,"f")?.focus(),this.host.requestUpdate()}updateItems(e){let r=[...e.slice(g(this,w,"a",Qo)),...e.slice(0,g(this,w,"a",Qo))].find(a=>g(this,w,"a",K).includes(a));this.focusOnItem(r||this.firstItem)}initItems(e,t=this.host){Mr(this,$e,e??[],"f");let r=g(this,w,"a",K),[a]=r;Mr(this,it,a,"f");for(let s of r)s.tabIndex=g(this,it,"f")===s?0:-1;(!g(this,St,"f")||t!==g(this,St,"f"))&&(g(this,St,"f")?.removeEventListener("keydown",g(this,Ie,"f")),Mr(this,St,t,"f"),this.hostConnected())}hostConnected(){g(this,St,"f")?.addEventListener("keydown",g(this,Ie,"f"))}hostDisconnected(){g(this,St,"f")?.removeEventListener("keydown",g(this,Ie,"f"))}};it=new WeakMap,St=new WeakMap,$e=new WeakMap,Ie=new WeakMap,w=new WeakSet,K=function(){return g(this,$e,"f").filter(kn)},Ee=function(){return g(this,w,"a",K)&&this.activeItem?g(this,w,"a",K).indexOf(this.activeItem):-1},Qo=function(){return this.activeItem?g(this,$e,"f").indexOf(this.activeItem):-1};import{css as Bn}from"lit";var wn=Bn`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,pi=wn;var zn=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,Jo=class extends C{constructor(t,r){super("expand");this.toggle=t;this.panel=r}},ta=class extends C{constructor(t,r){super("collapse");this.toggle=t;this.panel=r}},He,Ae,ea,De,$r,Oe,Hr,Ar,je,ra,Dr,ci,ee,Lr,re,Fr,oe,Rr,Ne,oa,Ue,aa,Pe,ia,Ge,la,Or,di,sa,Mn,ae,Er,qe,na,jr,fi,Nr,mi,Ur,gi,Pr,hi,ie,Ir,mt=class extends Sn{constructor(){super(...arguments);n(this,Ae);n(this,je);n(this,Dr);n(this,ee);n(this,re);n(this,oe);n(this,Ne);n(this,Ue);n(this,Pe);n(this,Ge);n(this,Or);n(this,sa);n(this,ae);n(this,qe);n(this,jr);n(this,Nr);n(this,Ur);n(this,Pr);n(this,ie);n(this,He,new Tt(this));this.expandedIndex=[];this.expandedSets=new Set;n(this,De,new b(this));n(this,$r,getComputedStyle(this));n(this,Oe,p(this,Pe,ia).call(this));n(this,Hr,!1);n(this,Ar,new MutationObserver(()=>p(this,je,ra).call(this)))}static isAccordion(t){return t instanceof mt}static isHeader(t){return t instanceof V}static isPanel(t){return t instanceof ft}get headers(){return p(this,ae,Er).call(this)}get panels(){return p(this,qe,na).call(this)}async getUpdateComplete(){let t=await super.getUpdateComplete(),r=await Promise.all([...p(this,ae,Er).call(this).map(a=>a.updateComplete),...p(this,qe,na).call(this).map(a=>a.updateComplete)]);return t&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",p(this,Or,di)),i(this,Ar).observe(this,{childList:!0}),p(this,je,ra).call(this)}render(){return Tn`
|
|
10
10
|
<slot></slot>
|
|
11
|
-
`}async firstUpdated(){let{headers:t}=this;t.forEach((r,a)=>{if(r.expanded){p(this,re,Fr).call(this,r,a);let s=p(this,ee,Lr).call(this,r);s&&p(this,oe,Rr).call(this,s)}})}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let a=p(this,ee,Lr).call(this,r);a&&(r.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",r.id),a.hidden=!a.expanded)})}async toggle(t){let{headers:r}=this;r[t].expanded?await this.collapse(t):await this.expand(t)}async expand(t,r){if(t===-1)return;let s=p(this,ae,Er).call(this,r)[t];if(!s)return;let c=p(this,ee,Lr).call(this,s);c&&(p(this,re,Fr).call(this,s,t),p(this,oe,Rr).call(this,c),s.focus(),this.dispatchEvent(new Jo(s,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(t=>p(this,re,Fr).call(this,t)),this.panels.forEach(t=>p(this,oe,Rr).call(this,t)),await this.updateComplete}async collapse(t){let r=this.headers.at(t),a=this.panels.at(t);!r||!a||(p(this,Ne,oa).call(this,r),p(this,
|
|
11
|
+
`}async firstUpdated(){let{headers:t}=this;t.forEach((r,a)=>{if(r.expanded){p(this,re,Fr).call(this,r,a);let s=p(this,ee,Lr).call(this,r);s&&p(this,oe,Rr).call(this,s)}})}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let a=p(this,ee,Lr).call(this,r);a&&(r.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",r.id),a.hidden=!a.expanded)})}async toggle(t){let{headers:r}=this;r[t].expanded?await this.collapse(t):await this.expand(t)}async expand(t,r){if(t===-1)return;let s=p(this,ae,Er).call(this,r)[t];if(!s)return;let c=p(this,ee,Lr).call(this,s);c&&(p(this,re,Fr).call(this,s,t),p(this,oe,Rr).call(this,c),s.focus(),this.dispatchEvent(new Jo(s,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(t=>p(this,re,Fr).call(this,t)),this.panels.forEach(t=>p(this,oe,Rr).call(this,t)),await this.updateComplete}async collapse(t){let r=this.headers.at(t),a=this.panels.at(t);!r||!a||(p(this,Ne,oa).call(this,r),p(this,Ue,aa).call(this,a),this.dispatchEvent(new ta(r,a)),await this.updateComplete)}async collapseAll(){this.headers.forEach(t=>p(this,Ne,oa).call(this,t)),this.panels.forEach(t=>p(this,Ue,aa).call(this,t)),await this.updateComplete}},gt=mt;He=new WeakMap,Ae=new WeakSet,ea=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"));return t.at(r)},De=new WeakMap,$r=new WeakMap,Oe=new WeakMap,Hr=new WeakMap,Ar=new WeakMap,je=new WeakSet,ra=async function(){i(this,Hr)||m(this,Hr,!!await this.updateComplete),i(this,He).initItems(this.headers),this.addEventListener("focusin",p(this,Dr,ci)),this.updateAccessibility()},Dr=new WeakSet,ci=function(){i(this,Ae,ea)&&i(this,He).updateActiveItem(i(this,Ae,ea))},ee=new WeakSet,Lr=function(t){let r=t.nextElementSibling;return mt.isPanel(r)?r:void i(this,De).error("Sibling element to a header needs to be a panel")},re=new WeakSet,Fr=function(t,r=p(this,ie,Ir).call(this,t)){this.expandedSets.add(r),t.expanded=!0},oe=new WeakSet,Rr=async function(t){t.expanded=!0,t.hidden=!1,await t.updateComplete;let r=t.getBoundingClientRect();p(this,Ge,la).call(this,t,0,r.height)},Ne=new WeakSet,oa=async function(t,r=p(this,ie,Ir).call(this,t)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),t.expanded=!1,await t.updateComplete},Ue=new WeakSet,aa=async function(t){if(await t.updateComplete,!t.expanded)return;let r=t.getBoundingClientRect();t.expanded=!1,t.hidden=!0,p(this,Ge,la).call(this,t,r.height,0),await t.updateComplete},Pe=new WeakSet,ia=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:t}=i(this,$r),r=zn.exec(t)?.groups;if(!r)return 0;let a=parseFloat(t);return r.unit==="s"?a*1e3:a}},Ge=new WeakSet,la=async function(t,r,a){if(t){let s=t.previousElementSibling,c=p(this,Pe,ia).call(this);c&&m(this,Oe,c);let d=i(this,Oe)??0;s?.classList.add("animating"),t.classList.add("animating");let v=t.animate({height:[`${r}px`,`${a}px`]},{duration:d});v.play(),await v.finished,s?.classList.remove("animating"),t.classList.remove("animating"),t.style.removeProperty("height"),t.hidden=!t.expanded}},Or=new WeakSet,di=function(t){if(this.classList.contains("animating"))return;let r=p(this,ie,Ir).call(this,t.target);t.expanded?this.expand(r,t.accordion):this.collapse(r)},sa=new WeakSet,Mn=async function(t){let r=t.target;if(!mt.isHeader(r))return;let a;switch(t.key){case"ArrowDown":t.preventDefault(),a=p(this,Nr,mi).call(this);break;case"ArrowUp":t.preventDefault(),a=p(this,jr,fi).call(this);break;case"Home":t.preventDefault(),a=p(this,Ur,gi).call(this);break;case"End":t.preventDefault(),a=p(this,Pr,hi).call(this);break}a?.focus?.()},ae=new WeakSet,Er=function(t=this){return Array.from(t.children).filter(mt.isHeader)},qe=new WeakSet,na=function(t=this){return Array.from(t.children).filter(mt.isPanel)},jr=new WeakSet,fi=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))-1;return t[(r+t.length)%t.length]},Nr=new WeakSet,mi=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))+1;return t[r%t.length]},Ur=new WeakSet,gi=function(){return this.headers.at(0)},Pr=new WeakSet,hi=function(){return this.headers.at(-1)},ie=new WeakSet,Ir=function(t){return mt.isHeader(t)?this.headers.findIndex(r=>r.id===t.id):mt.isPanel(t)?this.panels.findIndex(r=>r.id===t.id):(i(this,De).warn("The #getIndex method expects to receive a header or panel element."),-1)},gt.styles=[pi],o([z(async function(e,t){if(e&&e!==t){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),Wn({attribute:"expanded-index",converter:li})],gt.prototype,"expandedIndex",2);import{css as Ln}from"lit";var Fn=Ln`#heading{font-size:100%;padding:0;margin:0}a,button{cursor:pointer}.toggle,.toggle:after,.toggle:before{padding:0;margin:0}.toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;border:0}.toggle:after{content:"";position:absolute;bottom:0;left:0}span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`,bi=Fn;var Rn=l=>l instanceof HTMLElement&&!!l.tagName.match(/P|^H[1-6]/),ca=class extends C{constructor(t,r,a){super("change");this.expanded=t;this.toggle=r;this.accordion=a}},lt,It,le,Gr,ui,nt,zt,qr,_i,Kr,yi,V=class extends vi{constructor(){super(...arguments);n(this,Gr);n(this,nt);n(this,qr);n(this,Kr);this.expanded=!1;n(this,lt,void 0);n(this,It,new b(this));n(this,le,void 0)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,Kr,yi)),this.hidden=!0,this.id||(this.id=q(this.localName)),p(this,Gr,ui).call(this)}render(){switch(this.headingTag){case"h1":return Wt`<h1 id="heading">${p(this,nt,zt).call(this)}</h1>`;case"h2":return Wt`<h2 id="heading">${p(this,nt,zt).call(this)}</h2>`;case"h3":return Wt`<h3 id="heading">${p(this,nt,zt).call(this)}</h3>`;case"h4":return Wt`<h4 id="heading">${p(this,nt,zt).call(this)}</h4>`;case"h5":return Wt`<h5 id="heading">${p(this,nt,zt).call(this)}</h5>`;case"h6":return Wt`<h6 id="heading">${p(this,nt,zt).call(this)}</h6>`;default:return p(this,nt,zt).call(this)}}};lt=new WeakMap,It=new WeakMap,le=new WeakMap,Gr=new WeakSet,ui=async function(){this.headingText&&!this.headingTag&&(this.headingTag="h3"),m(this,le,p(this,qr,_i).call(this)),i(this,le)!==i(this,lt)&&m(this,lt,void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},nt=new WeakSet,zt=function(){let t=this.headingText?.trim()??i(this,le)?.textContent?.trim();return Wt`
|
|
12
12
|
<button id="button"
|
|
13
13
|
class="toggle"
|
|
14
14
|
aria-expanded="${String(!!this.expanded)}">
|
|
@@ -40,7 +40,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
40
40
|
<slot></slot>
|
|
41
41
|
</span>
|
|
42
42
|
</div>
|
|
43
|
-
`}async load(){let{set:t,icon:r}=this,a=i(this,ht,$t).getters.get(t)??i(this,ht,$t).getIconUrl,s="UNKNOWN ICON";if(t&&r)try{let c=a(t,r);c instanceof URL?s=c.pathname:s=c;let d=await import(s);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let d=new fa(s,c);i(this,Vr).error(c.message),this.dispatchEvent(d)}}},I=ma;ne=new WeakMap,Vr=new WeakMap,ht=new WeakSet,$t=function(){return this.constructor},Zr=new WeakSet,Bi=function(){i(this,ht,$t).io.observe(this),i(this,ne)&&this.load()},Yr=new WeakSet,wi=function(){switch(this.loading){case"idle":return void ki(()=>this.load());case"lazy":return void p(this,Zr,Bi).call(this);case"eager":return void this.load()}},I.styles=[Ci],I.getIconUrl=(t,r)=>new URL(`./icons/${t}/${r}.js`,import.meta.url),I.onIntersect=t=>t.forEach(({isIntersecting:r,target:a})=>{let s=a;m(s,ne,r),ki(()=>{i(s,ne)&&s.load()})}),I.io=new IntersectionObserver(ma.onIntersect),I.getters=new Map,I.instances=new Set,o([da()],I.prototype,"set",2),o([da({reflect:!0})],I.prototype,"icon",2),o([da()],I.prototype,"loading",2),o([On()],I.prototype,"content",2);import{customElement as
|
|
43
|
+
`}async load(){let{set:t,icon:r}=this,a=i(this,ht,$t).getters.get(t)??i(this,ht,$t).getIconUrl,s="UNKNOWN ICON";if(t&&r)try{let c=a(t,r);c instanceof URL?s=c.pathname:s=c;let d=await import(s);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let d=new fa(s,c);i(this,Vr).error(c.message),this.dispatchEvent(d)}}},I=ma;ne=new WeakMap,Vr=new WeakMap,ht=new WeakSet,$t=function(){return this.constructor},Zr=new WeakSet,Bi=function(){i(this,ht,$t).io.observe(this),i(this,ne)&&this.load()},Yr=new WeakSet,wi=function(){switch(this.loading){case"idle":return void ki(()=>this.load());case"lazy":return void p(this,Zr,Bi).call(this);case"eager":return void this.load()}},I.styles=[Ci],I.getIconUrl=(t,r)=>new URL(`./icons/${t}/${r}.js`,import.meta.url),I.onIntersect=t=>t.forEach(({isIntersecting:r,target:a})=>{let s=a;m(s,ne,r),ki(()=>{i(s,ne)&&s.load()})}),I.io=new IntersectionObserver(ma.onIntersect),I.getters=new Map,I.instances=new Set,o([da()],I.prototype,"set",2),o([da({reflect:!0})],I.prototype,"icon",2),o([da()],I.prototype,"loading",2),o([On()],I.prototype,"content",2);import{customElement as Un}from"lit/decorators/custom-element.js";import{property as Pn}from"lit/decorators/property.js";import{css as jn}from"lit";var Nn=jn`:host([size=sm]) #container{--_size:var(--pf-global--icon--FontSize--sm, 10px)}:host([size=md]) #container{--_size:var(--pf-global--icon--FontSize--md, 18px)}:host([size=lg]) #container{--_size:var(--pf-global--icon--FontSize--lg, 24px)}:host([size=xl]) #container{--_size:var(--pf-global--icon--FontSize--xl, 54px)}#container,svg{width:var(--pf-icon--size,var(--_size));height:var(--pf-icon--size,var(--_size));min-width:var(--pf-icon--size,var(--_size));min-height:var(--pf-icon--size,var(--_size))}`,Si=Nn;var Ht=class extends I{constructor(){super(...arguments);this.size="sm"}};Ht.styles=[...I.styles,Si],Ht.defaultIconSet="fas",o([Pn({reflect:!0})],Ht.prototype,"size",2),Ht=o([Un("pf-icon")],Ht);var Xr,Mt=class extends V{constructor(){super(...arguments);n(this,Xr,new _(this,"accents",null))}renderAfterButton(){return Ti`${i(this,Xr).hasSlotted("accents")?Ti`
|
|
44
44
|
<span part="accents">
|
|
45
45
|
<slot name="accents"></slot>
|
|
46
46
|
</span>`:""}
|
|
@@ -77,7 +77,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
77
77
|
var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
|
|
78
78
|
var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
|
|
79
79
|
var(--pf-global--palette--white, #fff));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor,
|
|
80
|
-
var(--pf-global--palette--blue-400, #06c))}`,Ei=cs;var Lt=class extends pe{};Lt.styles=[...pe.styles,Ei],o([va({reflect:!0})],Lt.prototype,"state",2),o([va({reflect:!0,type:Number})],Lt.prototype,"number",2),o([va({reflect:!0,type:Number})],Lt.prototype,"threshold",2),Lt=o([ds("pf-badge")],Lt);import{html as Ts}from"lit";import{customElement as Ws}from"lit/decorators/custom-element.js";import{property as Dt}from"lit/decorators/property.js";import{ifDefined as
|
|
80
|
+
var(--pf-global--palette--blue-400, #06c))}`,Ei=cs;var Lt=class extends pe{};Lt.styles=[...pe.styles,Ei],o([va({reflect:!0})],Lt.prototype,"state",2),o([va({reflect:!0,type:Number})],Lt.prototype,"number",2),o([va({reflect:!0,type:Number})],Lt.prototype,"threshold",2),Lt=o([ds("pf-badge")],Lt);import{html as Ts}from"lit";import{customElement as Ws}from"lit/decorators/custom-element.js";import{property as Dt}from"lit/decorators/property.js";import{ifDefined as Pi}from"lit/directives/if-defined.js";import{LitElement as Ai,html as gs}from"lit";import{property as ce}from"lit/decorators/property.js";import{classMap as hs}from"lit/directives/class-map.js";import{ifDefined as ua}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as Z,__classPrivateFieldSet as Ii}from"tslib";var $,to;function $i(l){return l==="role"||l.startsWith("aria")}var Q=class{get formDisabled(){return this.host.matches(":disabled")||Z(this,to,"f")}get labels(){return Z(this,$,"f").labels}get validity(){return Z(this,$,"f").validity}constructor(e,t){this.host=e,$.set(this,void 0),to.set(this,!1),Ii(this,$,e.attachInternals(),"f");let r=e.formDisabledCallback;e.formDisabledCallback=a=>{Ii(this,to,a,"f"),r?.call(e,a)};for(let a of Object.keys(Object.getPrototypeOf(Z(this,$,"f"))))$i(a)&&Object.defineProperty(this,a,{get(){return Z(this,$,"f")[a]},set(s){Z(this,$,"f")[a]=s,this.host.requestUpdate()}});for(let[a,s]of Object.entries(t??{}))$i(a)&&(this[a]=s)}setFormValue(...e){return Z(this,$,"f").setFormValue(...e)}setValidity(...e){return Z(this,$,"f").setValidity(...e)}checkValidity(...e){return Z(this,$,"f").checkValidity(...e)}reportValidity(...e){return Z(this,$,"f").reportValidity(...e)}submit(){Z(this,$,"f").form?.requestSubmit()}reset(){Z(this,$,"f").form?.reset()}};$=new WeakMap,to=new WeakMap;Q.protos=new WeakMap;import{css as fs}from"lit";var ms=fs`:host{display:inline-block;height:max-content}:host([hidden]){display:none!important}[hidden]{display:none!important}button{cursor:pointer;position:relative;font-family:inherit}button{border-width:0;border-style:solid}button::after{position:absolute;inset:0 0 0 0;content:"";border-style:solid}:host(:is(:disabled,[aria-disabled=true])),:host(:is(:disabled,[aria-disabled=true])) #container,:host(:is(:disabled,[aria-disabled=true])) button,:host(:is(:disabled,[aria-disabled=true])[danger]) button,:host(:is(:disabled,[aria-disabled=true])[variant=link]) button{pointer-events:none;cursor:default}[part=icon]{display:none;pointer-events:none}.hasIcon{position:relative;display:flex;align-items:center}.hasIcon [part=icon]{display:inline-flex;align-items:center;position:absolute;width:16px}:host(:not([disabled])) .hasIcon [part=icon]{cursor:pointer}[part=icon] ::slotted(*){width:16px;max-width:16px;height:16px;max-height:16px}.hasIcon button{position:absolute;inset:0}`,Hi=ms;var de,eo,Di,H=class extends Ai{constructor(){super(...arguments);n(this,eo);this.disabled=!1;n(this,de,new Q(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:t}=this;return gs`
|
|
81
81
|
<button aria-label="${ua(this.label)}"
|
|
82
82
|
class="${hs({hasIcon:t})}"
|
|
83
83
|
part="button"
|
|
@@ -185,16 +185,16 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
185
185
|
var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
|
|
186
186
|
var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
|
|
187
187
|
var(--pf-global--FontWeight--bold, 700))}:host([size=small]) button{--pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize,
|
|
188
|
-
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,
|
|
188
|
+
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,Ui=Ss;var Y=class extends H{constructor(){super(...arguments);this.loading=!1;this.plain=!1;this.warning=!1;this.danger=!1;this.variant="primary"}get hasIcon(){return!!this.icon||!!this.loading}renderDefaultIcon(){return Ts`
|
|
189
189
|
<pf-icon
|
|
190
|
-
icon="${
|
|
191
|
-
set="${
|
|
190
|
+
icon="${Pi(this.icon)}"
|
|
191
|
+
set="${Pi(this.iconSet)}"
|
|
192
192
|
?hidden="${!this.icon}"></pf-icon>
|
|
193
193
|
<pf-spinner
|
|
194
194
|
?hidden="${!this.loading}"
|
|
195
195
|
size="md"
|
|
196
196
|
aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
|
|
197
|
-
`}};Y.styles=[...H.styles,
|
|
197
|
+
`}};Y.styles=[...H.styles,Ui],o([Dt({type:Boolean,reflect:!0})],Y.prototype,"loading",2),o([Dt({type:Boolean,reflect:!0})],Y.prototype,"plain",2),o([Dt({type:Boolean,reflect:!0})],Y.prototype,"warning",2),o([Dt({reflect:!0})],Y.prototype,"size",2),o([Dt({attribute:"icon-set"})],Y.prototype,"iconSet",2),o([Dt({type:Boolean,reflect:!0})],Y.prototype,"danger",2),o([Dt({reflect:!0})],Y.prototype,"variant",2),Y=o([Ws("pf-button")],Y);import{customElement as Is}from"lit/decorators/custom-element.js";import{property as ro}from"lit/decorators/property.js";import{css as zs}from"lit";var Ms=zs`:host{background-color:var(--pf-c-card--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));box-shadow:var(--pf-c-card--BoxShadow,var(--pf-global--BoxShadow--sm,0 .0625rem .125rem 0 rgba(3,3,3,.12),0 0 .125rem 0 rgba(3,3,3,.06)))}:host([size=compact]){--_pf-c-card__body--FontSize:var(--pf-c-card--size-compact__body--FontSize, var(--pf-global--FontSize--sm, .875rem));--_pf-c-card__footer--FontSize:var(--pf-c-card--size-compact__footer--FontSize, var(--pf-global--spacer--md, 1rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-compact--first-child--PaddingTop, var(--pf-global--spacer--lg, 1.5rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-compact--child--PaddingRight, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-compact--child--PaddingBottom, var(--pf-global--spacer--md, 1rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-compact--child--PaddingLeft, var(--pf-global--spacer--md, 1rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-compact__title--not--last-child--PaddingBottom, var(--pf-global--spacer--sm, .5rem))}:host([size=large]){--pf-c-card__title--FontSize:var(--pf-c-card--size-large__title--FontSize, var(--pf-global--FontSize--xl, 1.25rem));--_pf-c-card--first-child--PaddingTop:var(--pf-c-card--size-large--first-child--PaddingTop, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingRight:var(--pf-c-card--size-large--child--PaddingRight, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingBottom:var(--pf-c-card--size-large--child--PaddingBottom, var(--pf-global--spacer--xl, 2rem));--_pf-c-card--child--PaddingLeft:var(--pf-c-card--size-large--child--PaddingLeft, var(--pf-global--spacer--xl, 2rem));--_pf-c-card__title--not--last-child--PaddingBottom:var(--pf-c-card--size-large__title--not--last-child--PaddingBottom, var(--pf-global--spacer--lg, 1.5rem))}:host([flat]){--pf-c-card--BoxShadow:none;border:var(--pf-c-card--m-flat--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-card--m-flat--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([plain]){--pf-c-card--BoxShadow:var(--pf-c-card--m-plain--BoxShadow, none);--pf-c-card--BackgroundColor:var(--pf-c-card--m-plain--BackgroundColor, transparent)}:host([rounded]){border-radius:var(--pf-c-card--m-rounded--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}:host([full-height]){height:var(--pf-c-card--m-full-height--Height,100%);--_pf-c-card__body--FullHeight--Flex:1 1 auto}[part=body],[part=footer],[part=header]{padding-inline-start:var(--_pf-c-card--child--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));padding-inline-end:var(--_pf-c-card--child--PaddingRight,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card--child--PaddingBottom,var(--pf-global--spacer--lg,1.5rem))}[part=body]{font-size:var(--_pf-c-card__body--FontSize, var(--pf-global--FontSize--md, 1rem));flex:var(--_pf-c-card__body--FullHeight--Flex,initial)}header{padding-block-start:var(--_pf-c-card--first-child--PaddingTop,var(--pf-global--spacer--lg,1.5rem));padding-block-end:var(--_pf-c-card__title--not--last-child--PaddingBottom,var(--pf-global--spacer--md,1rem))}header ::slotted(*){font-family:var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif));font-size:var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-card__title--FontWeight,var(--pf-global--FontWeight--bold,700));margin-block:0}[part=footer]{font-size:var(--_pf-c-card__footer--FontSize, var(--pf-global--FontSize--md, 1rem));margin-block-start:auto}`,Gi=Ms;import{LitElement as Rs,html as Es}from"lit";import{classMap as _a}from"lit/directives/class-map.js";import{css as Ls}from"lit";var Fs=Ls`:host{display:flex;flex-direction:column}article{position:relative;height:100%;display:flex;flex-direction:column}[part=header]{display:flex;flex-direction:row;align-items:center}[part=body] ::slotted(:not([slot]):first-of-type){margin-block-start:0}[part=body] ::slotted(:not([slot]):last-of-type){margin-block-end:0}[part=footer]{display:flex;gap:.5em;inset-block-end:0}.empty{display:none}`,qi=Fs;var fe=class extends Rs{constructor(){super(...arguments);this.slots=new _(this,"header",null,"footer")}render(){return Es`
|
|
198
198
|
<article>
|
|
199
199
|
<header id="header"
|
|
200
200
|
part="header"
|
|
@@ -225,7 +225,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
225
225
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
|
|
226
226
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
|
|
227
227
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
|
|
228
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,Vi=Os;import{customElement as op}from"lit/decorators/custom-element.js";import{property as Qi}from"lit/decorators/property.js";import{LitElement as Zs,html as Ys}from"lit";import{classMap as Xs}from"lit/directives/class-map.js";import{styleMap as Qs}from"lit/directives/style-map.js";import{__classPrivateFieldGet as y,__classPrivateFieldSet as st}from"tslib";import{autoUpdate as js,computePosition as Ns,offset as
|
|
228
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,Vi=Os;import{customElement as op}from"lit/decorators/custom-element.js";import{property as Qi}from"lit/decorators/property.js";import{LitElement as Zs,html as Ys}from"lit";import{classMap as Xs}from"lit/directives/class-map.js";import{styleMap as Qs}from"lit/directives/style-map.js";import{__classPrivateFieldGet as y,__classPrivateFieldSet as st}from"tslib";import{autoUpdate as js,computePosition as Ns,offset as Us,shift as Ps,flip as Gs,arrow as qs}from"@floating-ui/dom";var _t,Ve,me,ge,oo,ao,io,Ze,yt,xa,Ca,Zi,ka,he=class{get alignment(){return y(this,ao,"f")??"center"}get anchor(){return y(this,oo,"f")??""}get open(){return y(this,Ve,"f")}get placement(){return y(this,Ze,"f")??"top"}get styles(){return y(this,io,"f")??{}}constructor(e,t){var r,a;_t.add(this),this.host=e,Ve.set(this,!1),me.set(this,!1),ge.set(this,void 0),oo.set(this,void 0),ao.set(this,void 0),io.set(this,void 0),Ze.set(this,void 0),yt.set(this,void 0),e.addController(this),st(this,yt,t,"f"),(r=y(this,yt,"f")).invoker??(r.invoker=e),(a=y(this,yt,"f")).shift??(a.shift=!0)}hostDisconnected(){y(this,ge,"f")?.call(this)}async show({offset:e,placement:t,flip:r,fallbackPlacements:a}={}){let s=y(this,_t,"a",xa),c=y(this,_t,"a",Ca);if(!(!s||!c)){if(!y(this,me,"f")){st(this,me,!0,"f");let d=y(this,_t,"m",ka).call(this,t,e,r,a);st(this,ge,y(this,ge,"f")??js(s,c,()=>y(this,_t,"m",ka).call(this,t,e,r,a)),"f"),await d,st(this,me,!1,"f")}st(this,Ve,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;y(this,me,"f")&&!this.open;)await new Promise(requestAnimationFrame);st(this,Ve,!1,"f"),y(this,ge,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};Ve=new WeakMap,me=new WeakMap,ge=new WeakMap,oo=new WeakMap,ao=new WeakMap,io=new WeakMap,Ze=new WeakMap,yt=new WeakMap,_t=new WeakSet,xa=function(){let{invoker:e}=y(this,yt,"f");return typeof e=="function"?e():e},Ca=function(){let{content:e}=y(this,yt,"f");return typeof e=="function"?e():e},Zi=function(){let{arrow:e}=y(this,yt,"f");return typeof e=="function"?e():e},ka=async function(e="top",t,r=!0,a){var s,c;let{padding:d,shift:v}=y(this,yt,"f"),E=y(this,_t,"a",xa),at=y(this,_t,"a",Ca),G=y(this,_t,"a",Zi);if(!E||!at)return;let{x:Fe,y:Ko,placement:Vo,middlewareData:dn}=await Ns(E,at,{strategy:"absolute",placement:e,middleware:[Us(t),v&&Ps({padding:d}),G&&qs({element:G,padding:G.offsetHeight/2}),r&&Gs({padding:d,fallbackPlacements:a})].filter(Boolean)});if(G){let{x:te,y:Qa}=dn.arrow||{},fn={top:"bottom",right:"left",bottom:"top",left:"right"}[Vo.split("-")[0]]||"";Object.assign(G.style,{left:te!=null?`${te}px`:"",top:Qa!=null&&!["top"].includes(Vo)?`${Qa}px`:"",right:"",bottom:"",[fn]:`-${G.offsetHeight/2}px`})}st(this,Ze,Vo,"f"),s=this,c=this,[{set value(te){st(s,oo,te,"f")}}.value,{set value(te){st(c,ao,te,"f")}}.value]=y(this,Ze,"f").split("-")??[],st(this,io,{"--_floating-content-translate":`${Fe}px ${Ko}px`},"f"),this.host.requestUpdate()};import{css as Ks}from"lit";var Vs=Ks`:host{display:inline}#container{display:inline-flex;position:relative;--_floating-arrow-size:0.5rem}#invoker{display:inline-block;position:relative}#tooltip,#tooltip::after{position:absolute}#tooltip{display:block;opacity:0;pointer-events:none;z-index:10000;transition:opacity .3s cubic-bezier(.54, 1.5, .38, 1.11) 0s;text-align:center;word-break:break-word;translate:var(--_floating-content-translate);max-width:calc(100vw - 10px);width:max-content;top:0;left:0;will-change:opacity}#tooltip::after{display:block;content:'';rotate:45deg;width:var(--_floating-arrow-size);height:var(--_floating-arrow-size);will-change:left top right bottom}.open #tooltip{opacity:1}.left #tooltip::after{right:calc(-.5 * var(--_floating-arrow-size))}.left.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.left.start #tooltip::after{top:var(--_floating-arrow-size)}.left.end #tooltip::after{bottom:var(--_floating-arrow-size)}.top #tooltip::after{top:calc(100% - .5 * var(--_floating-arrow-size))}.top.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.top.start #tooltip::after{left:var(--_floating-arrow-size)}.top.end #tooltip::after{right:var(--_floating-arrow-size)}.right #tooltip::after{right:calc(100% - .5 * var(--_floating-arrow-size))}.right.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.right.start #tooltip::after{top:var(--_floating-arrow-size)}.right.end #tooltip::after{bottom:var(--_floating-arrow-size)}.bottom #tooltip::after{bottom:calc(100% - .5 * var(--_floating-arrow-size))}.bottom.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.bottom.start #tooltip::after{left:var(--_floating-arrow-size)}.bottom.end #tooltip::after{right:var(--_floating-arrow-size)}`,Yi=Vs;var Js=["focusin","tap","click","mouseenter"],tp=["focusout","blur","mouseleave"],ve,be=class extends Zs{constructor(){super(...arguments);n(this,ve,new he(this,{content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),Js.forEach(t=>this.addEventListener(t,this.show)),tp.forEach(t=>this.addEventListener(t,this.hide))}async show(){await this.updateComplete;let t=this.position,r=t?.match(/top|bottom/)?{mainAxis:15,alignmentAxis:-4}:15;await i(this,ve).show({offset:r,placement:t})}async hide(){await i(this,ve).hide()}render(){let{alignment:t,anchor:r,open:a,styles:s}=i(this,ve);return Ys`
|
|
229
229
|
<div id="container"
|
|
230
230
|
style="${Qs(s)}"
|
|
231
231
|
class="${Xs({open:a,[r]:!!r,[t]:!!t})}">
|
|
@@ -332,19 +332,19 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
332
332
|
<span id="label">${this.label}</span>
|
|
333
333
|
<slot role="listbox" @slotchange="${p(this,fr,Ma)}"></slot>`}
|
|
334
334
|
</nav>
|
|
335
|
-
`}};pr=new WeakMap,cr=new WeakMap,dr=new WeakMap,fr=new WeakSet,Ma=function(){let t=Array.from(this.querySelectorAll(":is(pf-jump-links-item, pf-jump-links-list)")).flatMap(r=>[...r.shadowRoot?.querySelectorAll("a")??[],...r.querySelectorAll("a")??[]]);i(this,pr)?i(this,cr).updateItems(t):(i(this,cr).initItems(t),m(this,pr,!0))},vo=new WeakSet,gl=async function(t){i(this,dr).setActive(t.target)},uo=new WeakSet,hl=function(t){t.target instanceof HTMLDetailsElement&&(this.expanded=t.target.open),this.dispatchEvent(new Event("toggle"))},J.styles=[ml],o([Ce({reflect:!0,type:Boolean})],J.prototype,"expandable",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"expanded",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"vertical",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"centered",2),o([Ce({type:Number})],J.prototype,"offset",2),o([Ce()],J.prototype,"label",2),J=o([Mp("pf-jump-links")],J);import{html as La}from"lit";import{customElement as Ap}from"lit/decorators/custom-element.js";import{property as
|
|
335
|
+
`}};pr=new WeakMap,cr=new WeakMap,dr=new WeakMap,fr=new WeakSet,Ma=function(){let t=Array.from(this.querySelectorAll(":is(pf-jump-links-item, pf-jump-links-list)")).flatMap(r=>[...r.shadowRoot?.querySelectorAll("a")??[],...r.querySelectorAll("a")??[]]);i(this,pr)?i(this,cr).updateItems(t):(i(this,cr).initItems(t),m(this,pr,!0))},vo=new WeakSet,gl=async function(t){i(this,dr).setActive(t.target)},uo=new WeakSet,hl=function(t){t.target instanceof HTMLDetailsElement&&(this.expanded=t.target.open),this.dispatchEvent(new Event("toggle"))},J.styles=[ml],o([Ce({reflect:!0,type:Boolean})],J.prototype,"expandable",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"expanded",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"vertical",2),o([Ce({reflect:!0,type:Boolean})],J.prototype,"centered",2),o([Ce({type:Number})],J.prototype,"offset",2),o([Ce()],J.prototype,"label",2),J=o([Mp("pf-jump-links")],J);import{html as La}from"lit";import{customElement as Ap}from"lit/decorators/custom-element.js";import{property as Pt}from"lit/decorators/property.js";import{classMap as Dp}from"lit/directives/class-map.js";import{LitElement as Rp,html as Ep}from"lit";import{classMap as Ip}from"lit/directives/class-map.js";import{css as Lp}from"lit";var Fp=Lp`:host{position:relative;white-space:nowrap;border:0}::slotted(pf-icon),pf-icon{color:currentColor}#container,:host{display:inline-flex;align-items:center;vertical-align:middle}#container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:0}#container::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}[part=icon]{display:none;pointer-events:none}.hasIcon [part=icon]{display:inline-flex;width:1em}`,bl=Fp;var Ut=class extends Rp{constructor(){super(...arguments);this.slots=new _(this,null,"icon")}render(){let{variant:t,color:r,icon:a}=this,s=!!a||this.slots.hasSlotted("icon");return Ep`
|
|
336
336
|
<span id="container"
|
|
337
337
|
class=${Ip({hasIcon:s,[t??""]:!!t,[r??""]:!!r})}>
|
|
338
338
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
339
339
|
<slot id="text"></slot>
|
|
340
340
|
${this.renderSuffix?.()??""}
|
|
341
341
|
</span>
|
|
342
|
-
`}};
|
|
342
|
+
`}};Ut.styles=[bl];import{css as $p}from"lit";var Hp=$p`#pf-container{display:contents}#container{--pf-global--icon--FontSize--sm:14px;padding-top:var(--pf-c-label--PaddingTop,var(--pf-global--spacer--xs,.25rem));padding-left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-bottom:var(--pf-c-label--PaddingBottom,var(--pf-global--spacer--xs,.25rem));padding-right:var(--pf-c-label--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-label--FontSize, .875em);color:var(--pf-c-label--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-label--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5));border-radius:var(--pf-c-label--BorderRadius,30em);max-width:var(--pf-c-label__content--MaxWidth,100%);color:var(--pf-c-label__content--Color,var(--pf-global--Color--100,#151515))}#container::before{border-radius:var(--pf-c-label--BorderRadius,30em);border:var(--pf-c-label__content--before--BorderWidth,1px) solid var(--pf-c-label__content--before--BorderColor,var(--pf-global--palette--black-300,#d2d2d2))}.compact{--pf-c-label--PaddingTop:var(--pf-c-label--m-compact--PaddingTop, 0);--pf-c-label--PaddingRight:var(--pf-c-label--m-compact--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));--pf-c-label--PaddingBottom:var(--pf-c-label--m-compact--PaddingBottom, 0);--pf-c-label--PaddingLeft:var(--pf-c-label--m-compact--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));--pf-global--icon--FontSize--sm:12px}.blue{--pf-c-label__content--Color:var(--pf-c-label--m-blue__content--Color, var(--pf-global--info-color--200, #002952));--pf-c-label--BackgroundColor:var(--pf-c-label--m-blue--BackgroundColor, var(--pf-global--palette--blue-50, #e7f1fa));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-blue__content--before--BorderColor, var(--pf-global--palette--blue-100, #bee1f4))}.blue.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-blue__content--Color, var(--pf-global--primary-color--100, #06c)))}.cyan{--pf-c-label__content--Color:var(--pf-c-label--m-cyan__content--Color, var(--pf-global--default-color--300, #003737));--pf-c-label--BackgroundColor:var(--pf-c-label--m-cyan--BackgroundColor, var(--pf-global--palette--cyan-50, #f2f9f9));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-cyan__content--before--BorderColor, var(--pf-global--palette--cyan-100, #a2d9d9))}.cyan.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-cyan__content--Color, var(--pf-global--palette--cyan-400, #005f60)))}.green{--pf-c-label__content--Color:var(--pf-c-label--m-green__content--Color,var(--pf-global--success-color--200, #1e4f18));--pf-c-label--BackgroundColor:var(--pf-c-label--m-green--BackgroundColor, var(--pf-global--palette--green-50, #f3faf2));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-green__content--before--BorderColor, var(--pf-global--palette--green-100, #bde5b8))}.green.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-green__content--Color, var(--pf-global--success-color--100, #3e8635)))}.orange{--pf-c-label__content--Color:var(--pf-c-label--m-orange__content--Color, var(--pf-global--palette--orange-700, #3b1f00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-orange--BackgroundColor, var(--pf-global--palette--orange-50, #fff6ec));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-orange__content--before--BorderColor, var(--pf-global--palette--orange-100, #f4b678))}.orange.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-orange__content--Color, var(--pf-global--palette--orange-500, #8f4700)))}.purple{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-700, #1f0066));--pf-c-label--BackgroundColor:var(--pf-c-label--m-purple--BackgroundColor, var(--pf-global--palette--purple-50, #f2f0fc));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-purple__content--before--BorderColor, var(--pf-global--palette--purple-100, #cbc1ff))}.purple.outline{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac));--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac)))}.red{--pf-c-label__content--Color:var(--pf-c-label--m-red__content--Color, var(--pf-global--palette--red-300, #7d1007));--pf-c-label--BackgroundColor:var(--pf-c-label--m-red--BackgroundColor, var(--pf-global--palette--red-50, #faeae8));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-red__content--before--BorderColor, var(--pf-global--palette--red-100, #c9190b))}.red.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-red__content--Color, var(--pf-global--danger-color--100, #c9190b)))}.gold{--pf-c-label__content--Color:var(--pf-c-label--m-gold__content--Color, var(--pf-global--palette--gold-700, #3d2c00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-gold--BackgroundColor, var(--pf-global--palette--gold-50, #fdf7e7));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-gold__content--before--BorderColor, var(--pf-global--palette--gold-100, #f9e0a2))}.gold.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-gold__content--Color, var(--pf-global--palette--gold-600, #795600)))}.outline{--pf-c-label--BackgroundColor:var(--pf-c-label--m-outline--BackgroundColor, #ffffff);--pf-c-label__content--before--BorderColor:var(--pf-global--palette--black-300, #d2d2d2)}.hasIcon [part=icon]{left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--md,1rem));margin-inline-end:var(--pf-c-label__icon--MarginRight,var(--pf-global--spacer--xs,.25rem))}.blue .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-blue__icon--Color,var(--pf-global--primary-color--100,#06c)))}.cyan .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-cyan__icon--Color,var(--pf-global--default-color--200,#009596)))}.green .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-green__icon--Color,var(--pf-global--success-color--100,#3e8635)))}.orange .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-orange__icon--Color,var(--pf-global--palette--orange-300,#ec7a08)))}.purple .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-purple__icon--Color,var(--pf-global--palette--purple-500,#6753ac)))}.red .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-red__icon--Color,var(--pf-global--danger-color--100,#c9190b)))}.gold .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-gold__icon--Color,var(--pf-global--palette--gold-400,#f0ab00)))}pf-button{--pf-c-button--FontSize:var(--pf-c-label__c-button--FontSize,
|
|
343
343
|
var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
|
|
344
344
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
|
|
345
345
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
|
|
346
346
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
|
|
347
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,vl=Hp;var j=class extends
|
|
347
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,vl=Hp;var j=class extends Ut{constructor(){super(...arguments);this.variant="filled";this.color="grey";this.compact=!1;this.truncated=!1;this.removable=!1}render(){let{compact:t,truncated:r}=this;return La`
|
|
348
348
|
<span id="pf-container" class="${Dp({compact:t,truncated:r})}">${super.render()}</span>
|
|
349
349
|
`}renderDefaultIcon(){return this.icon?La`
|
|
350
350
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
@@ -358,7 +358,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
358
358
|
</svg>
|
|
359
359
|
</pf-button>
|
|
360
360
|
</span>
|
|
361
|
-
`:""}};j.styles=[...
|
|
361
|
+
`:""}};j.styles=[...Ut.styles,vl],j.shadowRootOptions={...Ut.shadowRootOptions,delegatesFocus:!0},o([Pt()],j.prototype,"variant",2),o([Pt()],j.prototype,"color",2),o([Pt()],j.prototype,"icon",2),o([Pt({type:Boolean})],j.prototype,"compact",2),o([Pt({type:Boolean})],j.prototype,"truncated",2),o([Pt({type:Boolean})],j.prototype,"removable",2),o([Pt({attribute:"close-button-label"})],j.prototype,"closeButtonLabel",2),j=o([Ap("pf-label")],j);import{LitElement as _l,html as Np}from"lit";import{customElement as Up}from"lit/decorators/custom-element.js";import{property as _o}from"lit/decorators/property.js";import{query as Fa}from"lit/decorators/query.js";import{ifDefined as yl}from"lit/directives/if-defined.js";import{classMap as Pp}from"lit/directives/class-map.js";import{css as Op}from"lit";var jp=Op`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
|
|
362
362
|
var(--pf-global--spacer--sm, 0.5rem));--_height-offset:min(var(--_spacer-align-top), var(--pf-global--spacer--2xl, 3rem))}[hidden]{display:none!important}section{display:flex;position:fixed;height:100%;width:100%;top:0;left:0;align-items:center;justify-content:center;z-index:var(--pf-c-modal-box--ZIndex,var(--pf-global--ZIndex--xl,500))}#container{position:relative;max-height:inherit}[part=overlay]{position:fixed;height:100%;width:100%;top:0;left:0;background-color:var(--pf-c-backdrop--BackgroundColor,var(--pf-global--BackgroundColor--dark-transparent-100,rgba(3,3,3,.62)))}[part=dialog]{position:relative;margin:0 auto;width:var(--pf-c-modal-box--Width,calc(100% - var(--pf-global--spacer--xl,2rem)));max-width:var(--pf-c-modal-box--MaxWidth,calc(100% - var(--pf-global--spacer--xl,2rem)));max-height:var(--pf-c-modal-box--MaxHeight,calc(100% - var(--pf-global--spacer--2xl,3rem)));box-shadow:var(--pf-c-modal-box--BoxShadow,var(--pf-global--BoxShadow--xl,0 1rem 2rem 0 rgba(3,3,3,.16),0 0 .5rem 0 rgba(3,3,3,.1)));background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)));padding:var(--pf-global--spacer--lg,1.5rem);margin-inline:var(--pf-global--spacer--md,1rem)}:host([variant]) [part=dialog],:host([width]) [part=dialog]{margin-inline:0}:host([variant=small]) [part=dialog],:host([width=small]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-sm--sm--MaxWidth, 35rem)}:host([variant=medium]) [part=dialog],:host([width=medium]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-md--Width, 52.5rem)}:host([variant=large]) [part=dialog],:host([width=large]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-lg--lg--MaxWidth, 70rem)}[part=content]{overflow-y:auto;overscroll-behavior:contain;max-height:var(--pf-c-modal-box--MaxHeight,calc(100vh - var(--pf-global--spacer--2xl,3rem)));box-sizing:border-box}[part=content] ::slotted([slot=header]){margin-top:0!important}header{position:sticky;top:0;background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)))}header ::slotted(:is(h1,h2,h3,h4,h5,h6)[slot=header]){font-size:var(--pf-c-modal-box__title--FontSize,
|
|
363
363
|
var(--pf-global--FontSize--2xl,
|
|
364
364
|
1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
|
|
@@ -377,7 +377,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
377
377
|
aria-label=${yl(r)}
|
|
378
378
|
?hidden="${!this.open}">
|
|
379
379
|
<div id="container">
|
|
380
|
-
<div id="content" part="content" class=${
|
|
380
|
+
<div id="content" part="content" class=${Pp({hasHeader:a,hasDescription:s,hasFooter:c})}>
|
|
381
381
|
<header part="header">
|
|
382
382
|
<slot name="header"></slot>
|
|
383
383
|
<div part="description" ?hidden=${!s}>
|
|
@@ -401,7 +401,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
401
401
|
</div>
|
|
402
402
|
</div>
|
|
403
403
|
</section>
|
|
404
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,F)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,m(this,Gt,this.querySelector('[slot$="header"]')),m(this,mr,[...this.querySelectorAll("*:not([slot])")]),m(this,qt,i(this,mr).filter(t=>t.tagName.slice(0,1)==="H")),i(this,F)&&(i(this,F).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),i(this,Gt)?i(this,Gt).id=i(this,ke):i(this,qt).length>0&&(i(this,qt)[0].id=i(this,ke))}async _openChanged(t,r){t==null||r==null||t==r||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new Ia(i(this,F)))):(document.body.style.overflow="auto",await this.updateComplete,i(this,F)&&i(this,F).focus(),this.dispatchEvent(i(this,Be)?new Ra:new Ea)))}_triggerChanged(){this.trigger&&(m(this,F,this.getRootNode().getElementById(this.trigger)),i(this,F)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(t){t.preventDefault(),this.showModal()}onClick(t){let{open:r,overlay:a,dialog:s}=this;if(r){let c=t.composedPath(),{closeOnOutsideClick:d}=this.constructor;d&&c.includes(a)&&!c.includes(s)&&(t.preventDefault(),this.cancel())}}onKeydown(t){switch(t.key){case"Tab":t.target===this.closeButton&&(t.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":t.preventDefault(),this.cancel();return;case"Enter":t.target===i(this,F)&&(t.preventDefault(),this.showModal());return}}async cancel(){m(this,Be,!0),this.open=!1,await this.updateComplete,m(this,Be,!1)}setTrigger(t){m(this,F,t),i(this,F).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(t){typeof t=="string"&&(this.returnValue=t),this.open=!1}};ke=new WeakMap,F=new WeakMap,Gt=new WeakMap,mr=new WeakMap,qt=new WeakMap,Be=new WeakMap,we=new WeakMap,x.shadowRootOptions={..._l.shadowRootOptions,delegatesFocus:!0},x.styles=[ul],x.closeOnOutsideClick=!1,o([_o({reflect:!0})],x.prototype,"variant",2),o([ti({alias:"variant",attribute:"width"})],x.prototype,"width",2),o([_o({reflect:!0})],x.prototype,"position",2),o([z,_o({type:Boolean,reflect:!0})],x.prototype,"open",2),o([z,_o()],x.prototype,"trigger",2),o([Fa("#overlay")],x.prototype,"overlay",2),o([Fa("#dialog")],x.prototype,"dialog",2),o([Fa("#close-button")],x.prototype,"closeButton",2),o([ei()],x.prototype,"_init",1),o([k],x.prototype,"onTriggerClick",1),o([k],x.prototype,"onClick",1),o([k],x.prototype,"onKeydown",1),o([k],x.prototype,"toggle",1),o([k],x.prototype,"show",1),o([k],x.prototype,"showModal",1),o([k],x.prototype,"close",1),x=o([
|
|
404
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,F)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,m(this,Gt,this.querySelector('[slot$="header"]')),m(this,mr,[...this.querySelectorAll("*:not([slot])")]),m(this,qt,i(this,mr).filter(t=>t.tagName.slice(0,1)==="H")),i(this,F)&&(i(this,F).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),i(this,Gt)?i(this,Gt).id=i(this,ke):i(this,qt).length>0&&(i(this,qt)[0].id=i(this,ke))}async _openChanged(t,r){t==null||r==null||t==r||(this.open?(document.body.style.overflow="hidden",await this.updateComplete,this.dialog?.focus(),this.dispatchEvent(new Ia(i(this,F)))):(document.body.style.overflow="auto",await this.updateComplete,i(this,F)&&i(this,F).focus(),this.dispatchEvent(i(this,Be)?new Ra:new Ea)))}_triggerChanged(){this.trigger&&(m(this,F,this.getRootNode().getElementById(this.trigger)),i(this,F)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(t){t.preventDefault(),this.showModal()}onClick(t){let{open:r,overlay:a,dialog:s}=this;if(r){let c=t.composedPath(),{closeOnOutsideClick:d}=this.constructor;d&&c.includes(a)&&!c.includes(s)&&(t.preventDefault(),this.cancel())}}onKeydown(t){switch(t.key){case"Tab":t.target===this.closeButton&&(t.preventDefault(),this.dialog?.focus());return;case"Escape":case"Esc":t.preventDefault(),this.cancel();return;case"Enter":t.target===i(this,F)&&(t.preventDefault(),this.showModal());return}}async cancel(){m(this,Be,!0),this.open=!1,await this.updateComplete,m(this,Be,!1)}setTrigger(t){m(this,F,t),i(this,F).addEventListener("click",this.onTriggerClick)}toggle(){this.open=!this.open}show(){this.open=!0}showModal(){this.show()}close(t){typeof t=="string"&&(this.returnValue=t),this.open=!1}};ke=new WeakMap,F=new WeakMap,Gt=new WeakMap,mr=new WeakMap,qt=new WeakMap,Be=new WeakMap,we=new WeakMap,x.shadowRootOptions={..._l.shadowRootOptions,delegatesFocus:!0},x.styles=[ul],x.closeOnOutsideClick=!1,o([_o({reflect:!0})],x.prototype,"variant",2),o([ti({alias:"variant",attribute:"width"})],x.prototype,"width",2),o([_o({reflect:!0})],x.prototype,"position",2),o([z,_o({type:Boolean,reflect:!0})],x.prototype,"open",2),o([z,_o()],x.prototype,"trigger",2),o([Fa("#overlay")],x.prototype,"overlay",2),o([Fa("#dialog")],x.prototype,"dialog",2),o([Fa("#close-button")],x.prototype,"closeButton",2),o([ei()],x.prototype,"_init",1),o([k],x.prototype,"onTriggerClick",1),o([k],x.prototype,"onClick",1),o([k],x.prototype,"onKeydown",1),o([k],x.prototype,"toggle",1),o([k],x.prototype,"show",1),o([k],x.prototype,"showModal",1),o([k],x.prototype,"close",1),x=o([Up("pf-modal")],x);import{LitElement as Kp,html as Vp}from"lit";import{customElement as Zp}from"lit/decorators/custom-element.js";import{property as Cl}from"lit/decorators/property.js";import{css as Gp}from"lit";var qp=Gp`:host{--pf-c-panel--Width:auto;--pf-c-panel--MinWidth:auto;--pf-c-panel--MaxWidth:none;--pf-c-panel--ZIndex:auto;--pf-c-panel--BackgroundColor:var(--pf-global--BackgroundColor--100, #fff);--pf-c-panel--BoxShadow:none;--pf-c-panel--before--BorderWidth:0;--pf-c-panel--before--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-panel--m-bordered--before--BorderWidth:var(--pf-global--BorderWidth--sm, 1px);--pf-c-panel--m-raised--BoxShadow:var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06));--pf-c-panel--m-raised--ZIndex:var(--pf-global--ZIndex--sm, 200);--pf-c-panel__header--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main--MaxHeight:none;--pf-c-panel__main--Overflow:visible;--pf-c-panel__main-body--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--BoxShadow:none;--pf-c-panel--m-scrollable__main--MaxHeight:18.75rem;--pf-c-panel--m-scrollable__main--Overflow:auto;--pf-c-panel--m-scrollable__footer--BoxShadow:0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);position:relative;z-index:var(--pf-c-panel--ZIndex);width:var(--pf-c-panel--Width);min-width:var(--pf-c-panel--MinWidth);max-width:var(--pf-c-panel--MaxWidth);background-color:var(--pf-c-panel--BackgroundColor);box-shadow:var(--pf-c-panel--BoxShadow);display:block}:host([variant=bordered])::before{position:absolute;inset:0;pointer-events:none;content:"";border:var(--pf-c-panel--m-bordered--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-panel--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([variant=raised])::before{position:absolute;inset:0;pointer-events:none;content:"";box-shadow:var(--pf-c-panel--m-raised--BoxShadow,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06));z-index:var(--pf-c-panel--m-raised--ZIndex,var(--pf-global--ZIndex--sm,200))}:host([variant=raised]){--pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow,
|
|
405
405
|
var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)));--pf-c-panel--ZIndex:var(--pf-c-panel--m-raised--ZIndex,
|
|
406
406
|
var(--pf-global--ZIndex--sm, 200))}:host([scrollable]){--pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight);--pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow);--pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow)}[hidden]{display:none!important}slot{display:block}slot:not([name]){max-height:var(--pf-c-panel__main--MaxHeight);overflow:var(--pf-c-panel__main--Overflow);padding:var(--pf-c-panel__main-body--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}slot[name=header]{padding:var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)}slot[name=footer]{padding:var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);box-shadow:var(--pf-c-panel__footer--BoxShadow)}hr{--pf-c-divider--BorderWidth--base:var(--pf-global--BorderWidth--sm, 1px);--pf-c-divider--BorderColor--base:var(--pf-c-divider--BackgroundColor);--pf-c-divider--Height:var(--pf-c-divider--BorderWidth--base);--pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BorderColor--base);--pf-c-divider--after--FlexBasis:100%;--pf-c-divider--after--Inset:0%;--pf-c-divider--m-vertical--after--FlexBasis:100%;--pf-c-divider--m-horizontal--Display:flex;--pf-c-divider--m-horizontal--FlexDirection:row;--pf-c-divider--m-horizontal--after--Height:var(--pf-c-divider--Height);--pf-c-divider--m-horizontal--after--Width:auto;--pf-c-divider--m-vertical--Display:inline-flex;--pf-c-divider--m-vertical--FlexDirection:column;--pf-c-divider--m-vertical--after--Height:auto;--pf-c-divider--m-vertical--after--Width:var(--pf-c-divider--BorderWidth--base);--pf-hidden-visible--visible--Display:var(--pf-c-divider--Display);--pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);--pf-c-divider--FlexDirection:var(--pf-c-divider--m-horizontal--FlexDirection);--pf-c-divider--after--Width:var(--pf-c-divider--m-horizontal--after--Width);--pf-c-divider--after--Height:var(--pf-c-divider--m-horizontal--after--Height);width:100%;height:auto;display:var(--pf-c-divider--Display);flex-direction:var(--pf-c-divider--FlexDirection);align-items:center;align-self:stretch;flex-shrink:0;justify-content:center;border:0}hr::after{align-self:stretch;width:var(--pf-c-divider--after--Width);height:var(--pf-c-divider--after--Height);content:"";background-color:var(--pf-c-divider--after--BackgroundColor);justify-self:center;padding:0;margin:0;flex-basis:calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2)}::slotted(:is(p,h1,h2,h3,h4,h5,h6):first-of-type){margin-block-start:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):last-of-type){margin-block-end:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):is(:last-of-type,:first-of-type)){margin-block:0}`,xl=qp;var gr,Kt=class extends Kp{constructor(){super(...arguments);this.scrollable=!1;n(this,gr,new _(this,"header",null,"footer"))}render(){let t=i(this,gr).hasSlotted("header"),r=i(this,gr).hasSlotted("footer");return Vp`
|
|
407
407
|
<slot name="header" role="region" ?hidden="${!t}"></slot>
|
|
@@ -422,7 +422,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
422
422
|
arial,
|
|
423
423
|
sans-serif
|
|
424
424
|
)
|
|
425
|
-
)}[part=body]{display:block;word-wrap:break-word}[part=footer]{margin-top:var(--pf-c-popover__footer--MarginTop,var(--pf-global--spacer--md,1rem))}:host([alert-severity=default]){--_header-text-color:var(--pf-c-popover--m-default__title-text--Color, var(--pf-global--default-color--300, #003737));--_header-icon-color:var(--pf-c-popover--m-default__title-icon--Color, var(--pf-global--default-color--200, #009596))}:host([alert-severity=info]){--_header-text-color:var(--pf-c-popover--m-info__title-text--Color, var(--pf-global--info-color--200, #002952));--_header-icon-color:var(--pf-c-popover--m-info__title-icon--Color, var(--pf-global--info-color--100, #2b9af3))}:host([alert-severity=warning]){--_header-icon-color:var(--pf-c-popover--m-warning__title-icon--Color, var(--pf-global--warning-color--100, #f0ab00));--_header-text-color:var(--pf-c-popover--m-warning__title-text--Color, var(--pf-global--warning-color--200, #795600))}:host([alert-severity=success]){--_header-icon-color:var(--pf-c-popover--m-success__title-icon--Color, var(--pf-global--success-color--100, #3e8635));--_header-text-color:var(--pf-c-popover--m-success__title-text--Color, var(--pf-global--success-color--200, #1e4f18))}:host([alert-severity=danger]){--_header-icon-color:var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));--_header-text-color:var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000))}`,kl=Xp;var Ha=class extends C{constructor(){super("hide")}},Aa=class extends C{constructor(){super("hidden")}},Da=class extends C{constructor(){super("show")}},Oa=class extends C{constructor(){super("shown")}},N,Vt,Se,yo,wl,f=class extends Qp{constructor(){super(...arguments);n(this,yo);this.position="top";this.noFlip=!1;n(this,N,null);n(this,Vt,new he(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>i(this,N)||this._slottedTrigger}));n(this,Se,new _(this,null,"icon","heading","body","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown)
|
|
425
|
+
)}[part=body]{display:block;word-wrap:break-word}[part=footer]{margin-top:var(--pf-c-popover__footer--MarginTop,var(--pf-global--spacer--md,1rem))}:host([alert-severity=default]){--_header-text-color:var(--pf-c-popover--m-default__title-text--Color, var(--pf-global--default-color--300, #003737));--_header-icon-color:var(--pf-c-popover--m-default__title-icon--Color, var(--pf-global--default-color--200, #009596))}:host([alert-severity=info]){--_header-text-color:var(--pf-c-popover--m-info__title-text--Color, var(--pf-global--info-color--200, #002952));--_header-icon-color:var(--pf-c-popover--m-info__title-icon--Color, var(--pf-global--info-color--100, #2b9af3))}:host([alert-severity=warning]){--_header-icon-color:var(--pf-c-popover--m-warning__title-icon--Color, var(--pf-global--warning-color--100, #f0ab00));--_header-text-color:var(--pf-c-popover--m-warning__title-text--Color, var(--pf-global--warning-color--200, #795600))}:host([alert-severity=success]){--_header-icon-color:var(--pf-c-popover--m-success__title-icon--Color, var(--pf-global--success-color--100, #3e8635));--_header-text-color:var(--pf-c-popover--m-success__title-text--Color, var(--pf-global--success-color--200, #1e4f18))}:host([alert-severity=danger]){--_header-icon-color:var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));--_header-text-color:var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000))}`,kl=Xp;var Ha=class extends C{constructor(){super("hide")}},Aa=class extends C{constructor(){super("hidden")}},Da=class extends C{constructor(){super("show")}},Oa=class extends C{constructor(){super("shown")}},N,Vt,Se,yo,wl,f=class extends Qp{constructor(){super(...arguments);n(this,yo);this.position="top";this.noFlip=!1;n(this,N,null);n(this,Vt,new he(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>i(this,N)||this._slottedTrigger}));n(this,Se,new _(this,null,"icon","heading","body","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown)}render(){let{alignment:t,anchor:r,styles:a}=i(this,Vt),s=i(this,Se).hasSlotted("footer")||!!this.footer,c=i(this,Se).hasSlotted("heading")||!!this.heading,d=i(this,Se).hasSlotted("icon")||!!this.icon||!!this.alertSeverity,v=xt`<h6>${this.heading??""}</h6>`;switch(this.headingLevel){case 2:v=xt`<h2>${this.heading??""}</h2>`;break;case 3:v=xt`<h3>${this.heading??""}</h3>`;break;case 4:v=xt`<h4>${this.heading??""}</h4>`;break;case 5:v=xt`<h5>${this.heading??""}</h5>`;break}let E=xt`
|
|
426
426
|
<slot id="heading" name="heading" part="heading" ?hidden=${!c}>${v}</slot>
|
|
427
427
|
`,at=c&&d?xt`
|
|
428
428
|
<header part="header">
|
|
@@ -463,7 +463,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
463
463
|
</div>
|
|
464
464
|
</dialog>
|
|
465
465
|
</div>
|
|
466
|
-
`}disconnectedCallback(){super.disconnectedCallback(),f.instances.delete(this),i(this,N)?.removeEventListener("click",this.show),i(this,N)?.removeEventListener("keydown",this.onKeydown)}onKeydown(t){switch(t.key){case"Escape":case"Esc":t.preventDefault(),this.hide();return;case"Enter":(t.target===i(this,N)||t.target===this._slottedTrigger)&&(t.preventDefault(),this.show());return}}triggerChanged(t,r){t&&(i(this,N)?.removeEventListener("click",this.show),i(this,N)?.removeEventListener("keydown",this.onKeydown)),r&&(m(this,N,this.getRootNode().getElementById(r)),i(this,N)?.addEventListener("click",this.show),i(this,N)?.addEventListener("keydown",this.onKeydown))}async toggle(){i(this,Vt).open?this.hide():this.show()}async show(){this.dispatchEvent(new Da),await this.updateComplete,await i(this,Vt).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new Oa)}async hide(){this.dispatchEvent(new Ha),await i(this,Vt).hide(),this._popover?.close(),this.dispatchEvent(new Aa)}};N=new WeakMap,Vt=new WeakMap,Se=new WeakMap,yo=new WeakSet,wl=function(t){let r=t.composedPath();!r.includes(this)&&!r.includes(i(this,N))&&this.hide()},f.styles=[kl],f.instances=new Set,f.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),(()=>{document.addEventListener("click",function(t){var r;for(let a of f.instances)a.noOutsideClick||p(r=a,yo,wl).call(r,t)})})(),o([T({reflect:!0})],f.prototype,"position",2),o([T({reflect:!0})],f.prototype,"heading",2),o([T({reflect:!0})],f.prototype,"body",2),o([T({reflect:!0})],f.prototype,"footer",2),o([T({reflect:!0})],f.prototype,"icon",2),o([T({reflect:!0})],f.prototype,"label",2),o([T({type:Number,reflect:!0})],f.prototype,"distance",2),o([T({attribute:"flip-behavior",converter:ni})],f.prototype,"flipBehavior",2),o([T({type:Boolean,reflect:!0,attribute:"no-flip"})],f.prototype,"noFlip",2),o([T({type:Number,reflect:!0,attribute:"heading-level"})],f.prototype,"headingLevel",2),o([T({reflect:!0,attribute:"icon-set"})],f.prototype,"iconSet",2),o([T({type:Boolean,reflect:!0,attribute:"hide-close"})],f.prototype,"hideClose",2),o([T({reflect:!0,attribute:"alert-severity"})],f.prototype,"alertSeverity",2),o([T({reflect:!0,attribute:"close-label"})],f.prototype,"closeButtonLabel",2),o([T({reflect:!0,attribute:"alert-severity-text"})],f.prototype,"alertSeverityText",2),o([T({type:Boolean,reflect:!0,attribute:"no-outside-click"})],f.prototype,"noOutsideClick",2),o([z("triggerChanged"),T({reflect:!0})],f.prototype,"trigger",2),o([$a("#popover")],f.prototype,"_popover",2),o([$a("#trigger")],f.prototype,"_slottedTrigger",2),o([$a("#arrow")],f.prototype,"_arrow",2),o([k],f.prototype,"onKeydown",1),o([k],f.prototype,"toggle",1),o([k],f.prototype,"show",1),o([k],f.prototype,"hide",1),f=o([tc("pf-popover")],f);import{LitElement as ic,html as lc}from"lit";import{customElement as nc}from"lit/decorators/custom-element.js";import{property as hr}from"lit/decorators/property.js";import{ifDefined as Tl}from"lit/directives/if-defined.js";import{classMap as Wl}from"lit/directives/class-map.js";import{css as oc}from"lit";var ac=oc`[hidden]{display:none!important}#icon{z-index:var(--pf-c-progress-stepper__step-icon--ZIndex);display:flex;align-items:center;justify-content:center;width:var(--pf-c-progress-stepper__step-icon--Width);height:var(--pf-c-progress-stepper__step-icon--Height);color:var(--pf-c-progress-stepper__step-icon--Color);background-color:var(--pf-c-progress-stepper__step-icon--BackgroundColor);border:var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);border-radius:50%;font-size:var(--pf-c-progress-stepper__step-icon--FontSize);--pf-icon--size:1.125em}#main{position:var(--pf-c-progress-stepper__step-main--Position,initial);min-width:0;margin:var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);text-align:var(--pf-c-progress-stepper--step-main--TextAlign,auto);overflow-wrap:anywhere}:host(:not([current])) #main.compact{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin-bottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)}:host([current]) #main.compact{grid-column:1/-1;grid-row:1/2}#title{font-size:var(--pf-c-progress-stepper__step-title--FontSize);font-weight:var(--pf-c-progress-stepper__step-title--FontWeight);color:var(--pf-c-progress-stepper__step-title--Color);text-align:var(--pf-c-progress-stepper__step-title--TextAlign);border:0}#description{margin-top:var(--pf-c-progress-stepper__step-description--MarginTop);font-size:var(--pf-c-progress-stepper__step-description--FontSize);color:var(--pf-c-progress-stepper__step-description--Color);text-align:var(--pf-c-progress-stepper__step-description--TextAlign);display:block}:host{display:contents}#connector{position:relative;display:flex;justify-content:var(--pf-c-progress-stepper__step-connector--JustifyContent);width:100%}#connector.compact{min-width:var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);grid-row:var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);padding-bottom:var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)}:host(:not(:last-of-type)) #main::before{content:var(--pf-c-progress-stepper__step-main--before--Content);position:absolute;top:calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));left:calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/ 2);width:auto;height:calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)}:host(:not(:last-of-type)) #connector::before{position:absolute;top:var(--pf-c-progress-stepper__step-connector--before--Top);left:var(--pf-c-progress-stepper__step-connector--before--Left);width:var(--pf-c-progress-stepper__step-connector--before--Width);height:var(--pf-c-progress-stepper__step-connector--before--Height);content:var(--pf-c-progress-stepper__step-connector--before--Content);border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);border-bottom:var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);transform:var(--pf-c-progress-stepper__step-connector--before--Transform)}:host([current]){--pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color)}:host([variant=success]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100, #3e8635)}:host([variant=info]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100, #2b9af3)}:host([variant=warning]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100, #f0ab00)}:host([variant=danger]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)}`,Sl=ac;var zl=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),ja,xo,tt=class extends ic{constructor(){super(...arguments);this.current=!1;n(this,ja,new _(this,"title","description"));n(this,xo,new Q(this,{role:"listitem"}))}render(){let t=!!this.description,r=this.icon??zl.get(this.variant??"default")?.icon,a=this.iconSet??zl.get(this.variant??"default")?.set,{parentTagName:s}=this.constructor,{compact:c=!1}=this.closest(s)??{};return lc`
|
|
466
|
+
`}disconnectedCallback(){super.disconnectedCallback(),f.instances.delete(this),i(this,N)?.removeEventListener("click",this.show),i(this,N)?.removeEventListener("keydown",this.onKeydown)}onKeydown(t){switch(t.key){case"Escape":case"Esc":t.preventDefault(),this.hide();return;case"Enter":(t.target===i(this,N)||t.target===this._slottedTrigger)&&(t.preventDefault(),this.show());return}}triggerChanged(t,r){t&&(i(this,N)?.removeEventListener("click",this.show),i(this,N)?.removeEventListener("keydown",this.onKeydown)),r&&(m(this,N,this.getRootNode().getElementById(r)),i(this,N)?.addEventListener("click",this.show),i(this,N)?.addEventListener("keydown",this.onKeydown))}async toggle(){i(this,Vt).open?this.hide():this.show()}async show(){this.dispatchEvent(new Da),await this.updateComplete,await i(this,Vt).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new Oa),f.instances.add(this)}async hide(){this.dispatchEvent(new Ha),await i(this,Vt).hide(),this._popover?.close(),this.dispatchEvent(new Aa),f.instances.delete(this)}};N=new WeakMap,Vt=new WeakMap,Se=new WeakMap,yo=new WeakSet,wl=function(t){let r=t.composedPath();!r.includes(this)&&!r.includes(i(this,N))&&this.hide()},f.styles=[kl],f.instances=new Set,f.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),(()=>{document.addEventListener("click",function(t){var r;for(let a of f.instances)a.noOutsideClick||p(r=a,yo,wl).call(r,t)})})(),o([T({reflect:!0})],f.prototype,"position",2),o([T({reflect:!0})],f.prototype,"heading",2),o([T({reflect:!0})],f.prototype,"body",2),o([T({reflect:!0})],f.prototype,"footer",2),o([T({reflect:!0})],f.prototype,"icon",2),o([T({reflect:!0})],f.prototype,"label",2),o([T({type:Number,reflect:!0})],f.prototype,"distance",2),o([T({attribute:"flip-behavior",converter:ni})],f.prototype,"flipBehavior",2),o([T({type:Boolean,reflect:!0,attribute:"no-flip"})],f.prototype,"noFlip",2),o([T({type:Number,reflect:!0,attribute:"heading-level"})],f.prototype,"headingLevel",2),o([T({reflect:!0,attribute:"icon-set"})],f.prototype,"iconSet",2),o([T({type:Boolean,reflect:!0,attribute:"hide-close"})],f.prototype,"hideClose",2),o([T({reflect:!0,attribute:"alert-severity"})],f.prototype,"alertSeverity",2),o([T({reflect:!0,attribute:"close-label"})],f.prototype,"closeButtonLabel",2),o([T({reflect:!0,attribute:"alert-severity-text"})],f.prototype,"alertSeverityText",2),o([T({type:Boolean,reflect:!0,attribute:"no-outside-click"})],f.prototype,"noOutsideClick",2),o([z("triggerChanged"),T({reflect:!0})],f.prototype,"trigger",2),o([$a("#popover")],f.prototype,"_popover",2),o([$a("#trigger")],f.prototype,"_slottedTrigger",2),o([$a("#arrow")],f.prototype,"_arrow",2),o([k],f.prototype,"onKeydown",1),o([k],f.prototype,"toggle",1),o([k],f.prototype,"show",1),o([k],f.prototype,"hide",1),f=o([tc("pf-popover")],f);import{LitElement as ic,html as lc}from"lit";import{customElement as nc}from"lit/decorators/custom-element.js";import{property as hr}from"lit/decorators/property.js";import{ifDefined as Tl}from"lit/directives/if-defined.js";import{classMap as Wl}from"lit/directives/class-map.js";import{css as oc}from"lit";var ac=oc`[hidden]{display:none!important}#icon{z-index:var(--pf-c-progress-stepper__step-icon--ZIndex);display:flex;align-items:center;justify-content:center;width:var(--pf-c-progress-stepper__step-icon--Width);height:var(--pf-c-progress-stepper__step-icon--Height);color:var(--pf-c-progress-stepper__step-icon--Color);background-color:var(--pf-c-progress-stepper__step-icon--BackgroundColor);border:var(--pf-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-c-progress-stepper__step-icon--BorderColor);border-radius:50%;font-size:var(--pf-c-progress-stepper__step-icon--FontSize);--pf-icon--size:1.125em}#main{position:var(--pf-c-progress-stepper__step-main--Position,initial);min-width:0;margin:var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);text-align:var(--pf-c-progress-stepper--step-main--TextAlign,auto);overflow-wrap:anywhere}:host(:not([current])) #main.compact{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin-bottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom)}:host([current]) #main.compact{grid-column:1/-1;grid-row:1/2}#title{font-size:var(--pf-c-progress-stepper__step-title--FontSize);font-weight:var(--pf-c-progress-stepper__step-title--FontWeight);color:var(--pf-c-progress-stepper__step-title--Color);text-align:var(--pf-c-progress-stepper__step-title--TextAlign);border:0}#description{margin-top:var(--pf-c-progress-stepper__step-description--MarginTop);font-size:var(--pf-c-progress-stepper__step-description--FontSize);color:var(--pf-c-progress-stepper__step-description--Color);text-align:var(--pf-c-progress-stepper__step-description--TextAlign);display:block}:host{display:contents}#connector{position:relative;display:flex;justify-content:var(--pf-c-progress-stepper__step-connector--JustifyContent);width:100%}#connector.compact{min-width:var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);grid-row:var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);padding-bottom:var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom)}:host(:not(:last-of-type)) #main::before{content:var(--pf-c-progress-stepper__step-main--before--Content);position:absolute;top:calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));left:calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth)/ 2);width:auto;height:calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor)}:host(:not(:last-of-type)) #connector::before{position:absolute;top:var(--pf-c-progress-stepper__step-connector--before--Top);left:var(--pf-c-progress-stepper__step-connector--before--Left);width:var(--pf-c-progress-stepper__step-connector--before--Width);height:var(--pf-c-progress-stepper__step-connector--before--Height);content:var(--pf-c-progress-stepper__step-connector--before--Content);border-right:var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);border-bottom:var(--pf-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderBottomColor);transform:var(--pf-c-progress-stepper__step-connector--before--Transform)}:host([current]){--pf-c-progress-stepper__step-title--FontWeight:var(--pf-c-progress-stepper__step--m-current__step-title--FontWeight);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-current__step-title--Color)}:host([variant=success]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--success-color--100, #3e8635)}:host([variant=info]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--info-color--100, #2b9af3)}:host([variant=warning]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--warning-color--100, #f0ab00)}:host([variant=danger]){--pf-c-progress-stepper__step-icon--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--Color);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor)}`,Sl=ac;var zl=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),ja,xo,tt=class extends ic{constructor(){super(...arguments);this.current=!1;n(this,ja,new _(this,"title","description"));n(this,xo,new Q(this,{role:"listitem"}))}render(){let t=!!this.description,r=this.icon??zl.get(this.variant??"default")?.icon,a=this.iconSet??zl.get(this.variant??"default")?.set,{parentTagName:s}=this.constructor,{compact:c=!1}=this.closest(s)??{};return lc`
|
|
467
467
|
<div id="connector" class="${Wl({compact:c})}">
|
|
468
468
|
<slot id="icon" name="icon">
|
|
469
469
|
<pf-icon ?hidden="${!r}"
|
|
@@ -477,18 +477,18 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
477
477
|
</div>
|
|
478
478
|
`}updated(t){super.updated?.(t),t.has("current")&&(i(this,xo).ariaCurrent=String(!!this.current))}};ja=new WeakMap,xo=new WeakMap,tt.parentTagName="pf-progress-stepper",tt.styles=[Sl],o([hr()],tt.prototype,"description",2),o([hr()],tt.prototype,"icon",2),o([hr({attribute:"icon-set"})],tt.prototype,"iconSet",2),o([hr({reflect:!0})],tt.prototype,"variant",2),o([hr({type:Boolean,reflect:!0})],tt.prototype,"current",2),tt=o([nc("pf-progress-step")],tt);import{LitElement as cc,html as dc}from"lit";import{customElement as fc}from"lit/decorators/custom-element.js";import{property as Na}from"lit/decorators/property.js";import{css as sc}from"lit";var pc=sc`[hidden]{display:none!important}:host{--pf-c-progress-stepper--m-vertical--GridAutoFlow:row;--pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr;--pf-c-progress-stepper--m-vertical__step-connector--before--Top:0;--pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);--pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto;--pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor:transparent;--pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%);--pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl, 2rem);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow:auto;--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--GridAutoFlow:column;--pf-c-progress-stepper--m-horizontal--GridTemplateColumns:initial;--pf-c-progress-stepper--m-horizontal__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Left:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--Width:100%;--pf-c-progress-stepper--m-horizontal__step-connector--before--Height:auto;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor:unset;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform:translateY(-50%);--pf-c-progress-stepper--m-horizontal__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom:0;--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns:repeat(auto-fill, 1.75rem);--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom:0;--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow:2;--pf-c-progress-stepper--m-compact--GridAutoFlow:row;--pf-c-progress-stepper--m-compact__step-main--MarginTop:0;--pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-compact__step-connector--MinWidth:1.75rem;--pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem;--pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm, 0.625rem);--pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper--m-compact__pficon--MarginTop:2px;--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px;--pf-c-progress-stepper--m-center__step-connector--before--Left:50%;--pf-c-progress-stepper--m-center--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-center__step-connector--JustifyContent:center;--pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--TextAlign:center;--pf-c-progress-stepper--m-center__step-description--MarginRight:0;--pf-c-progress-stepper--m-center__step-description--MarginLeft:0;--pf-c-progress-stepper--GridTemplateRows:auto 1fr;--pf-c-progress-stepper__step-connector--JustifyContent:start;--pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs, 100);--pf-c-progress-stepper__step-icon--Width:1.75rem;--pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200, #fafafa);--pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper__pficon--MarginTop:3px;--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px;--pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--TextAlign:left;--pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold, 700);--pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200, #8a8d90);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm, 1px);--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem;--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecoerationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step-description--TextAlign:left;--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;position:relative;display:grid;grid-auto-flow:var(--pf-c-progress-stepper--GridAutoFlow);grid-template-columns:var(--pf-c-progress-stepper--GridTemplateColumns);grid-template-rows:var(--pf-c-progress-stepper--GridTemplateRows);grid-auto-columns:1fr}@media (min-width:768px){:host{--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow, column);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns, initial);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper--m-center__step-connector--before--Content:'';--pf-c-progress-stepper--m-center__step-main--before--Content:none}}:host([center]){--pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);--pf-c-progress-stepper--step-main--TextAlign:var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);--pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);--pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight);--pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);--pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left);grid-template-columns:var(--pf-c-progress-stepper--m-center--GridTemplateColumns)}:host([center]:not([compact])){--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content)}:host([vertical]) ::slotted(pf-progress-step){flex-direction:row;align-items:flex-start}:host([vertical]){--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-main--Position:relative}:host([vertical][center]){--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left)}:host([compact]){--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);--pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);--pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);--pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);display:inline-grid;grid-template-columns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);grid-auto-flow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow)}`,Ml=pc;var Co,ko,Bo,Ll,pt=class extends cc{constructor(){super();n(this,Bo);this.vertical=!1;this.center=!1;this.compact=!1;n(this,Co,new Q(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,ko,new MutationObserver(()=>p(this,Bo,Ll).call(this)));i(this,ko).observe(this,{childList:!0})}get value(){let{childTagName:t}=this.constructor,r=this.querySelectorAll(t),a=this.querySelector(`${t}[current]`);return(Array.from(r).indexOf(a)+1)/r.length*100}render(){return dc`
|
|
479
479
|
<slot role="listbox"></slot>
|
|
480
|
-
`}};Co=new WeakMap,ko=new WeakMap,Bo=new WeakSet,Ll=function(){i(this,Co).ariaValueNow=this.value.toString()},pt.childTagName="pf-progress-step",pt.styles=[Ml],pt.formAssociated=!0,o([Na({type:Boolean,reflect:!0})],pt.prototype,"vertical",2),o([Na({type:Boolean,reflect:!0})],pt.prototype,"center",2),o([z(function(){let{childTagName:l}=this.constructor;this.querySelectorAll(l).forEach(e=>e.requestUpdate())}),Na({type:Boolean,reflect:!0})],pt.prototype,"compact",2),pt=o([fc("pf-progress-stepper")],pt);import{customElement as uc}from"lit/decorators/custom-element.js";import{LitElement as Rl,html as hc}from"lit";import{property as
|
|
480
|
+
`}};Co=new WeakMap,ko=new WeakMap,Bo=new WeakSet,Ll=function(){i(this,Co).ariaValueNow=this.value.toString()},pt.childTagName="pf-progress-step",pt.styles=[Ml],pt.formAssociated=!0,o([Na({type:Boolean,reflect:!0})],pt.prototype,"vertical",2),o([Na({type:Boolean,reflect:!0})],pt.prototype,"center",2),o([z(function(){let{childTagName:l}=this.constructor;this.querySelectorAll(l).forEach(e=>e.requestUpdate())}),Na({type:Boolean,reflect:!0})],pt.prototype,"compact",2),pt=o([fc("pf-progress-stepper")],pt);import{customElement as uc}from"lit/decorators/custom-element.js";import{LitElement as Rl,html as hc}from"lit";import{property as Ua}from"lit/decorators/property.js";import{css as mc}from"lit";var gc=mc`:host{display:inline-block}svg{fill:currentcolor}[hidden]{display:none!important}:host(:disabled){pointer-events:none;cursor:not-allowed}:host(:disabled) #container{cursor:not-allowed}:host(:disabled:focus-within) #container{outline:0}#container{position:relative;display:inline-flex;align-items:center}#container::before{position:absolute;display:block;content:""}`,Fl=gc;var Te,wo,So,El,To,Il,br,Pa,vr,Ga,et=class extends Rl{constructor(){super(...arguments);n(this,So);n(this,To);n(this,br);n(this,vr);n(this,Te,this.attachInternals());n(this,wo,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=i(this,wo)}get labels(){return i(this,Te).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",p(this,So,El)),this.addEventListener("keyup",p(this,To,Il)),p(this,vr,Ga).call(this)}formDisabledCallback(t){this.disabled=t,this.requestUpdate()}render(){return hc`
|
|
481
481
|
<div id="container" tabindex="0">
|
|
482
482
|
<svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
|
|
483
483
|
<path ?hidden=${!this.showCheckIcon} d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
|
|
484
484
|
</svg>
|
|
485
485
|
</div>
|
|
486
|
-
`}updated(){i(this,Te).ariaChecked=String(this.checked),i(this,Te).ariaDisabled=String(this.disabled)}};Te=new WeakMap,wo=new WeakMap,So=new WeakSet,El=function(t){let{originalTarget:r,explicitOriginalTarget:a}=t;if(a){let s;if(r===t.target&&!(s=Array.from(this.labels)).includes(a)&&s.includes(this.closest("label")))return}p(this,br,
|
|
486
|
+
`}updated(){i(this,Te).ariaChecked=String(this.checked),i(this,Te).ariaDisabled=String(this.disabled)}};Te=new WeakMap,wo=new WeakMap,So=new WeakSet,El=function(t){let{originalTarget:r,explicitOriginalTarget:a}=t;if(a){let s;if(r===t.target&&!(s=Array.from(this.labels)).includes(a)&&s.includes(this.closest("label")))return}p(this,br,Pa).call(this)},To=new WeakSet,Il=function(t){switch(t.key){case" ":case"Enter":t.preventDefault(),p(this,br,Pa).call(this)}},br=new WeakSet,Pa=function(){this.disabled||(this.checked=!this.checked,p(this,vr,Ga).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},vr=new WeakSet,Ga=function(){let t=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==t},et.styles=[Fl],et.shadowRootOptions={...Rl.shadowRootOptions,delegatesFocus:!0},et.formAssociated=!0,o([Ua({reflect:!0})],et.prototype,"label",2),o([Ua({reflect:!0,type:Boolean,attribute:"show-check-icon"})],et.prototype,"showCheckIcon",2),o([Ua({reflect:!0,type:Boolean})],et.prototype,"checked",2);import{css as bc}from"lit";var vc=bc`:host([checked]) #container{color:var(--pf-c-switch__input--checked__label--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-switch__input--checked__toggle--BackgroundColor,var(--pf-global--primary-color--100,#06c))}:host([checked]) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}:host(:disabled) #container{color:var(--pf-c-switch__input--disabled__label--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-switch__input--disabled__toggle--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:disabled) #container::before{background-color:var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5))}:host([checked]:disabled) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}#container{width:var(--pf-c-switch__toggle--Width,calc(var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) + var(--pf-c-switch__toggle-icon--Offset,.125rem) + var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))));height:var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5))));background-color:var(--pf-c-switch__toggle--BackgroundColor,var(--pf-global--palette--black-500,#8a8d90));border-radius:var(--pf-c-switch__toggle--BorderRadius,var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))))}#container::before{top:var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2));left:var(--pf-c-switch__toggle--before--Left,var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2)));width:var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)));height:var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem))));background-color:var(--pf-c-switch__toggle--before--backgroundcolor,var(--pf-global--backgroundcolor--100,#fff));border-radius:var(--pf-c-switch__toggle--before--BorderRadius,var(--pf-global--BorderRadius--lg,30em));box-shadow:var(--pf-c-switch__toggle--before--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));transition:var(--pf-c-switch__toggle--before--Transition,
|
|
487
487
|
var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s))}:host(:focus-within) #container{outline:var(--pf-c-switch__input--focus__toggle--OutlineWidth,var(--pf-global--BorderWidth--md,2px)) solid var(--pf-c-switch__input--focus__toggle--OutlineColor,var(--pf-global--primary-color--100,#06c));outline-offset:var(--pf-c-switch__input--focus__toggle--OutlineOffset,var(--pf-global--spacer--sm,0.5rem))}svg{margin-inline:var(--pf-c-switch__toggle-icon--Left,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * .4));font-size:var(--pf-c-switch__toggle-icon--FontSize,
|
|
488
488
|
calc(var(--pf-c-switch--FontSize,
|
|
489
|
-
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,$l=vc;var ur=class extends et{};ur.styles=[...et.styles,$l],ur=o([uc("pf-switch")],ur);import{customElement as wc}from"lit/decorators/custom-element.js";import{css as _c}from"lit";var yc=_c`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Hl=yc;import{LitElement as kc,html as Bc}from"lit";import{css as xc}from"lit";var Cc=xc`:host{display:block}:host([hidden]){display:none}`,Al=Cc;var Wo,Et=class extends kc{constructor(){super(...arguments);
|
|
489
|
+
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,$l=vc;var ur=class extends et{};ur.styles=[...et.styles,$l],ur=o([uc("pf-switch")],ur);import{customElement as wc}from"lit/decorators/custom-element.js";import{css as _c}from"lit";var yc=_c`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Hl=yc;import{LitElement as kc,html as Bc}from"lit";import{css as xc}from"lit";var Cc=xc`:host{display:block}:host([hidden]){display:none}`,Al=Cc;var Wo,Et=class extends kc{constructor(){super(...arguments);n(this,Wo,this.attachInternals())}render(){return Bc`
|
|
490
490
|
<slot></slot>
|
|
491
|
-
`}connectedCallback(){super.connectedCallback(),this.id||(this.id=q("pf-tab-panel")),i(this,Wo).role="tabpanel",this.tabIndex=0}};Wo=new WeakMap,Et.styles=[Al];var Zt=class extends Et{};Zt.styles=[...Et.styles,Hl],Zt=o([wc("pf-tab-panel")],Zt);import{customElement as Rc}from"lit/decorators/custom-element.js";import{property as Gl}from"lit/decorators/property.js";import{LitElement as Ol,html as Wc}from"lit";import{queryAssignedElements as zc}from"lit/decorators/query-assigned-elements.js";import{query as Mc}from"lit/decorators/query.js";import{css as Sc}from"lit";var Tc=Sc`:host{display:flex;flex:none}:host([vertical]) [part=text]{max-width:100%;overflow-wrap:break-word}[hidden]{display:none!important}slot[name=icon]{display:block}button{margin:0;font-family:inherit;font-size:100%;border:0;position:relative;display:flex;flex:1;text-decoration:none;cursor:pointer}button::after,button::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-style:solid;padding:0;margin:0;background-color:transparent}button::before{pointer-events:none}:host([fill]) button{flex-basis:100%;justify-content:center}:host(:disabled) button{pointer-events:none}:host([aria-disabled=true]) button{cursor:default}`,Dl=Tc;var _r=class extends C{constructor(t,r){super("expand");this.active=t;this.tab=r}},Ct,zo,jl,Mo,Nl,Lo,
|
|
491
|
+
`}connectedCallback(){super.connectedCallback(),this.id||(this.id=q("pf-tab-panel")),this.hidden??(this.hidden=!0),i(this,Wo).role="tabpanel",this.tabIndex=0}};Wo=new WeakMap,Et.styles=[Al];var Zt=class extends Et{};Zt.styles=[...Et.styles,Hl],Zt=o([wc("pf-tab-panel")],Zt);import{customElement as Rc}from"lit/decorators/custom-element.js";import{property as Gl}from"lit/decorators/property.js";import{LitElement as Ol,html as Wc}from"lit";import{queryAssignedElements as zc}from"lit/decorators/query-assigned-elements.js";import{query as Mc}from"lit/decorators/query.js";import{css as Sc}from"lit";var Tc=Sc`:host{display:flex;flex:none}:host([vertical]) [part=text]{max-width:100%;overflow-wrap:break-word}[hidden]{display:none!important}slot[name=icon]{display:block}button{margin:0;font-family:inherit;font-size:100%;border:0;position:relative;display:flex;flex:1;text-decoration:none;cursor:pointer}button::after,button::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-style:solid;padding:0;margin:0;background-color:transparent}button::before{pointer-events:none}:host([fill]) button{flex-basis:100%;justify-content:center}:host(:disabled) button{pointer-events:none}:host([aria-disabled=true]) button{cursor:default}`,Dl=Tc;var _r=class extends C{constructor(t,r){super("expand");this.active=t;this.tab=r}},Ct,zo,jl,Mo,Nl,Lo,Ul,rt=class extends Ol{constructor(){super(...arguments);n(this,zo);n(this,Mo);n(this,Lo);n(this,Ct,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("click",p(this,zo,jl)),i(this,Ct).role="tab"}render(){return Wc`
|
|
492
492
|
<button part="button" ?disabled="${this.disabled}">
|
|
493
493
|
<slot name="icon"
|
|
494
494
|
part="icon"
|
|
@@ -496,29 +496,29 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
496
496
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
497
497
|
<slot part="text"></slot>
|
|
498
498
|
</button>
|
|
499
|
-
`}updated(t){i(this,Ct).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,Mo,Nl).call(this),t.has("disabled")&&p(this,Lo,Pl).call(this)}focus(){this.button.focus()}};Ct=new WeakMap,zo=new WeakSet,jl=function(){!this.disabled&&i(this,Ct).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0,this.focus())},Mo=new WeakSet,Nl=function(){this.active&&!this.disabled?i(this,Ct).ariaSelected="true":i(this,Ct).ariaSelected="false",this.dispatchEvent(new _r(this.active,this))},Lo=new WeakSet,Pl=function(){i(this,Ct).ariaDisabled=String(!!this.disabled)},rt.styles=[Dl],rt.shadowRootOptions={...Ol.shadowRootOptions,delegatesFocus:!0},o([zc({slot:"icon",flatten:!0})],rt.prototype,"icons",2),o([Mc("button")],rt.prototype,"button",2);import{css as Lc}from"lit";var Fc=Lc`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{align-items:center;gap:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem));line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{outline-color:var(--pf-c-tabs__link--after--BorderColor,#06c);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{display:flex!important}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,Ul=Fc;var kt=class extends rt{constructor(){super(...arguments);this.active=!1;this.disabled=!1}};kt.styles=[...rt.styles,Ul],o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"active",2),o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"disabled",2),kt=o([Rc("pf-tab")],kt);import{customElement as jc}from"lit/decorators/custom-element.js";import{property as Uo}from"lit/decorators/property.js";import{LitElement as $c,html as Va}from"lit";import{property as Kl}from"lit/decorators/property.js";import{query as Hc}from"lit/decorators/query.js";import{queryAssignedElements as Vl}from"lit/decorators/query-assigned-elements.js";import{classMap as Ac}from"lit/directives/class-map.js";import{__classPrivateFieldGet as u,__classPrivateFieldSet as Fo}from"tslib";function qa(l,e,t=!1,r=!1){if(!l||!e)return!1;let a=l.getBoundingClientRect(),s=e.getBoundingClientRect(),c=Math.ceil(a.left),d=Math.floor(a.right),v=Math.ceil(s.left),E=Math.floor(s.right),at=v>=c&&E<=d,G=(t||!r&&a.width<s.width)&&(v<c&&E>c||E>d&&v<d);return at||G}var Yt,W,yr,Ka,Ro,ze,We,Eo=class{get firstItem(){return u(this,yr,"f").at(0)}get lastItem(){return u(this,yr,"f").at(-1)}constructor(e,t){Yt.add(this),this.host=e,this.options=t,W.set(this,void 0),yr.set(this,[]),Ka.set(this,0),Ro.set(this,void 0),ze.set(this,!1),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(u(this,Ro,"f")),Fo(this,Ro,setTimeout(()=>u(this,Yt,"m",We).call(this),u(this,Ka,"f")),"f")},this.host.addController(this),t?.hideOverflowButtons&&Fo(this,ze,t?.hideOverflowButtons,"f")}init(e,t){Fo(this,W,e,"f"),Fo(this,yr,t,"f")}scrollLeft(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft-u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}scrollRight(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft+u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}update(){u(this,Yt,"m",We).call(this)}hostConnected(){this.onScroll(),u(this,Yt,"m",We).call(this)}};W=new WeakMap,yr=new WeakMap,Ka=new WeakMap,Ro=new WeakMap,ze=new WeakMap,Yt=new WeakSet,We=function(){if(!this.firstItem||!this.lastItem||!u(this,W,"f"))return;this.overflowLeft=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.firstItem),this.overflowRight=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(u(this,W,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!u(this,ze,"f")&&u(this,W,"f").scrollWidth>u(this,W,"f").clientWidth+e,this.host.requestUpdate()};import{css as Ec}from"lit";var Ic=Ec`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,ql=Ic;var Me,P,U,Cr,Le,kr,Qt,Br,Za,S,D,Zl,ot,Xt,Yl,wr,Ya,Io,Xl,$o,Ho,Ql,Ao,Jl,Do,tn,Oo,en,Sr,Xa,jo,rn,No,on,Po,an,xr=class extends $c{constructor(){super(...arguments);n(this,Br);n(this,S);n(this,ot);n(this,wr);n(this,Io);n(this,Ho);n(this,Ao);n(this,Do);n(this,Oo);n(this,Sr);n(this,jo);n(this,No);n(this,Po);n(this,P,new Tt(this));n(this,U,new Eo(this));n(this,Cr,new b(this));n(this,Le,[]);n(this,kr,[]);n(this,Qt,0);this.manual=!1;n(this,$o,t=>{!(t instanceof _r)||!i(this,S,D).length||!i(this,ot,Xt).length||t.active&&(t.tab!==i(this,P).activeItem&&i(this,P).updateActiveItem(t.tab),this.activeIndex=i(this,S,D).findIndex(r=>r===t.tab))})}static isTab(t){return t instanceof rt}static isPanel(t){return t instanceof Et}get activeIndex(){return i(this,Qt)}set activeIndex(t){let r=this.activeIndex,a=i(this,S,D)[t];if(a){if(a.disabled)i(this,Cr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,P).updateActiveItem(i(this,Ao,Jl)),t=i(this,Sr,Xa);else if(!a.active){a.active=!0;return}}if(t===-1){i(this,Cr).warn("No active tab found, setting first focusable tab to active");let s=i(this,P).firstItem;i(this,P).updateActiveItem(s),t=i(this,Sr,Xa)}m(this,Qt,t),this.requestUpdate("activeIndex",r),i(this,ot,Xt)[i(this,Qt)].hidden=!1,p(this,Ho,Ql).call(this,i(this,Qt))}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("expand",i(this,$o)),i(xr,Me).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(xr,Me).delete(this)}willUpdate(){let{activeItem:t}=i(this,P);!this.manual&&t&&t!==i(this,Br,Za)&&t.ariaDisabled!=="true"&&(t.active=!0)}async firstUpdated(){this.tabList.addEventListener("scroll",i(this,U).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Va`
|
|
500
|
-
<div part="container" class="${Ac({overflow:i(this,
|
|
501
|
-
<div part="tabs-container">${i(this,
|
|
499
|
+
`}updated(t){i(this,Ct).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,Mo,Nl).call(this),t.has("disabled")&&p(this,Lo,Ul).call(this)}focus(){this.button.focus()}};Ct=new WeakMap,zo=new WeakSet,jl=function(){!this.disabled&&i(this,Ct).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0,this.focus())},Mo=new WeakSet,Nl=function(){this.active&&!this.disabled?i(this,Ct).ariaSelected="true":i(this,Ct).ariaSelected="false",this.dispatchEvent(new _r(this.active,this))},Lo=new WeakSet,Ul=function(){i(this,Ct).ariaDisabled=String(!!this.disabled)},rt.styles=[Dl],rt.shadowRootOptions={...Ol.shadowRootOptions,delegatesFocus:!0},o([zc({slot:"icon",flatten:!0})],rt.prototype,"icons",2),o([Mc("button")],rt.prototype,"button",2);import{css as Lc}from"lit";var Fc=Lc`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{align-items:center;gap:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem));line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{outline-color:var(--pf-c-tabs__link--after--BorderColor,#06c);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{display:flex!important}[part=icon][hidden]{display:none!important}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,Pl=Fc;var kt=class extends rt{constructor(){super(...arguments);this.active=!1;this.disabled=!1}};kt.styles=[...rt.styles,Pl],o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"active",2),o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"disabled",2),kt=o([Rc("pf-tab")],kt);import{customElement as jc}from"lit/decorators/custom-element.js";import{property as Po}from"lit/decorators/property.js";import{LitElement as $c,html as Va}from"lit";import{property as Kl}from"lit/decorators/property.js";import{query as Hc}from"lit/decorators/query.js";import{queryAssignedElements as Vl}from"lit/decorators/query-assigned-elements.js";import{classMap as Ac}from"lit/directives/class-map.js";import{__classPrivateFieldGet as u,__classPrivateFieldSet as Fo}from"tslib";function qa(l,e,t=!1,r=!1){if(!l||!e)return!1;let a=l.getBoundingClientRect(),s=e.getBoundingClientRect(),c=Math.ceil(a.left),d=Math.floor(a.right),v=Math.ceil(s.left),E=Math.floor(s.right),at=v>=c&&E<=d,G=(t||!r&&a.width<s.width)&&(v<c&&E>c||E>d&&v<d);return at||G}var Yt,W,yr,Ka,Ro,ze,We,Eo=class{get firstItem(){return u(this,yr,"f").at(0)}get lastItem(){return u(this,yr,"f").at(-1)}constructor(e,t){Yt.add(this),this.host=e,this.options=t,W.set(this,void 0),yr.set(this,[]),Ka.set(this,0),Ro.set(this,void 0),ze.set(this,!1),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(u(this,Ro,"f")),Fo(this,Ro,setTimeout(()=>u(this,Yt,"m",We).call(this),u(this,Ka,"f")),"f")},this.host.addController(this),t?.hideOverflowButtons&&Fo(this,ze,t?.hideOverflowButtons,"f")}init(e,t){Fo(this,W,e,"f"),Fo(this,yr,t,"f")}scrollLeft(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft-u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}scrollRight(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft+u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}update(){u(this,Yt,"m",We).call(this)}hostConnected(){this.onScroll(),u(this,Yt,"m",We).call(this)}};W=new WeakMap,yr=new WeakMap,Ka=new WeakMap,Ro=new WeakMap,ze=new WeakMap,Yt=new WeakSet,We=function(){if(!this.firstItem||!this.lastItem||!u(this,W,"f"))return;this.overflowLeft=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.firstItem),this.overflowRight=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(u(this,W,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!u(this,ze,"f")&&u(this,W,"f").scrollWidth>u(this,W,"f").clientWidth+e,this.host.requestUpdate()};import{css as Ec}from"lit";var Ic=Ec`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,ql=Ic;var Me,U,P,Cr,Le,kr,Qt,Br,Za,S,D,Zl,ot,Xt,Yl,wr,Ya,Io,Xl,$o,Ho,Ql,Ao,Jl,Do,tn,Oo,en,Sr,Xa,jo,rn,No,on,Uo,an,xr=class extends $c{constructor(){super(...arguments);n(this,Br);n(this,S);n(this,ot);n(this,wr);n(this,Io);n(this,Ho);n(this,Ao);n(this,Do);n(this,Oo);n(this,Sr);n(this,jo);n(this,No);n(this,Uo);n(this,U,new Tt(this));n(this,P,new Eo(this));n(this,Cr,new b(this));n(this,Le,[]);n(this,kr,[]);n(this,Qt,0);this.manual=!1;n(this,$o,t=>{!(t instanceof _r)||!i(this,S,D).length||!i(this,ot,Xt).length||t.active&&(t.tab!==i(this,U).activeItem&&i(this,U).updateActiveItem(t.tab),this.activeIndex=i(this,S,D).findIndex(r=>r===t.tab))})}static isTab(t){return t instanceof rt}static isPanel(t){return t instanceof Et}get activeIndex(){return i(this,Qt)}set activeIndex(t){let r=this.activeIndex,a=i(this,S,D)[t];if(a){if(a.disabled)i(this,Cr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,U).updateActiveItem(i(this,Ao,Jl)),t=i(this,Sr,Xa);else if(!a.active){a.active=!0;return}}if(t===-1){i(this,Cr).warn("No active tab found, setting first focusable tab to active");let s=i(this,U).firstItem;i(this,U).updateActiveItem(s),t=i(this,Sr,Xa)}m(this,Qt,t),this.requestUpdate("activeIndex",r),i(this,ot,Xt)[i(this,Qt)].hidden=!1,p(this,Ho,Ql).call(this,i(this,Qt))}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("expand",i(this,$o)),i(xr,Me).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(xr,Me).delete(this)}willUpdate(){let{activeItem:t}=i(this,U);!this.manual&&t&&t!==i(this,Br,Za)&&t.ariaDisabled!=="true"&&(t.active=!0)}async firstUpdated(){this.tabList.addEventListener("scroll",i(this,P).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Va`
|
|
500
|
+
<div part="container" class="${Ac({overflow:i(this,P).showScrollButtons})}">
|
|
501
|
+
<div part="tabs-container">${i(this,P).showScrollButtons?Va`
|
|
502
502
|
<button id="previousTab" tabindex="-1"
|
|
503
503
|
aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
|
|
504
|
-
?disabled="${!i(this,
|
|
504
|
+
?disabled="${!i(this,P).overflowLeft}"
|
|
505
505
|
@click="${p(this,No,on)}">
|
|
506
506
|
<pf-icon icon="${r}" set="${t}" loading="eager"></pf-icon>
|
|
507
507
|
</button>`:""}
|
|
508
508
|
<slot name="tab"
|
|
509
509
|
part="tabs"
|
|
510
510
|
role="tablist"
|
|
511
|
-
@slotchange="${p(this,wr,Ya)}"></slot> ${i(this,
|
|
511
|
+
@slotchange="${p(this,wr,Ya)}"></slot> ${i(this,P).showScrollButtons?Va`
|
|
512
512
|
<button id="nextTab" tabindex="-1"
|
|
513
513
|
aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
|
|
514
|
-
?disabled="${!i(this,
|
|
515
|
-
@click="${p(this,
|
|
514
|
+
?disabled="${!i(this,P).overflowRight}"
|
|
515
|
+
@click="${p(this,Uo,an)}">
|
|
516
516
|
<pf-icon icon="${a}" set="${t}" loading="eager"></pf-icon>
|
|
517
517
|
</button>`:""}
|
|
518
518
|
</div>
|
|
519
519
|
<slot part="panels" @slotchange="${p(this,wr,Ya)}"></slot>
|
|
520
520
|
</div>
|
|
521
|
-
`}},R=xr;Me=new WeakMap,P=new WeakMap,U=new WeakMap,Cr=new WeakMap,Le=new WeakMap,kr=new WeakMap,Qt=new WeakMap,Br=new WeakSet,Za=function(){let[t]=i(this,Le).filter(r=>r.active);return t},S=new WeakSet,D=function(){return i(this,Le)},Zl=function(t){m(this,Le,t.filter(r=>this.constructor.isTab(r)))},ot=new WeakSet,Xt=function(){return i(this,kr)},Yl=function(t){m(this,kr,t.filter(r=>this.constructor.isPanel(r)))},wr=new WeakSet,Ya=function(t){t.target.name==="tab"?m(this,S,this.tabs,Zl):m(this,ot,this.panels,Yl),i(this,S,D).length===i(this,ot,Xt).length&&(i(this,S,D).length!==0||i(this,ot,Xt).length!==0)&&(p(this,Io,Xl).call(this),p(this,jo,rn).call(this),i(this,P).initItems(i(this,S,D)),this.activeIndex=i(this,S,D).findIndex(r=>r.active),i(this,P).updateActiveItem(i(this,Br,Za)),i(this,U).init(this.tabList,i(this,S,D)))},Io=new WeakSet,Xl=function(){i(this,S,D).forEach((t,r)=>{let a=i(this,ot,Xt)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},$o=new WeakMap,Ho=new WeakSet,Ql=function(t){i(this,S,D).forEach((r,a)=>r.active=a===t),i(this,ot,Xt).forEach((r,a)=>r.hidden=a!==t)},Ao=new WeakSet,Jl=function(){return i(this,P).firstItem},Do=new WeakSet,tn=function(){let[t]=i(this,S,D);return t},Oo=new WeakSet,en=function(){return i(this,S,D).at(-1)},Sr=new WeakSet,Xa=function(){let{activeItem:t}=i(this,P);return i(this,S,D).findIndex(r=>r===t)},jo=new WeakSet,rn=function(){i(this,Do,tn)?.classList.add("first"),i(this,Oo,en)?.classList.add("last")},No=new WeakSet,on=function(){i(this,U).scrollLeft()},Po=new WeakSet,an=function(){i(this,U).scrollRight()},R.styles=[ql],R.scrollTimeoutDelay=0,R.scrollIconLeft="angle-left",R.scrollIconRight="angle-right",R.scrollIconSet="fas",n(R,Me,new Set),(()=>{window.addEventListener("resize",()=>{for(let t of i(xr,Me))i(t,U).onScroll()},{capture:!1})})(),o([Vl({slot:"tab"})],R.prototype,"tabs",2),o([Vl()],R.prototype,"panels",2),o([Hc('[part="tabs"]')],R.prototype,"tabList",2),o([Kl({reflect:!0,type:Boolean})],R.prototype,"manual",2),o([Kl({attribute:!1})],R.prototype,"activeIndex",1);import{css as Dc}from"lit";var Oc=Dc`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s);--pf-icon--size:16px}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,ln=Oc;var ct=class extends R{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof kt}static isPanel(t){return t instanceof Zt}get canShowScrollButtons(){return!this.vertical}};ct.styles=[...R.styles,ln],ct.scrollTimeoutDelay=150,o([Re("pf-tab","pf-tab-panel"),Uo({reflect:!0})],ct.prototype,"box",2),o([Re("pf-tab","pf-tab-panel"),Uo({reflect:!0,type:Boolean})],ct.prototype,"vertical",2),o([Re("pf-tab"),Uo({reflect:!0,type:Boolean})],ct.prototype,"fill",2),o([Re("pf-tab"),Uo({attribute:"border-bottom"})],ct.prototype,"borderBottom",2),ct=o([jc("pf-tabs")],ct);import{customElement as qc}from"lit/decorators/custom-element.js";import{property as sn}from"lit/decorators/property.js";import{LitElement as Nc,html as Pc}from"lit";var Go=class extends Nc{render(){return Pc`
|
|
521
|
+
`}},R=xr;Me=new WeakMap,U=new WeakMap,P=new WeakMap,Cr=new WeakMap,Le=new WeakMap,kr=new WeakMap,Qt=new WeakMap,Br=new WeakSet,Za=function(){let[t]=i(this,Le).filter(r=>r.active);return t},S=new WeakSet,D=function(){return i(this,Le)},Zl=function(t){m(this,Le,t.filter(r=>this.constructor.isTab(r)))},ot=new WeakSet,Xt=function(){return i(this,kr)},Yl=function(t){m(this,kr,t.filter(r=>this.constructor.isPanel(r)))},wr=new WeakSet,Ya=function(t){t.target.name==="tab"?m(this,S,this.tabs,Zl):m(this,ot,this.panels,Yl),i(this,S,D).length===i(this,ot,Xt).length&&(i(this,S,D).length!==0||i(this,ot,Xt).length!==0)&&(p(this,Io,Xl).call(this),p(this,jo,rn).call(this),i(this,U).initItems(i(this,S,D)),this.activeIndex=i(this,S,D).findIndex(r=>r.active),i(this,U).updateActiveItem(i(this,Br,Za)),i(this,P).init(this.tabList,i(this,S,D)))},Io=new WeakSet,Xl=function(){i(this,S,D).forEach((t,r)=>{let a=i(this,ot,Xt)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},$o=new WeakMap,Ho=new WeakSet,Ql=function(t){i(this,S,D).forEach((r,a)=>r.active=a===t),i(this,ot,Xt).forEach((r,a)=>r.hidden=a!==t)},Ao=new WeakSet,Jl=function(){return i(this,U).firstItem},Do=new WeakSet,tn=function(){let[t]=i(this,S,D);return t},Oo=new WeakSet,en=function(){return i(this,S,D).at(-1)},Sr=new WeakSet,Xa=function(){let{activeItem:t}=i(this,U);return i(this,S,D).findIndex(r=>r===t)},jo=new WeakSet,rn=function(){i(this,Do,tn)?.classList.add("first"),i(this,Oo,en)?.classList.add("last")},No=new WeakSet,on=function(){i(this,P).scrollLeft()},Uo=new WeakSet,an=function(){i(this,P).scrollRight()},R.styles=[ql],R.scrollTimeoutDelay=0,R.scrollIconLeft="angle-left",R.scrollIconRight="angle-right",R.scrollIconSet="fas",n(R,Me,new Set),(()=>{window.addEventListener("resize",()=>{for(let t of i(xr,Me))i(t,P).onScroll()},{capture:!1})})(),o([Vl({slot:"tab"})],R.prototype,"tabs",2),o([Vl()],R.prototype,"panels",2),o([Hc('[part="tabs"]')],R.prototype,"tabList",2),o([Kl({reflect:!0,type:Boolean})],R.prototype,"manual",2),o([Kl({attribute:!1})],R.prototype,"activeIndex",1);import{css as Dc}from"lit";var Oc=Dc`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s);--pf-icon--size:16px}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,ln=Oc;var ct=class extends R{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof kt}static isPanel(t){return t instanceof Zt}get canShowScrollButtons(){return!this.vertical}};ct.styles=[...R.styles,ln],ct.scrollTimeoutDelay=150,o([Re("pf-tab","pf-tab-panel"),Po({reflect:!0})],ct.prototype,"box",2),o([Re("pf-tab","pf-tab-panel"),Po({reflect:!0,type:Boolean})],ct.prototype,"vertical",2),o([Re("pf-tab"),Po({reflect:!0,type:Boolean})],ct.prototype,"fill",2),o([Re("pf-tab"),Po({attribute:"border-bottom"})],ct.prototype,"borderBottom",2),ct=o([jc("pf-tabs")],ct);import{customElement as qc}from"lit/decorators/custom-element.js";import{property as sn}from"lit/decorators/property.js";import{LitElement as Nc,html as Uc}from"lit";var Go=class extends Nc{render(){return Uc`
|
|
522
522
|
<div part="header">
|
|
523
523
|
<div part="icon">
|
|
524
524
|
<slot id="icon" name="icon"></slot>
|
|
@@ -530,7 +530,7 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
530
530
|
<div part="body">
|
|
531
531
|
<slot id="body"></slot>
|
|
532
532
|
</div>
|
|
533
|
-
`}};import{css as
|
|
533
|
+
`}};import{css as Pc}from"lit";var Gc=Pc`:host{position:relative;display:inline-grid;padding:var(--pf-c-tile--PaddingTop,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingRight,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingBottom,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));text-align:center;cursor:pointer;background-color:var(--pf-c-tile--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--light-100),#fff));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;transition:var(--pf-c-tile--Transition, none);transform:translateY(var(--pf-c-tile--TranslateY,0))}:host::after,:host::before{position:absolute;pointer-events:none;content:""}:host::before{top:0;right:0;bottom:0;left:0;border:var(--pf-c-tile--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-tile--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host::after{right:0;bottom:0;left:0;height:var(--pf-c-tile--after--Height,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-tile--after--BackgroundColor,transparent);transition:var(--pf-c-tile--after--Transition, none);transform:scaleY(var(--pf-c-tile--after--ScaleY,1)) translateY(var(--pf-c-tile--after--TranslateY,0))}:host(:hover){--pf-c-tile__title--Color:var(--pf-c-tile--hover__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--hover__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--hover--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:focus){--pf-c-tile__title--Color:var(--pf-c-tile--focus__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--focus__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--focus--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:active),:host([selected]){--pf-c-tile__title--Color:var(--pf-c-tile--m-selected__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--m-selected__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--TranslateY:var(--pf-c-tile--m-selected--TranslateY,
|
|
534
534
|
calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
|
|
535
535
|
var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
|
|
536
536
|
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--Height:var(--pf-c-tile--m-selected--after--Height, var(--pf-global--BorderWidth--lg, 3px));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--m-selected--after--BackgroundColor, var(--pf-global--active-color--100, #06c));--pf-c-tile--after--Transition:var(--pf-c-tile--m-selected--after--Transition,
|