@patternfly/elements 2.0.1 → 2.0.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 +86 -59
- package/package.json +1 -1
- package/pf-accordion/BaseAccordionHeader.d.ts +2 -2
- package/pf-accordion/BaseAccordionHeader.js +29 -23
- package/pf-accordion/BaseAccordionHeader.js.map +1 -1
- package/pf-accordion/BaseAccordionPanel.css +1 -0
- package/pf-accordion/BaseAccordionPanel.js +1 -1
- package/pf-accordion/pf-accordion-header.js.map +1 -1
- package/pf-accordion/pf-accordion-panel.js.map +1 -1
- package/pf-avatar/BaseAvatar.js.map +1 -1
- package/pf-avatar/pf-avatar.js.map +1 -1
- package/pf-badge/pf-badge.js.map +1 -1
- package/pf-button/BaseButton.js.map +1 -1
- package/pf-button/pf-button.js.map +1 -1
- package/pf-icon/BaseIcon.js.map +1 -1
- package/pf-icon/pf-icon.js.map +1 -1
- package/pf-panel/pf-panel.js.map +1 -1
- package/pf-progress-stepper/pf-progress-step.js.map +1 -1
- package/pf-spinner/BaseSpinner.js.map +1 -1
- package/pf-switch/pf-switch.d.ts +2 -0
- package/pf-switch/pf-switch.js +2 -0
- package/pf-switch/pf-switch.js.map +1 -1
- package/pf-tabs/BaseTabs.js.map +1 -1
- package/pf-tooltip/BaseTooltip.js.map +1 -1
- package/pfe.min.js +106 -108
- package/pfe.min.js.map +3 -3
package/pfe.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var ql=Object.defineProperty;var Vl=Object.getOwnPropertyDescriptor;var o=(l,e,t,r)=>{for(var a=r>1?void 0:r?Vl(e,t):e,s=l.length-1,c;s>=0;s--)(c=l[s])&&(a=(r?c(e,t,a):c(a))||a);return r&&a&&ql(e,t,a),a};var jo=(l,e,t)=>{if(!e.has(l))throw TypeError("Cannot "+t)};var i=(l,e,t)=>(jo(l,e,"read from private field"),t?t.call(l):e.get(l)),n=(l,e,t)=>{if(e.has(l))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(l):e.set(l,t)},m=(l,e,t,r)=>(jo(l,e,"write to private field"),r?r.call(l,t):e.set(l,t),t);var p=(l,e,t)=>(jo(l,e,"access private method"),t);import{html as ci}from"lit";import{customElement as kn}from"lit/decorators/custom-element.js";import{property as ia}from"lit/decorators/property.js";import{__decorate as xr}from"tslib";function z(l,e,t){if(typeof t?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${e??l.name}> is not a method!`);return{configurable:!0,get(){let r=t.value.bind(this);return Object.defineProperty(this,e,{value:r,configurable:!0,writable:!0}),r}}}var g=class{get prefix(){return`[${this.host.localName}${this.host.id?`#${this.host.id}`:""}]`}static debugLog(e=null){try{return e!==null&&(g.logDebug=!!e,localStorage.pfeLog=!!e),localStorage.pfeLog==="true"}catch{return g.logDebug}}static log(...e){g.debugLog()&&console.log(...e)}static warn(...e){console.warn(...e)}static error(...e){console.error([...e].join(" "))}log(...e){g.log(this.prefix,...e)}warn(...e){g.warn(this.prefix,...e)}error(...e){g.error(this.prefix,...e)}constructor(e){if(this.host=e,g.instances.get(e))return g.instances.get(e);e.addController(this),g.instances.set(e,this)}hostConnected(){this.log("connected")}};g.instances=new WeakMap;function Kl(l){return l.length===1&&typeof l[0]=="object"&&l[0]!==null}var Zl=l=>e=>l===u.anonymous?!e.hasAttribute("slot"):e.getAttribute("slot")===l,u=class{constructor(e,...t){if(this.host=e,this.nodes=new Map,this.firstUpdated=!1,this.mo=new MutationObserver(this.onMutation),this.deprecations={},this.logger=new g(this.host),Kl(t)){let[{slots:r,deprecations:a}]=t;this.slotNames=r,this.deprecations=a??{}}else t.length>=1?(this.slotNames=t,this.deprecations={}):this.slotNames=[null];e.addController(this)}hostConnected(){this.host.addEventListener("slotchange",this.onSlotChange),this.firstUpdated=!1,this.mo.observe(this.host,{childList:!0}),this.init()}hostUpdated(){this.firstUpdated||(this.slotNames.forEach(this.initSlot),this.firstUpdated=!0)}hostDisconnected(){this.mo.disconnect()}hasSlotted(...e){return e.length?e.some(t=>this.nodes.get(t)?.hasContent??!1):(this.logger.warn("Please provide at least one slot name for which to search."),!1)}getSlotted(...e){return e.length?e.flatMap(t=>this.nodes.get(t)?.elements??[]):this.nodes.get(u.anonymous)?.elements??[]}onSlotChange(e){let t=e.target.name;this.initSlot(t),this.host.requestUpdate()}async onMutation(e){let t=[];for(let{addedNodes:r,removedNodes:a}of e)for(let s of[...r,...a])s instanceof HTMLElement&&s.slot&&(this.initSlot(s.slot),t.push(s.slot));t.length&&this.host.requestUpdate()}getChildrenForSlot(e){return Array.from(this.host.children).filter(Zl(e))}initSlot(e){let t=e||u.anonymous,r=this.nodes.get(t)?.slot?.assignedElements?.()??this.getChildrenForSlot(t),a=e?`slot[name="${e}"]`:"slot:not([name])",s=this.host.shadowRoot?.querySelector?.(a)??null,c=!!r.length;this.nodes.set(t,{elements:r,name:e??"",hasContent:c,slot:s}),this.logger.log(e,c)}init(){this.nodes.clear(),this.slotNames.forEach(this.initSlot),Object.values(this.deprecations).forEach(this.initSlot),this.host.requestUpdate()}};u.anonymous=Symbol("anonymous slot");xr([z],u.prototype,"onSlotChange",null);xr([z],u.prototype,"onMutation",null);xr([z],u.prototype,"initSlot",null);xr([z],u.prototype,"init",null);import{LitElement as ti,html as yt}from"lit";import{property as ta}from"lit/decorators/property.js";import{LitElement as an,html as ln}from"lit";import{property as nn}from"lit/decorators/property.js";import{__decorate as Yl}from"tslib";function Aa(l,e,t=!1){let r;return function(...a){let s=this,c=function(){r=null,t||l.apply(s,a)},b=t&&!r;clearTimeout(r),r=window.setTimeout(c,e),b&&l.apply(s,a)}}var V=class{constructor(e,t){this.host=e,this.options=t,this.mo=new MutationObserver(this.parse),this.cache=new Map,this.class=e.constructor,this.logger=new g(this.host),V.instances.set(e,this);let r=this.options?.properties??{};for(let[a,s]of Object.entries(r))this.initProp(a,s);e.addController(this),this.cascadeProperties=Aa(this.cascadeProperties,1)}hostUpdated(){this.cascadeProperties()}hostConnected(){this.mo.observe(this.host,{attributes:!0,childList:!0}),this.cascadeProperties()}hostDisconnected(){this.mo.disconnect()}cascadeProperties(e=this.host.children){if(this.host.isConnected){let t=this.cache.keys();if(!e)return this._cascadeAttributes(t,this.cache);for(let r of e)if(r instanceof Element){for(let a of t)if(r.matches(a)){let s=this.cache.get(a);for(let c of s??[])this._copyAttribute(c,r)}}}}initProp(e,t){for(let r of[t].flat(1/0).filter(Boolean)){let{attribute:a}=this.class.getPropertyOptions(e),s=typeof a=="string"?a:e.toLowerCase();this.cache.get(r)?this.cache.get(r)?.push(s):this.cache.set(r,[s])}}parse(e){for(let t of e??[])t.type==="childList"&&t.addedNodes.length?this.cascadeProperties(t.addedNodes):t.type==="attributes"&&this._cascadeAttributes(this.cache.keys(),this.cache)}async _copyAttribute(e,t){this.logger.log(`copying ${e} to ${t}`);let r=this.host.getAttribute(e);t.isConnected&&(r==null?t.removeAttribute(e):t.setAttribute(e,r))}_cascadeAttributes(e,t){for(let r of e)for(let a of t.get(r)??[])this._cascadeAttribute(a,r)}_cascadeAttribute(e,t){let r=[...this.host.querySelectorAll(t),...this.host.shadowRoot?.querySelectorAll(t)??[]];for(let a of r)this._copyAttribute(e,a)}};V.instances=new WeakMap;Yl([z],V.prototype,"parse",null);function ke(...l){return function(e,t){e.constructor.addInitializer(r=>{let a=r;V.instances.has(a)||V.instances.set(a,new V(a)),V.instances.get(a)?.initProp(t,l)})}}function Da(l){return function(e,t){let{alias:r,...a}=l,s=e.constructor,c=s.getPropertyOptions(r);s.createProperty(t,{...c,...a}),s.addInitializer(b=>{b.addController(new Oo(b,l,t))})}}var Oo=class{constructor(e,t,r){this.host=e,this.options=t,this.deprecatedKey=r,this.logged=!1,this.logger=new g(e)}hostUpdate(){let{deprecatedKey:e,options:{alias:t}}=this;this.host[e]&&this.host[t]!==this.host[e]&&(this.logged||(this.logger.warn(`${e} is deprecated, use ${t} instead`),this.logged=!0),this.host[t]=this.host[e])}};var yr=class{constructor(e,t,r){this.host=e,this.options=r,this.initializer=t.bind(e),this.mo=new MutationObserver(this.initializer),this.logger=new g(this.host),e.addController(this)}hostConnected(){this.hasLightDOM()?this.initializer():this.options?.emptyWarning&&this.logger.warn(this.options?.emptyWarning),this.initObserver()}hostDisconnected(){this.mo.disconnect()}initObserver(){(this.options?.observe??!0)&&this.mo.observe(this.host,typeof this.options?.observe!="object"?{childList:!0}:this.options?.observe)}hasLightDOM(){return this.host.children.length>0||(this.host.textContent??"").trim().length>0}};function ja(l){return function(e,t){e.constructor.addInitializer(r=>{let a=e[t],s=new yr(r,a,l);r.isConnected&&s.hostConnected()})}}var Po=Symbol("observed properties controller"),st=class{delete(e){this.values.delete(e)}constructor(e){if(this.host=e,this.values=new Map,st.hosts.get(e))return st.hosts.get(e);e.addController(this),e[Po]=this}hostUpdate(){for(let[e,[t,[r,a]]]of this.values)this.host[t]?.(r,a),this.delete(e)}hostUpdated(){this.host.removeController(this)}cache(e,t,...r){this.values.set(e,[t,r])}};st.hosts=new WeakMap;function R(...l){if(l.length===1){let[e]=l;return function(t,r){t.constructor.addInitializer(a=>new st(a)),Oa(t,r,e)}}else{let[e,t]=l;e.constructor.addInitializer(r=>new st(r)),Oa(e,t)}}function Oa(l,e,t){let r=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(l,e,{...r,configurable:!0,set(a){let s=this[e];if(r?.set?.call(this,a),typeof t=="function")t.call(this,s,a);else{let c=t||`_${e}Changed`;this.hasUpdated?this[c]?.(s,a):this[Po].cache(e,c,s,a)}}})}var ad=Symbol();function Pa(l){return document.head.querySelector(`meta[name="${l}"]`)?.content}var Ga={fromAttribute(l){return typeof l!="string"?null:l.split(",").map(e=>e.trim()).map(e=>parseInt(e,10))},toAttribute(l){return l.join(",")}},B=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}},Na=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??Pa("pf-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(Na?!Na:Pa("pf-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(l){l?localStorage.setItem("pfeLog",`${!0}`):localStorage.removeItem("pfeLog")}});import{LitElement as Jl,html as tn}from"lit";import{property as en}from"lit/decorators/property.js";function P(l="pfe"){return`${l}-${Math.random().toString(36).substr(2,9)}`}import{css as Xl}from"lit";var Ql=Xl`:host{display:none;overflow:hidden;will-change:height}:host([expanded]){display:block;position:relative}:host(.animating){display:block;transition:height .3s ease-in-out}:host([fixed]){overflow-y:auto}.body{position:relative;overflow:hidden}.body:after{content:"";position:absolute;top:0;bottom:0;left:0}`,Ua=Ql;var pt=class extends Jl{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=P(this.localName)),this.setAttribute("role","region")}render(){return tn`
|
|
2
2
|
<div tabindex="-1">
|
|
3
3
|
<div id="container" class="content" part="container">
|
|
4
4
|
<div class="body">
|
|
@@ -6,20 +6,18 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
</div>
|
|
9
|
-
`}};
|
|
9
|
+
`}};pt.styles=[Ua],o([en({type:Boolean,reflect:!0})],pt.prototype,"expanded",2);import{css as rn}from"lit";var on=rn`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,qa=on;var sn=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,No=class extends B{constructor(t,r){super("expand");this.toggle=t;this.panel=r}},Go=class extends B{constructor(t,r){super("collapse");this.toggle=t;this.panel=r}},Be,Br,we,wr,Tr,Te,Uo,We,qo,Se,Vo,ze,Ko,Me,Zo,Le,Yo,Re,Xo,Fe,Qo,Wr,Va,Sr,Ka,Zt,Cr,Ee,Jo,zr,Za,Mr,Ya,Lr,Xa,Rr,Qa,Yt,kr,ct=class extends an{constructor(){super(...arguments);n(this,Te);n(this,We);n(this,Se);n(this,ze);n(this,Me);n(this,Le);n(this,Re);n(this,Fe);n(this,Wr);n(this,Sr);n(this,Zt);n(this,Ee);n(this,zr);n(this,Mr);n(this,Lr);n(this,Rr);n(this,Yt);this.expandedIndex=[];this.expandedSets=new Set;n(this,Be,new g(this));n(this,Br,getComputedStyle(this));n(this,we,p(this,Re,Xo).call(this));n(this,wr,!1);n(this,Tr,new MutationObserver(()=>p(this,Te,Uo).call(this)))}static isAccordion(t){return t instanceof ct}static isHeader(t){return t instanceof N}static isPanel(t){return t instanceof pt}get headers(){return p(this,Zt,Cr).call(this)}get panels(){return p(this,Ee,Jo).call(this)}async getUpdateComplete(){let t=await super.getUpdateComplete(),r=await Promise.all([...p(this,Zt,Cr).call(this).map(a=>a.updateComplete),...p(this,Ee,Jo).call(this).map(a=>a.updateComplete)]);return t&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",p(this,Wr,Va)),this.addEventListener("keydown",p(this,Sr,Ka)),i(this,Tr).observe(this,{childList:!0}),p(this,Te,Uo).call(this)}render(){return ln`
|
|
10
10
|
<slot></slot>
|
|
11
|
-
`}async firstUpdated(){let{headers:t}=this;for(let r of t.filter(a=>a.expanded))await this.expand(t.indexOf(r))}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let a=p(this,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
</${t}>
|
|
22
|
-
`}};et=new WeakMap,Tt=new WeakMap,zr=new WeakSet,Xa=async function(){let t=p(this,Mr,Qa).call(this);t!==i(this,et)&&m(this,et,void 0),this.headingTag=t?.tagName.toLowerCase()??"h3",this.headingText=t?.textContent?.trim()??"";do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},Mr=new WeakSet,Qa=function(){if(!this.firstElementChild&&!this.firstChild)return void i(this,Tt).warn("No header content provided");if(this.firstElementChild){let[t,...r]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&cn(a));if(t)r.length&&i(this,Tt).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void i(this,Tt).warn("No heading information was provided.");return t}else return i(this,et)||i(this,Tt).warn("Header should contain at least 1 heading tag for correct semantics."),m(this,et,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?i(this,et).textContent=this.firstChild.textContent:i(this,et).textContent=this.textContent,i(this,et)},Lr=new WeakSet,Ja=function(t){let r=!this.expanded,a=t.composedPath().find(ct.isAccordion);a&&this.dispatchEvent(new Xo(r,this,a))},N.styles=[Za],N.shadowRootOptions={...Ya.shadowRootOptions,delegatesFocus:!0},o([Yo({type:Boolean,reflect:!0})],N.prototype,"expanded",2),o([Yo({reflect:!0,attribute:"heading-text"})],N.prototype,"headingText",2),o([Yo({reflect:!0,attribute:"heading-tag"})],N.prototype,"headingTag",2);import{css as dn}from"lit";var fn=dn`:host{--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 10px);color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([large]){--pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--lg, 1.5rem);--pf-c-accordion__toggle--FontFamily:var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
11
|
+
`}async firstUpdated(){let{headers:t}=this;for(let r of t.filter(a=>a.expanded))await this.expand(t.indexOf(r))}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let a=p(this,We,qo).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,Zt,Cr).call(this,r)[t];if(!s)return;let c=p(this,We,qo).call(this,s);c&&(p(this,Se,Vo).call(this,s,t),p(this,ze,Ko).call(this,c),s.focus(),this.dispatchEvent(new No(s,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(t=>p(this,Se,Vo).call(this,t)),this.panels.forEach(t=>p(this,ze,Ko).call(this,t)),await this.updateComplete}async collapse(t){let r=this.headers.at(t),a=this.panels.at(t);!r||!a||(p(this,Me,Zo).call(this,r),p(this,Le,Yo).call(this,a),this.dispatchEvent(new Go(r,a)),await this.updateComplete)}async collapseAll(){this.headers.forEach(t=>p(this,Me,Zo).call(this,t)),this.panels.forEach(t=>p(this,Le,Yo).call(this,t)),await this.updateComplete}},dt=ct;Be=new WeakMap,Br=new WeakMap,we=new WeakMap,wr=new WeakMap,Tr=new WeakMap,Te=new WeakSet,Uo=async function(){i(this,wr)||m(this,wr,!!await this.updateComplete),this.updateAccessibility()},We=new WeakSet,qo=function(t){let r=t.nextElementSibling;return ct.isPanel(r)?r:void i(this,Be).error("Sibling element to a header needs to be a panel")},Se=new WeakSet,Vo=function(t,r=p(this,Yt,kr).call(this,t)){this.expandedSets.add(r),t.expanded=!0},ze=new WeakSet,Ko=async function(t){t.expanded=!0,t.hidden=!1,await t.updateComplete;let r=t.getBoundingClientRect();p(this,Fe,Qo).call(this,t,0,r.height)},Me=new WeakSet,Zo=async function(t,r=p(this,Yt,kr).call(this,t)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),t.expanded=!1,await t.updateComplete},Le=new WeakSet,Yo=async function(t){if(await t.updateComplete,!t.expanded)return;let r=t.getBoundingClientRect();t.expanded=!1,t.hidden=!0,p(this,Fe,Qo).call(this,t,r.height,0),await t.updateComplete},Re=new WeakSet,Xo=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:t}=i(this,Br),r=sn.exec(t)?.groups;if(!r)return 0;let a=parseFloat(t);return r.unit==="s"?a*1e3:a}},Fe=new WeakSet,Qo=async function(t,r,a){if(t){let s=t.previousElementSibling,c=p(this,Re,Xo).call(this);c&&m(this,we,c);let b=i(this,we)??0;s?.classList.add("animating"),t.classList.add("animating");let x=t.animate({height:[`${r}px`,`${a}px`]},{duration:b});x.play(),await x.finished,s?.classList.remove("animating"),t.classList.remove("animating"),t.style.removeProperty("height"),t.hidden=!t.expanded}},Wr=new WeakSet,Va=function(t){if(this.classList.contains("animating"))return;let r=p(this,Yt,kr).call(this,t.target);t.expanded?this.expand(r,t.accordion):this.collapse(r)},Sr=new WeakSet,Ka=async function(t){let r=t.target;if(!ct.isHeader(r))return;let a;switch(t.key){case"ArrowDown":t.preventDefault(),a=p(this,Mr,Ya).call(this);break;case"ArrowUp":t.preventDefault(),a=p(this,zr,Za).call(this);break;case"Home":t.preventDefault(),a=p(this,Lr,Xa).call(this);break;case"End":t.preventDefault(),a=p(this,Rr,Qa).call(this);break}a?.focus?.()},Zt=new WeakSet,Cr=function(t=this){return Array.from(t.children).filter(ct.isHeader)},Ee=new WeakSet,Jo=function(t=this){return Array.from(t.children).filter(ct.isPanel)},zr=new WeakSet,Za=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))-1;return t[(r+t.length)%t.length]},Mr=new WeakSet,Ya=function(){let{headers:t}=this,r=t.findIndex(a=>a.matches(":focus,:focus-within"))+1;return t[r%t.length]},Lr=new WeakSet,Xa=function(){return this.headers.at(0)},Rr=new WeakSet,Qa=function(){return this.headers.at(-1)},Yt=new WeakSet,kr=function(t){return ct.isHeader(t)?this.headers.findIndex(r=>r.id===t.id):ct.isPanel(t)?this.panels.findIndex(r=>r.id===t.id):(i(this,Be).warn("The #getIndex method expects to receive a header or panel element."),-1)},dt.styles=[qa],o([R(async function(e,t){if(e&&e!==t){await this.collapseAll();for(let r of this.expandedIndex)await this.expand(r,this)}}),nn({attribute:"expanded-index",converter:Ga})],dt.prototype,"expandedIndex",2);import{css as pn}from"lit";var cn=pn`#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}`,Ja=cn;var dn=l=>l instanceof HTMLElement&&!!l.tagName.match(/P|^H[1-6]/),ea=class extends B{constructor(t,r,a){super("change");this.expanded=t;this.toggle=r;this.accordion=a}},et,Mt,Xt,Fr,ei,rt,Ct,Er,ri,Ir,oi,N=class extends ti{constructor(){super(...arguments);n(this,Fr);n(this,rt);n(this,Er);n(this,Ir);this.expanded=!1;n(this,et,void 0);n(this,Mt,new g(this));n(this,Xt,void 0)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,Ir,oi)),this.hidden=!0,this.id||(this.id=P(this.localName)),p(this,Fr,ei).call(this)}render(){switch(this.headingTag){case"h1":return yt`<h1 id="heading">${p(this,rt,Ct).call(this)}</h1>`;case"h2":return yt`<h2 id="heading">${p(this,rt,Ct).call(this)}</h2>`;case"h3":return yt`<h3 id="heading">${p(this,rt,Ct).call(this)}</h3>`;case"h4":return yt`<h4 id="heading">${p(this,rt,Ct).call(this)}</h4>`;case"h5":return yt`<h5 id="heading">${p(this,rt,Ct).call(this)}</h5>`;case"h6":return yt`<h6 id="heading">${p(this,rt,Ct).call(this)}</h6>`;default:return p(this,rt,Ct).call(this)}}};et=new WeakMap,Mt=new WeakMap,Xt=new WeakMap,Fr=new WeakSet,ei=async function(){this.headingText&&!this.headingTag&&(this.headingTag="h3"),m(this,Xt,p(this,Er,ri).call(this)),i(this,Xt)!==i(this,et)&&m(this,et,void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},rt=new WeakSet,Ct=function(){let t=this.headingText?.trim()??i(this,Xt)?.textContent?.trim();return yt`
|
|
12
|
+
<button id="button"
|
|
13
|
+
class="toggle"
|
|
14
|
+
aria-expanded="${String(!!this.expanded)}">
|
|
15
|
+
<span part="text">${t??yt`
|
|
16
|
+
<slot></slot>`}
|
|
17
|
+
</span>
|
|
18
|
+
${this.renderAfterButton?.()}
|
|
19
|
+
</button>
|
|
20
|
+
`},Er=new WeakSet,ri=function(){if(!this.firstElementChild&&!this.firstChild)return void i(this,Mt).warn("No header content provided");if(this.firstElementChild){let[t,...r]=Array.from(this.children).filter(a=>!a.hasAttribute("slot")&&dn(a));if(t)r.length&&i(this,Mt).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void i(this,Mt).warn("No heading information was provided.");return t}else return i(this,et)||i(this,Mt).warn("Header should contain at least 1 heading tag for correct semantics."),m(this,et,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?i(this,et).textContent=this.firstChild.textContent:i(this,et).textContent=this.textContent,i(this,et)},Ir=new WeakSet,oi=function(t){let r=!this.expanded,a=t.composedPath().find(dt.isAccordion);a&&this.dispatchEvent(new ea(r,this,a))},N.styles=[Ja],N.shadowRootOptions={...ti.shadowRootOptions,delegatesFocus:!0},o([ta({type:Boolean,reflect:!0})],N.prototype,"expanded",2),o([ta({reflect:!0,attribute:"heading-text"})],N.prototype,"headingText",2),o([ta({reflect:!0,attribute:"heading-tag"})],N.prototype,"headingTag",2);import{css as fn}from"lit";var mn=fn`:host{--pf-icon--size:var(--pf-c-accordion__toggle--IconSize, 10px);color:var(--pf-c-accordion__toggle--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([large]){--pf-c-accordion__toggle--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-accordion__toggle--PaddingLeft:var(--pf-global--spacer--lg, 1.5rem);--pf-c-accordion__toggle--FontFamily:var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
23
21
|
"RedHatDisplayUpdated",
|
|
24
22
|
"Overpass",
|
|
25
23
|
overpass,
|
|
@@ -37,12 +35,12 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
37
35
|
--pf-global--primary-color--100,
|
|
38
36
|
#0066cc
|
|
39
37
|
)
|
|
40
|
-
)}.toggle:after{top:var(--pf-c-accordion__toggle--before--Top,-1px);width:var(--pf-c-accordion__toggle--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__toggle--after--BackgroundColor,transparent)}span{max-width:var(--pf-c-accordion__toggle-text--MaxWidth,calc(100% - var(--pf-global--spacer--lg,1.5rem)))}.toggle[aria-expanded=true] .icon{rotate:var(--pf-c-accordion__toggle--expanded-icon--Rotate,90deg)}.toggle:active,.toggle:focus,.toggle:hover{background-color:var(--pf-c-accordion__toggle--active--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.toggle:active span,.toggle:focus span,.toggle:hover span{color:var(--pf-c-accordion__toggle--active-text--Color,var(--pf-global--link--Color,#06c))}.toggle:active span,.toggle:focus span{font-weight:var(--pf-c-accordion__toggle--active-text--FontWeight,var(--pf-global--FontWeight--semi-bold,700))}`,
|
|
38
|
+
)}.toggle:after{top:var(--pf-c-accordion__toggle--before--Top,-1px);width:var(--pf-c-accordion__toggle--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__toggle--after--BackgroundColor,transparent)}span{max-width:var(--pf-c-accordion__toggle-text--MaxWidth,calc(100% - var(--pf-global--spacer--lg,1.5rem)))}.toggle[aria-expanded=true] .icon{rotate:var(--pf-c-accordion__toggle--expanded-icon--Rotate,90deg)}.toggle:active,.toggle:focus,.toggle:hover{background-color:var(--pf-c-accordion__toggle--active--BackgroundColor,var(--pf-global--BackgroundColor--200,#f0f0f0))}.toggle:active span,.toggle:focus span,.toggle:hover span{color:var(--pf-c-accordion__toggle--active-text--Color,var(--pf-global--link--Color,#06c))}.toggle:active span,.toggle:focus span{font-weight:var(--pf-c-accordion__toggle--active-text--FontWeight,var(--pf-global--FontWeight--semi-bold,700))}`,ai=mn;import{LitElement as bn,html as vn}from"lit";import{property as ra}from"lit/decorators/property.js";import{state as un}from"lit/decorators/state.js";import{css as gn}from"lit";var hn=gn`:host{position:relative;display:inline-block;line-height:0;height:fit-content!important;width:fit-content!important}#container{display:grid;grid-template:1fr/1fr;place-content:center}#container.content ::slotted(*){display:none}svg{fill:currentcolor}`,ii=hn;var li=window.requestIdleCallback??window.requestAnimationFrame,oa=class extends ErrorEvent{constructor(t,r){super("error",{message:`Could not load icon at ${t}`});this.originalError=r}},Qt,$r,ft,Lt,Hr,ni,Ar,si,aa=class extends bn{constructor(){super(...arguments);n(this,ft);n(this,Hr);n(this,Ar);this.set=i(this,ft,Lt).defaultIconSet;this.icon="";this.loading="lazy";n(this,Qt,!1);n(this,$r,new g(this))}static addIconSet(t,r){if(typeof r!="function")g.warn(`[${this.name}.addIconSet(setName, getter)]: getter must be a function`);else{this.getters.set(t,r);for(let a of this.instances)a.load()}}connectedCallback(){super.connectedCallback(),i(this,ft,Lt).instances.add(this)}willUpdate(t){t.has("icon")&&p(this,Ar,si).call(this)}disconnectedCallback(){super.disconnectedCallback(),i(this,ft,Lt).instances.delete(this)}render(){let t=this.content??"";return vn`
|
|
41
39
|
<div id="container" aria-hidden="true">${t}<span part="fallback" ?hidden=${!!t}>
|
|
42
40
|
<slot></slot>
|
|
43
41
|
</span>
|
|
44
42
|
</div>
|
|
45
|
-
`}async load(){let{set:t,icon:r}=this,a=i(this,
|
|
43
|
+
`}async load(){let{set:t,icon:r}=this,a=i(this,ft,Lt).getters.get(t)??i(this,ft,Lt).getIconUrl,s="UNKNOWN ICON";if(t&&r)try{({pathname:s}=a(t,r));let c=await import(s);this.content=c.default instanceof Node?c.default.cloneNode(!0):c.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let b=new oa(s,c);i(this,$r).error(c.message),this.dispatchEvent(b)}}},M=aa;Qt=new WeakMap,$r=new WeakMap,ft=new WeakSet,Lt=function(){return this.constructor},Hr=new WeakSet,ni=function(){i(this,ft,Lt).io.observe(this),i(this,Qt)&&this.load()},Ar=new WeakSet,si=function(){switch(this.loading){case"idle":return void li(()=>this.load());case"lazy":return void p(this,Hr,ni).call(this);case"eager":return void this.load()}},M.styles=[ii],M.getIconUrl=(t,r)=>new URL(`./icons/${t}/${r}.js`,import.meta.url),M.onIntersect=t=>t.forEach(({isIntersecting:r,target:a})=>{let s=a;m(s,Qt,r),li(()=>{i(s,Qt)&&s.load()})}),M.io=new IntersectionObserver(aa.onIntersect),M.getters=new Map,M.instances=new Set,o([ra()],M.prototype,"set",2),o([ra({reflect:!0})],M.prototype,"icon",2),o([ra()],M.prototype,"loading",2),o([un()],M.prototype,"content",2);import{customElement as yn}from"lit/decorators/custom-element.js";import{property as Cn}from"lit/decorators/property.js";import{css as _n}from"lit";var xn=_n`: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))}`,pi=xn;var Rt=class extends M{constructor(){super(...arguments);this.size="sm"}};Rt.styles=[...M.styles,pi],Rt.defaultIconSet="fas",o([Cn({reflect:!0})],Rt.prototype,"size",2),Rt=o([yn("pf-icon")],Rt);var Dr,kt=class extends N{constructor(){super(...arguments);n(this,Dr,new u(this,"accents",null))}renderAfterButton(){return ci`${i(this,Dr).hasSlotted("accents")?ci`
|
|
46
44
|
<span part="accents">
|
|
47
45
|
<slot name="accents"></slot>
|
|
48
46
|
</span>`:""}
|
|
@@ -51,53 +49,53 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
51
49
|
set="${this.iconSet??"fas"}"
|
|
52
50
|
class="icon"
|
|
53
51
|
size="lg"></pf-icon>
|
|
54
|
-
`}};
|
|
52
|
+
`}};Dr=new WeakMap,kt.styles=[...N.styles,ai],o([ia({reflect:!0})],kt.prototype,"bordered",2),o([ia({reflect:!0})],kt.prototype,"icon",2),o([ia({reflect:!0,attribute:"icon-set"})],kt.prototype,"iconSet",2),kt=o([kn("pf-accordion-header")],kt);import{customElement as Tn}from"lit/decorators/custom-element.js";import{property as Wn}from"lit/decorators/property.js";import{css as Bn}from"lit";var wn=Bn`:host{color:var(--pf-global--Color--100,#151515);background-color:var(--pf-c-accordion--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff))}.body{padding:var(--pf-c-accordion__panel-body--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-accordion__panel-body--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-accordion__panel-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}.body:after{width:var(--pf-c-accordion__panel-body--before--Width,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-accordion__panel-body--before--BackgroundColor,transparent)}:host([large]){--pf-c-accordion__panel-body--PaddingTop:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop, 0);--pf-c-accordion__panel-body--PaddingRight:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight, 1rem);--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom, 1.5rem);--pf-c-accordion__panel-body--PaddingLeft:var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft, 1.5rem);--pf-c-accordion__panel--FontSize:var(--pf-c-accordion--m-display-lg__expanded-content--FontSize, 1rem);--pf-c-accordion__panel--Color:var(--pf-c-accordion--m-display-lg__expanded-content--Color, #151515)}:host([large]) .body:last-child{--pf-c-accordion__panel-body--PaddingBottom:var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom, 1.5rem)}.content{color:var(--pf-c-accordion__panel--Color,var(--pf-global--Color--dark-200,#6a6e73));font-size:var(--pf-c-accordion__panel--FontSize, var(--pf-global--FontSize--sm, .875rem))}:host([fixed]){max-height:var(--pf-c-accordion__panel--m-fixed--MaxHeight,9.375rem)}.content[expanded],:host([expanded]) .content{--pf-c-accordion__panel-body--before--BackgroundColor:var(
|
|
55
53
|
--pf-c-accordion__panel--content-body--before--BackgroundColor,
|
|
56
|
-
var(--pf-global--primary-color--100, #0066cc))}`,
|
|
54
|
+
var(--pf-global--primary-color--100, #0066cc))}`,di=wn;var Jt=class extends pt{};Jt.styles=[...pt.styles,di],o([Wn({reflect:!0})],Jt.prototype,"bordered",2),Jt=o([Tn("pf-accordion-panel")],Jt);import{property as jr}from"lit/decorators/property.js";import{customElement as Mn}from"lit/decorators/custom-element.js";import{css as Sn}from"lit";var zn=Sn`:host{--accordion__bordered--Color:var(--rh-color-black-300, #d2d2d2);color:var(--pf-global--Color--100,#151515);background-color:var(--pf-global--BackgroundColor--100,#fff)}:host([bordered]) ::slotted(pf-accordion-header:first-child),:host([large]) ::slotted(pf-accordion-header:first-child){display:block;border-top:1px solid var(--accordion__bordered--Color);border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:not(:first-child)),:host([large]) ::slotted(pf-accordion-header:not(:first-child)){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}:host([bordered]) ::slotted(pf-accordion-header:is([expanded])),:host([large]) ::slotted(pf-accordion-header:is([expanded])){display:block;border-bottom:0}:host([bordered]) ::slotted(pf-accordion-panel:is([expanded])),:host([large]) ::slotted(pf-accordion-panel:is([expanded])){display:block;border-bottom:1px solid var(--accordion__bordered--Color)}`,fi=zn;var mt=class extends dt{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async expand(t,r){if(t===-1)return;let a=this.headers;this.single&&await Promise.all([...a.map((s,c)=>s.expanded&&this.collapse(c))]),await super.expand(t,r)}};mt.styles=[...dt.styles,fi],o([jr({reflect:!0,type:Boolean})],mt.prototype,"single",2),o([jr({type:Boolean,reflect:!0})],mt.prototype,"bordered",2),o([R(function(){[...this.headers,...this.panels].forEach(e=>e.toggleAttribute("large",this.large))}),jr({type:Boolean,reflect:!0})],mt.prototype,"large",2),o([jr({type:Boolean,reflect:!0})],mt.prototype,"fixed",2),mt=o([Mn("pf-accordion")],mt);import{property as hi}from"lit/decorators/property.js";import{customElement as $n}from"lit/decorators/custom-element.js";import{LitElement as Fn,html as la}from"lit";import{property as Or}from"lit/decorators/property.js";import{css as Ln}from"lit";var Rn=Ln`:host{display:contents}:host([src]) img,svg{display:inline;object-fit:cover}:host([hidden]){display:none}`,mi=Rn;var na=class extends Event{constructor(t){super("load",{bubbles:!0,composed:!0});this.originalEvent=t}},gt=class extends Fn{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm";this.dark=!1}render(){return this.src!=null?la`
|
|
57
55
|
<img
|
|
58
56
|
size=${this.size}
|
|
59
57
|
alt=${this.alt??""}
|
|
60
|
-
@load="${t=>this.dispatchEvent(new
|
|
58
|
+
@load="${t=>this.dispatchEvent(new na(t))}"
|
|
61
59
|
src=${this.src}>
|
|
62
|
-
`:this.dark?
|
|
60
|
+
`:this.dark?la`
|
|
63
61
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
64
62
|
<style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
|
|
65
63
|
<path d="M30.5 36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" class="st1"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z" class="st2"/>
|
|
66
64
|
</svg>
|
|
67
|
-
`:
|
|
65
|
+
`:la`
|
|
68
66
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
69
67
|
<style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
|
|
70
68
|
<path d="M17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d2d2d2"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2z" class="st2"/>
|
|
71
69
|
<path d="m10.1 36 .1-3.2c.2-2.1 1.1-3.1 3.1-3.5V36h9.4v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h4.7c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6-1.7 1.9-2.6 7.1-3 10.9h4.7z" style="fill:#d2d2d2"/><path d="m25.9 36-.1-3.2c-.2-2.1-1.1-3.1-3.1-3.5V36h3.2z" class="st2"/>
|
|
72
70
|
</svg>
|
|
73
|
-
`}};
|
|
74
|
-
var(--pf-global--palette--black-700, #4f5255))}:host([size=sm]){--pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width, 24px);--pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height, 24px)}:host([size=md]){--pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width, 36px);--pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height, 36px)}:host([size=lg]){--pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width, 72px);--pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height, 72px)}:host([size=xl]){--pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width, 128px);--pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height, 128px)}`,
|
|
71
|
+
`}};gt.styles=[mi],o([Or()],gt.prototype,"src",2),o([Or({reflect:!0})],gt.prototype,"alt",2),o([Or({reflect:!0})],gt.prototype,"size",2),o([Or({type:Boolean,reflect:!0})],gt.prototype,"dark",2);import{css as En}from"lit";var In=En`img,svg{width:var(--pf-c-avatar--Width,24px);height:var(--pf-c-avatar--Height,24px);border-radius:var(--pf-c-avatar--BorderRadius,var(--pf-global--BorderRadius--lg,128px));border:var(--pf-c-avatar--BorderWidth,0) solid var(--pf-c-avatar--BorderColor,var(--pf-global--BorderColor--dark-100,#d2d2d2))}:host([border]) :is(img,svg){--pf-c-avatar--BorderWidth:var(--pf-global--BorderWidth--sm, 1px)}:host([border=dark]) :is(img,svg){--pf-c-avatar--BorderColor:var(--pf-c-avatar--m-dark--BorderColor,
|
|
72
|
+
var(--pf-global--palette--black-700, #4f5255))}:host([size=sm]){--pf-c-avatar--Width:var(--pf-c-avatar--m-sm--Width, 24px);--pf-c-avatar--Height:var(--pf-c-avatar--m-sm--Height, 24px)}:host([size=md]){--pf-c-avatar--Width:var(--pf-c-avatar--m-md--Width, 36px);--pf-c-avatar--Height:var(--pf-c-avatar--m-md--Height, 36px)}:host([size=lg]){--pf-c-avatar--Width:var(--pf-c-avatar--m-lg--Width, 72px);--pf-c-avatar--Height:var(--pf-c-avatar--m-lg--Height, 72px)}:host([size=xl]){--pf-c-avatar--Width:var(--pf-c-avatar--m-xl--Width, 128px);--pf-c-avatar--Height:var(--pf-c-avatar--m-xl--Height, 128px)}`,gi=In;var Ft=class extends gt{constructor(){super(...arguments);this.size="sm"}};Ft.styles=[gi],o([hi({reflect:!0})],Ft.prototype,"size",2),o([hi({reflect:!0})],Ft.prototype,"border",2),Ft=o([$n("pf-avatar")],Ft);import{customElement as Nn}from"lit/decorators/custom-element.js";import{property as sa}from"lit/decorators/property.js";import{LitElement as Dn,html as jn}from"lit";import{css as Hn}from"lit";var An=Hn`:host{position:relative;white-space:nowrap;text-align:center;display:inline-block}`,bi=An;var te=class extends Dn{render(){let{threshold:e,number:t,textContent:r}=this,a=e&&t&&e<t?`${e.toString()}+`:t!=null?t.toString():r??"";return jn`
|
|
75
73
|
<span>${a}</span>
|
|
76
|
-
`}};
|
|
74
|
+
`}};te.styles=[bi];import{css as On}from"lit";var Pn=On`:host{border-radius:var(--pf-c-badge--BorderRadius,var(--pf-global--BorderRadius--lg,180em));min-width:var(--pf-c-badge--MinWidth,var(--pf-global--spacer--xl,2rem));padding-left:var(--pf-c-badge--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-right:var(--pf-c-badge--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-badge--FontSize,
|
|
77
75
|
var(--pf-theme--font-size, .75em));font-weight:var(--pf-c-badge--FontWeight,var(--pf-theme--font-weight--bold,700));line-height:var(--pf-c-badge--LineHeight,
|
|
78
76
|
var(--pf-global--LineHeight--md, 1.5));color:var(--pf-c-badge--Color,var(--pf-global--palette--black-900,#151515));background-color:var(--pf-c-badge--BackgroundColor,var(--pf-global--palette--black-200,#f0f0f0))}:host([state=read]){--pf-c-badge--Color:var(--pf-c-badge--m-read--Color,
|
|
79
77
|
var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
|
|
80
78
|
var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
|
|
81
79
|
var(--pf-global--palette--white, #fff));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor,
|
|
82
|
-
var(--pf-global--palette--blue-400, #06c))}`,
|
|
83
|
-
<button type="${
|
|
84
|
-
class="${
|
|
85
|
-
value="${
|
|
86
|
-
aria-label="${
|
|
87
|
-
@click="${p(this,
|
|
88
|
-
?disabled="${this.disabled||i(this,
|
|
80
|
+
var(--pf-global--palette--blue-400, #06c))}`,vi=Pn;var Bt=class extends te{};Bt.styles=[...te.styles,vi],o([sa({reflect:!0})],Bt.prototype,"state",2),o([sa({reflect:!0,type:Number})],Bt.prototype,"number",2),o([sa({reflect:!0,type:Number})],Bt.prototype,"threshold",2),Bt=o([Nn("pf-badge")],Bt);import{html as is}from"lit";import{customElement as ls}from"lit/decorators/custom-element.js";import{property as Et}from"lit/decorators/property.js";import{ifDefined as Wi}from"lit/directives/if-defined.js";import{LitElement as yi,html as qn}from"lit";import{property as ee}from"lit/decorators/property.js";import{classMap as Vn}from"lit/directives/class-map.js";import{ifDefined as pa}from"lit/directives/if-defined.js";import{__classPrivateFieldGet as G,__classPrivateFieldSet as ui}from"tslib";var F,Pr;function _i(l){return l==="role"||l.startsWith("aria")}var K=class{get formDisabled(){return this.host.matches(":disabled")||G(this,Pr,"f")}get labels(){return G(this,F,"f").labels}get validity(){return G(this,F,"f").validity}constructor(e,t){this.host=e,F.set(this,void 0),Pr.set(this,!1),ui(this,F,e.attachInternals(),"f");let r=e.formDisabledCallback;e.formDisabledCallback=a=>{ui(this,Pr,a,"f"),r?.call(e,a)};for(let a of Object.keys(Object.getPrototypeOf(G(this,F,"f"))))_i(a)&&Object.defineProperty(this,a,{get(){return G(this,F,"f")[a]},set(s){G(this,F,"f")[a]=s,this.host.requestUpdate()}});for(let[a,s]of Object.entries(t??{}))_i(a)&&(this[a]=s)}setFormValue(...e){return G(this,F,"f").setFormValue(...e)}setValidity(...e){return G(this,F,"f").setValidity(...e)}checkValidity(...e){return G(this,F,"f").checkValidity(...e)}reportValidity(...e){return G(this,F,"f").reportValidity(...e)}submit(){G(this,F,"f").form?.requestSubmit()}reset(){G(this,F,"f").form?.reset()}};F=new WeakMap,Pr=new WeakMap;K.protos=new WeakMap;import{css as Gn}from"lit";var Un=Gn`: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}`,xi=Un;var re,Nr,Ci,E=class extends yi{constructor(){super(...arguments);n(this,Nr);this.disabled=!1;n(this,re,new K(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:t}=this;return qn`
|
|
81
|
+
<button type="${pa(this.type)}"
|
|
82
|
+
class="${Vn({hasIcon:t})}"
|
|
83
|
+
value="${pa(this.value)}"
|
|
84
|
+
aria-label="${pa(this.label)}"
|
|
85
|
+
@click="${p(this,Nr,Ci)}"
|
|
86
|
+
?disabled="${this.disabled||i(this,re).formDisabled}">
|
|
89
87
|
<slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
|
|
90
88
|
<slot id="text" aria-hidden=${String(!!this.label)}></slot>
|
|
91
89
|
</button>
|
|
92
|
-
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};
|
|
90
|
+
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};re=new WeakMap,Nr=new WeakSet,Ci=function(){switch(this.type){case"reset":return i(this,re).reset();default:return i(this,re).submit()}},E.styles=[xi],E.formAssociated=!0,E.shadowRootOptions={...yi.shadowRootOptions,delegatesFocus:!0},o([ee({reflect:!0,type:Boolean})],E.prototype,"disabled",2),o([ee({reflect:!0})],E.prototype,"type",2),o([ee()],E.prototype,"label",2),o([ee()],E.prototype,"value",2),o([ee()],E.prototype,"name",2),o([ee()],E.prototype,"icon",2);import{html as ts}from"lit";import{customElement as es}from"lit/decorators/custom-element.js";import{styleMap as rs}from"lit/directives/style-map.js";import{LitElement as Yn,html as Xn}from"lit";import{property as Bi}from"lit/decorators/property.js";import{css as Kn}from"lit";var Zn=Kn`:host{display:inline-block;width:min-content;min-height:0;aspect-ratio:1/1}svg{overflow:hidden}circle{width:100%;height:100%;transform-origin:50% 50%;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280}`,ki=Zn;var wt=class extends Yn{constructor(){super(...arguments);this.size="xl"}render(){return Xn`
|
|
93
91
|
<svg role="progressbar" viewBox="0 0 100 100">
|
|
94
92
|
<circle cx="50" cy="50" r="45" fill="none" />
|
|
95
93
|
</svg>
|
|
96
|
-
`}};
|
|
94
|
+
`}};wt.styles=[ki],o([Bi({reflect:!0})],wt.prototype,"size",2),o([Bi({reflect:!0})],wt.prototype,"diameter",2);import{css as Qn}from"lit";var Jn=Qn`[hidden]{display:none!important}div{display:contents}svg{width:var(--pf-c-spinner--Width,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));height:var(--pf-c-spinner--Height,var(--pf-c-spinner--diameter,var(--pf-global--icon--FontSize--xl,3.375rem)));animation:pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration,1.4s) * 2) var(--pf-c-spinner--AnimationTimingFunction,linear) infinite}:host([size=sm]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-sm--diameter,
|
|
97
95
|
var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
|
|
98
96
|
var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
|
|
99
97
|
var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
|
|
100
|
-
var(--pf-global--icon--FontSize--xl, 3.375rem))}circle{stroke:var(--pf-c-spinner--Color,var(--pf-global--primary-color--100,#06c));stroke-width:var(--pf-c-spinner--stroke-width,10);animation:pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration,1.4s) var(--pf-c-spinner__path--AnimationTimingFunction,ease-in-out) infinite}@keyframes pf-c-spinner-animation-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pf-c-spinner-animation-dash{0%{stroke-dashoffset:280;transform:rotate(0)}15%{stroke-width:calc(var(--pf-c-spinner__path--StrokeWidth,10) - 4)}40%{stroke-dashoffset:150;stroke-dasharray:220}100%{stroke-dashoffset:280;transform:rotate(720deg)}}`,
|
|
98
|
+
var(--pf-global--icon--FontSize--xl, 3.375rem))}circle{stroke:var(--pf-c-spinner--Color,var(--pf-global--primary-color--100,#06c));stroke-width:var(--pf-c-spinner--stroke-width,10);animation:pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration,1.4s) var(--pf-c-spinner__path--AnimationTimingFunction,ease-in-out) infinite}@keyframes pf-c-spinner-animation-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pf-c-spinner-animation-dash{0%{stroke-dashoffset:280;transform:rotate(0)}15%{stroke-width:calc(var(--pf-c-spinner__path--StrokeWidth,10) - 4)}40%{stroke-dashoffset:150;stroke-dasharray:220}100%{stroke-dashoffset:280;transform:rotate(720deg)}}`,wi=Jn;var Ie=class extends wt{render(){return ts`<div style=${rs({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};Ie.styles=[...wt.styles,wi],Ie=o([es("pf-spinner")],Ie);import{css as os}from"lit";var as=os`button{color:var(--pf-c-button--m-primary--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-primary--BackgroundColor,var(--pf-global--primary-color--100,#06c));font-size:var(--pf-c-button--FontSize,
|
|
101
99
|
var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-c-button--FontWeight,var(--pf-global--FontWeight--normal,400));line-height:var(--pf-c-button--LineHeight,
|
|
102
100
|
var(--pf-global--LineHeight--md, 1.5));padding:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-button--PaddingBottom,var(--pf-global--spacer--form-element,.375rem)) var(--pf-c-button--PaddingLeft,var(--pf-global--spacer--md,1rem))}:host,button{border-radius:var(--pf-c-button--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}::slotted(pf-icon),pf-icon{color:currentColor}button::after{border-color:var(--pf-c-button--after--BorderColor,transparent);border-width:var(--pf-c-button--after--BorderWidth,var(--pf-global--BorderWidth--sm,1px));border-radius:var(--pf-c-button--after--BorderRadius,var(--pf-global--BorderRadius--sm,3px))}button:active{--pf-c-button--m-primary--Color:var(--pf-c-button--m-primary--active--Color,
|
|
103
101
|
var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor,
|
|
@@ -186,34 +184,34 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
186
184
|
var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
|
|
187
185
|
var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
|
|
188
186
|
var(--pf-global--FontWeight--bold, 700))}:host([size=small]) button{--pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize,
|
|
189
|
-
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))}`,
|
|
187
|
+
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))}`,Ti=as;var U=class extends E{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 is`
|
|
190
188
|
<pf-icon
|
|
191
|
-
icon="${
|
|
192
|
-
set="${
|
|
189
|
+
icon="${Wi(this.icon)}"
|
|
190
|
+
set="${Wi(this.iconSet)}"
|
|
193
191
|
?hidden="${!this.icon}"></pf-icon>
|
|
194
192
|
<pf-spinner
|
|
195
193
|
?hidden="${!this.loading}"
|
|
196
194
|
size="md"
|
|
197
195
|
aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
|
|
198
|
-
`}};U.styles=[...E.styles,
|
|
196
|
+
`}};U.styles=[...E.styles,Ti],o([Et({type:Boolean,reflect:!0})],U.prototype,"loading",2),o([Et({type:Boolean,reflect:!0})],U.prototype,"plain",2),o([Et({type:Boolean,reflect:!0})],U.prototype,"warning",2),o([Et({reflect:!0})],U.prototype,"size",2),o([Et({attribute:"icon-set"})],U.prototype,"iconSet",2),o([Et({type:Boolean,reflect:!0})],U.prototype,"danger",2),o([Et({reflect:!0})],U.prototype,"variant",2),U=o([ls("pf-button")],U);import{customElement as ms}from"lit/decorators/custom-element.js";import{property as Gr}from"lit/decorators/property.js";import{css as ns}from"lit";var ss=ns`: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}`,Si=ss;import{LitElement as ds,html as fs}from"lit";import{classMap as ca}from"lit/directives/class-map.js";import{css as ps}from"lit";var cs=ps`: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}`,zi=cs;var oe=class extends ds{constructor(){super(...arguments);this.slots=new u(this,"header",null,"footer")}render(){return fs`
|
|
199
197
|
<article>
|
|
200
198
|
<header id="header"
|
|
201
199
|
part="header"
|
|
202
|
-
class="${
|
|
200
|
+
class="${ca({empty:!this.slots.hasSlotted("header")})}">
|
|
203
201
|
<slot name="header"></slot>
|
|
204
202
|
</header>
|
|
205
203
|
<div id="body"
|
|
206
204
|
part="body"
|
|
207
|
-
class="${
|
|
205
|
+
class="${ca({empty:!this.querySelector(":not([slot])")})}">
|
|
208
206
|
<slot></slot>
|
|
209
207
|
</div>
|
|
210
208
|
<footer id="footer"
|
|
211
209
|
part="footer"
|
|
212
|
-
class="${
|
|
210
|
+
class="${ca({empty:!this.slots.hasSlotted("footer")})}">
|
|
213
211
|
<slot name="footer"></slot>
|
|
214
212
|
</footer>
|
|
215
213
|
</article>
|
|
216
|
-
`}};
|
|
214
|
+
`}};oe.styles=[zi];var ht=class extends oe{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};ht.styles=[...oe.styles,Si],o([Gr({reflect:!0})],ht.prototype,"size",2),o([Gr({type:Boolean,reflect:!0})],ht.prototype,"rounded",2),o([Gr({type:Boolean,reflect:!0,attribute:"full-height"})],ht.prototype,"fullHeight",2),o([Gr({type:Boolean,reflect:!0})],ht.prototype,"plain",2),ht=o([ms("pf-card")],ht);import{html as Is}from"lit";import{customElement as $s}from"lit/decorators/custom-element.js";import{property as I}from"lit/decorators/property.js";import{classMap as Hs}from"lit/directives/class-map.js";import{ifDefined as As}from"lit/directives/if-defined.js";import{LitElement as bs}from"lit";import{css as gs}from"lit";var hs=gs`[hidden],[inert],[inert]::slotted(*){display:none!important}`,Mi=hs;var da=class extends B{constructor(t){super("copy");this.text=t}},It=class extends bs{async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new da(this.value))}};It.styles=[Mi];import{css as vs}from"lit";var us=vs`.container{display:flex;flex-direction:column}#input-group,#wrapper,pf-button,pf-tooltip{display:flex}.inline #wrapper{display:inline-flex}pf-button{height:100%}pf-tooltip::part(invoker){display:flex;height:100%}:host{--pf-icon--size:var(--pf-global--FontSize--md, 1rem)}#input-group>*+*{margin-left:-1px}input{color:var(--pf-c-form-control--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)));width:var(--pf-c-form-control--Width);padding:var(--pf-c-form-control--PaddingTop,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingRight,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem))) var(--pf-c-form-control--PaddingBottom,calc(var(--pf-global--spacer--form-element,.375rem) - var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-form-control--PaddingLeft,var(--pf-c-form-control--inset--base,var(--pf-global--spacer--sm,.5rem)));font-size:var(--pf-c-form-control--FontSize);line-height:var(--pf-c-form-control--LineHeight);background-color:var(--pf-c-form-control--BackgroundColor);background-repeat:no-repeat;border:var(--pf-c-form-control--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid;border-color:var(--pf-c-form-control--BorderTopColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderRightColor,var(--pf-global--BorderColor--300,#f0f0f0)) var(--pf-c-form-control--BorderBottomColor,var(--pf-global--BorderColor--200,#8a8d90)) var(--pf-c-form-control--BorderLeftColor,var(--pf-global--BorderColor--300,#f0f0f0));border-radius:var(--pf-c-form-control--BorderRadius,0);margin:0;appearance:none;height:var(--pf-c-form-control--Height,calc(var(--pf-c-form-control--FontSize) * var(--pf-c-form-control--LineHeight) + var(--pf-c-form-control--BorderWidth) * 2 + var(--pf-c-form-control--PaddingTop) + var(--pf-c-form-control--PaddingBottom)),36px);text-overflow:ellipsis;flex:1 1 auto}input[disabled]{background-color:var(--pf-c-form-control--readonly--BackgroundColor,var(--pf-global--disabled-color--300,#f0f0f0))}textarea{display:flex;flex:1 1 auto;padding:var(--pf-c-clipboard-copy__expandable-content--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-clipboard-copy__expandable-content--PaddingLeft,var(--pf-global--spacer--md,1rem));word-wrap:break-word;background-color:var(--pf-c-clipboard-copy__expandable-content--BackgroundColor,var(--pf-global--BackgroundColor--light-100,#fff));background-clip:padding-box;border:solid var(--pf-c-clipboard-copy__expandable-content--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-clipboard-copy__expandable-content--BorderTopWidth,0) var(--pf-c-clipboard-copy__expandable-content--BorderRightWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderBottomWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-clipboard-copy__expandable-content--BorderLeftWidth,var(--pf-global--BorderWidth--sm,1px));box-shadow:var(--pf-c-clipboard-copy__expandable-content--BoxShadow);margin:0;color:inherit;font-family:inherit}.container.code textarea{font-family:var(--pf-global--FontFamily--monospace,
|
|
217
215
|
var(--pf-global--FontFamily--redhat--monospace,
|
|
218
216
|
"RedHatMono",
|
|
219
217
|
"Liberation Mono",
|
|
@@ -226,18 +224,18 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
226
224
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
|
|
227
225
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
|
|
228
226
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
|
|
229
|
-
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))}`,
|
|
227
|
+
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))}`,Li=us;import{customElement as Es}from"lit/decorators/custom-element.js";import{property as Ei}from"lit/decorators/property.js";import{LitElement as Ts,html as Ws}from"lit";import{classMap as Ss}from"lit/directives/class-map.js";import{styleMap as zs}from"lit/directives/style-map.js";import{__classPrivateFieldGet as v,__classPrivateFieldSet as at}from"tslib";import{autoUpdate as _s,computePosition as xs,offset as ys,shift as Cs,flip as ks}from"@floating-ui/dom";var Tt,$e,ae,ie,Ur,qr,Vr,He,ot,fa,ma,ga,Kr=class{get alignment(){return v(this,qr,"f")??"center"}get anchor(){return v(this,Ur,"f")??""}get open(){return v(this,$e,"f")}get placement(){return v(this,He,"f")??"top"}get styles(){return v(this,Vr,"f")??{}}constructor(e,t){var r,a,s,c;this.host=e,Tt.add(this),$e.set(this,!1),ae.set(this,!1),ie.set(this,void 0),Ur.set(this,void 0),qr.set(this,void 0),Vr.set(this,void 0),He.set(this,void 0),ot.set(this,void 0),e.addController(this),at(this,ot,t,"f"),(r=v(this,ot,"f")).invoker??(r.invoker=e),(a=v(this,ot,"f")).arrow??(a.arrow=!1),(s=v(this,ot,"f")).flip??(s.flip=!0),(c=v(this,ot,"f")).shift??(c.shift=!0)}hostDisconnected(){v(this,ie,"f")?.call(this)}async show({offset:e,placement:t}={}){let r=v(this,Tt,"a",fa),a=v(this,Tt,"a",ma);if(!(!r||!a)){if(!v(this,ae,"f")){at(this,ae,!0,"f");let s=v(this,Tt,"m",ga).call(this,t,e);at(this,ie,v(this,ie,"f")??_s(r,a,()=>v(this,Tt,"m",ga).call(this,t,e)),"f"),await s,at(this,ae,!1,"f")}at(this,$e,!0,"f"),this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;v(this,ae,"f")&&!this.open;)await new Promise(requestAnimationFrame);at(this,$e,!1,"f"),v(this,ie,"f")?.call(this),this.host.requestUpdate(),await this.host.updateComplete}};$e=new WeakMap,ae=new WeakMap,ie=new WeakMap,Ur=new WeakMap,qr=new WeakMap,Vr=new WeakMap,He=new WeakMap,ot=new WeakMap,Tt=new WeakSet,fa=function(){let{invoker:e}=v(this,ot,"f");return typeof e=="function"?e():e},ma=function(){let{content:e}=v(this,ot,"f");return typeof e=="function"?e():e},ga=async function(e="top",t){var r,a;let{flip:s,padding:c,shift:b}=v(this,ot,"f"),x=v(this,Tt,"a",fa),H=v(this,Tt,"a",ma);if(!x||!H)return;let{x:xt,y:Ce,placement:Ul}=await xs(x,H,{strategy:"absolute",placement:e,middleware:[ys(t),b&&Cs({padding:c}),s&&ks({padding:c})].filter(Boolean)});at(this,He,Ul,"f"),r=this,a=this,[{set value(Do){at(r,Ur,Do,"f")}}.value,{set value(Do){at(a,qr,Do,"f")}}.value]=v(this,He,"f").split("-")??[],at(this,Vr,{"--_floating-content-translate":`${xt}px ${Ce}px`},"f"),this.host.requestUpdate()};import{css as Bs}from"lit";var ws=Bs`: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)}`,Ri=ws;var Ms=["focusin","tap","click","mouseenter"],Ls=["focusout","blur","mouseleave"],ne,le=class extends Ts{constructor(){super(...arguments);n(this,ne,new Kr(this,{arrow:!0,content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),Ms.forEach(t=>this.addEventListener(t,this.show)),Ls.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,ne).show({offset:r,placement:t})}async hide(){await i(this,ne).hide()}render(){let{alignment:t,anchor:r,open:a,styles:s}=i(this,ne);return Ws`
|
|
230
228
|
<div id="container"
|
|
231
|
-
style="${
|
|
232
|
-
class="${
|
|
229
|
+
style="${zs(s)}"
|
|
230
|
+
class="${Ss({open:a,[r]:!!r,[t]:!!t})}">
|
|
233
231
|
<slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
|
|
234
232
|
<slot id="tooltip"
|
|
235
233
|
name="content"
|
|
236
234
|
aria-hidden="${String(!a)}">${this.content}</slot>
|
|
237
235
|
</div>
|
|
238
|
-
`}};
|
|
239
|
-
var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-tooltip__content--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}#container{--_floating-arrow-size:var(--pf-c-tooltip__arrow--Width, 0.5rem)}#tooltip::after{background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}`,
|
|
240
|
-
<div class="container ${Hs({code:c,expanded:t,inline:a,compact:
|
|
236
|
+
`}};ne=new WeakMap,le.styles=[Ri];import{css as Rs}from"lit";var Fs=Rs`:host{--_timestamp-text-decoration:underline dashed 1px;--_timestamp-text-underline-offset:4px}#tooltip{--_timestamp-text-decoration:none;--_timestamp-text-underline-offset:initial;line-height:var(--pf-c-tooltip--line-height, 1.5);max-width:var(--pf-c-tooltip--MaxWidth,18.75rem);box-shadow:var(--pf-c-tooltip--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));padding:var(--pf-c-tooltip__content--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingRight,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tooltip__content--PaddingLeft,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-tooltip__content--FontSize,
|
|
237
|
+
var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-tooltip__content--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}#container{--_floating-arrow-size:var(--pf-c-tooltip__arrow--Width, 0.5rem)}#tooltip::after{background-color:var(--pf-c-tooltip__content--BackgroundColor,var(--pf-global--BackgroundColor--dark-100,#151515))}`,Fi=Fs;var $t=class extends le{constructor(){super(...arguments);this.position="top"}};$t.styles=[...le.styles,Fi],o([Ei()],$t.prototype,"position",2),o([Ei()],$t.prototype,"content",2),$t=o([Es("pf-tooltip")],$t);var Ii=l=>new Promise(e=>setTimeout(e,l)),se,Zr,Yr,$i,Ae,ha,De,ba,Xr,Hi,y=class extends It{constructor(){super(...arguments);n(this,Yr);n(this,Ae);n(this,De);n(this,Xr);this.clickTip="Copied";this.hoverTip="Copy";this.textAriaLabel="Copyable input";this.toggleAriaLabel="Show content";this.entryDelay=300;this.exitDelay=1500;this.block=!1;this.code=!1;this.expanded=!1;this.expandable=!1;this.readonly=!1;this.inline=!1;this.compact=!1;this.value="";n(this,se,!1);n(this,Zr,new MutationObserver(()=>p(this,De,ba).call(this)))}connectedCallback(){super.connectedCallback(),i(this,Zr).observe(this,{characterData:!0}),p(this,De,ba).call(this)}render(){let{expanded:t,expandable:r,inline:a,compact:s,code:c,block:b,readonly:x}=this;return Is`
|
|
238
|
+
<div class="container ${Hs({code:c,expanded:t,inline:a,compact:s,block:b})}">
|
|
241
239
|
<div id="input-group">
|
|
242
240
|
<div id="wrapper">
|
|
243
241
|
<pf-button id="expand-button"
|
|
@@ -245,71 +243,71 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
245
243
|
variant="control"
|
|
246
244
|
label="EXPAND"
|
|
247
245
|
?inert="${!r}"
|
|
248
|
-
@click="${p(this,
|
|
246
|
+
@click="${p(this,Yr,$i)}">
|
|
249
247
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
250
248
|
</pf-button>
|
|
251
249
|
</div>
|
|
252
|
-
<span ?hidden="${!(a||
|
|
250
|
+
<span ?hidden="${!(a||s)}">${this.value}</span>
|
|
253
251
|
<input
|
|
254
|
-
?hidden="${a||
|
|
252
|
+
?hidden="${a||s}"
|
|
255
253
|
?disabled="${t||x}"
|
|
256
254
|
.value="${this.value}"
|
|
257
|
-
@input="${p(this,
|
|
255
|
+
@input="${p(this,Ae,ha)}"
|
|
258
256
|
aria-label="${this.textAriaLabel}">
|
|
259
257
|
<pf-tooltip>
|
|
260
258
|
<pf-button id="copy-button"
|
|
261
259
|
plain
|
|
262
|
-
variant="${
|
|
260
|
+
variant="${As(a||s?void 0:"control")}"
|
|
263
261
|
label="${this.hoverTip}"
|
|
264
262
|
size="lg"
|
|
265
263
|
@click="${this.copy}">
|
|
266
264
|
<pf-icon icon="copy"></pf-icon>
|
|
267
265
|
</pf-button>
|
|
268
|
-
<span slot="content">${i(this,
|
|
266
|
+
<span slot="content">${i(this,se)?this.clickTip:this.hoverTip}</span>
|
|
269
267
|
</pf-tooltip>
|
|
270
268
|
<slot name="actions"></slot>
|
|
271
269
|
</div>
|
|
272
270
|
<textarea .value="${this.value}"
|
|
273
271
|
.disabled="${this.readonly}"
|
|
274
272
|
?hidden="${!(r&&t)}"
|
|
275
|
-
@input="${p(this,
|
|
273
|
+
@input="${p(this,Ae,ha)}">
|
|
276
274
|
</textarea>
|
|
277
275
|
</div>
|
|
278
|
-
`}async copy(){await super.copy(),await
|
|
276
|
+
`}async copy(){await super.copy(),await Ii(this.entryDelay),m(this,se,!0),this.requestUpdate(),await Ii(this.exitDelay),m(this,se,!1),this.requestUpdate()}};se=new WeakMap,Zr=new WeakMap,Yr=new WeakSet,$i=function(){this.expanded=!this.expanded},Ae=new WeakSet,ha=function(t){let{value:r}=t.target||HTMLTextAreaElement;this.value=r},De=new WeakSet,ba=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??p(this,Xr,Hi).call(this,Array.from(this.childNodes,t=>t instanceof Element||t instanceof Text?t.textContent??"":"").join("")))},Xr=new WeakSet,Hi=function(t){let r=t.replace(/^\n/,""),a=r.match(/^\s+/);return a?r.replace(new RegExp(`^${a[0]}`,"gm"),""):t},y.styles=[...It.styles,Li],y.shadowRootOptions={...It.shadowRootOptions,delegatesFocus:!0},o([I({attribute:"click-tip"})],y.prototype,"clickTip",2),o([I({attribute:"hover-tip"})],y.prototype,"hoverTip",2),o([I({attribute:"text-label"})],y.prototype,"textAriaLabel",2),o([I({attribute:"toggle-label"})],y.prototype,"toggleAriaLabel",2),o([I({type:Number,attribute:"entry-delay"})],y.prototype,"entryDelay",2),o([I({type:Number,attribute:"exit-delay"})],y.prototype,"exitDelay",2),o([I({type:Boolean,reflect:!0})],y.prototype,"block",2),o([I({type:Boolean,reflect:!0})],y.prototype,"code",2),o([I({type:Boolean,reflect:!0})],y.prototype,"expanded",2),o([I({type:Boolean,reflect:!0})],y.prototype,"expandable",2),o([I({type:Boolean,reflect:!0})],y.prototype,"readonly",2),o([I({type:Boolean,reflect:!0})],y.prototype,"inline",2),o([I({type:Boolean,reflect:!0})],y.prototype,"compact",2),o([I()],y.prototype,"value",2),y=o([$s("pf-clipboard-copy")],y);import{html as Gs}from"lit";import{customElement as Us}from"lit/decorators/custom-element.js";import{property as qs}from"lit/decorators/property.js";import{classMap as Vs}from"lit/directives/class-map.js";import{LitElement as Os}from"lit";import{css as Ds}from"lit";var js=Ds`:host{display:block}[hidden]{display:none!important}`,Ai=js;var pe=class extends Os{get content(){let e=this.querySelector("script[type]");return e?.type!=="text/javascript-sample"&&e?.type.match(/(j(ava)?|ecma|live)script/)?"":e?.textContent??""}dedent(e){let t=e.replace(/^\n/,""),r=t.match(/^\s+/);return r?t.replace(new RegExp(`^${r[0]}`,"gm"),""):e}};pe.styles=[Ai];import{css as Ps}from"lit";var Ns=Ps`:host{background-color:var(--pf-c-code-block--BackgroundColor,#f0f0f0);font-size:var(--pf-c-code-block__pre--FontSize, .875rem);font-family:var(--pf-c-code-block__pre--FontFamily, "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace)}#container{padding-top:var(--pf-c-code-block__content--PaddingTop,1rem);padding-right:var(--pf-c-code-block__content--PaddingRight,1rem);padding-bottom:var(--pf-c-code-block__content--PaddingBottom,1rem);padding-left:var(--pf-c-code-block__content--PaddingLeft,1rem)}#header{border-bottom:var(--pf-c-code-block__header--BorderBottomWidth,1px) solid var(--pf-c-code-block__header--BorderBottomColor,#d2d2d2)}#container{margin:0}pre{margin:0}slot[name=actions]{display:flex;justify-content:end}#expanded{display:inline}button{display:flex;background:0 0;border:none;padding:6px 16px 6px 0;color:#06c;cursor:pointer;font-size:16px}button svg{color:#151515;margin-right:12px;transition:.2s ease-in 0s}.expanded button svg{transform:rotate(-90deg)}`,Di=Ns;var Qr,ji,je,va,ce=class extends pe{constructor(){super(...arguments);n(this,Qr);n(this,je);this.expanded=!1}render(){let{expanded:t}=this;return Gs`
|
|
279
277
|
<div id="header">
|
|
280
278
|
<div id="actions">
|
|
281
279
|
<slot name="actions"></slot>
|
|
282
280
|
</div>
|
|
283
281
|
</div>
|
|
284
|
-
<div id="container" class="${
|
|
282
|
+
<div id="container" class="${Vs({expanded:t})}">
|
|
285
283
|
<pre><code id="content">${this.content}</code><code id="code-block-expand"
|
|
286
|
-
?hidden="${!t}">${i(this,
|
|
287
|
-
<button ?hidden="${!i(this,
|
|
288
|
-
@click=${p(this,
|
|
284
|
+
?hidden="${!t}">${i(this,je,va)}</code></pre>
|
|
285
|
+
<button ?hidden="${!i(this,je,va)}"
|
|
286
|
+
@click=${p(this,Qr,ji)}
|
|
289
287
|
aria-expanded=${this.expanded}
|
|
290
288
|
aria-controls="code-block-expand">
|
|
291
289
|
<svg fill="currentColor" height="1em" width="1em" viewBox="0 0 256 512" aria-hidden="true" role="img" style="vertical-align: -0.125em;"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>
|
|
292
290
|
${this.expanded?"Show less":"Show more"}
|
|
293
291
|
</button>
|
|
294
292
|
</div>
|
|
295
|
-
`}};
|
|
293
|
+
`}};Qr=new WeakSet,ji=function(){this.expanded=!this.expanded},je=new WeakSet,va=function(){return this.querySelector("script[data-expand]")?.textContent??""},ce.styles=[...pe.styles,Di],o([qs({type:Boolean,reflect:!0})],ce.prototype,"expanded",2),ce=o([Us("pf-code-block")],ce);import{html as Ys,LitElement as Pi}from"lit";import{customElement as Xs}from"lit/decorators/custom-element.js";import{property as Ni}from"lit/decorators/property.js";import{ifDefined as Qs}from"lit/directives/if-defined.js";import{css as Ks}from"lit";var Zs=Ks`:host{display:block}#container{display:contents}slot:not([name]){display:flex;flex-direction:column;row-gap:var(--pf-global--spacer--md,1rem)}a{position:relative;display:flex;cursor:pointer;flex:1;padding-block-start:var(--pf-c-jump-links__link--PaddingTop,var(--pf-global--spacer--md,1rem));padding-inline-end:var(--pf-c-jump-links__link--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__link--PaddingBottom,var(--pf-global--spacer--md,1rem));padding-inline-start:var(--pf-c-jump-links__link--PaddingLeft,var(--pf-global--spacer--md,1rem));text-decoration:none;outline-offset:var(--pf-c-jump-links__link--OutlineOffset,calc(-1 * var(--pf-global--spacer--sm,0.5rem)));color:var(--pf-c-jump-links__link-text--Color,var(--pf-global--Color--200,#6a6e73))}a::before{position:absolute;inset:0;pointer-events:none;content:"";border-color:var(--pf-c-jump-links__link--before--BorderColor,transparent);border-style:solid;border-width:var(--pf-c-jump-links__link--before--BorderTopWidth,var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px))) var(--pf-c-jump-links__link--before--BorderRightWidth,0) var(--pf-c-jump-links__link--before--BorderBottomWidth,0) var(--pf-c-jump-links__link--before--BorderLeftWidth,0)}a:hover{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--hover__link-text--Color,
|
|
296
294
|
var(--pf-global--Color--100, #151515))}a:focus{--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__link--focus__link-text--Color,
|
|
297
295
|
var(--pf-global--Color--100, #151515))}:host([active]){--pf-c-jump-links__link--before--BorderTopWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth,
|
|
298
296
|
var(--pf-global--BorderWidth--lg, 3px));--pf-c-jump-links__link--before--BorderLeftWidth:var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth, 0);--pf-c-jump-links__link--before--BorderColor:var(--pf-c-jump-links__item--m-current__link--before--BorderColor,
|
|
299
297
|
var(--pf-global--primary-color--100, #06c));--pf-c-jump-links__link-text--Color:var(--pf-c-jump-links__item--m-current__link-text--Color,
|
|
300
|
-
pfvar(--pf-global--Color--100, #151515))}
|
|
301
|
-
<a href="${
|
|
298
|
+
pfvar(--pf-global--Color--100, #151515))}`,Oi=Zs;var Jr,to,Gi,eo,Ui,Wt=class extends Pi{constructor(){super(...arguments);n(this,to);n(this,eo);this.active=!1;n(this,Jr,new K(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return Ys`
|
|
299
|
+
<a href="${Qs(this.href)}" @focus="${p(this,eo,Ui)}" @click="${p(this,to,Gi)}">
|
|
302
300
|
<slot></slot>
|
|
303
301
|
</a>
|
|
304
302
|
<slot name="subsection"></slot>
|
|
305
|
-
`}activeChanged(){i(this,
|
|
303
|
+
`}activeChanged(){i(this,Jr).ariaCurrent=this.active?"location":null}};Jr=new WeakMap,to=new WeakSet,Gi=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},eo=new WeakSet,Ui=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},Wt.styles=[Oi],Wt.shadowRootOptions={...Pi.shadowRootOptions,delegatesFocus:!0},o([R("activeChanged"),Ni({type:Boolean,reflect:!0})],Wt.prototype,"active",2),o([Ni({reflect:!0})],Wt.prototype,"href",2),Wt=o([Xs("pf-jump-links-item")],Wt);import{html as ep,LitElement as rp}from"lit";import{customElement as op}from"lit/decorators/custom-element.js";import{css as Js}from"lit";var tp=Js`:host{display:block}#container{display:contents;--pf-c-jump-links__list--PaddingTop:0;--pf-c-jump-links__list--PaddingBottom:0;--pf-c-jump-links__link--PaddingTop:var(--pf-c-jump-links__list__list__link--PaddingTop,
|
|
306
304
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingBottom:var(--pf-c-jump-links__list__list__link--PaddingBottom,
|
|
307
305
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingLeft:var(--pf-c-jump-links__list__list__link--PaddingLeft,
|
|
308
|
-
var(--pf-global--spacer--lg, 1.5rem))}`,
|
|
306
|
+
var(--pf-global--spacer--lg, 1.5rem))}`,qi=tp;var Oe=class extends rp{render(){return ep`
|
|
309
307
|
<div id="container" role="listbox">
|
|
310
308
|
<slot></slot>
|
|
311
309
|
</div>
|
|
312
|
-
`}}
|
|
310
|
+
`}};Oe.styles=[qi],Oe=o([op("pf-jump-links-list")],Oe);import{html as ya,LitElement as np}from"lit";import{customElement as sp}from"lit/decorators/custom-element.js";import{property as me}from"lit/decorators/property.js";import{__classPrivateFieldGet as d,__classPrivateFieldSet as w}from"tslib";var T,Ke,ro,Ht,Pe,Ze,de,Ne,Ge,Ue,oo,Ye,qe,Ve,ua,_a,Ki,Vi,ao=class{get root(){return d(this,Ne,"f")}set root(e){w(this,Ne,e,"f"),d(this,Ht,"f")?.disconnect(),d(this,T,"m",Ve).call(this)}get rootMargin(){return d(this,Ge,"f")}set rootMargin(e){w(this,Ge,e,"f"),d(this,Ht,"f")?.disconnect(),d(this,T,"m",Ve).call(this)}get threshold(){return d(this,Ue,"f")}set threshold(e){w(this,Ue,e,"f"),d(this,Ht,"f")?.disconnect(),d(this,T,"m",Ve).call(this)}constructor(e,t){this.host=e,T.add(this),Ke.set(this,void 0),ro.set(this,void 0),Ht.set(this,void 0),Pe.set(this,new Set),Ze.set(this,!1),de.set(this,!1),Ne.set(this,void 0),Ge.set(this,void 0),Ue.set(this,void 0),oo.set(this,void 0),Ye.set(this,void 0),e.addController(this),w(this,Ke,t.tagNames,"f"),w(this,Ne,t.root,"f"),w(this,Ge,t.rootMargin,"f"),w(this,ro,t.activeAttribute??"active","f"),w(this,Ue,t.threshold??.85,"f"),w(this,oo,t.rootNode??e.getRootNode(),"f"),w(this,Ye,t?.getHash??(r=>r.getAttribute("href")),"f")}hostConnected(){d(this,T,"m",Ve).call(this)}async setActive(e){w(this,Ze,!0,"f"),d(this,T,"m",_a).call(this,e);let t=!1;for(let r of d(this,T,"a",qe))d(this,T,"m",ua).call(this,r,!t),r===e&&(t=!0);await d(this,T,"m",Ki).call(this),w(this,Ze,!1,"f")}};Ke=new WeakMap,ro=new WeakMap,Ht=new WeakMap,Pe=new WeakMap,Ze=new WeakMap,de=new WeakMap,Ne=new WeakMap,Ge=new WeakMap,Ue=new WeakMap,oo=new WeakMap,Ye=new WeakMap,T=new WeakSet,qe=function(){return Array.from(this.host.querySelectorAll(d(this,Ke,"f").join(","))).filter(d(this,Ye,"f"))},Ve=function(){let e=d(this,oo,"f");if(e instanceof Document||e instanceof ShadowRoot){let{rootMargin:t,threshold:r,root:a}=this;w(this,Ht,new IntersectionObserver(s=>d(this,T,"m",Vi).call(this,s),{root:a,rootMargin:t,threshold:r}),"f"),d(this,T,"a",qe).map(s=>d(this,Ye,"f").call(this,s)).filter(s=>!!s).map(s=>e.getElementById(s.replace("#",""))).filter(s=>!!s).forEach(s=>d(this,Ht,"f")?.observe(s))}},ua=function(e,t){t?d(this,Pe,"f").add(e):d(this,Pe,"f").delete(e)},_a=function(e){for(let t of d(this,T,"a",qe))t.toggleAttribute(d(this,ro,"f"),t===e)},Ki=async function(){for(w(this,de,!1,"f"),setTimeout(()=>w(this,de,!1,"f"),3e3);!d(this,de,"f");)await new Promise(requestAnimationFrame)},Vi=async function(e){if(!d(this,Ze,"f")){for(let{target:a,boundingClientRect:s,intersectionRect:c}of e){let b=`:is(${d(this,Ke,"f").join(",")})[href="#${a.id}"]`,x=this.host.querySelector(b);x&&d(this,T,"m",ua).call(this,x,s.top<c.top)}let r=[...d(this,Pe,"f")].at(-1);d(this,T,"m",_a).call(this,r??d(this,T,"a",qe).at(0))}w(this,de,!0,"f")};import{__classPrivateFieldGet as f,__classPrivateFieldSet as io}from"tslib";var k,it,St,Je,Z,Xe,xa,Qe,ap=l=>!!l&&!l.hasAttribute("disabled")&&!l.ariaHidden&&!l.hasAttribute("hidden"),fe=class{get activeItem(){return f(this,it,"f")}get firstItem(){return f(this,k,"a",Z)[0]}get lastItem(){return f(this,k,"a",Z).at(-1)}get nextItem(){return f(this,k,"a",Xe)<f(this,k,"a",Z).length-1?f(this,k,"a",Z)[f(this,k,"a",Xe)+1]:this.firstItem}get prevItem(){return f(this,k,"a",Xe)>0?f(this,k,"a",Z)[f(this,k,"a",Xe)-1]:this.lastItem}constructor(e){this.host=e,k.add(this),it.set(this,void 0),St.set(this,void 0),Je.set(this,[]),Qe.set(this,t=>{if(t.ctrlKey||t.altKey||t.metaKey||f(this,k,"a",Z).length<1)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&&(f(this,it,"f")&&e!==f(this,it,"f")&&(f(this,it,"f").tabIndex=-1),e.tabIndex=0,io(this,it,e,"f"))}focusOnItem(e){this.updateActiveItem(e||this.firstItem),f(this,it,"f")?.focus()}updateItems(e){let r=[...e.slice(f(this,k,"a",xa)),...e.slice(0,f(this,k,"a",xa))].find(a=>f(this,k,"a",Z).includes(a));this.focusOnItem(r||this.firstItem)}initItems(e,t=this.host){io(this,Je,e??[],"f");let r=f(this,k,"a",Z),[a]=r;io(this,it,a,"f");for(let s of r)s.tabIndex=f(this,it,"f")===s?0:-1;(!f(this,St,"f")||t!==f(this,St,"f"))&&(f(this,St,"f")?.removeEventListener("keydown",f(this,Qe,"f")),io(this,St,t,"f"),this.hostConnected())}hostConnected(){f(this,St,"f")?.addEventListener("keydown",f(this,Qe,"f"))}hostDisconnected(){f(this,St,"f")?.removeEventListener("keydown",f(this,Qe,"f"))}};it=new WeakMap,St=new WeakMap,Je=new WeakMap,Qe=new WeakMap,k=new WeakSet,Z=function(){return f(this,Je,"f").filter(ap)},Xe=function(){return f(this,k,"a",Z)&&this.activeItem?f(this,k,"a",Z).indexOf(this.activeItem):-1},xa=function(){return this.activeItem?f(this,Je,"f").indexOf(this.activeItem):-1};import{css as ip}from"lit";var lp=ip`[hidden]{display:none!important}:host{display:block}#container{display:flex;flex-wrap:wrap;font-family:var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);font-size:var(--pf-global--FontSize--md, 16px);font-weight:var(--pf-global--FontWeight--normal,400)}slot{position:relative;display:var(--pf-c-jump-links__list--Display,flex);flex-direction:var(--pf-c-jump-links__list--FlexDirection,row);padding-block-start:var(--pf-c-jump-links__list--PaddingTop,0);padding-inline-end:var(--pf-c-jump-links__list--PaddingRight,var(--pf-global--spacer--md,1rem));padding-block-end:var(--pf-c-jump-links__list--PaddingBottom,0);padding-inline-start:var(--pf-c-jump-links__list--PaddingLeft,var(--pf-global--spacer--md,1rem));visibility:var(--pf-c-jump-links__list--Visibility,visible)}slot::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border:solid var(--pf-c-jump-links__list--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-width:var(--pf-c-jump-links__list--before--BorderTopWidth,var(--pf-global--BorderWidth--sm,1px)) var(--pf-c-jump-links__list--before--BorderRightWidth,0) var(--pf-c-jump-links__list--before--BorderBottomWidth,0) var(--pf-c-jump-links__list--before--BorderLeftWidth,0)}:host([vertical]) #container{--pf-c-jump-links__list--PaddingTop:var(--pf-c-jump-links--m-vertical__list--PaddingTop,
|
|
313
311
|
var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingRight:var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);--pf-c-jump-links__list--PaddingBottom:var(--pf-c-jump-links--m-vertical__list--PaddingBottom
|
|
314
312
|
var(--pf-global--spacer--md, 1rem));--pf-c-jump-links__list--PaddingLeft:var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);--pf-c-jump-links__list--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);--pf-c-jump-links__list--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
|
|
315
313
|
var(--pf-global--BorderWidth--sm, 1px));--pf-c-jump-links__item--m-current__link--before--BorderTopWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
|
|
@@ -321,35 +319,35 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
321
319
|
calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +
|
|
322
320
|
var(--pf-global--spacer--md, 1rem)));--pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,
|
|
323
321
|
90deg);--pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color,
|
|
324
|
-
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,
|
|
325
|
-
<nav id="container">${this.expandable?
|
|
326
|
-
<details ?open="${this.expanded}" @toggle="${p(this,
|
|
322
|
+
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,Zi=lp;var tr,er,rr,or,Ca,lo,Yi,no,Xi,Y=class extends np{constructor(){super(...arguments);n(this,or);n(this,lo);n(this,no);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;n(this,tr,!1);n(this,er,new fe(this));n(this,rr,new ao(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}connectedCallback(){super.connectedCallback(),this.addEventListener("select",p(this,lo,Yi))}updated(t){t.has("offset")&&(i(this,rr).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return ya`
|
|
323
|
+
<nav id="container">${this.expandable?ya`
|
|
324
|
+
<details ?open="${this.expanded}" @toggle="${p(this,no,Xi)}">
|
|
327
325
|
<summary>
|
|
328
326
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
329
327
|
<span id="label">${this.label}</span>
|
|
330
328
|
</summary>
|
|
331
|
-
<slot role="listbox" @slotchange="${p(this,
|
|
332
|
-
</details>`:
|
|
329
|
+
<slot role="listbox" @slotchange="${p(this,or,Ca)}"></slot>
|
|
330
|
+
</details>`:ya`
|
|
333
331
|
<span id="label">${this.label}</span>
|
|
334
|
-
<slot role="listbox" @slotchange="${p(this,
|
|
332
|
+
<slot role="listbox" @slotchange="${p(this,or,Ca)}"></slot>`}
|
|
335
333
|
</nav>
|
|
336
|
-
`}};
|
|
334
|
+
`}};tr=new WeakMap,er=new WeakMap,rr=new WeakMap,or=new WeakSet,Ca=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,tr)?i(this,er).updateItems(t):(i(this,er).initItems(t),m(this,tr,!0))},lo=new WeakSet,Yi=async function(t){i(this,rr).setActive(t.target)},no=new WeakSet,Xi=function(t){t.target instanceof HTMLDetailsElement&&(this.expanded=t.target.open),this.dispatchEvent(new Event("toggle"))},Y.styles=[Zi],o([me({reflect:!0,type:Boolean})],Y.prototype,"expandable",2),o([me({reflect:!0,type:Boolean})],Y.prototype,"expanded",2),o([me({reflect:!0,type:Boolean})],Y.prototype,"vertical",2),o([me({reflect:!0,type:Boolean})],Y.prototype,"centered",2),o([me({type:Number})],Y.prototype,"offset",2),o([me()],Y.prototype,"label",2),Y=o([sp("pf-jump-links")],Y);import{html as ka}from"lit";import{customElement as bp}from"lit/decorators/custom-element.js";import{property as Dt}from"lit/decorators/property.js";import{classMap as vp}from"lit/directives/class-map.js";import{LitElement as dp,html as fp}from"lit";import{classMap as mp}from"lit/directives/class-map.js";import{css as pp}from"lit";var cp=pp`: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}`,Qi=cp;var At=class extends dp{constructor(){super(...arguments);this.slots=new u(this,null,"icon")}render(){let{variant:t,color:r,icon:a}=this,s=!!a||this.slots.hasSlotted("icon");return fp`
|
|
337
335
|
<span id="container"
|
|
338
|
-
class=${
|
|
336
|
+
class=${mp({hasIcon:s,[t??""]:!!t,[r??""]:!!r})}>
|
|
339
337
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
340
338
|
<slot id="text"></slot>
|
|
341
339
|
${this.renderSuffix?.()??""}
|
|
342
340
|
</span>
|
|
343
|
-
`}};
|
|
341
|
+
`}};At.styles=[Qi];import{css as gp}from"lit";var hp=gp`#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,
|
|
344
342
|
var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
|
|
345
343
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
|
|
346
344
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
|
|
347
345
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
|
|
348
|
-
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}`,
|
|
349
|
-
<span id="pf-container" class="${
|
|
350
|
-
`}renderDefaultIcon(){return this.icon?
|
|
346
|
+
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}`,Ji=hp;var A=class extends At{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 ka`
|
|
347
|
+
<span id="pf-container" class="${vp({compact:t,truncated:r})}">${super.render()}</span>
|
|
348
|
+
`}renderDefaultIcon(){return this.icon?ka`
|
|
351
349
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
352
|
-
`:""}renderSuffix(){return this.removable?
|
|
350
|
+
`:""}renderSuffix(){return this.removable?ka`
|
|
353
351
|
<span part="close-button" ?hidden=${!this.removable}>
|
|
354
352
|
<pf-button plain
|
|
355
353
|
@click="${()=>this.dispatchEvent(new B("close"))}"
|
|
@@ -359,7 +357,7 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
359
357
|
</svg>
|
|
360
358
|
</pf-button>
|
|
361
359
|
</span>
|
|
362
|
-
`:""}};A.styles=[...
|
|
360
|
+
`:""}};A.styles=[...At.styles,Ji],A.shadowRootOptions={...At.shadowRootOptions,delegatesFocus:!0},o([Dt()],A.prototype,"variant",2),o([Dt()],A.prototype,"color",2),o([Dt()],A.prototype,"icon",2),o([Dt({type:Boolean})],A.prototype,"compact",2),o([Dt({type:Boolean})],A.prototype,"truncated",2),o([Dt({type:Boolean})],A.prototype,"removable",2),o([Dt({attribute:"close-button-label"})],A.prototype,"closeButtonLabel",2),A=o([bp("pf-label")],A);import{LitElement as el,html as xp}from"lit";import{customElement as yp}from"lit/decorators/custom-element.js";import{property as so}from"lit/decorators/property.js";import{query as Ba}from"lit/decorators/query.js";import{ifDefined as rl}from"lit/directives/if-defined.js";import{classMap as Cp}from"lit/directives/class-map.js";import{css as up}from"lit";var _p=up`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
|
|
363
361
|
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,
|
|
364
362
|
var(--pf-global--FontSize--2xl,
|
|
365
363
|
1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
|
|
@@ -367,21 +365,21 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
367
365
|
var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
368
366
|
"RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif)))}[part=close-button]{background-color:transparent;border:none;margin:0;padding:0;text-align:left;position:absolute;cursor:pointer;line-height:24px;padding-block:var(--pf-c-button--PaddingTop,var(--pf-global--spacer--form-element,0.375rem));padding-inline:var(--pf-c-button--PaddingRight,var(--pf-global--spacer--md,1rem));top:0;right:calc(var(--pf-global--spacer--lg,1.5rem)/ -3);color:var(--pf-c-button--m-plain--Color,var(--pf-global--Color--200,#6a6e73));font-size:var(--pf-c-button--FontSize,
|
|
369
367
|
var(--pf-global--FontSize--md,
|
|
370
|
-
1rem))}[part=close-button]:is(:focus-within,:focus-visible,:hover){color:var(--pf-c-button--m-plain--focus--Color,var(--pf-global--Color--100,#151515))}[part=close-button]>svg{font-size:16px;width:var(--pf-global--spacer--md,1rem);aspect-ratio:1/1}:host([position=top]) #dialog{align-self:start;margin-block:var(--pf-c-modal-box--m-align-top--MarginTop,var(--pf-c-modal-box--m-align-top--spacer,2rem));margin-inline:var(--pf-global--spacer--md,1rem);width:100%;max-width:var(--pf-c-modal-box--m-align-top--MaxWidth,calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer,2rem) * 2,var(--pf-global--spacer--xl,2rem))));max-height:var(--pf-c-modal-box--m-align-top--MaxHeight,calc(100% - var(--_height-offset) - var(--_spacer-align-top)))}footer{display:flex;align-items:center;gap:var(--pf-global--spacer--xl,.5rem)}`,
|
|
368
|
+
1rem))}[part=close-button]:is(:focus-within,:focus-visible,:hover){color:var(--pf-c-button--m-plain--focus--Color,var(--pf-global--Color--100,#151515))}[part=close-button]>svg{font-size:16px;width:var(--pf-global--spacer--md,1rem);aspect-ratio:1/1}:host([position=top]) #dialog{align-self:start;margin-block:var(--pf-c-modal-box--m-align-top--MarginTop,var(--pf-c-modal-box--m-align-top--spacer,2rem));margin-inline:var(--pf-global--spacer--md,1rem);width:100%;max-width:var(--pf-c-modal-box--m-align-top--MaxWidth,calc(100% - min(var(--pf-c-modal-box--m-align-top--spacer,2rem) * 2,var(--pf-global--spacer--xl,2rem))));max-height:var(--pf-c-modal-box--m-align-top--MaxHeight,calc(100% - var(--_height-offset) - var(--_spacer-align-top)))}footer{display:flex;align-items:center;gap:var(--pf-global--spacer--xl,.5rem)}`,tl=_p;var wa=class extends B{constructor(){super("cancel")}},Ta=class extends B{constructor(){super("close")}},Wa=class extends B{constructor(t){super("open");this.trigger=t}},ge,W,jt,ar,Ot,he,be,_=class extends el{constructor(){super(...arguments);this.open=!1;this.returnValue="";n(this,ge,P());n(this,W,null);n(this,jt,null);n(this,ar,[]);n(this,Ot,[]);n(this,he,!1);n(this,be,new u(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let t=i(this,jt)||i(this,Ot).length?i(this,ge):void 0,r=i(this,W)?i(this,W).innerText:void 0,a=i(this,be).hasSlotted("header"),s=i(this,be).hasSlotted("description"),c=i(this,be).hasSlotted("footer");return xp`
|
|
371
369
|
<section ?hidden=${!this.open}>
|
|
372
370
|
<div id="overlay" part="overlay" ?hidden=${!this.open}></div>
|
|
373
371
|
<div id="dialog"
|
|
374
372
|
part="dialog"
|
|
375
373
|
tabindex="0"
|
|
376
374
|
role="dialog"
|
|
377
|
-
aria-labelledby=${
|
|
378
|
-
aria-label=${
|
|
375
|
+
aria-labelledby=${rl(t)}
|
|
376
|
+
aria-label=${rl(r)}
|
|
379
377
|
?hidden="${!this.open}">
|
|
380
378
|
<div id="container">
|
|
381
|
-
<div id="content" part="content" class=${
|
|
379
|
+
<div id="content" part="content" class=${Cp({hasHeader:a,hasDescription:s,hasFooter:c})}>
|
|
382
380
|
<header part="header">
|
|
383
381
|
<slot name="header"></slot>
|
|
384
|
-
<div part="description" ?hidden=${!
|
|
382
|
+
<div part="description" ?hidden=${!s}>
|
|
385
383
|
<slot name="description"></slot>
|
|
386
384
|
</div>
|
|
387
385
|
</header>
|
|
@@ -402,39 +400,39 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
402
400
|
</div>
|
|
403
401
|
</div>
|
|
404
402
|
</section>
|
|
405
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,
|
|
403
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),i(this,W)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,m(this,jt,this.querySelector('[slot$="header"]')),m(this,ar,[...this.querySelectorAll("*:not([slot])")]),m(this,Ot,i(this,ar).filter(t=>t.tagName.slice(0,1)==="H")),i(this,W)&&(i(this,W).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),i(this,jt)?i(this,jt).id=i(this,ge):i(this,Ot).length>0&&(i(this,Ot)[0].id=i(this,ge))}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 Wa(i(this,W)))):(document.body.style.overflow="auto",await this.updateComplete,i(this,W)&&i(this,W).focus(),this.dispatchEvent(i(this,he)?new wa:new Ta)))}_triggerChanged(){this.trigger&&(m(this,W,this.getRootNode().getElementById(this.trigger)),i(this,W)?.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:b}=this.constructor;b&&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,W)&&(t.preventDefault(),this.showModal());return}}async cancel(){m(this,he,!0),this.open=!1,await this.updateComplete,m(this,he,!1)}setTrigger(t){m(this,W,t),i(this,W).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}};ge=new WeakMap,W=new WeakMap,jt=new WeakMap,ar=new WeakMap,Ot=new WeakMap,he=new WeakMap,be=new WeakMap,_.shadowRootOptions={...el.shadowRootOptions,delegatesFocus:!0},_.styles=[tl],_.closeOnOutsideClick=!1,o([so({reflect:!0})],_.prototype,"variant",2),o([Da({alias:"variant",attribute:"width"})],_.prototype,"width",2),o([so({reflect:!0})],_.prototype,"position",2),o([R,so({type:Boolean,reflect:!0})],_.prototype,"open",2),o([R,so()],_.prototype,"trigger",2),o([Ba("#overlay")],_.prototype,"overlay",2),o([Ba("#dialog")],_.prototype,"dialog",2),o([Ba("#close-button")],_.prototype,"closeButton",2),o([ja()],_.prototype,"_init",1),o([z],_.prototype,"onTriggerClick",1),o([z],_.prototype,"onClick",1),o([z],_.prototype,"onKeydown",1),o([z],_.prototype,"toggle",1),o([z],_.prototype,"show",1),o([z],_.prototype,"showModal",1),o([z],_.prototype,"close",1),_=o([yp("pf-modal")],_);import{LitElement as wp,html as Tp}from"lit";import{customElement as Wp}from"lit/decorators/custom-element.js";import{property as al}from"lit/decorators/property.js";import{css as kp}from"lit";var Bp=kp`: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:pfglobalvar(--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)}:host([variant=bordered])::before{position:absolute;inset:0;pointer-events:none;content:"";border:var(--pf-c-panel--before--BorderWidth,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]){--pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow,
|
|
406
404
|
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,
|
|
407
|
-
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}`,
|
|
405
|
+
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}`,ol=Bp;var ir,Pt=class extends wp{constructor(){super(...arguments);this.scrollable=!1;n(this,ir,new u(this,"header",null,"footer"))}render(){let t=i(this,ir).hasSlotted("header"),r=i(this,ir).hasSlotted("footer");return Tp`
|
|
408
406
|
<slot name="header" role="region" ?hidden="${!t}"></slot>
|
|
409
407
|
<hr role="presentation" ?hidden="${!t}">
|
|
410
408
|
<slot></slot>
|
|
411
409
|
<slot name="footer" role="region" ?hidden="${!r}"></slot>
|
|
412
|
-
`}};
|
|
413
|
-
<div id="connector" class="${
|
|
410
|
+
`}};ir=new WeakMap,Pt.styles=[ol],o([al({type:Boolean,reflect:!0})],Pt.prototype,"scrollable",2),o([al({reflect:!0})],Pt.prototype,"variant",2),Pt=o([Wp("pf-panel")],Pt);import{LitElement as Mp,html as Lp}from"lit";import{customElement as Rp}from"lit/decorators/custom-element.js";import{property as lr}from"lit/decorators/property.js";import{ifDefined as ll}from"lit/directives/if-defined.js";import{classMap as nl}from"lit/directives/class-map.js";import{css as Sp}from"lit";var zp=Sp`[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)}`,il=zp;var sl=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),Sa,po,X=class extends Mp{constructor(){super(...arguments);this.current=!1;n(this,Sa,new u(this,"title","description"));n(this,po,new K(this,{role:"listitem"}))}render(){let t=!!this.description,r=this.icon??sl.get(this.variant??"default")?.icon,a=this.iconSet??sl.get(this.variant??"default")?.set,{parentTagName:s}=this.constructor,{compact:c=!1}=this.closest(s)??{};return Lp`
|
|
411
|
+
<div id="connector" class="${nl({compact:c})}">
|
|
414
412
|
<slot id="icon" name="icon">
|
|
415
413
|
<pf-icon ?hidden="${!r}"
|
|
416
|
-
icon="${
|
|
417
|
-
set="${
|
|
414
|
+
icon="${ll(r)}"
|
|
415
|
+
set="${ll(a)}"></pf-icon>
|
|
418
416
|
</slot>
|
|
419
417
|
</div>
|
|
420
|
-
<div id="main" class="${
|
|
418
|
+
<div id="main" class="${nl({compact:c})}">
|
|
421
419
|
<slot id="title"></slot>
|
|
422
420
|
<slot id="description" name="description" ?hidden="${!t}">${this.description}</slot>
|
|
423
421
|
</div>
|
|
424
|
-
`}updated(t){super.updated?.(t),t.has("current")&&(i(this,io).ariaCurrent=String(!!this.current))}};Ba=new WeakMap,io=new WeakMap,X.parentTagName="pf-progress-stepper",X.styles=[el],o([rr()],X.prototype,"description",2),o([rr()],X.prototype,"icon",2),o([rr({attribute:"icon-set"})],X.prototype,"iconSet",2),o([rr({reflect:!0})],X.prototype,"variant",2),o([rr({type:Boolean,reflect:!0})],X.prototype,"current",2),X=o([Lp("pf-progress-step")],X);import{LitElement as Ep,html as Ip}from"lit";import{customElement as Hp}from"lit/decorators/custom-element.js";import{property as wa}from"lit/decorators/property.js";import{css as Rp}from"lit";var Fp=Rp`[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)}`,il=Fp;var lo,no,so,ll,it=class extends Ep{constructor(){super();s(this,so);this.vertical=!1;this.center=!1;this.compact=!1;s(this,lo,new K(this,{role:"progressbar",ariaValueNow:this.value.toString()}));s(this,no,new MutationObserver(()=>p(this,so,ll).call(this)));i(this,no).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 Ip`
|
|
422
|
+
`}updated(t){super.updated?.(t),t.has("current")&&(i(this,po).ariaCurrent=String(!!this.current))}};Sa=new WeakMap,po=new WeakMap,X.parentTagName="pf-progress-stepper",X.styles=[il],o([lr()],X.prototype,"description",2),o([lr()],X.prototype,"icon",2),o([lr({attribute:"icon-set"})],X.prototype,"iconSet",2),o([lr({reflect:!0})],X.prototype,"variant",2),o([lr({type:Boolean,reflect:!0})],X.prototype,"current",2),X=o([Rp("pf-progress-step")],X);import{LitElement as Ip,html as $p}from"lit";import{customElement as Hp}from"lit/decorators/custom-element.js";import{property as za}from"lit/decorators/property.js";import{css as Fp}from"lit";var Ep=Fp`[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)}`,pl=Ep;var co,fo,mo,cl,lt=class extends Ip{constructor(){super();n(this,mo);this.vertical=!1;this.center=!1;this.compact=!1;n(this,co,new K(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,fo,new MutationObserver(()=>p(this,mo,cl).call(this)));i(this,fo).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 $p`
|
|
425
423
|
<slot role="listbox"></slot>
|
|
426
|
-
`}};
|
|
424
|
+
`}};co=new WeakMap,fo=new WeakMap,mo=new WeakSet,cl=function(){i(this,co).ariaValueNow=this.value.toString()},lt.childTagName="pf-progress-step",lt.styles=[pl],lt.formAssociated=!0,o([za({type:Boolean,reflect:!0})],lt.prototype,"vertical",2),o([za({type:Boolean,reflect:!0})],lt.prototype,"center",2),o([R(function(){let{childTagName:l}=this.constructor;this.querySelectorAll(l).forEach(e=>e.requestUpdate())}),za({type:Boolean,reflect:!0})],lt.prototype,"compact",2),lt=o([Hp("pf-progress-stepper")],lt);import{customElement as Np}from"lit/decorators/custom-element.js";import{LitElement as fl,html as jp}from"lit";import{property as Ma}from"lit/decorators/property.js";import{css as Ap}from"lit";var Dp=Ap`: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:""}`,dl=Dp;var ve,go,ho,ml,bo,gl,nr,La,sr,Ra,Q=class extends fl{constructor(){super(...arguments);n(this,ho);n(this,bo);n(this,nr);n(this,sr);n(this,ve,this.attachInternals());n(this,go,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=i(this,go)}get labels(){return i(this,ve).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",p(this,ho,ml)),this.addEventListener("keyup",p(this,bo,gl)),p(this,sr,Ra).call(this)}formDisabledCallback(t){this.disabled=t,this.requestUpdate()}render(){return jp`
|
|
427
425
|
<div id="container" tabindex="0">
|
|
428
426
|
<svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
|
|
429
427
|
<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" />
|
|
430
428
|
</svg>
|
|
431
429
|
</div>
|
|
432
|
-
`}updated(){i(this,
|
|
430
|
+
`}updated(){i(this,ve).ariaChecked=String(this.checked),i(this,ve).ariaDisabled=String(this.disabled)}};ve=new WeakMap,go=new WeakMap,ho=new WeakSet,ml=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,nr,La).call(this)},bo=new WeakSet,gl=function(t){switch(t.key){case" ":case"Enter":t.preventDefault(),p(this,nr,La).call(this)}},nr=new WeakSet,La=function(){this.disabled||(this.checked=!this.checked,p(this,sr,Ra).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},sr=new WeakSet,Ra=function(){let t=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==t},Q.styles=[dl],Q.shadowRootOptions={...fl.shadowRootOptions,delegatesFocus:!0},Q.formAssociated=!0,o([Ma({reflect:!0})],Q.prototype,"label",2),o([Ma({reflect:!0,type:Boolean,attribute:"show-check-icon"})],Q.prototype,"showCheckIcon",2),o([Ma({reflect:!0,type:Boolean})],Q.prototype,"checked",2);import{css as Op}from"lit";var Pp=Op`: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,
|
|
433
431
|
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,
|
|
434
432
|
calc(var(--pf-c-switch--FontSize,
|
|
435
|
-
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,
|
|
433
|
+
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,hl=Pp;var pr=class extends Q{};pr.styles=[...Q.styles,hl],pr=o([Np("pf-switch")],pr);import{customElement as Yp}from"lit/decorators/custom-element.js";import{css as Gp}from"lit";var Up=Gp`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,bl=Up;import{LitElement as Kp,html as Zp}from"lit";import{css as qp}from"lit";var Vp=qp`:host{display:block}:host([hidden]){display:none}`,vl=Vp;var vo,zt=class extends Kp{constructor(){super(...arguments);this.hidden=!0;n(this,vo,this.attachInternals())}render(){return Zp`
|
|
436
434
|
<slot></slot>
|
|
437
|
-
`}connectedCallback(){super.connectedCallback(),i(this,
|
|
435
|
+
`}connectedCallback(){super.connectedCallback(),i(this,vo).role="tabpanel",this.tabIndex=0}};vo=new WeakMap,zt.styles=[vl];var Nt=class extends zt{connectedCallback(){super.connectedCallback(),this.id||(this.id=P("pf-tab-panel"))}};Nt.styles=[...zt.styles,bl],Nt=o([Yp("pf-tab-panel")],Nt);import{customElement as ac}from"lit/decorators/custom-element.js";import{property as Bl}from"lit/decorators/property.js";import{LitElement as _l,html as Jp}from"lit";import{queryAssignedElements as tc}from"lit/decorators/query-assigned-elements.js";import{query as ec}from"lit/decorators/query.js";import{css as Xp}from"lit";var Qp=Xp`: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}`,ul=Qp;var cr=class extends B{constructor(t,r){super("expand");this.active=t;this.tab=r}},bt,uo,xl,_o,yl,xo,Cl,J=class extends _l{constructor(){super(...arguments);n(this,uo);n(this,_o);n(this,xo);n(this,bt,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,uo,xl)),i(this,bt).role="tab"}render(){return Jp`
|
|
438
436
|
<button part="button" ?disabled="${this.disabled}">
|
|
439
437
|
<slot name="icon"
|
|
440
438
|
part="icon"
|
|
@@ -442,29 +440,29 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
442
440
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
443
441
|
<slot part="text"></slot>
|
|
444
442
|
</button>
|
|
445
|
-
`}updated(t){i(this,ht).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,ho,vl).call(this),t.has("disabled")&&p(this,bo,ul).call(this)}};ht=new WeakMap,go=new WeakSet,bl=function(){!this.disabled&&i(this,ht).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0)},ho=new WeakSet,vl=function(){this.active&&!this.disabled?i(this,ht).ariaSelected="true":i(this,ht).ariaSelected="false",this.dispatchEvent(new lr(this.active,this))},bo=new WeakSet,ul=function(){i(this,ht).ariaDisabled=String(!!this.disabled)},J.styles=[gl],J.shadowRootOptions={...hl.shadowRootOptions,delegatesFocus:!0},o([Jp({slot:"icon",flatten:!0})],J.prototype,"icons",2),o([tc("button")],J.prototype,"button",2);import{css as ec}from"lit";var rc=ec`: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{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]{margin-inline-end:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem))}[part=icon]:last-child{--pf-c-tabs__link--child--MarginRight:0}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,_l=rc;var bt=class extends J{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=P("pf-tab"))}};bt.styles=[...J.styles,_l],o([R,xl({reflect:!0,type:Boolean})],bt.prototype,"active",2),o([R,xl({reflect:!0,type:Boolean})],bt.prototype,"disabled",2),bt=o([oc("pf-tab")],bt);import{customElement as dc}from"lit/decorators/custom-element.js";import{property as Ro}from"lit/decorators/property.js";import{LitElement as lc,html as Ma}from"lit";import{property as Cl}from"lit/decorators/property.js";import{query as nc}from"lit/decorators/query.js";import{queryAssignedElements as kl}from"lit/decorators/query-assigned-elements.js";import{classMap as sc}from"lit/directives/class-map.js";import{__classPrivateFieldGet as h,__classPrivateFieldSet as vo}from"tslib";function nr(l,e,t=!1,r=!1){if(!l||!e)return!1;let a=l.getBoundingClientRect(),n=e.getBoundingClientRect(),c=Math.ceil(a.left),b=Math.floor(a.right),x=Math.ceil(n.left),$=Math.floor(n.right),_t=x>=c&&$<=b,ue=(t||!r&&a.width<n.width)&&(x<c&&$>c||$>b&&x<b);return _t||ue}var Ot,q,D,za,uo,he,ge,_o=class{get firstItem(){return h(this,D,"f").at(0)}get lastItem(){return h(this,D,"f").at(-1)}constructor(e,t){this.host=e,this.options=t,Ot.add(this),q.set(this,void 0),D.set(this,[]),za.set(this,0),uo.set(this,void 0),he.set(this,!1),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(h(this,uo,"f")),vo(this,uo,setTimeout(()=>h(this,Ot,"m",ge).call(this),h(this,za,"f")),"f")},this.host.addController(this),t?.hideOverflowButtons&&vo(this,he,t?.hideOverflowButtons,"f")}init(e,t){vo(this,q,e,"f"),vo(this,D,t,"f")}scrollLeft(){if(!h(this,q,"f"))return;let e,t;for(let r=0;r<h(this,D,"f").length&&!e;r++)nr(h(this,q,"f"),h(this,D,"f")[r],!1)&&(e=h(this,D,"f")[r],t=h(this,D,"f")[r-1]);t&&(h(this,q,"f").scrollLeft-=t.scrollWidth),h(this,Ot,"m",ge).call(this)}scrollRight(){if(!h(this,q,"f"))return;let e,t;for(let r=h(this,D,"f").length-1;r>=0&&!e;r--)nr(h(this,q,"f"),h(this,D,"f")[r],!1)&&(e=h(this,D,"f")[r],t=h(this,D,"f")[r+1]);t&&(h(this,q,"f").scrollLeft+=t.scrollWidth),h(this,Ot,"m",ge).call(this)}update(){h(this,Ot,"m",ge).call(this)}hostConnected(){this.onScroll(),h(this,Ot,"m",ge).call(this)}};q=new WeakMap,D=new WeakMap,za=new WeakMap,uo=new WeakMap,he=new WeakMap,Ot=new WeakSet,ge=function(){!this.firstItem||!this.lastItem||!h(this,q,"f")||(this.overflowLeft=!h(this,he,"f")&&!nr(h(this,q,"f"),this.firstItem),this.overflowRight=!h(this,he,"f")&&!nr(h(this,q,"f"),this.lastItem),this.showScrollButtons=!h(this,he,"f")&&(this.overflowLeft||this.overflowRight),this.host.requestUpdate())};import{css as ac}from"lit";var ic=ac`: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}`,yl=ic;var be,j,O,cr,ve,dr,Nt,xo,Bl,C,L,wl,tt,Pt,Wl,fr,La,yo,Tl,Co,ko,Sl,mr,Ra,Bo,zl,wo,Ml,Wo,Ll,gr,Fa,To,Rl,Gt,sr,So,zo,Fl,Mo,El,Lo,Il,pr=class extends lc{constructor(){super(...arguments);s(this,xo);s(this,C);s(this,tt);s(this,fr);s(this,yo);s(this,ko);s(this,mr);s(this,Bo);s(this,wo);s(this,Wo);s(this,gr);s(this,To);s(this,Gt);s(this,zo);s(this,Mo);s(this,Lo);s(this,j,new se(this));s(this,O,new _o(this));s(this,cr,new g(this));s(this,ve,[]);s(this,dr,[]);s(this,Nt,0);this.id=this.id||P(this.localName);this.manual=!1;s(this,Co,t=>{if(!(t instanceof lr)||i(this,C,L).length===0||i(this,tt,Pt).length===0)return;let r=t;r.active&&(this.activeIndex=i(this,C,L).findIndex(a=>a===r.tab))});s(this,So,t=>{if(i(this,C,L).find(a=>a===t.target))switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),p(this,Gt,sr).call(this,i(this,j).activeItem);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),p(this,Gt,sr).call(this,i(this,j).activeItem);break;case"Home":t.preventDefault(),p(this,Gt,sr).call(this,i(this,mr,Ra));break;case"End":t.preventDefault(),p(this,Gt,sr).call(this,i(this,Bo,zl));break;default:return}})}static isTab(t){return t instanceof J}static isPanel(t){return t instanceof Wt}get activeIndex(){return i(this,Nt)}set activeIndex(t){let r=this.activeIndex,a=i(this,C,L)[t];if(a){if(a.disabled)i(this,cr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,j).updateActiveItem(i(this,mr,Ra)),t=i(this,gr,Fa);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 n=i(this,j).firstItem;i(this,j).updateActiveItem(n),t=i(this,gr,Fa)}m(this,Nt,t),this.requestUpdate("activeIndex",r),i(this,tt,Pt)[i(this,Nt)].hidden=!1,p(this,ko,Sl).call(this,i(this,Nt))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",i(this,Co)),this.addEventListener("keydown",i(this,So)),i(pr,be).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(pr,be).delete(this)}async firstUpdated(){this.tabList.addEventListener("scroll",i(this,O).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Ma`
|
|
446
|
-
<div part="container" class="${
|
|
447
|
-
<div part="tabs-container">${i(this,O).showScrollButtons?
|
|
443
|
+
`}updated(t){i(this,bt).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,_o,yl).call(this),t.has("disabled")&&p(this,xo,Cl).call(this)}};bt=new WeakMap,uo=new WeakSet,xl=function(){!this.disabled&&i(this,bt).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0)},_o=new WeakSet,yl=function(){this.active&&!this.disabled?i(this,bt).ariaSelected="true":i(this,bt).ariaSelected="false",this.dispatchEvent(new cr(this.active,this))},xo=new WeakSet,Cl=function(){i(this,bt).ariaDisabled=String(!!this.disabled)},J.styles=[ul],J.shadowRootOptions={..._l.shadowRootOptions,delegatesFocus:!0},o([tc({slot:"icon",flatten:!0})],J.prototype,"icons",2),o([ec("button")],J.prototype,"button",2);import{css as rc}from"lit";var oc=rc`: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{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]{margin-inline-end:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem))}[part=icon]:last-child{--pf-c-tabs__link--child--MarginRight:0}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,kl=oc;var vt=class extends J{constructor(){super(...arguments);this.active=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id||(this.id=P("pf-tab"))}};vt.styles=[...J.styles,kl],o([R,Bl({reflect:!0,type:Boolean})],vt.prototype,"active",2),o([R,Bl({reflect:!0,type:Boolean})],vt.prototype,"disabled",2),vt=o([ac("pf-tab")],vt);import{customElement as fc}from"lit/decorators/custom-element.js";import{property as $o}from"lit/decorators/property.js";import{LitElement as nc,html as Ea}from"lit";import{property as Tl}from"lit/decorators/property.js";import{query as sc}from"lit/decorators/query.js";import{queryAssignedElements as Wl}from"lit/decorators/query-assigned-elements.js";import{classMap as pc}from"lit/directives/class-map.js";import{__classPrivateFieldGet as h,__classPrivateFieldSet as yo}from"tslib";function dr(l,e,t=!1,r=!1){if(!l||!e)return!1;let a=l.getBoundingClientRect(),s=e.getBoundingClientRect(),c=Math.ceil(a.left),b=Math.floor(a.right),x=Math.ceil(s.left),H=Math.floor(s.right),xt=x>=c&&H<=b,Ce=(t||!r&&a.width<s.width)&&(x<c&&H>c||H>b&&x<b);return xt||Ce}var Gt,q,D,Fa,Co,_e,ue,ko=class{get firstItem(){return h(this,D,"f").at(0)}get lastItem(){return h(this,D,"f").at(-1)}constructor(e,t){this.host=e,this.options=t,Gt.add(this),q.set(this,void 0),D.set(this,[]),Fa.set(this,0),Co.set(this,void 0),_e.set(this,!1),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(h(this,Co,"f")),yo(this,Co,setTimeout(()=>h(this,Gt,"m",ue).call(this),h(this,Fa,"f")),"f")},this.host.addController(this),t?.hideOverflowButtons&&yo(this,_e,t?.hideOverflowButtons,"f")}init(e,t){yo(this,q,e,"f"),yo(this,D,t,"f")}scrollLeft(){if(!h(this,q,"f"))return;let e,t;for(let r=0;r<h(this,D,"f").length&&!e;r++)dr(h(this,q,"f"),h(this,D,"f")[r],!1)&&(e=h(this,D,"f")[r],t=h(this,D,"f")[r-1]);t&&(h(this,q,"f").scrollLeft-=t.scrollWidth),h(this,Gt,"m",ue).call(this)}scrollRight(){if(!h(this,q,"f"))return;let e,t;for(let r=h(this,D,"f").length-1;r>=0&&!e;r--)dr(h(this,q,"f"),h(this,D,"f")[r],!1)&&(e=h(this,D,"f")[r],t=h(this,D,"f")[r+1]);t&&(h(this,q,"f").scrollLeft+=t.scrollWidth),h(this,Gt,"m",ue).call(this)}update(){h(this,Gt,"m",ue).call(this)}hostConnected(){this.onScroll(),h(this,Gt,"m",ue).call(this)}};q=new WeakMap,D=new WeakMap,Fa=new WeakMap,Co=new WeakMap,_e=new WeakMap,Gt=new WeakSet,ue=function(){!this.firstItem||!this.lastItem||!h(this,q,"f")||(this.overflowLeft=!h(this,_e,"f")&&!dr(h(this,q,"f"),this.firstItem),this.overflowRight=!h(this,_e,"f")&&!dr(h(this,q,"f"),this.lastItem),this.showScrollButtons=!h(this,_e,"f")&&(this.overflowLeft||this.overflowRight),this.host.requestUpdate())};import{css as ic}from"lit";var lc=ic`: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}`,wl=lc;var xe,j,O,gr,ye,hr,qt,Bo,Sl,C,L,zl,tt,Ut,Ml,br,Ia,wo,Ll,To,Wo,Rl,vr,$a,So,Fl,zo,El,Mo,Il,ur,Ha,Lo,$l,Vt,fr,Ro,Fo,Hl,Eo,Al,Io,Dl,mr=class extends nc{constructor(){super(...arguments);n(this,Bo);n(this,C);n(this,tt);n(this,br);n(this,wo);n(this,Wo);n(this,vr);n(this,So);n(this,zo);n(this,Mo);n(this,ur);n(this,Lo);n(this,Vt);n(this,Fo);n(this,Eo);n(this,Io);n(this,j,new fe(this));n(this,O,new ko(this));n(this,gr,new g(this));n(this,ye,[]);n(this,hr,[]);n(this,qt,0);this.id=this.id||P(this.localName);this.manual=!1;n(this,To,t=>{if(!(t instanceof cr)||i(this,C,L).length===0||i(this,tt,Ut).length===0)return;let r=t;r.active&&(this.activeIndex=i(this,C,L).findIndex(a=>a===r.tab))});n(this,Ro,t=>{if(i(this,C,L).find(a=>a===t.target))switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),p(this,Vt,fr).call(this,i(this,j).activeItem);break;case"ArrowDown":case"ArrowRight":t.preventDefault(),p(this,Vt,fr).call(this,i(this,j).activeItem);break;case"Home":t.preventDefault(),p(this,Vt,fr).call(this,i(this,vr,$a));break;case"End":t.preventDefault(),p(this,Vt,fr).call(this,i(this,So,Fl));break;default:return}})}static isTab(t){return t instanceof J}static isPanel(t){return t instanceof zt}get activeIndex(){return i(this,qt)}set activeIndex(t){let r=this.activeIndex,a=i(this,C,L)[t];if(a){if(a.disabled)i(this,gr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,j).updateActiveItem(i(this,vr,$a)),t=i(this,ur,Ha);else if(!a.active){a.active=!0;return}}if(t===-1){i(this,gr).warn("No active tab found, setting first focusable tab to active");let s=i(this,j).firstItem;i(this,j).updateActiveItem(s),t=i(this,ur,Ha)}m(this,qt,t),this.requestUpdate("activeIndex",r),i(this,tt,Ut)[i(this,qt)].hidden=!1,p(this,Wo,Rl).call(this,i(this,qt))}connectedCallback(){super.connectedCallback(),this.addEventListener("expand",i(this,To)),this.addEventListener("keydown",i(this,Ro)),i(mr,xe).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(mr,xe).delete(this)}async firstUpdated(){this.tabList.addEventListener("scroll",i(this,O).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Ea`
|
|
444
|
+
<div part="container" class="${pc({overflow:i(this,O).showScrollButtons})}">
|
|
445
|
+
<div part="tabs-container">${i(this,O).showScrollButtons?Ea`
|
|
448
446
|
<button id="previousTab" tabindex="-1"
|
|
449
447
|
aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
|
|
450
448
|
?disabled="${!i(this,O).overflowLeft}"
|
|
451
|
-
@click="${p(this,
|
|
449
|
+
@click="${p(this,Eo,Al)}">
|
|
452
450
|
<pf-icon icon="${r}" set="${t}" loading="eager"></pf-icon>
|
|
453
451
|
</button>`:""}
|
|
454
452
|
<slot name="tab"
|
|
455
453
|
part="tabs"
|
|
456
454
|
role="tablist"
|
|
457
|
-
@slotchange="${p(this,
|
|
455
|
+
@slotchange="${p(this,br,Ia)}"></slot> ${i(this,O).showScrollButtons?Ea`
|
|
458
456
|
<button id="nextTab" tabindex="-1"
|
|
459
457
|
aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
|
|
460
458
|
?disabled="${!i(this,O).overflowRight}"
|
|
461
|
-
@click="${p(this,
|
|
459
|
+
@click="${p(this,Io,Dl)}">
|
|
462
460
|
<pf-icon icon="${a}" set="${t}" loading="eager"></pf-icon>
|
|
463
461
|
</button>`:""}
|
|
464
462
|
</div>
|
|
465
|
-
<slot part="panels" @slotchange="${p(this,
|
|
463
|
+
<slot part="panels" @slotchange="${p(this,br,Ia)}"></slot>
|
|
466
464
|
</div>
|
|
467
|
-
`}},S=pr;be=new WeakMap,j=new WeakMap,O=new WeakMap,cr=new WeakMap,ve=new WeakMap,dr=new WeakMap,Nt=new WeakMap,xo=new WeakSet,Bl=function(){let[t]=i(this,ve).filter(r=>r.active);return t},C=new WeakSet,L=function(){return i(this,ve)},wl=function(t){m(this,ve,t.filter(r=>this.constructor.isTab(r)))},tt=new WeakSet,Pt=function(){return i(this,dr)},Wl=function(t){m(this,dr,t.filter(r=>this.constructor.isPanel(r)))},fr=new WeakSet,La=function(t){t.target.name==="tab"?m(this,C,this.tabs,wl):m(this,tt,this.panels,Wl),i(this,C,L).length===i(this,tt,Pt).length&&(i(this,C,L).length!==0||i(this,tt,Pt).length!==0)&&(p(this,yo,Tl).call(this),p(this,zo,Fl).call(this),i(this,j).initItems(i(this,C,L)),this.activeIndex=i(this,C,L).findIndex(r=>r.active),i(this,j).updateActiveItem(i(this,xo,Bl)),i(this,O).init(this.tabList,i(this,C,L)))},yo=new WeakSet,Tl=function(){i(this,C,L).forEach((t,r)=>{let a=i(this,tt,Pt)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},Co=new WeakMap,ko=new WeakSet,Sl=function(t){i(this,C,L).forEach((r,a)=>r.active=a===t),i(this,tt,Pt).forEach((r,a)=>r.hidden=a!==t)},mr=new WeakSet,Ra=function(){return i(this,j).firstItem},Bo=new WeakSet,zl=function(){return i(this,j).lastItem},wo=new WeakSet,Ml=function(){let[t]=i(this,C,L);return t},Wo=new WeakSet,Ll=function(){return i(this,C,L).at(-1)},gr=new WeakSet,Fa=function(){let{activeItem:t}=i(this,j);return i(this,C,L).findIndex(r=>r===t)},To=new WeakSet,Rl=function(t){t.ariaDisabled!=="true"&&(t.active=!0)},Gt=new WeakSet,sr=async function(t){this.manual||p(this,To,Rl).call(this,t)},So=new WeakMap,zo=new WeakSet,Fl=function(){i(this,wo,Ml).classList.add("first"),i(this,Wo,Ll).classList.add("last")},Mo=new WeakSet,El=function(){i(this,O).scrollLeft()},Lo=new WeakSet,Il=function(){i(this,O).scrollRight()},S.styles=[yl],S.scrollTimeoutDelay=0,S.scrollIconLeft="angle-left",S.scrollIconRight="angle-right",S.scrollIconSet="fas",s(S,be,new Set),(()=>{window.addEventListener("resize",()=>{for(let t of i(pr,be))i(t,O).onScroll()},{capture:!1})})(),o([kl({slot:"tab"})],S.prototype,"tabs",2),o([kl()],S.prototype,"panels",2),o([nc('[part="tabs"]')],S.prototype,"tabList",2),o([Cl({reflect:!0,type:Boolean})],S.prototype,"manual",2),o([Cl({attribute:!1})],S.prototype,"activeIndex",1);import{css as pc}from"lit";var cc=pc`[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}`,Hl=cc;var lt=class extends S{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof bt}static isPanel(t){return t instanceof jt}get canShowScrollButtons(){return!this.vertical}};lt.styles=[...S.styles,Hl],lt.scrollTimeoutDelay=150,o([_e("pf-tab","pf-tab-panel"),Ro({reflect:!0})],lt.prototype,"box",2),o([_e("pf-tab","pf-tab-panel"),Ro({reflect:!0,type:Boolean})],lt.prototype,"vertical",2),o([_e("pf-tab"),Ro({reflect:!0,type:Boolean})],lt.prototype,"fill",2),o([_e("pf-tab"),Ro({attribute:"border-bottom"})],lt.prototype,"borderBottom",2),lt=o([dc("pf-tabs")],lt);import{customElement as bc}from"lit/decorators/custom-element.js";import{property as Al}from"lit/decorators/property.js";import{LitElement as fc,html as mc}from"lit";var Fo=class extends fc{render(){return mc`
|
|
465
|
+
`}},S=mr;xe=new WeakMap,j=new WeakMap,O=new WeakMap,gr=new WeakMap,ye=new WeakMap,hr=new WeakMap,qt=new WeakMap,Bo=new WeakSet,Sl=function(){let[t]=i(this,ye).filter(r=>r.active);return t},C=new WeakSet,L=function(){return i(this,ye)},zl=function(t){m(this,ye,t.filter(r=>this.constructor.isTab(r)))},tt=new WeakSet,Ut=function(){return i(this,hr)},Ml=function(t){m(this,hr,t.filter(r=>this.constructor.isPanel(r)))},br=new WeakSet,Ia=function(t){t.target.name==="tab"?m(this,C,this.tabs,zl):m(this,tt,this.panels,Ml),i(this,C,L).length===i(this,tt,Ut).length&&(i(this,C,L).length!==0||i(this,tt,Ut).length!==0)&&(p(this,wo,Ll).call(this),p(this,Fo,Hl).call(this),i(this,j).initItems(i(this,C,L)),this.activeIndex=i(this,C,L).findIndex(r=>r.active),i(this,j).updateActiveItem(i(this,Bo,Sl)),i(this,O).init(this.tabList,i(this,C,L)))},wo=new WeakSet,Ll=function(){i(this,C,L).forEach((t,r)=>{let a=i(this,tt,Ut)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},To=new WeakMap,Wo=new WeakSet,Rl=function(t){i(this,C,L).forEach((r,a)=>r.active=a===t),i(this,tt,Ut).forEach((r,a)=>r.hidden=a!==t)},vr=new WeakSet,$a=function(){return i(this,j).firstItem},So=new WeakSet,Fl=function(){return i(this,j).lastItem},zo=new WeakSet,El=function(){let[t]=i(this,C,L);return t},Mo=new WeakSet,Il=function(){return i(this,C,L).at(-1)},ur=new WeakSet,Ha=function(){let{activeItem:t}=i(this,j);return i(this,C,L).findIndex(r=>r===t)},Lo=new WeakSet,$l=function(t){t.ariaDisabled!=="true"&&(t.active=!0)},Vt=new WeakSet,fr=async function(t){this.manual||p(this,Lo,$l).call(this,t)},Ro=new WeakMap,Fo=new WeakSet,Hl=function(){i(this,zo,El).classList.add("first"),i(this,Mo,Il).classList.add("last")},Eo=new WeakSet,Al=function(){i(this,O).scrollLeft()},Io=new WeakSet,Dl=function(){i(this,O).scrollRight()},S.styles=[wl],S.scrollTimeoutDelay=0,S.scrollIconLeft="angle-left",S.scrollIconRight="angle-right",S.scrollIconSet="fas",n(S,xe,new Set),(()=>{window.addEventListener("resize",()=>{for(let t of i(mr,xe))i(t,O).onScroll()},{capture:!1})})(),o([Wl({slot:"tab"})],S.prototype,"tabs",2),o([Wl()],S.prototype,"panels",2),o([sc('[part="tabs"]')],S.prototype,"tabList",2),o([Tl({reflect:!0,type:Boolean})],S.prototype,"manual",2),o([Tl({attribute:!1})],S.prototype,"activeIndex",1);import{css as cc}from"lit";var dc=cc`[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}`,jl=dc;var nt=class extends S{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof vt}static isPanel(t){return t instanceof Nt}get canShowScrollButtons(){return!this.vertical}};nt.styles=[...S.styles,jl],nt.scrollTimeoutDelay=150,o([ke("pf-tab","pf-tab-panel"),$o({reflect:!0})],nt.prototype,"box",2),o([ke("pf-tab","pf-tab-panel"),$o({reflect:!0,type:Boolean})],nt.prototype,"vertical",2),o([ke("pf-tab"),$o({reflect:!0,type:Boolean})],nt.prototype,"fill",2),o([ke("pf-tab"),$o({attribute:"border-bottom"})],nt.prototype,"borderBottom",2),nt=o([fc("pf-tabs")],nt);import{customElement as vc}from"lit/decorators/custom-element.js";import{property as Pl}from"lit/decorators/property.js";import{LitElement as mc,html as gc}from"lit";var Ho=class extends mc{render(){return gc`
|
|
468
466
|
<div part="header">
|
|
469
467
|
<div part="icon">
|
|
470
468
|
<slot id="icon" name="icon"></slot>
|
|
@@ -476,12 +474,12 @@ var Pl=Object.defineProperty;var Nl=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
476
474
|
<div part="body">
|
|
477
475
|
<slot id="body"></slot>
|
|
478
476
|
</div>
|
|
479
|
-
`}};import{css as
|
|
477
|
+
`}};import{css as hc}from"lit";var bc=hc`: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,
|
|
480
478
|
calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
|
|
481
479
|
var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
|
|
482
480
|
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,
|
|
483
|
-
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY, 2)}:host([disabled]){--pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor, var( --pf-global--disabled-color--300, #f0f0f0));--pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile--before--BorderWidth:0;--pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color, var(--pf-global--disabled-color--100, #6a6e73));pointer-events:none}[part=header]{display:flex;align-items:center;justify-content:center}[part=title]{color:var(--pf-c-tile__title--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)))}[part=body]{font-size:var(--pf-c-tile__body--FontSize, var(--pf-global--FontSize--xs, .75rem));color:var(--pf-c-tile__body--Color,var(--pf-global--Color--100,#151515))}[part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md, 1.125rem));--pf-icon--size:var(--_icon-size);margin-right:var(--pf-c-tile__icon--MarginRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--_icon-size);color:var(--pf-c-tile__icon--Color,var(--pf-global--Color--100,#151515))}:host([stacked]) [part=header]{--pf-c-tile__icon--MarginRight:0;--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--lg, 1.5rem)));flex-direction:column;justify-content:initial}:host([stacked=lg]) [part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--xl, 3.375rem)))}:host([stacked]) [part=icon]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-c-tile__header--m-stacked__icon--MarginBottom,var(--pf-global--spacer--xs,.25rem))}#body::slotted(:is(h1,h2,h3,h4,h5,h6,p)),#title::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin-block:0}
|
|
481
|
+
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--ScaleY:var(--pf-c-tile--m-selected--after--ScaleY, 2)}:host([disabled]){--pf-c-tile--BackgroundColor:var(--pf-c-tile--m-disabled--BackgroundColor, var( --pf-global--disabled-color--300, #f0f0f0));--pf-c-tile__title--Color:var(--pf-c-tile--m-disabled__title--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile__body--Color:var(--pf-c-tile--m-disabled__body--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tile--before--BorderWidth:0;--pf-c-tile__icon--Color:var(--pf-c-tile--m-disabled__icon--Color, var(--pf-global--disabled-color--100, #6a6e73));pointer-events:none}[part=header]{display:flex;align-items:center;justify-content:center}[part=title]{color:var(--pf-c-tile__title--Color,var(--pf-global--Color--100,var(--pf-global--Color--dark-100,#151515)))}[part=body]{font-size:var(--pf-c-tile__body--FontSize, var(--pf-global--FontSize--xs, .75rem));color:var(--pf-c-tile__body--Color,var(--pf-global--Color--100,#151515))}[part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md, 1.125rem));--pf-icon--size:var(--_icon-size);margin-right:var(--pf-c-tile__icon--MarginRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--_icon-size);color:var(--pf-c-tile__icon--Color,var(--pf-global--Color--100,#151515))}:host([stacked]) [part=header]{--pf-c-tile__icon--MarginRight:0;--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--lg, 1.5rem)));flex-direction:column;justify-content:initial}:host([stacked=lg]) [part=icon]{--_icon-size:var(--pf-c-tile__icon--FontSize, var(--pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize, var(--pf-global--icon--FontSize--xl, 3.375rem)))}:host([stacked]) [part=icon]{display:flex;align-items:center;justify-content:center;margin-bottom:var(--pf-c-tile__header--m-stacked__icon--MarginBottom,var(--pf-global--spacer--xs,.25rem))}#body::slotted(:is(h1,h2,h3,h4,h5,h6,p)),#title::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin-block:0}`,Ol=bc;var Kt=class extends Ho{constructor(){super(...arguments);this.selected=!1}};Kt.styles=[Ol],o([Pl({reflect:!0,type:Boolean})],Kt.prototype,"selected",2),o([Pl({reflect:!0})],Kt.prototype,"stacked",2),Kt=o([vc("pf-tile")],Kt);import{LitElement as xc,html as yc}from"lit";import{customElement as Cc}from"lit/decorators/custom-element.js";import{property as ut}from"lit/decorators/property.js";import{css as uc}from"lit";var _c=uc`:host{display:inline}time{text-decoration:var(--_timestamp-text-decoration,none);text-underline-offset:var(--_timestamp-text-underline-offset,initial)}`,Nl=_c;var kc={fromAttribute(l){return!l||l==="true"}},_t,_r,Ao,Gl,$=class extends xc{constructor(){super(...arguments);n(this,Ao);n(this,_t,new Date);n(this,_r,i(this,_t).toISOString())}get date(){return i(this,_t).toLocaleString()}set date(t){m(this,_t,new Date(t)),m(this,_r,i(this,_t).toISOString())}get isoString(){return i(this,_r)}get time(){let{hour12:t,customFormat:r,dateFormat:a,timeFormat:s,utc:c}=this,x=r||{hour12:t,dateStyle:a,timeStyle:s,timeZone:c?"UTC":void 0},H=i(this,_t).toLocaleString(this.locale,x);return this.relative?p(this,Ao,Gl).call(this,i(this,_t)):`${H}${this.displaySuffix?` ${this.displaySuffix}`:""}`}willUpdate(){!this.displaySuffix&&this.utc&&(this.displaySuffix="UTC")}render(){return yc`
|
|
484
482
|
<time datetime="${this.isoString}">${this.time}</time>
|
|
485
|
-
`}};
|
|
483
|
+
`}};_t=new WeakMap,_r=new WeakMap,Ao=new WeakSet,Gl=function(t){let r=t.getTime()-Date.now(),a=r>0?"until":"ago",s="just now",c=Math.round(Math.abs(r)/1e3),b=Math.round(c/60),x=Math.round(b/60),H=Math.round(x/24),xt=Math.round(H/30),Ce=Math.round(xt/12);return xt>=18?s=`${Ce} years`:xt>=12?s="a year":H>=45?s=`${xt} months`:H>=30?s="a month":x>=36?s=`${H} days`:x>=24?s="a day":b>=90?s=`${x} hours`:b>=45?s="an hour":c>=90?s=`${b} minutes`:c>=45?s="a minute":c>=10&&(s=`${c} seconds`),s!=="just now"?`${s} ${a}`:s},$.styles=[Nl],o([ut({reflect:!0})],$.prototype,"date",1),o([ut({reflect:!0,attribute:"date-format"})],$.prototype,"dateFormat",2),o([ut({reflect:!0,attribute:"time-format"})],$.prototype,"timeFormat",2),o([ut({attribute:!1})],$.prototype,"customFormat",2),o([ut({reflect:!0,attribute:"display-suffix"})],$.prototype,"displaySuffix",2),o([ut({reflect:!0})],$.prototype,"locale",2),o([ut({reflect:!0,type:Boolean})],$.prototype,"relative",2),o([ut({reflect:!0,type:Boolean})],$.prototype,"utc",2),o([ut({reflect:!0,attribute:"hour-12",converter:kc})],$.prototype,"hour12",2),$=o([Cc("pf-timestamp")],$);export{wa as ModalCancelEvent,Ta as ModalCloseEvent,Wa as ModalOpenEvent,mt as PfAccordion,kt as PfAccordionHeader,Jt as PfAccordionPanel,Ft as PfAvatar,Bt as PfBadge,U as PfButton,ht as PfCard,y as PfClipboardCopy,ce as PfCodeBlock,Rt as PfIcon,Y as PfJumpLinks,Wt as PfJumpLinksItem,Oe as PfJumpLinksList,A as PfLabel,_ as PfModal,Pt as PfPanel,X as PfProgressStep,lt as PfProgressStepper,Ie as PfSpinner,pr as PfSwitch,vt as PfTab,Nt as PfTabPanel,nt as PfTabs,Kt as PfTile,$ as PfTimestamp,$t as PfTooltip};
|
|
486
484
|
/*! For license information please see pfe.min.js.LEGAL.txt */
|
|
487
485
|
//# sourceMappingURL=pfe.min.js.map
|