@patternfly/elements 2.2.2 → 2.3.0
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 +32 -45
- package/package.json +4 -3
- package/pf-accordion/BaseAccordion.d.ts +2 -1
- package/pf-accordion/BaseAccordion.js +239 -210
- package/pf-accordion/BaseAccordion.js.map +1 -1
- package/pf-accordion/BaseAccordionHeader.js +71 -69
- package/pf-accordion/BaseAccordionHeader.js.map +1 -1
- package/pf-accordion/BaseAccordionPanel.js +2 -2
- package/pf-accordion/BaseAccordionPanel.js.map +1 -1
- package/pf-accordion/pf-accordion-header.js +4 -9
- package/pf-accordion/pf-accordion-header.js.map +1 -1
- package/pf-accordion/pf-accordion-panel.js +1 -1
- package/pf-accordion/pf-accordion-panel.js.map +1 -1
- package/pf-accordion/pf-accordion.js +1 -1
- package/pf-accordion/pf-accordion.js.map +1 -1
- package/pf-avatar/BaseAvatar.js +1 -1
- package/pf-avatar/BaseAvatar.js.map +1 -1
- package/pf-avatar/pf-avatar.js +1 -1
- package/pf-avatar/pf-avatar.js.map +1 -1
- package/pf-badge/BaseBadge.js +1 -1
- package/pf-badge/BaseBadge.js.map +1 -1
- package/pf-badge/pf-badge.js +1 -1
- package/pf-badge/pf-badge.js.map +1 -1
- package/pf-button/BaseButton.js +16 -17
- package/pf-button/BaseButton.js.map +1 -1
- package/pf-button/pf-button.js +1 -1
- package/pf-button/pf-button.js.map +1 -1
- package/pf-card/BaseCard.js +1 -1
- package/pf-card/BaseCard.js.map +1 -1
- package/pf-card/pf-card.js +1 -1
- package/pf-card/pf-card.js.map +1 -1
- package/pf-clipboard-copy/BaseClipboardCopy.js +1 -1
- package/pf-clipboard-copy/BaseClipboardCopy.js.map +1 -1
- package/pf-clipboard-copy/pf-clipboard-copy.js +33 -36
- package/pf-clipboard-copy/pf-clipboard-copy.js.map +1 -1
- package/pf-code-block/BaseCodeBlock.js +1 -1
- package/pf-code-block/BaseCodeBlock.js.map +1 -1
- package/pf-code-block/pf-code-block.js +11 -14
- package/pf-code-block/pf-code-block.js.map +1 -1
- package/pf-icon/BaseIcon.js +41 -39
- package/pf-icon/BaseIcon.js.map +1 -1
- package/pf-icon/pf-icon.js +2 -2
- package/pf-icon/pf-icon.js.map +1 -1
- package/pf-jump-links/pf-jump-links-item.js +14 -17
- package/pf-jump-links/pf-jump-links-item.js.map +1 -1
- package/pf-jump-links/pf-jump-links-list.js +1 -1
- package/pf-jump-links/pf-jump-links-list.js.map +1 -1
- package/pf-jump-links/pf-jump-links.js +34 -37
- package/pf-jump-links/pf-jump-links.js.map +1 -1
- package/pf-label/BaseLabel.js +1 -1
- package/pf-label/BaseLabel.js.map +1 -1
- package/pf-label/pf-label.js +2 -2
- package/pf-label/pf-label.js.map +1 -1
- package/pf-modal/pf-modal.js +45 -46
- package/pf-modal/pf-modal.js.map +1 -1
- package/pf-panel/pf-panel.js +6 -7
- package/pf-panel/pf-panel.js.map +1 -1
- package/pf-popover/pf-popover.js +48 -51
- package/pf-popover/pf-popover.js.map +1 -1
- package/pf-progress-stepper/pf-progress-step.js +10 -11
- package/pf-progress-stepper/pf-progress-step.js.map +1 -1
- package/pf-progress-stepper/pf-progress-stepper.js +13 -16
- package/pf-progress-stepper/pf-progress-stepper.js.map +1 -1
- package/pf-spinner/BaseSpinner.js +1 -1
- package/pf-spinner/BaseSpinner.js.map +1 -1
- package/pf-spinner/pf-spinner.js +1 -1
- package/pf-spinner/pf-spinner.js.map +1 -1
- package/pf-switch/BaseSwitch.js +47 -44
- package/pf-switch/BaseSwitch.js.map +1 -1
- package/pf-switch/pf-switch.js +1 -1
- package/pf-switch/pf-switch.js.map +1 -1
- package/pf-tabs/BaseTab.js +31 -29
- package/pf-tabs/BaseTab.js.map +1 -1
- package/pf-tabs/BaseTabPanel.js +5 -11
- package/pf-tabs/BaseTabPanel.js.map +1 -1
- package/pf-tabs/BaseTabs.js +135 -116
- package/pf-tabs/BaseTabs.js.map +1 -1
- package/pf-tabs/pf-tab-panel.js +1 -1
- package/pf-tabs/pf-tab-panel.js.map +1 -1
- package/pf-tabs/pf-tab.js +1 -1
- package/pf-tabs/pf-tab.js.map +1 -1
- package/pf-tabs/pf-tabs.js +2 -2
- package/pf-tabs/pf-tabs.js.map +1 -1
- package/pf-tile/pf-tile.js +1 -1
- package/pf-tile/pf-tile.js.map +1 -1
- package/pf-timestamp/pf-timestamp.d.ts +8 -5
- package/pf-timestamp/pf-timestamp.js +21 -66
- package/pf-timestamp/pf-timestamp.js.map +1 -1
- package/pf-tooltip/BaseTooltip.js +7 -13
- package/pf-tooltip/BaseTooltip.js.map +1 -1
- package/pf-tooltip/pf-tooltip.js +1 -1
- package/pf-tooltip/pf-tooltip.js.map +1 -1
- package/pfe.min.js +121 -121
- package/pfe.min.js.map +4 -4
- package/react/pf-accordion/pf-accordion-header.js +12 -0
- package/react/pf-accordion/pf-accordion-panel.js +10 -0
- package/react/pf-accordion/pf-accordion.js +13 -0
- package/react/pf-avatar/pf-avatar.js +10 -0
- package/react/pf-badge/pf-badge.js +10 -0
- package/react/pf-button/pf-button.js +10 -0
- package/react/pf-card/pf-card.js +10 -0
- package/react/pf-clipboard-copy/pf-clipboard-copy.js +10 -0
- package/react/pf-code-block/pf-code-block.js +10 -0
- package/react/pf-icon/pf-icon.js +13 -0
- package/react/pf-jump-links/pf-jump-links-item.js +13 -0
- package/react/pf-jump-links/pf-jump-links-list.js +10 -0
- package/react/pf-jump-links/pf-jump-links.js +12 -0
- package/react/pf-label/pf-label.js +12 -0
- package/react/pf-modal/pf-modal.js +13 -0
- package/react/pf-panel/pf-panel.js +10 -0
- package/react/pf-popover/pf-popover.js +10 -0
- package/react/pf-progress-stepper/pf-progress-step.js +10 -0
- package/react/pf-progress-stepper/pf-progress-stepper.js +10 -0
- package/react/pf-spinner/pf-spinner.js +10 -0
- package/react/pf-switch/pf-switch.js +12 -0
- package/react/pf-tabs/pf-tab-panel.js +10 -0
- package/react/pf-tabs/pf-tab.js +12 -0
- package/react/pf-tabs/pf-tabs.js +10 -0
- package/react/pf-tile/pf-tile.js +10 -0
- package/react/pf-timestamp/pf-timestamp.js +10 -0
- package/react/pf-tooltip/pf-tooltip.js +10 -0
package/pfe.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var gn=Object.defineProperty;var hn=Object.getOwnPropertyDescriptor;var o=(n,e,t,r)=>{for(var i=r>1?void 0:r?hn(e,t):e,l=n.length-1,c;l>=0;l--)(c=n[l])&&(i=(r?c(e,t,i):c(i))||i);return r&&i&&gn(e,t,i),i};var ao=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var a=(n,e,t)=>(ao(n,e,"read from private field"),t?t.call(n):e.get(n)),s=(n,e,t)=>{if(e.has(n))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(n):e.set(n,t)},m=(n,e,t,r)=>(ao(n,e,"write to private field"),r?r.call(n,t):e.set(n,t),t);var p=(n,e,t)=>(ao(n,e,"access private method"),t);import{html as Wa}from"lit";import{customElement as Gn}from"lit/decorators/custom-element.js";import{property as yo}from"lit/decorators/property.js";import{__decorate as Ve}from"tslib";function _(n,e,t){if(typeof t?.value!="function")throw new TypeError(`Only methods can be decorated with @bound. <${e??n.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{static{this.instances=new WeakMap}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")}};function bn(n){return n.length===1&&typeof n[0]=="object"&&n[0]!==null}var vn=n=>e=>n===b.anonymous?!e.hasAttribute("slot"):e.getAttribute("slot")===n,b=class{static{this.anonymous=Symbol("anonymous slot")}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),bn(t)){let[{slots:r,deprecations:i}]=t;this.slotNames=r,this.deprecations=i??{}}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(b.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:i}of e)for(let l of[...r,...i])l instanceof HTMLElement&&l.slot&&(this.initSlot(l.slot),t.push(l.slot));t.length&&this.host.requestUpdate()}getChildrenForSlot(e){return Array.from(this.host.children).filter(vn(e))}initSlot(e){let t=e||b.anonymous,r=this.nodes.get(t)?.slot?.assignedElements?.()??this.getChildrenForSlot(t),i=e?`slot[name="${e}"]`:"slot:not([name])",l=this.host.shadowRoot?.querySelector?.(i)??null,c=!!r.length;this.nodes.set(t,{elements:r,name:e??"",hasContent:c,slot:l}),this.logger.log(e,c)}init(){this.nodes.clear(),this.slotNames.forEach(this.initSlot),Object.values(this.deprecations).forEach(this.initSlot),this.host.requestUpdate()}};Ve([_],b.prototype,"onSlotChange",null);Ve([_],b.prototype,"onMutation",null);Ve([_],b.prototype,"initSlot",null);Ve([_],b.prototype,"init",null);import{LitElement as ua,html as ft}from"lit";import{property as bo}from"lit/decorators/property.js";import{LitElement as Tn,html as zn}from"lit";import{property as Wn}from"lit/decorators/property.js";var lc=Symbol();function aa(n){return document.head.querySelector(`meta[name="${n}"]`)?.content}function na(n){return{fromAttribute(e){return typeof e!="string"?null:e.split(",").map(n)},toAttribute(e){return e.join(",")}}}var sa=na(n=>parseInt(n?.trim(),10)),la=na(n=>n.trim()),u=class extends Event{constructor(e,t){super(e,{bubbles:!0,composed:!0,...t})}},ia=document.body.hasAttribute("no-auto-reveal");window.PfeConfig=Object.assign(window.PfeConfig??{},{trackPerformance:window.PfeConfig?.trackPerformance??aa("pf-track-performance")==="true",autoReveal:window.PfeConfig?.autoReveal??(ia?!ia:aa("pf-auto-reveal")==="true"),get log(){return!!localStorage.pfeLog},set log(n){n?localStorage.setItem("pfeLog",`${!0}`):localStorage.removeItem("pfeLog")}});import{LitElement as xn,html as yn}from"lit";import{property as kn}from"lit/decorators/property.js";function H(n="pfe"){return`${n}-${Math.random().toString(36).substr(2,9)}`}import{css as un}from"lit";var _n=un`: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}`,pa=_n;var J=class extends xn{constructor(){super(...arguments);this.expanded=!1}connectedCallback(){super.connectedCallback(),this.id||=H(this.localName),this.setAttribute("role","region")}render(){return yn`
|
|
2
2
|
<div tabindex="-1">
|
|
3
3
|
<div id="container" class="content" part="container">
|
|
4
4
|
<div class="body">
|
|
@@ -6,18 +6,18 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
</div>
|
|
9
|
-
`}};
|
|
9
|
+
`}};J.styles=[pa],o([kn({type:Boolean,reflect:!0})],J.prototype,"expanded",2);var Cn=n=>!!n&&!n.hasAttribute("disabled")&&!n.ariaHidden&&!n.hasAttribute("hidden"),dt=class{#t;#e;#a=[];get#r(){return this.#a.filter(Cn)}get#o(){return this.#r&&this.activeItem?this.#r.indexOf(this.activeItem):-1}get#i(){return this.activeItem?this.#a.indexOf(this.activeItem):-1}get activeItem(){return this.#t}get firstItem(){return this.#r[0]}get lastItem(){return this.#r.at(-1)}get nextItem(){return this.#o>=this.#r.length-1?this.firstItem:this.#r[this.#o+1]}get prevItem(){return this.#o>0?this.#r[this.#o-1]:this.lastItem}constructor(e){this.host=e,this.host.addController(this)}#n=e=>{if(e.ctrlKey||e.altKey||e.metaKey||!this.#r.length||!e.composedPath().some(l=>this.#r.includes(l)))return;let t=this.activeItem,r=!1,i=t?t.tagName==="SELECT"||t.getAttribute("role")==="spinbutton":!1;switch(e.key){case"ArrowLeft":this.focusOnItem(this.prevItem),r=!0;break;case"ArrowRight":this.focusOnItem(this.nextItem),r=!0;break;case"ArrowUp":if(i)return;this.focusOnItem(this.prevItem),r=!0;break;case"ArrowDown":if(i)return;this.focusOnItem(this.nextItem),r=!0;break;case"Home":this.focusOnItem(this.firstItem),r=!0;break;case"PageUp":if(i)return;this.focusOnItem(this.firstItem),r=!0;break;case"End":this.focusOnItem(this.lastItem),r=!0;break;case"PageDown":if(i)return;this.focusOnItem(this.lastItem),r=!0;break;default:break}r&&(e.stopPropagation(),e.preventDefault())};updateActiveItem(e){e&&(this.#t&&e!==this.#t&&(this.#t.tabIndex=-1),e.tabIndex=0,this.#t=e)}focusOnItem(e){this.updateActiveItem(e||this.firstItem),this.#t?.focus(),this.host.requestUpdate()}updateItems(e){let r=[...e.slice(this.#i),...e.slice(0,this.#i)].find(i=>this.#r.includes(i));this.focusOnItem(r||this.firstItem)}initItems(e,t=this.host){this.#a=e??[];let r=this.#r,[i]=r;this.#t=i;for(let l of r)l.tabIndex=this.#t===l?0:-1;(!this.#e||t!==this.#e)&&(this.#e?.removeEventListener("keydown",this.#n),this.#e=t,this.hostConnected())}hostConnected(){this.#e?.addEventListener("keydown",this.#n)}hostDisconnected(){this.#e?.removeEventListener("keydown",this.#n)}};import{css as Bn}from"lit";var wn=Bn`:host{transition-property:box-shadow,border;transition-timing-function:ease-out;transition-duration:1ms}`,ca=wn;var Sn=/^[0-9.]+(?<unit>[a-zA-Z]+)/g,io=class extends u{constructor(t,r){super("expand");this.toggle=t;this.panel=r}},no=class extends u{constructor(t,r){super("collapse");this.toggle=t;this.panel=r}},fe,kt,me,so,ge,Je,he,tr,er,be,lo,rr,da,Dt,Ke,Ot,Ze,Nt,Ye,ve,po,ue,co,_e,fo,xe,mo,or,fa,ho,Ln,Ut,Xe,ye,go,ar,ma,ir,ga,nr,ha,sr,ba,qt,Qe,tt=class extends Tn{constructor(){super(...arguments);s(this,me);s(this,be);s(this,rr);s(this,Dt);s(this,Ot);s(this,Nt);s(this,ve);s(this,ue);s(this,_e);s(this,xe);s(this,or);s(this,ho);s(this,Ut);s(this,ye);s(this,ar);s(this,ir);s(this,nr);s(this,sr);s(this,qt);s(this,fe,new dt(this));s(this,kt,[]);this.expandedSets=new Set;s(this,ge,new g(this));s(this,Je,getComputedStyle(this));s(this,he,p(this,_e,fo).call(this));s(this,tr,!1);s(this,er,new MutationObserver(()=>p(this,be,lo).call(this)))}static isAccordion(t){return t instanceof tt}static isHeader(t){return t instanceof A}static isPanel(t){return t instanceof J}get expandedIndex(){return a(this,kt)}set expandedIndex(t){let r=a(this,kt);m(this,kt,t),JSON.stringify(r)!==JSON.stringify(t)&&(this.requestUpdate("expandedIndex",r),this.collapseAll().then(async()=>{for(let i of this.expandedIndex)await this.expand(i,this)}))}get headers(){return p(this,Ut,Xe).call(this)}get panels(){return p(this,ye,go).call(this)}async getUpdateComplete(){let t=await super.getUpdateComplete(),r=await Promise.all([...p(this,Ut,Xe).call(this).map(i=>i.updateComplete),...p(this,ye,go).call(this).map(i=>i.updateComplete)]);return t&&r.every(Boolean)}connectedCallback(){super.connectedCallback(),this.addEventListener("change",p(this,or,fa)),a(this,er).observe(this,{childList:!0}),p(this,be,lo).call(this)}render(){return zn`
|
|
10
10
|
<slot></slot>
|
|
11
|
-
`}async firstUpdated(){let{headers:t}=this;t.forEach((r,
|
|
11
|
+
`}async firstUpdated(){let{headers:t}=this;t.forEach((r,i)=>{if(r.expanded){p(this,Ot,Ze).call(this,r,i);let l=p(this,Dt,Ke).call(this,r);l&&p(this,Nt,Ye).call(this,l)}})}updateAccessibility(){let{headers:t}=this;t.forEach(r=>{let i=p(this,Dt,Ke).call(this,r);i&&(r.setAttribute("aria-controls",i.id),i.setAttribute("aria-labelledby",r.id),i.hidden=!i.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 l=p(this,Ut,Xe).call(this,r)[t];if(!l)return;let c=p(this,Dt,Ke).call(this,l);c&&(p(this,Ot,Ze).call(this,l,t),p(this,Nt,Ye).call(this,c),l.focus(),this.dispatchEvent(new io(l,c)),await this.updateComplete)}async expandAll(){this.headers.forEach(t=>p(this,Ot,Ze).call(this,t)),this.panels.forEach(t=>p(this,Nt,Ye).call(this,t)),await this.updateComplete}async collapse(t){let r=this.headers.at(t),i=this.panels.at(t);!r||!i||(p(this,ve,po).call(this,r),p(this,ue,co).call(this,i),this.dispatchEvent(new no(r,i)),await this.updateComplete)}async collapseAll(){this.headers.forEach(t=>p(this,ve,po).call(this,t)),this.panels.forEach(t=>p(this,ue,co).call(this,t)),await this.updateComplete}},et=tt;fe=new WeakMap,kt=new WeakMap,me=new WeakSet,so=function(){let{headers:t}=this,r=t.findIndex(i=>i.matches(":focus,:focus-within"));return t.at(r)},ge=new WeakMap,Je=new WeakMap,he=new WeakMap,tr=new WeakMap,er=new WeakMap,be=new WeakSet,lo=async function(){a(this,tr)||m(this,tr,!!await this.updateComplete),a(this,fe).initItems(this.headers),this.addEventListener("focusin",p(this,rr,da)),this.updateAccessibility()},rr=new WeakSet,da=function(){a(this,me,so)&&a(this,fe).updateActiveItem(a(this,me,so))},Dt=new WeakSet,Ke=function(t){let r=t.nextElementSibling;return tt.isPanel(r)?r:void a(this,ge).error("Sibling element to a header needs to be a panel")},Ot=new WeakSet,Ze=function(t,r=p(this,qt,Qe).call(this,t)){this.expandedSets.add(r),m(this,kt,[...this.expandedSets]),t.expanded=!0},Nt=new WeakSet,Ye=async function(t){t.expanded=!0,t.hidden=!1,await t.updateComplete;let r=t.getBoundingClientRect();p(this,xe,mo).call(this,t,0,r.height)},ve=new WeakSet,po=async function(t,r=p(this,qt,Qe).call(this,t)){this.expandedSets||await this.updateComplete,this.expandedSets.delete(r),t.expanded=!1,await t.updateComplete},ue=new WeakSet,co=async function(t){if(await t.updateComplete,!t.expanded)return;let r=t.getBoundingClientRect();t.expanded=!1,t.hidden=!0,p(this,xe,mo).call(this,t,r.height,0),await t.updateComplete},_e=new WeakSet,fo=function(){if("computedStyleMap"in this)return this.computedStyleMap().get("transition-duration")?.to("ms").value;{let{transitionDuration:t}=a(this,Je),r=Sn.exec(t)?.groups;if(!r)return 0;let i=parseFloat(t);return r.unit==="s"?i*1e3:i}},xe=new WeakSet,mo=async function(t,r,i){if(t){let l=t.previousElementSibling,c=p(this,_e,fo).call(this);c&&m(this,he,c);let d=a(this,he)??0;l?.classList.add("animating"),t.classList.add("animating");let h=t.animate({height:[`${r}px`,`${i}px`]},{duration:d});h.play(),await h.finished,l?.classList.remove("animating"),t.classList.remove("animating"),t.style.removeProperty("height"),t.hidden=!t.expanded}},or=new WeakSet,fa=function(t){if(this.classList.contains("animating"))return;let r=p(this,qt,Qe).call(this,t.target);t.expanded?this.expand(r,t.accordion):this.collapse(r)},ho=new WeakSet,Ln=async function(t){let r=t.target;if(!tt.isHeader(r))return;let i;switch(t.key){case"ArrowDown":t.preventDefault(),i=p(this,ir,ga).call(this);break;case"ArrowUp":t.preventDefault(),i=p(this,ar,ma).call(this);break;case"Home":t.preventDefault(),i=p(this,nr,ha).call(this);break;case"End":t.preventDefault(),i=p(this,sr,ba).call(this);break}i?.focus?.()},Ut=new WeakSet,Xe=function(t=this){return Array.from(t.children).filter(tt.isHeader)},ye=new WeakSet,go=function(t=this){return Array.from(t.children).filter(tt.isPanel)},ar=new WeakSet,ma=function(){let{headers:t}=this,r=t.findIndex(i=>i.matches(":focus,:focus-within"))-1;return t[(r+t.length)%t.length]},ir=new WeakSet,ga=function(){let{headers:t}=this,r=t.findIndex(i=>i.matches(":focus,:focus-within"))+1;return t[r%t.length]},nr=new WeakSet,ha=function(){return this.headers.at(0)},sr=new WeakSet,ba=function(){return this.headers.at(-1)},qt=new WeakSet,Qe=function(t){return tt.isHeader(t)?this.headers.findIndex(r=>r.id===t.id):tt.isPanel(t)?this.panels.findIndex(r=>r.id===t.id):(a(this,ge).warn("The #getIndex method expects to receive a header or panel element."),-1)},et.styles=[ca],o([Wn({attribute:"expanded-index",converter:sa})],et.prototype,"expandedIndex",1);import{css as Mn}from"lit";var En=Mn`#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}`,va=En;var Rn=n=>n instanceof HTMLElement&&!!n.tagName.match(/P|^H[1-6]/),vo=class extends u{constructor(t,r,i){super("change");this.expanded=t;this.toggle=r;this.accordion=i}},P,Ct,Gt,lr,_a,V,mt,pr,xa,cr,ya,A=class extends ua{constructor(){super(...arguments);s(this,lr);s(this,V);s(this,pr);s(this,cr);this.expanded=!1;s(this,P,void 0);s(this,Ct,new g(this));s(this,Gt,void 0)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",p(this,cr,ya)),this.hidden=!0,this.id||=H(this.localName),p(this,lr,_a).call(this)}render(){switch(this.headingTag){case"h1":return ft`<h1 id="heading">${p(this,V,mt).call(this)}</h1>`;case"h2":return ft`<h2 id="heading">${p(this,V,mt).call(this)}</h2>`;case"h3":return ft`<h3 id="heading">${p(this,V,mt).call(this)}</h3>`;case"h4":return ft`<h4 id="heading">${p(this,V,mt).call(this)}</h4>`;case"h5":return ft`<h5 id="heading">${p(this,V,mt).call(this)}</h5>`;case"h6":return ft`<h6 id="heading">${p(this,V,mt).call(this)}</h6>`;default:return p(this,V,mt).call(this)}}};P=new WeakMap,Ct=new WeakMap,Gt=new WeakMap,lr=new WeakSet,_a=async function(){this.headingText&&!this.headingTag&&(this.headingTag="h3"),m(this,Gt,p(this,pr,xa).call(this)),a(this,Gt)!==a(this,P)&&m(this,P,void 0);do await this.updateComplete;while(!await this.updateComplete);this.hidden=!1},V=new WeakSet,mt=function(){let t=this.headingText?.trim()??a(this,Gt)?.textContent?.trim();return ft`
|
|
12
12
|
<button id="button"
|
|
13
13
|
class="toggle"
|
|
14
14
|
aria-expanded="${String(!!this.expanded)}">
|
|
15
|
-
<span part="text">${t??
|
|
15
|
+
<span part="text">${t??ft`
|
|
16
16
|
<slot></slot>`}
|
|
17
17
|
</span>
|
|
18
18
|
${this.renderAfterButton?.()}
|
|
19
19
|
</button>
|
|
20
|
-
`},
|
|
20
|
+
`},pr=new WeakSet,xa=function(){if(!this.firstElementChild&&!this.firstChild)return void a(this,Ct).warn("No header content provided");if(this.firstElementChild){let[t,...r]=Array.from(this.children).filter(i=>!i.hasAttribute("slot")&&Rn(i));if(t)r.length&&a(this,Ct).warn("Heading currently only supports 1 tag; extra tags will be ignored.");else return void a(this,Ct).warn("No heading information was provided.");return t}else return a(this,P)||a(this,Ct).warn("Header should contain at least 1 heading tag for correct semantics."),m(this,P,document.createElement("h3")),this.firstChild?.nodeType===Node.TEXT_NODE?a(this,P).textContent=this.firstChild.textContent:a(this,P).textContent=this.textContent,a(this,P)},cr=new WeakSet,ya=function(t){let r=!this.expanded,i=t.composedPath().find(et.isAccordion);i&&this.dispatchEvent(new vo(r,this,i))},A.styles=[va],A.shadowRootOptions={...ua.shadowRootOptions,delegatesFocus:!0},o([bo({type:Boolean,reflect:!0})],A.prototype,"expanded",2),o([bo({reflect:!0,attribute:"heading-text"})],A.prototype,"headingText",2),o([bo({reflect:!0,attribute:"heading-tag"})],A.prototype,"headingTag",2);import{css as Fn}from"lit";var In=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,
|
|
21
21
|
"RedHatDisplayUpdated",
|
|
22
22
|
"Overpass",
|
|
23
23
|
overpass,
|
|
@@ -35,12 +35,12 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
35
35
|
--pf-global--primary-color--100,
|
|
36
36
|
#0066cc
|
|
37
37
|
)
|
|
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))}`,
|
|
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))}`,ka=In;import{LitElement as An,html as jn}from"lit";import{property as uo}from"lit/decorators/property.js";import{state as Dn}from"lit/decorators/state.js";import{css as $n}from"lit";var Hn=$n`: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}`,Ca=Hn;var Ba=window.requestIdleCallback??window.requestAnimationFrame,_o=class extends ErrorEvent{constructor(t,r){super("error",{message:`Could not load icon at ${t}`});this.originalError=r}},Pt,dr,rt,Bt,fr,wa,mr,Ta,xo=class extends An{constructor(){super(...arguments);s(this,rt);s(this,fr);s(this,mr);this.set=a(this,rt,Bt).defaultIconSet;this.icon="";this.loading="lazy";s(this,Pt,!1);s(this,dr,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 i of this.instances)i.load()}}connectedCallback(){super.connectedCallback(),a(this,rt,Bt).instances.add(this)}willUpdate(t){t.has("icon")&&p(this,mr,Ta).call(this)}disconnectedCallback(){super.disconnectedCallback(),a(this,rt,Bt).instances.delete(this)}render(){let t=this.content??"";return jn`
|
|
39
39
|
<div id="container" aria-hidden="true">${t}<span part="fallback" ?hidden=${!!t}>
|
|
40
40
|
<slot></slot>
|
|
41
41
|
</span>
|
|
42
42
|
</div>
|
|
43
|
-
`}async load(){let{set:t,icon:r}=this,a
|
|
43
|
+
`}async load(){let{set:t,icon:r}=this,i=a(this,rt,Bt).getters.get(t)??a(this,rt,Bt).getIconUrl,l="UNKNOWN ICON";if(t&&r)try{let c=i(t,r);c instanceof URL?l=c.pathname:l=c;let d=await import(l);this.content=d.default instanceof Node?d.default.cloneNode(!0):d.default,await this.updateComplete,this.dispatchEvent(new Event("load",{bubbles:!0}))}catch(c){let d=new _o(l,c);a(this,dr).error(c.message),this.dispatchEvent(d)}}},z=xo;Pt=new WeakMap,dr=new WeakMap,rt=new WeakSet,Bt=function(){return this.constructor},fr=new WeakSet,wa=function(){a(this,rt,Bt).io.observe(this),a(this,Pt)&&this.load()},mr=new WeakSet,Ta=function(){switch(this.loading){case"idle":return void Ba(()=>this.load());case"lazy":return void p(this,fr,wa).call(this);case"eager":return void this.load()}},z.styles=[Ca],z.getIconUrl=(t,r)=>new URL(`./icons/${t}/${r}.js`,import.meta.url),z.onIntersect=t=>t.forEach(({isIntersecting:r,target:i})=>{let l=i;m(l,Pt,r),Ba(()=>{a(l,Pt)&&l.load()})}),z.io=new IntersectionObserver(xo.onIntersect),z.getters=new Map,z.instances=new Set,o([uo()],z.prototype,"set",2),o([uo({reflect:!0})],z.prototype,"icon",2),o([uo()],z.prototype,"loading",2),o([Dn()],z.prototype,"content",2);import{customElement as Un}from"lit/decorators/custom-element.js";import{property as qn}from"lit/decorators/property.js";import{css as On}from"lit";var Nn=On`: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))}`,za=Nn;var wt=class extends z{constructor(){super(...arguments);this.size="sm"}};wt.styles=[...z.styles,za],wt.defaultIconSet="fas",o([qn({reflect:!0})],wt.prototype,"size",2),wt=o([Un("pf-icon")],wt);var gr,gt=class extends A{constructor(){super(...arguments);s(this,gr,new b(this,"accents",null))}renderAfterButton(){return Wa`${a(this,gr).hasSlotted("accents")?Wa`
|
|
44
44
|
<span part="accents">
|
|
45
45
|
<slot name="accents"></slot>
|
|
46
46
|
</span>`:""}
|
|
@@ -49,54 +49,54 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
49
49
|
set="${this.iconSet??"fas"}"
|
|
50
50
|
class="icon"
|
|
51
51
|
size="lg"></pf-icon>
|
|
52
|
-
`}};
|
|
52
|
+
`}};gr=new WeakMap,gt.styles=[...A.styles,ka],o([yo({reflect:!0})],gt.prototype,"bordered",2),o([yo({reflect:!0})],gt.prototype,"icon",2),o([yo({reflect:!0,attribute:"icon-set"})],gt.prototype,"iconSet",2),gt=o([Gn("pf-accordion-header")],gt);import{customElement as Kn}from"lit/decorators/custom-element.js";import{property as Zn}from"lit/decorators/property.js";import{css as Pn}from"lit";var Vn=Pn`: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(
|
|
53
53
|
--pf-c-accordion__panel--content-body--before--BackgroundColor,
|
|
54
|
-
var(--pf-global--primary-color--100, #0066cc))}`,
|
|
54
|
+
var(--pf-global--primary-color--100, #0066cc))}`,Sa=Vn;var Vt=class extends J{};Vt.styles=[...J.styles,Sa],o([Zn({reflect:!0})],Vt.prototype,"bordered",2),Vt=o([Kn("pf-accordion-panel")],Vt);import{__decorate as Yn}from"tslib";function La(n,e,t=!1){let r;return function(...i){let l=this,c=function(){r=null,t||n.apply(l,i)},d=t&&!r;clearTimeout(r),r=window.setTimeout(c,e),d&&n.apply(l,i)}}var K=class{static{this.instances=new WeakMap}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),K.instances.set(e,this);let r=this.options?.properties??{};for(let[i,l]of Object.entries(r))this.initProp(i,l);e.addController(this),this.cascadeProperties=La(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 i of t)if(r.matches(i)){let l=this.cache.get(i);for(let c of l??[])this._copyAttribute(c,r)}}}}initProp(e,t){for(let r of[t].flat(1/0).filter(Boolean)){let{attribute:i}=this.class.getPropertyOptions(e),l=typeof i=="string"?i:e.toLowerCase();this.cache.get(r)?this.cache.get(r)?.push(l):this.cache.set(r,[l])}}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 i of t.get(r)??[])this._cascadeAttribute(i,r)}_cascadeAttribute(e,t){let r=[...this.host.querySelectorAll(t),...this.host.shadowRoot?.querySelectorAll(t)??[]];for(let i of r)this._copyAttribute(e,i)}};Yn([_],K.prototype,"parse",null);function ke(...n){return function(e,t){e.constructor.addInitializer(r=>{let i=r;K.instances.has(i)||K.instances.set(i,new K(i)),K.instances.get(i)?.initProp(t,n)})}}function Ma(n){return function(e,t){let{alias:r,...i}=n,l=e.constructor,c=l.getPropertyOptions(r);l.createProperty(t,{...c,...i}),l.addInitializer(d=>{d.addController(new ko(d,n,t))})}}var ko=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 hr=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 Ea(n){return function(e,t){e.constructor.addInitializer(r=>{let i=e[t],l=new hr(r,i,n);r.isConnected&&l.hostConnected()})}}var Co=Symbol("observed properties controller"),ht=class{static{this.hosts=new WeakMap}delete(e){this.values.delete(e)}constructor(e){if(this.host=e,this.values=new Map,ht.hosts.get(e))return ht.hosts.get(e);e.addController(this),e[Co]=this}hostUpdate(){for(let[e,[t,[r,i]]]of this.values)this.host[t]?.(r,i),this.delete(e)}hostUpdated(){this.host.removeController(this)}cache(e,t,...r){this.values.set(e,[t,r])}};function W(...n){if(n.length===1){let[e]=n;return function(t,r){t.constructor.addInitializer(i=>new ht(i)),Ra(t,r,e)}}else{let[e,t]=n;e.constructor.addInitializer(r=>new ht(r)),Ra(e,t)}}function Ra(n,e,t){let r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(n,e,{...r,configurable:!0,set(i){let l=this[e];if(r?.set?.call(this,i),typeof t=="function")t.call(this,l,i);else{let c=t||`_${e}Changed`;this.hasUpdated?this[c]?.(l,i):this[Co].cache(e,c,l,i)}}})}import{property as br}from"lit/decorators/property.js";import{customElement as Jn}from"lit/decorators/custom-element.js";import{css as Xn}from"lit";var Qn=Xn`: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)}`,Fa=Qn;var ot=class extends et{constructor(){super(...arguments);this.single=!1;this.bordered=!1;this.large=!1;this.fixed=!1}async firstUpdated(){let t=null;if(this.single){let r=[...this.querySelectorAll("pf-accordion-header")],i=r.filter(l=>l.hasAttribute("expanded")).pop();i&&(t=r.indexOf(i))}await super.firstUpdated(),t!==null&&this.headers.forEach((r,i)=>{this.headers.at(i)?.toggleAttribute("expanded",i===t),this.panels.at(i)?.toggleAttribute("expanded",i===t)})}async expand(t,r){if(t===-1)return;let i=this.headers;this.single&&await Promise.all([...i.map((l,c)=>l.expanded&&this.collapse(c))]),await super.expand(t,r)}};ot.styles=[...et.styles,Fa],o([br({reflect:!0,type:Boolean})],ot.prototype,"single",2),o([br({type:Boolean,reflect:!0})],ot.prototype,"bordered",2),o([W(function(){[...this.headers,...this.panels].forEach(e=>e.toggleAttribute("large",this.large))}),br({type:Boolean,reflect:!0})],ot.prototype,"large",2),o([br({type:Boolean,reflect:!0})],ot.prototype,"fixed",2),ot=o([Jn("pf-accordion")],ot);import{property as Ha}from"lit/decorators/property.js";import{customElement as is}from"lit/decorators/custom-element.js";import{LitElement as rs,html as Bo}from"lit";import{property as vr}from"lit/decorators/property.js";import{css as ts}from"lit";var es=ts`:host{display:contents}:host([src]) img,svg{display:inline;object-fit:cover}:host([hidden]){display:none}`,Ia=es;var wo=class extends Event{constructor(t){super("load",{bubbles:!0,composed:!0});this.originalEvent=t}},at=class extends rs{constructor(){super(...arguments);this.alt="Avatar image";this.size="sm";this.dark=!1}render(){return this.src!=null?Bo`
|
|
55
55
|
<img
|
|
56
56
|
size=${this.size}
|
|
57
57
|
alt=${this.alt??""}
|
|
58
|
-
@load="${t=>this.dispatchEvent(new
|
|
58
|
+
@load="${t=>this.dispatchEvent(new wo(t))}"
|
|
59
59
|
src=${this.src}>
|
|
60
|
-
`:this.dark?
|
|
60
|
+
`:this.dark?Bo`
|
|
61
61
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
62
62
|
<style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
|
|
63
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"/>
|
|
64
64
|
</svg>
|
|
65
|
-
`:
|
|
65
|
+
`:Bo`
|
|
66
66
|
<svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
|
|
67
67
|
<style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
|
|
68
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"/>
|
|
69
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"/>
|
|
70
70
|
</svg>
|
|
71
|
-
`}};
|
|
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)}
|
|
73
|
-
<span>${
|
|
74
|
-
`}};
|
|
71
|
+
`}};at.styles=[Ia],o([vr()],at.prototype,"src",2),o([vr({reflect:!0})],at.prototype,"alt",2),o([vr({reflect:!0})],at.prototype,"size",2),o([vr({type:Boolean,reflect:!0})],at.prototype,"dark",2);import{css as os}from"lit";var as=os`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)}`,$a=as;var Tt=class extends at{constructor(){super(...arguments);this.size="sm"}};Tt.styles=[$a],o([Ha({reflect:!0})],Tt.prototype,"size",2),o([Ha({reflect:!0})],Tt.prototype,"border",2),Tt=o([is("pf-avatar")],Tt);import{customElement as fs}from"lit/decorators/custom-element.js";import{property as To}from"lit/decorators/property.js";import{LitElement as ls,html as ps}from"lit";import{css as ns}from"lit";var ss=ns`:host{position:relative;white-space:nowrap;text-align:center;display:inline-block}`,Aa=ss;var Kt=class extends ls{render(){let{threshold:e,number:t,textContent:r}=this,i=e&&t&&e<t?`${e.toString()}+`:t!=null?t.toString():r??"";return ps`
|
|
73
|
+
<span>${i}</span>
|
|
74
|
+
`}};Kt.styles=[Aa];import{css as cs}from"lit";var ds=cs`: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,
|
|
75
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,
|
|
76
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,
|
|
77
77
|
var(--pf-global--palette--black-900, #151515));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-read--BackgroundColor,
|
|
78
78
|
var(--pf-global--palette--black-200, #f0f0f0))}:host([state=unread]){--pf-c-badge--Color:var(--pf-c-badge--m-unread--Color,
|
|
79
79
|
var(--pf-global--palette--white, #fff));--pf-c-badge--BackgroundColor:var(--pf-c-badge--m-unread--BackgroundColor,
|
|
80
|
-
var(--pf-global--palette--blue-400, #06c))}`,
|
|
81
|
-
<button aria-label="${
|
|
82
|
-
class="${
|
|
80
|
+
var(--pf-global--palette--blue-400, #06c))}`,ja=ds;var bt=class extends Kt{};bt.styles=[...Kt.styles,ja],o([To({reflect:!0})],bt.prototype,"state",2),o([To({reflect:!0,type:Number})],bt.prototype,"number",2),o([To({reflect:!0,type:Number})],bt.prototype,"threshold",2),bt=o([fs("pf-badge")],bt);import{html as Ws}from"lit";import{customElement as Ss}from"lit/decorators/custom-element.js";import{property as zt}from"lit/decorators/property.js";import{ifDefined as Ka}from"lit/directives/if-defined.js";import{LitElement as Na,html as hs}from"lit";import{property as Zt}from"lit/decorators/property.js";import{classMap as bs}from"lit/directives/class-map.js";import{ifDefined as zo}from"lit/directives/if-defined.js";function Da(n){return n==="role"||n.startsWith("aria")}var Z=class{#t;#e=!1;get formDisabled(){return this.host.matches(":disabled")||this.#e}static{this.protos=new WeakMap}get labels(){return this.#t.labels}get validity(){return this.#t.validity}constructor(e,t){this.host=e,this.#t=e.attachInternals();let r=e.formDisabledCallback;e.formDisabledCallback=i=>{this.#e=i,r?.call(e,i)};for(let i of Object.keys(Object.getPrototypeOf(this.#t)))Da(i)&&Object.defineProperty(this,i,{get(){return this.#t[i]},set(l){this.#t[i]=l,this.host.requestUpdate()}});for(let[i,l]of Object.entries(t??{}))Da(i)&&(this[i]=l)}setFormValue(...e){return this.#t.setFormValue(...e)}setValidity(...e){return this.#t.setValidity(...e)}checkValidity(...e){return this.#t.checkValidity(...e)}reportValidity(...e){return this.#t.reportValidity(...e)}submit(){this.#t.form?.requestSubmit()}reset(){this.#t.form?.reset()}};import{css as ms}from"lit";var gs=ms`: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}`,Oa=gs;var Yt,ur,Ua,S=class extends Na{constructor(){super(...arguments);s(this,ur);this.disabled=!1;s(this,Yt,new Z(this))}get hasIcon(){return!!this.icon}render(){let{hasIcon:t}=this;return hs`
|
|
81
|
+
<button aria-label="${zo(this.label)}"
|
|
82
|
+
class="${bs({hasIcon:t})}"
|
|
83
83
|
part="button"
|
|
84
|
-
type="${
|
|
85
|
-
value="${
|
|
86
|
-
@click="${p(this,
|
|
87
|
-
?disabled="${this.disabled||
|
|
84
|
+
type="${zo(this.type)}"
|
|
85
|
+
value="${zo(this.value)}"
|
|
86
|
+
@click="${p(this,ur,Ua)}"
|
|
87
|
+
?disabled="${this.disabled||a(this,Yt).formDisabled}">
|
|
88
88
|
<slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
|
|
89
89
|
<slot id="text" aria-hidden=${String(!!this.label)}></slot>
|
|
90
90
|
</button>
|
|
91
|
-
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};
|
|
91
|
+
`}async formDisabledCallback(){await this.updateComplete,this.requestUpdate()}};Yt=new WeakMap,ur=new WeakSet,Ua=function(){switch(this.type){case"reset":return a(this,Yt).reset();default:return a(this,Yt).submit()}},S.styles=[Oa],S.formAssociated=!0,S.shadowRootOptions={...Na.shadowRootOptions,delegatesFocus:!0},o([Zt({reflect:!0,type:Boolean})],S.prototype,"disabled",2),o([Zt({reflect:!0})],S.prototype,"type",2),o([Zt()],S.prototype,"label",2),o([Zt()],S.prototype,"value",2),o([Zt()],S.prototype,"name",2),o([Zt()],S.prototype,"icon",2);import{html as Cs}from"lit";import{customElement as Bs}from"lit/decorators/custom-element.js";import{styleMap as ws}from"lit/directives/style-map.js";import{LitElement as _s,html as xs}from"lit";import{property as Ga}from"lit/decorators/property.js";import{css as vs}from"lit";var us=vs`: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}`,qa=us;var vt=class extends _s{constructor(){super(...arguments);this.size="xl"}render(){return xs`
|
|
92
92
|
<svg role="progressbar" viewBox="0 0 100 100">
|
|
93
93
|
<circle cx="50" cy="50" r="45" fill="none" />
|
|
94
94
|
</svg>
|
|
95
|
-
`}};
|
|
95
|
+
`}};vt.styles=[qa],o([Ga({reflect:!0})],vt.prototype,"size",2),o([Ga({reflect:!0})],vt.prototype,"diameter",2);import{css as ys}from"lit";var ks=ys`[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,
|
|
96
96
|
var(--pf-global--icon--FontSize--sm, 0.625rem))}:host([size=md]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-md--diameter,
|
|
97
97
|
var(--pf-global--icon--FontSize--md, 1.125rem))}:host([size=lg]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-lg--diameter,
|
|
98
98
|
var(--pf-global--icon--FontSize--lg, 1.5rem))}:host([size=xl]) div{--pf-c-spinner--diameter:var(--pf-c-spinner--m-xl--diameter,
|
|
99
|
-
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)}}`,
|
|
99
|
+
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)}}`,Pa=ks;var Ce=class extends vt{render(){return Cs`<div style=${ws({"--pf-c-spinner--diameter":this.diameter})}>${super.render()}</div>`}};Ce.styles=[...vt.styles,Pa],Ce=o([Bs("pf-spinner")],Ce);import{css as Ts}from"lit";var zs=Ts`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,
|
|
100
100
|
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,
|
|
101
101
|
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,
|
|
102
102
|
var(--pf-global--Color--light-100, #fff));--pf-c-button--m-primary--BackgroundColor:var(--pf-c-button--m-primary--active--BackgroundColor,
|
|
@@ -185,34 +185,34 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
185
185
|
var(--pf-global--spacer--md, 1rem));--pf-c-button--PaddingLeft:var(--pf-c-button--m-display-lg--PaddingLeft,
|
|
186
186
|
var(--pf-global--spacer--xl, 2rem));--pf-c-button--FontWeight:var(--pf-c-button--m-display-lg--FontWeight,
|
|
187
187
|
var(--pf-global--FontWeight--bold, 700))}:host([size=small]) button{--pf-c-button--FontSize:var(--pf-c-button--m-small--FontSize,
|
|
188
|
-
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,
|
|
188
|
+
var(--pf-global--FontSize--md, 1rem))}:host([danger]) button{color:var(--pf-c-button--m-danger--Color,var(--pf-global--Color--light-100,#fff));background-color:var(--pf-c-button--m-danger--BackgroundColor,var(--pf-global--danger-color--100,#c9190b))}`,Va=zs;var j=class extends S{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 Ws`
|
|
189
189
|
<pf-icon
|
|
190
|
-
icon="${
|
|
191
|
-
set="${
|
|
190
|
+
icon="${Ka(this.icon)}"
|
|
191
|
+
set="${Ka(this.iconSet)}"
|
|
192
192
|
?hidden="${!this.icon}"></pf-icon>
|
|
193
193
|
<pf-spinner
|
|
194
194
|
?hidden="${!this.loading}"
|
|
195
195
|
size="md"
|
|
196
196
|
aria-label="${this.getAttribute("loading-label")??"loading"}"></pf-spinner>
|
|
197
|
-
`}};
|
|
197
|
+
`}};j.styles=[...S.styles,Va],o([zt({type:Boolean,reflect:!0})],j.prototype,"loading",2),o([zt({type:Boolean,reflect:!0})],j.prototype,"plain",2),o([zt({type:Boolean,reflect:!0})],j.prototype,"warning",2),o([zt({reflect:!0})],j.prototype,"size",2),o([zt({attribute:"icon-set"})],j.prototype,"iconSet",2),o([zt({type:Boolean,reflect:!0})],j.prototype,"danger",2),o([zt({reflect:!0})],j.prototype,"variant",2),j=o([Ss("pf-button")],j);import{customElement as $s}from"lit/decorators/custom-element.js";import{property as _r}from"lit/decorators/property.js";import{css as Ls}from"lit";var Ms=Ls`: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}`,Za=Ms;import{LitElement as Fs,html as Is}from"lit";import{classMap as Wo}from"lit/directives/class-map.js";import{css as Es}from"lit";var Rs=Es`: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}`,Ya=Rs;var Xt=class extends Fs{constructor(){super(...arguments);this.slots=new b(this,"header",null,"footer")}render(){return Is`
|
|
198
198
|
<article>
|
|
199
199
|
<header id="header"
|
|
200
200
|
part="header"
|
|
201
|
-
class="${
|
|
201
|
+
class="${Wo({empty:!this.slots.hasSlotted("header")})}">
|
|
202
202
|
<slot name="header"></slot>
|
|
203
203
|
</header>
|
|
204
204
|
<div id="body"
|
|
205
205
|
part="body"
|
|
206
|
-
class="${
|
|
206
|
+
class="${Wo({empty:!this.querySelector(":not([slot])")})}">
|
|
207
207
|
<slot></slot>
|
|
208
208
|
</div>
|
|
209
209
|
<footer id="footer"
|
|
210
210
|
part="footer"
|
|
211
|
-
class="${
|
|
211
|
+
class="${Wo({empty:!this.slots.hasSlotted("footer")})}">
|
|
212
212
|
<slot name="footer"></slot>
|
|
213
213
|
</footer>
|
|
214
214
|
</article>
|
|
215
|
-
`}};
|
|
215
|
+
`}};Xt.styles=[Ya];var it=class extends Xt{constructor(){super(...arguments);this.rounded=!1;this.fullHeight=!1;this.plain=!1}};it.styles=[...Xt.styles,Za],o([_r({reflect:!0})],it.prototype,"size",2),o([_r({type:Boolean,reflect:!0})],it.prototype,"rounded",2),o([_r({type:Boolean,reflect:!0,attribute:"full-height"})],it.prototype,"fullHeight",2),o([_r({type:Boolean,reflect:!0})],it.prototype,"plain",2),it=o([$s("pf-card")],it);import{html as il}from"lit";import{customElement as nl}from"lit/decorators/custom-element.js";import{property as L}from"lit/decorators/property.js";import{classMap as sl}from"lit/directives/class-map.js";import{ifDefined as ll}from"lit/directives/if-defined.js";import{LitElement as js}from"lit";import{css as Hs}from"lit";var As=Hs`[hidden],[inert],[inert]::slotted(*){display:none!important}`,Xa=As;var So=class extends u{constructor(t){super("copy");this.text=t}},Wt=class extends js{async copy(){await navigator.clipboard.writeText(this.value),this.dispatchEvent(new So(this.value))}};Wt.styles=[Xa];import{css as Ds}from"lit";var Os=Ds`.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,
|
|
216
216
|
var(--pf-global--FontFamily--redhat--monospace,
|
|
217
217
|
"RedHatMono",
|
|
218
218
|
"Liberation Mono",
|
|
@@ -225,18 +225,18 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
225
225
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-clipboard-copy__actions-item--button--PaddingRight,
|
|
226
226
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingBottom:var(--pf-c-clipboard-copy__actions-item--button--PaddingBottom,
|
|
227
227
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-clipboard-copy__actions-item--button--PaddingLeft,
|
|
228
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,
|
|
228
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-block-start:calc(-1 * var(--pf-c-button--PaddingTop));margin-block-end:calc(-1 * var(--pf-c-button--PaddingBottom))}`,Qa=Os;import{customElement as al}from"lit/decorators/custom-element.js";import{property as ei}from"lit/decorators/property.js";import{LitElement as Ys,html as Xs}from"lit";import{classMap as Qs}from"lit/directives/class-map.js";import{styleMap as Js}from"lit/directives/style-map.js";import{autoUpdate as Ns,computePosition as Us,offset as qs,shift as Gs,flip as Ps,arrow as Vs}from"@floating-ui/dom";var Qt=class{#t=!1;#e=!1;#a;#r;#o;#i;#n;#s;get#p(){let{invoker:e}=this.#s;return typeof e=="function"?e():e}get#c(){let{content:e}=this.#s;return typeof e=="function"?e():e}get#d(){let{arrow:e}=this.#s;return typeof e=="function"?e():e}get alignment(){return this.#o??"center"}get anchor(){return this.#r??""}get open(){return this.#t}get placement(){return this.#n??"top"}get styles(){return this.#i??{}}constructor(e,t){this.host=e,e.addController(this),this.#s=t,this.#s.invoker??=e,this.#s.shift??=!0}hostDisconnected(){this.#a?.()}async#l(e="top",t,r=!0,i){let{padding:l,shift:c}=this.#s,d=this.#p,h=this.#c,k=this.#d;if(!d||!h)return;let{x:Q,y:xt,placement:yt,middlewareData:oo}=await Us(d,h,{strategy:"absolute",placement:e,middleware:[qs(t),c&&Gs({padding:l}),k&&Vs({element:k,padding:k.offsetHeight/2}),r&&Ps({padding:l,fallbackPlacements:i})].filter(Boolean)});if(k){let{x:ra,y:oa}=oo.arrow||{},mn={top:"bottom",right:"left",bottom:"top",left:"right"}[yt.split("-")[0]]||"";Object.assign(k.style,{left:ra!=null?`${ra}px`:"",top:oa!=null&&!["top"].includes(yt)?`${oa}px`:"",right:"",bottom:"",[mn]:`-${k.offsetHeight/2}px`})}this.#n=yt,[this.#r,this.#o]=this.#n.split("-")??[],this.#i={"--_floating-content-translate":`${Q}px ${xt}px`},this.host.requestUpdate()}async show({offset:e,placement:t,flip:r,fallbackPlacements:i}={}){let l=this.#p,c=this.#c;if(!(!l||!c)){if(!this.#e){this.#e=!0;let d=this.#l(t,e,r,i);this.#a??=Ns(l,c,()=>this.#l(t,e,r,i)),await d,this.#e=!1}this.#t=!0,this.host.requestUpdate()}}async hide(){for(await this.host.updateComplete;this.#e&&!this.open;)await new Promise(requestAnimationFrame);this.#t=!1,this.#a?.(),this.host.requestUpdate(),await this.host.updateComplete}};import{css as Ks}from"lit";var Zs=Ks`:host{display:inline}#container{display:inline-flex;position:relative;--_floating-arrow-size:0.5rem}#invoker{display:inline-block;position:relative}#tooltip,#tooltip::after{position:absolute}#tooltip{display:block;opacity:0;pointer-events:none;z-index:10000;transition:opacity .3s cubic-bezier(.54, 1.5, .38, 1.11) 0s;text-align:center;word-break:break-word;translate:var(--_floating-content-translate);max-width:calc(100vw - 10px);width:max-content;top:0;left:0;will-change:opacity}#tooltip::after{display:block;content:'';rotate:45deg;width:var(--_floating-arrow-size);height:var(--_floating-arrow-size);will-change:left top right bottom}.open #tooltip{opacity:1}.left #tooltip::after{right:calc(-.5 * var(--_floating-arrow-size))}.left.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.left.start #tooltip::after{top:var(--_floating-arrow-size)}.left.end #tooltip::after{bottom:var(--_floating-arrow-size)}.top #tooltip::after{top:calc(100% - .5 * var(--_floating-arrow-size))}.top.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.top.start #tooltip::after{left:var(--_floating-arrow-size)}.top.end #tooltip::after{right:var(--_floating-arrow-size)}.right #tooltip::after{right:calc(100% - .5 * var(--_floating-arrow-size))}.right.center #tooltip::after{top:calc(50% - .5 * var(--_floating-arrow-size))}.right.start #tooltip::after{top:var(--_floating-arrow-size)}.right.end #tooltip::after{bottom:var(--_floating-arrow-size)}.bottom #tooltip::after{bottom:calc(100% - .5 * var(--_floating-arrow-size))}.bottom.center #tooltip::after{right:calc(50% - .5 * var(--_floating-arrow-size))}.bottom.start #tooltip::after{left:var(--_floating-arrow-size)}.bottom.end #tooltip::after{right:var(--_floating-arrow-size)}`,Ja=Zs;var tl=["focusin","tap","click","mouseenter"],el=["focusout","blur","mouseleave"],te,Jt=class extends Ys{constructor(){super(...arguments);s(this,te,new Qt(this,{content:()=>this.shadowRoot?.querySelector("#tooltip")}))}connectedCallback(){super.connectedCallback(),tl.forEach(t=>this.addEventListener(t,this.show)),el.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 a(this,te).show({offset:r,placement:t})}async hide(){await a(this,te).hide()}render(){let{alignment:t,anchor:r,open:i,styles:l}=a(this,te);return Xs`
|
|
229
229
|
<div id="container"
|
|
230
|
-
style="${
|
|
231
|
-
class="${
|
|
230
|
+
style="${Js(l)}"
|
|
231
|
+
class="${Qs({open:i,[r]:!!r,[t]:!!t})}">
|
|
232
232
|
<slot id="invoker" role="tooltip" aria-labelledby="tooltip"></slot>
|
|
233
233
|
<slot id="tooltip"
|
|
234
234
|
name="content"
|
|
235
|
-
aria-hidden="${String(!
|
|
235
|
+
aria-hidden="${String(!i)}">${this.content}</slot>
|
|
236
236
|
</div>
|
|
237
|
-
`}};
|
|
238
|
-
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))}`,
|
|
239
|
-
<div class="container ${
|
|
237
|
+
`}};te=new WeakMap,Jt.styles=[Ja];import{css as rl}from"lit";var ol=rl`: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,
|
|
238
|
+
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))}`,ti=ol;var St=class extends Jt{constructor(){super(...arguments);this.position="top"}};St.styles=[...Jt.styles,ti],o([ei()],St.prototype,"position",2),o([ei()],St.prototype,"content",2),St=o([al("pf-tooltip")],St);var ri=n=>new Promise(e=>setTimeout(e,n)),ee,xr,yr,oi,Be,Lo,we,Mo,kr,ai,x=class extends Wt{constructor(){super(...arguments);s(this,yr);s(this,Be);s(this,we);s(this,kr);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="";s(this,ee,!1);s(this,xr,new MutationObserver(()=>p(this,we,Mo).call(this)))}connectedCallback(){super.connectedCallback(),a(this,xr).observe(this,{characterData:!0}),p(this,we,Mo).call(this)}render(){let{expanded:t,expandable:r,inline:i,compact:l,code:c,block:d,readonly:h}=this;return il`
|
|
239
|
+
<div class="container ${sl({code:c,expanded:t,inline:i,compact:l,block:d})}">
|
|
240
240
|
<div id="input-group">
|
|
241
241
|
<div id="wrapper">
|
|
242
242
|
<pf-button id="expand-button"
|
|
@@ -244,71 +244,71 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
244
244
|
variant="control"
|
|
245
245
|
label="EXPAND"
|
|
246
246
|
?inert="${!r}"
|
|
247
|
-
@click="${p(this,
|
|
247
|
+
@click="${p(this,yr,oi)}">
|
|
248
248
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
249
249
|
</pf-button>
|
|
250
250
|
</div>
|
|
251
|
-
<span ?hidden="${!(
|
|
251
|
+
<span ?hidden="${!(i||l)}">${this.value}</span>
|
|
252
252
|
<input
|
|
253
|
-
?hidden="${
|
|
254
|
-
?disabled="${t||
|
|
253
|
+
?hidden="${i||l}"
|
|
254
|
+
?disabled="${t||h}"
|
|
255
255
|
.value="${this.value}"
|
|
256
|
-
@input="${p(this,
|
|
256
|
+
@input="${p(this,Be,Lo)}"
|
|
257
257
|
aria-label="${this.textAriaLabel}">
|
|
258
258
|
<pf-tooltip>
|
|
259
259
|
<pf-button id="copy-button"
|
|
260
260
|
plain
|
|
261
|
-
variant="${
|
|
261
|
+
variant="${ll(i||l?void 0:"control")}"
|
|
262
262
|
label="${this.hoverTip}"
|
|
263
263
|
size="lg"
|
|
264
264
|
@click="${this.copy}">
|
|
265
265
|
<pf-icon icon="copy"></pf-icon>
|
|
266
266
|
</pf-button>
|
|
267
|
-
<span slot="content">${
|
|
267
|
+
<span slot="content">${a(this,ee)?this.clickTip:this.hoverTip}</span>
|
|
268
268
|
</pf-tooltip>
|
|
269
269
|
<slot name="actions"></slot>
|
|
270
270
|
</div>
|
|
271
271
|
<textarea .value="${this.value}"
|
|
272
272
|
.disabled="${this.readonly}"
|
|
273
273
|
?hidden="${!(r&&t)}"
|
|
274
|
-
@input="${p(this,
|
|
274
|
+
@input="${p(this,Be,Lo)}">
|
|
275
275
|
</textarea>
|
|
276
276
|
</div>
|
|
277
|
-
`}async copy(){await super.copy(),await
|
|
277
|
+
`}async copy(){await super.copy(),await ri(this.entryDelay),m(this,ee,!0),this.requestUpdate(),await ri(this.exitDelay),m(this,ee,!1),this.requestUpdate()}};ee=new WeakMap,xr=new WeakMap,yr=new WeakSet,oi=function(){this.expanded=!this.expanded},Be=new WeakSet,Lo=function(t){let{value:r}=t.target||HTMLTextAreaElement;this.value=r},we=new WeakSet,Mo=function(){this.childNodes.length>0&&(this.value=this.getAttribute("value")??p(this,kr,ai).call(this,Array.from(this.childNodes,t=>t instanceof Element||t instanceof Text?t.textContent??"":"").join("")))},kr=new WeakSet,ai=function(t){let r=t.replace(/^\n/,""),i=r.match(/^\s+/);return i?r.replace(new RegExp(`^${i[0]}`,"gm"),""):t},x.styles=[...Wt.styles,Qa],x.shadowRootOptions={...Wt.shadowRootOptions,delegatesFocus:!0},o([L({attribute:"click-tip"})],x.prototype,"clickTip",2),o([L({attribute:"hover-tip"})],x.prototype,"hoverTip",2),o([L({attribute:"text-label"})],x.prototype,"textAriaLabel",2),o([L({attribute:"toggle-label"})],x.prototype,"toggleAriaLabel",2),o([L({type:Number,attribute:"entry-delay"})],x.prototype,"entryDelay",2),o([L({type:Number,attribute:"exit-delay"})],x.prototype,"exitDelay",2),o([L({type:Boolean,reflect:!0})],x.prototype,"block",2),o([L({type:Boolean,reflect:!0})],x.prototype,"code",2),o([L({type:Boolean,reflect:!0})],x.prototype,"expanded",2),o([L({type:Boolean,reflect:!0})],x.prototype,"expandable",2),o([L({type:Boolean,reflect:!0})],x.prototype,"readonly",2),o([L({type:Boolean,reflect:!0})],x.prototype,"inline",2),o([L({type:Boolean,reflect:!0})],x.prototype,"compact",2),o([L()],x.prototype,"value",2),x=o([nl("pf-clipboard-copy")],x);import{html as gl}from"lit";import{customElement as hl}from"lit/decorators/custom-element.js";import{property as bl}from"lit/decorators/property.js";import{classMap as vl}from"lit/directives/class-map.js";import{LitElement as dl}from"lit";import{css as pl}from"lit";var cl=pl`:host{display:block}[hidden]{display:none!important}`,ii=cl;var re=class extends dl{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}};re.styles=[ii];import{css as fl}from"lit";var ml=fl`: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)}`,ni=ml;var Cr,si,Te,Eo,oe=class extends re{constructor(){super(...arguments);s(this,Cr);s(this,Te);this.expanded=!1}render(){let{expanded:t}=this;return gl`
|
|
278
278
|
<div id="header">
|
|
279
279
|
<div id="actions">
|
|
280
280
|
<slot name="actions"></slot>
|
|
281
281
|
</div>
|
|
282
282
|
</div>
|
|
283
|
-
<div id="container" class="${
|
|
283
|
+
<div id="container" class="${vl({expanded:t})}">
|
|
284
284
|
<pre><code id="content">${this.content}</code><code id="code-block-expand"
|
|
285
|
-
?hidden="${!t}">${
|
|
286
|
-
<button ?hidden="${!
|
|
287
|
-
@click=${p(this,
|
|
285
|
+
?hidden="${!t}">${a(this,Te,Eo)}</code></pre>
|
|
286
|
+
<button ?hidden="${!a(this,Te,Eo)}"
|
|
287
|
+
@click=${p(this,Cr,si)}
|
|
288
288
|
aria-expanded=${this.expanded}
|
|
289
289
|
aria-controls="code-block-expand">
|
|
290
290
|
<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>
|
|
291
291
|
${this.expanded?"Show less":"Show more"}
|
|
292
292
|
</button>
|
|
293
293
|
</div>
|
|
294
|
-
`}};
|
|
294
|
+
`}};Cr=new WeakSet,si=function(){this.expanded=!this.expanded},Te=new WeakSet,Eo=function(){return this.querySelector("script[data-expand]")?.textContent??""},oe.styles=[...re.styles,ni],o([bl({type:Boolean,reflect:!0})],oe.prototype,"expanded",2),oe=o([hl("pf-code-block")],oe);import{html as xl,LitElement as pi}from"lit";import{customElement as yl}from"lit/decorators/custom-element.js";import{property as ci}from"lit/decorators/property.js";import{ifDefined as kl}from"lit/directives/if-defined.js";import{css as ul}from"lit";var _l=ul`: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,
|
|
295
295
|
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,
|
|
296
296
|
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,
|
|
297
297
|
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,
|
|
298
298
|
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,
|
|
299
|
-
pfvar(--pf-global--Color--100, #151515))}`,
|
|
300
|
-
<a href="${
|
|
299
|
+
pfvar(--pf-global--Color--100, #151515))}`,li=_l;var Br,wr,di,Tr,fi,ut=class extends pi{constructor(){super(...arguments);s(this,wr);s(this,Tr);this.active=!1;s(this,Br,new Z(this,{role:"listitem"}))}connectedCallback(){super.connectedCallback(),this.activeChanged()}render(){return xl`
|
|
300
|
+
<a href="${kl(this.href)}" @focus="${p(this,Tr,fi)}" @click="${p(this,wr,di)}">
|
|
301
301
|
<slot></slot>
|
|
302
302
|
</a>
|
|
303
303
|
<slot name="subsection"></slot>
|
|
304
|
-
`}activeChanged(){
|
|
304
|
+
`}activeChanged(){a(this,Br).ariaCurrent=this.active?"location":null}};Br=new WeakMap,wr=new WeakSet,di=function(){this.dispatchEvent(new Event("select",{bubbles:!0}))},Tr=new WeakSet,fi=function(){this.dispatchEvent(new Event("focus",{bubbles:!0}))},ut.styles=[li],ut.shadowRootOptions={...pi.shadowRootOptions,delegatesFocus:!0},o([W("activeChanged"),ci({type:Boolean,reflect:!0})],ut.prototype,"active",2),o([ci({reflect:!0})],ut.prototype,"href",2),ut=o([yl("pf-jump-links-item")],ut);import{html as wl,LitElement as Tl}from"lit";import{customElement as zl}from"lit/decorators/custom-element.js";import{css as Cl}from"lit";var Bl=Cl`: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,
|
|
305
305
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingBottom:var(--pf-c-jump-links__list__list__link--PaddingBottom,
|
|
306
306
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-jump-links__link--PaddingLeft:var(--pf-c-jump-links__list__list__link--PaddingLeft,
|
|
307
|
-
var(--pf-global--spacer--lg, 1.5rem))}`,
|
|
307
|
+
var(--pf-global--spacer--lg, 1.5rem))}`,mi=Bl;var ze=class extends Tl{render(){return wl`
|
|
308
308
|
<div id="container" role="listbox">
|
|
309
309
|
<slot></slot>
|
|
310
310
|
</div>
|
|
311
|
-
`}};
|
|
311
|
+
`}};ze.styles=[mi],ze=o([zl("pf-jump-links-list")],ze);import{html as Ro,LitElement as Ll}from"lit";import{customElement as Ml}from"lit/decorators/custom-element.js";import{property as ae}from"lit/decorators/property.js";var zr=class{#t;#e;#a;#r=new Set;#o=!1;#i=!1;#n;#s;#p;#c;#d;get#l(){return Array.from(this.host.querySelectorAll(this.#t.join(","))).filter(this.#d)}get root(){return this.#n}set root(e){this.#n=e,this.#a?.disconnect(),this.#f()}get rootMargin(){return this.#s}set rootMargin(e){this.#s=e,this.#a?.disconnect(),this.#f()}get threshold(){return this.#p}set threshold(e){this.#p=e,this.#a?.disconnect(),this.#f()}constructor(e,t){this.host=e,e.addController(this),this.#t=t.tagNames,this.#n=t.root,this.#s=t.rootMargin,this.#e=t.activeAttribute??"active",this.#p=t.threshold??.85,this.#c=t.rootNode??e.getRootNode(),this.#d=t?.getHash??(r=>r.getAttribute("href"))}hostConnected(){this.#f()}#f(){let e=this.#c;if(e instanceof Document||e instanceof ShadowRoot){let{rootMargin:t,threshold:r,root:i}=this;this.#a=new IntersectionObserver(l=>this.#b(l),{root:i,rootMargin:t,threshold:r}),this.#l.map(l=>this.#d(l)).filter(l=>!!l).map(l=>e.getElementById(l.replace("#",""))).filter(l=>!!l).forEach(l=>this.#a?.observe(l))}}#m(e,t){t?this.#r.add(e):this.#r.delete(e)}#g(e){for(let t of this.#l)t.toggleAttribute(this.#e,t===e)}async#h(){for(this.#i=!1,setTimeout(()=>this.#i=!1,3e3);!this.#i;)await new Promise(requestAnimationFrame)}async#b(e){if(!this.#o){for(let{target:i,boundingClientRect:l,intersectionRect:c}of e){let d=`:is(${this.#t.join(",")})[href="#${i.id}"]`,h=this.host.querySelector(d);h&&this.#m(h,l.top<c.top)}let r=[...this.#r].at(-1);this.#g(r??this.#l.at(0))}this.#i=!0}async setActive(e){this.#o=!0,this.#g(e);let t=!1;for(let r of this.#l)this.#m(r,!t),r===e&&(t=!0);await this.#h(),this.#o=!1}};import{css as Wl}from"lit";var Sl=Wl`[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,
|
|
312
312
|
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
|
|
313
313
|
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,
|
|
314
314
|
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,
|
|
@@ -320,45 +320,45 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
320
320
|
calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +
|
|
321
321
|
var(--pf-global--spacer--md, 1rem)));--pf-c-jump-links__toggle-icon--Rotate:var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,
|
|
322
322
|
90deg);--pf-c-jump-links__toggle-icon--Color:var(--pf-c-jump-links--m-expanded__toggle-icon--Color,
|
|
323
|
-
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,
|
|
324
|
-
<nav id="container">${this.expandable?
|
|
325
|
-
<details ?open="${this.expanded}" @toggle="${p(this,
|
|
323
|
+
var(--pf-global--Color--100, #151515));--pf-c-jump-links__toggle-icon--Rotate:90deg}`,gi=Sl;var We,Se,Le,Me,Fo,Wr,hi,Sr,bi,D=class extends Ll{constructor(){super(...arguments);s(this,Me);s(this,Wr);s(this,Sr);this.expandable=!1;this.expanded=!1;this.vertical=!1;this.centered=!1;this.offset=0;s(this,We,!1);s(this,Se,new dt(this));s(this,Le,new zr(this,{rootMargin:`${this.offset}px 0px 0px 0px`,tagNames:["pf-jump-links-item"]}))}connectedCallback(){super.connectedCallback(),this.addEventListener("select",p(this,Wr,hi))}updated(t){t.has("offset")&&(a(this,Le).rootMargin=`${this.offset??0}px 0px 0px 0px`)}render(){return Ro`
|
|
324
|
+
<nav id="container">${this.expandable?Ro`
|
|
325
|
+
<details ?open="${this.expanded}" @toggle="${p(this,Sr,bi)}">
|
|
326
326
|
<summary>
|
|
327
327
|
<pf-icon icon="chevron-right"></pf-icon>
|
|
328
328
|
<span id="label">${this.label}</span>
|
|
329
329
|
</summary>
|
|
330
|
-
<slot role="listbox" @slotchange="${p(this,
|
|
331
|
-
</details>`:
|
|
330
|
+
<slot role="listbox" @slotchange="${p(this,Me,Fo)}"></slot>
|
|
331
|
+
</details>`:Ro`
|
|
332
332
|
<span id="label">${this.label}</span>
|
|
333
|
-
<slot role="listbox" @slotchange="${p(this,
|
|
333
|
+
<slot role="listbox" @slotchange="${p(this,Me,Fo)}"></slot>`}
|
|
334
334
|
</nav>
|
|
335
|
-
`}};
|
|
335
|
+
`}};We=new WeakMap,Se=new WeakMap,Le=new WeakMap,Me=new WeakSet,Fo=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")??[]]);a(this,We)?a(this,Se).updateItems(t):(a(this,Se).initItems(t),m(this,We,!0))},Wr=new WeakSet,hi=async function(t){a(this,Le).setActive(t.target)},Sr=new WeakSet,bi=function(t){t.target instanceof HTMLDetailsElement&&(this.expanded=t.target.open),this.dispatchEvent(new Event("toggle"))},D.styles=[gi],o([ae({reflect:!0,type:Boolean})],D.prototype,"expandable",2),o([ae({reflect:!0,type:Boolean})],D.prototype,"expanded",2),o([ae({reflect:!0,type:Boolean})],D.prototype,"vertical",2),o([ae({reflect:!0,type:Boolean})],D.prototype,"centered",2),o([ae({type:Number})],D.prototype,"offset",2),o([ae()],D.prototype,"label",2),D=o([Ml("pf-jump-links")],D);import{html as Io}from"lit";import{customElement as jl}from"lit/decorators/custom-element.js";import{property as Mt}from"lit/decorators/property.js";import{classMap as Dl}from"lit/directives/class-map.js";import{LitElement as Fl,html as Il}from"lit";import{classMap as $l}from"lit/directives/class-map.js";import{css as El}from"lit";var Rl=El`: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}`,vi=Rl;var Lt=class extends Fl{constructor(){super(...arguments);this.slots=new b(this,null,"icon")}render(){let{variant:t,color:r,icon:i}=this,l=!!i||this.slots.hasSlotted("icon");return Il`
|
|
336
336
|
<span id="container"
|
|
337
|
-
class=${
|
|
337
|
+
class=${$l({hasIcon:l,[t??""]:!!t,[r??""]:!!r})}>
|
|
338
338
|
<slot name="icon" part="icon">${this.renderDefaultIcon?.()}</slot>
|
|
339
339
|
<slot id="text"></slot>
|
|
340
340
|
${this.renderSuffix?.()??""}
|
|
341
341
|
</span>
|
|
342
|
-
`}};
|
|
342
|
+
`}};Lt.styles=[vi];import{css as Hl}from"lit";var Al=Hl`#pf-container{display:contents}#container{--pf-global--icon--FontSize--sm:14px;padding-top:var(--pf-c-label--PaddingTop,var(--pf-global--spacer--xs,.25rem));padding-left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--sm,.5rem));padding-bottom:var(--pf-c-label--PaddingBottom,var(--pf-global--spacer--xs,.25rem));padding-right:var(--pf-c-label--PaddingRight,var(--pf-global--spacer--sm,.5rem));font-size:var(--pf-c-label--FontSize, .875em);color:var(--pf-c-label--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-label--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5));border-radius:var(--pf-c-label--BorderRadius,30em);max-width:var(--pf-c-label__content--MaxWidth,100%);color:var(--pf-c-label__content--Color,var(--pf-global--Color--100,#151515))}#container::before{border-radius:var(--pf-c-label--BorderRadius,30em);border:var(--pf-c-label__content--before--BorderWidth,1px) solid var(--pf-c-label__content--before--BorderColor,var(--pf-global--palette--black-300,#d2d2d2))}.compact{--pf-c-label--PaddingTop:var(--pf-c-label--m-compact--PaddingTop, 0);--pf-c-label--PaddingRight:var(--pf-c-label--m-compact--PaddingRight, var(--pf-global--spacer--sm, 0.5rem));--pf-c-label--PaddingBottom:var(--pf-c-label--m-compact--PaddingBottom, 0);--pf-c-label--PaddingLeft:var(--pf-c-label--m-compact--PaddingLeft, var(--pf-global--spacer--sm, 0.5rem));--pf-global--icon--FontSize--sm:12px}.blue{--pf-c-label__content--Color:var(--pf-c-label--m-blue__content--Color, var(--pf-global--info-color--200, #002952));--pf-c-label--BackgroundColor:var(--pf-c-label--m-blue--BackgroundColor, var(--pf-global--palette--blue-50, #e7f1fa));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-blue__content--before--BorderColor, var(--pf-global--palette--blue-100, #bee1f4))}.blue.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-blue__content--Color, var(--pf-global--primary-color--100, #06c)))}.cyan{--pf-c-label__content--Color:var(--pf-c-label--m-cyan__content--Color, var(--pf-global--default-color--300, #003737));--pf-c-label--BackgroundColor:var(--pf-c-label--m-cyan--BackgroundColor, var(--pf-global--palette--cyan-50, #f2f9f9));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-cyan__content--before--BorderColor, var(--pf-global--palette--cyan-100, #a2d9d9))}.cyan.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-cyan__content--Color, var(--pf-global--palette--cyan-400, #005f60)))}.green{--pf-c-label__content--Color:var(--pf-c-label--m-green__content--Color,var(--pf-global--success-color--200, #1e4f18));--pf-c-label--BackgroundColor:var(--pf-c-label--m-green--BackgroundColor, var(--pf-global--palette--green-50, #f3faf2));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-green__content--before--BorderColor, var(--pf-global--palette--green-100, #bde5b8))}.green.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-green__content--Color, var(--pf-global--success-color--100, #3e8635)))}.orange{--pf-c-label__content--Color:var(--pf-c-label--m-orange__content--Color, var(--pf-global--palette--orange-700, #3b1f00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-orange--BackgroundColor, var(--pf-global--palette--orange-50, #fff6ec));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-orange__content--before--BorderColor, var(--pf-global--palette--orange-100, #f4b678))}.orange.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-orange__content--Color, var(--pf-global--palette--orange-500, #8f4700)))}.purple{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-700, #1f0066));--pf-c-label--BackgroundColor:var(--pf-c-label--m-purple--BackgroundColor, var(--pf-global--palette--purple-50, #f2f0fc));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-purple__content--before--BorderColor, var(--pf-global--palette--purple-100, #cbc1ff))}.purple.outline{--pf-c-label__content--Color:var(--pf-c-label--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac));--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-purple__content--Color, var(--pf-global--palette--purple-500, #6753ac)))}.red{--pf-c-label__content--Color:var(--pf-c-label--m-red__content--Color, var(--pf-global--palette--red-300, #7d1007));--pf-c-label--BackgroundColor:var(--pf-c-label--m-red--BackgroundColor, var(--pf-global--palette--red-50, #faeae8));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-red__content--before--BorderColor, var(--pf-global--palette--red-100, #c9190b))}.red.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-red__content--Color, var(--pf-global--danger-color--100, #c9190b)))}.gold{--pf-c-label__content--Color:var(--pf-c-label--m-gold__content--Color, var(--pf-global--palette--gold-700, #3d2c00));--pf-c-label--BackgroundColor:var(--pf-c-label--m-gold--BackgroundColor, var(--pf-global--palette--gold-50, #fdf7e7));--pf-c-label__content--before--BorderColor:var(--pf-c-label--m-gold__content--before--BorderColor, var(--pf-global--palette--gold-100, #f9e0a2))}.gold.outline{--pf-c-label__content--Color:var(--pf-c-label--m-outline__content--Color, var(--pf-c-label--m-outline--m-gold__content--Color, var(--pf-global--palette--gold-600, #795600)))}.outline{--pf-c-label--BackgroundColor:var(--pf-c-label--m-outline--BackgroundColor, #ffffff);--pf-c-label__content--before--BorderColor:var(--pf-global--palette--black-300, #d2d2d2)}.hasIcon [part=icon]{left:var(--pf-c-label--PaddingLeft,var(--pf-global--spacer--md,1rem));margin-inline-end:var(--pf-c-label__icon--MarginRight,var(--pf-global--spacer--xs,.25rem))}.blue .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-blue__icon--Color,var(--pf-global--primary-color--100,#06c)))}.cyan .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-cyan__icon--Color,var(--pf-global--default-color--200,#009596)))}.green .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-green__icon--Color,var(--pf-global--success-color--100,#3e8635)))}.orange .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-orange__icon--Color,var(--pf-global--palette--orange-300,#ec7a08)))}.purple .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-purple__icon--Color,var(--pf-global--palette--purple-500,#6753ac)))}.red .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-red__icon--Color,var(--pf-global--danger-color--100,#c9190b)))}.gold .hasIcon [part=icon]{color:var(--pf-c-label__icon--Color,var(--pf-c-label--m-gold__icon--Color,var(--pf-global--palette--gold-400,#f0ab00)))}pf-button{--pf-c-button--FontSize:var(--pf-c-label__c-button--FontSize,
|
|
343
343
|
var(--pf-global--FontSize--xs, 0.75rem));--pf-c-button--PaddingTop:var(--pf-c-label__c-button--PaddingTop,
|
|
344
344
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingRight:var(--pf-c-label__c-button--PaddingRight,
|
|
345
345
|
var(--pf-global--spacer--sm, 0.5rem));--pf-c-button--PaddingBottom:var(--pf-c-label__c-button--PaddingBottom,
|
|
346
346
|
var(--pf-global--spacer--xs, 0.25rem));--pf-c-button--PaddingLeft:var(--pf-c-label__c-button--PaddingLeft,
|
|
347
|
-
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,
|
|
348
|
-
<span id="pf-container" class="${
|
|
349
|
-
`}renderDefaultIcon(){return this.icon?
|
|
347
|
+
var(--pf-global--spacer--sm, 0.5rem));margin-top:var(--pf-c-label__c-button--MarginTop,-.5rem);margin-right:var(--pf-c-label__c-button--MarginRight,-.5rem);margin-bottom:var(--pf-c-label__c-button--MarginBottom,-.5rem);margin-left:var(--pf-c-label__c-button--MarginLeft,.25rem)}svg{vertical-align:-.125em;fill:currentColor;height:1em;width:1em}`,ui=Al;var R=class extends Lt{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 Io`
|
|
348
|
+
<span id="pf-container" class="${Dl({compact:t,truncated:r})}">${super.render()}</span>
|
|
349
|
+
`}renderDefaultIcon(){return this.icon?Io`
|
|
350
350
|
<pf-icon icon="${this.icon}" size="sm"></pf-icon>
|
|
351
|
-
`:""}renderSuffix(){return this.removable?
|
|
351
|
+
`:""}renderSuffix(){return this.removable?Io`
|
|
352
352
|
<span part="close-button" ?hidden=${!this.removable}>
|
|
353
353
|
<pf-button plain
|
|
354
|
-
@click="${()=>this.dispatchEvent(new
|
|
354
|
+
@click="${()=>this.dispatchEvent(new u("close"))}"
|
|
355
355
|
label="${this.closeButtonLabel??"remove"}">
|
|
356
356
|
<svg viewBox="0 0 352 512">
|
|
357
357
|
<path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
|
|
358
358
|
</svg>
|
|
359
359
|
</pf-button>
|
|
360
360
|
</span>
|
|
361
|
-
`:""}};
|
|
361
|
+
`:""}};R.styles=[...Lt.styles,ui],R.shadowRootOptions={...Lt.shadowRootOptions,delegatesFocus:!0},o([Mt()],R.prototype,"variant",2),o([Mt()],R.prototype,"color",2),o([Mt()],R.prototype,"icon",2),o([Mt({type:Boolean})],R.prototype,"compact",2),o([Mt({type:Boolean})],R.prototype,"truncated",2),o([Mt({type:Boolean})],R.prototype,"removable",2),o([Mt({attribute:"close-button-label"})],R.prototype,"closeButtonLabel",2),R=o([jl("pf-label")],R);import{LitElement as xi,html as Ul}from"lit";import{customElement as ql}from"lit/decorators/custom-element.js";import{property as Lr}from"lit/decorators/property.js";import{query as $o}from"lit/decorators/query.js";import{ifDefined as yi}from"lit/directives/if-defined.js";import{classMap as Gl}from"lit/directives/class-map.js";import{css as Ol}from"lit";var Nl=Ol`:host{display:block;position:relative;--_spacer-align-top:var(--pf-c-modal-box--m-align-top--spacer,
|
|
362
362
|
var(--pf-global--spacer--sm, 0.5rem));--_height-offset:min(var(--_spacer-align-top), var(--pf-global--spacer--2xl, 3rem))}[hidden]{display:none!important}section{display:flex;position:fixed;height:100%;width:100%;top:0;left:0;align-items:center;justify-content:center;z-index:var(--pf-c-modal-box--ZIndex,var(--pf-global--ZIndex--xl,500))}#container{position:relative;max-height:inherit}[part=overlay]{position:fixed;height:100%;width:100%;top:0;left:0;background-color:var(--pf-c-backdrop--BackgroundColor,var(--pf-global--BackgroundColor--dark-transparent-100,rgba(3,3,3,.62)))}[part=dialog]{position:relative;margin:0 auto;width:var(--pf-c-modal-box--Width,calc(100% - var(--pf-global--spacer--xl,2rem)));max-width:var(--pf-c-modal-box--MaxWidth,calc(100% - var(--pf-global--spacer--xl,2rem)));max-height:var(--pf-c-modal-box--MaxHeight,calc(100% - var(--pf-global--spacer--2xl,3rem)));box-shadow:var(--pf-c-modal-box--BoxShadow,var(--pf-global--BoxShadow--xl,0 1rem 2rem 0 rgba(3,3,3,.16),0 0 .5rem 0 rgba(3,3,3,.1)));background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)));padding:var(--pf-global--spacer--lg,1.5rem);margin-inline:var(--pf-global--spacer--md,1rem)}:host([variant]) [part=dialog],:host([width]) [part=dialog]{margin-inline:0}:host([variant=small]) [part=dialog],:host([width=small]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-sm--sm--MaxWidth, 35rem)}:host([variant=medium]) [part=dialog],:host([width=medium]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-md--Width, 52.5rem)}:host([variant=large]) [part=dialog],:host([width=large]) [part=dialog]{--pf-c-modal-box--Width:var(--pf-c-modal-box--m-lg--lg--MaxWidth, 70rem)}[part=content]{overflow-y:auto;overscroll-behavior:contain;max-height:var(--pf-c-modal-box--MaxHeight,calc(100vh - var(--pf-global--spacer--2xl,3rem)));box-sizing:border-box}[part=content] ::slotted([slot=header]){margin-top:0!important}header{position:sticky;top:0;background-color:var(--pf-c-modal-box--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--100,#fff)))}header ::slotted(:is(h1,h2,h3,h4,h5,h6)[slot=header]){font-size:var(--pf-c-modal-box__title--FontSize,
|
|
363
363
|
var(--pf-global--FontSize--2xl,
|
|
364
364
|
1.5rem));font-weight:var(--pf-global--FontWeight--normal,400);font-family:var(--pf-c-modal-box__title--FontFamily,
|
|
@@ -366,21 +366,21 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
366
366
|
var(--pf-global--FontFamily--redhat-updated--heading--sans-serif,
|
|
367
367
|
"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,
|
|
368
368
|
var(--pf-global--FontSize--md,
|
|
369
|
-
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)}`,
|
|
369
|
+
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)}`,_i=Nl;var Ho=class extends u{constructor(){super("cancel")}},Ao=class extends u{constructor(){super("close")}},jo=class extends u{constructor(t){super("open");this.trigger=t}},ie,B,Et,Ee,Rt,ne,se,v=class extends xi{constructor(){super(...arguments);this.open=!1;this.returnValue="";s(this,ie,H());s(this,B,null);s(this,Et,null);s(this,Ee,[]);s(this,Rt,[]);s(this,ne,!1);s(this,se,new b(this,null,"header","description","footer"))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown),this.addEventListener("click",this.onClick)}render(){let t=a(this,Et)||a(this,Rt).length?a(this,ie):void 0,r=a(this,B)?a(this,B).innerText:void 0,i=a(this,se).hasSlotted("header"),l=a(this,se).hasSlotted("description"),c=a(this,se).hasSlotted("footer");return Ul`
|
|
370
370
|
<section ?hidden=${!this.open}>
|
|
371
371
|
<div id="overlay" part="overlay" ?hidden=${!this.open}></div>
|
|
372
372
|
<div id="dialog"
|
|
373
373
|
part="dialog"
|
|
374
374
|
tabindex="0"
|
|
375
375
|
role="dialog"
|
|
376
|
-
aria-labelledby=${
|
|
377
|
-
aria-label=${
|
|
376
|
+
aria-labelledby=${yi(t)}
|
|
377
|
+
aria-label=${yi(r)}
|
|
378
378
|
?hidden="${!this.open}">
|
|
379
379
|
<div id="container">
|
|
380
|
-
<div id="content" part="content" class=${
|
|
380
|
+
<div id="content" part="content" class=${Gl({hasHeader:i,hasDescription:l,hasFooter:c})}>
|
|
381
381
|
<header part="header">
|
|
382
382
|
<slot name="header"></slot>
|
|
383
|
-
<div part="description" ?hidden=${!
|
|
383
|
+
<div part="description" ?hidden=${!l}>
|
|
384
384
|
<slot name="description"></slot>
|
|
385
385
|
</div>
|
|
386
386
|
</header>
|
|
@@ -401,14 +401,14 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
401
401
|
</div>
|
|
402
402
|
</div>
|
|
403
403
|
</section>
|
|
404
|
-
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),
|
|
404
|
+
`}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.onKeydown),a(this,B)?.removeEventListener("click",this.onTriggerClick)}async _init(){await this.updateComplete,m(this,Et,this.querySelector('[slot$="header"]')),m(this,Ee,[...this.querySelectorAll("*:not([slot])")]),m(this,Rt,a(this,Ee).filter(t=>t.tagName.slice(0,1)==="H")),a(this,B)&&(a(this,B).addEventListener("click",this.onTriggerClick),this.removeAttribute("hidden")),a(this,Et)?a(this,Et).id=a(this,ie):a(this,Rt).length>0&&(a(this,Rt)[0].id=a(this,ie))}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 jo(a(this,B)))):(document.body.style.overflow="auto",await this.updateComplete,a(this,B)&&a(this,B).focus(),this.dispatchEvent(a(this,ne)?new Ho:new Ao)))}_triggerChanged(){this.trigger&&(m(this,B,this.getRootNode().getElementById(this.trigger)),a(this,B)?.addEventListener("click",this.onTriggerClick))}onTriggerClick(t){t.preventDefault(),this.showModal()}onClick(t){let{open:r,overlay:i,dialog:l}=this;if(r){let c=t.composedPath(),{closeOnOutsideClick:d}=this.constructor;d&&c.includes(i)&&!c.includes(l)&&(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===a(this,B)&&(t.preventDefault(),this.showModal());return}}async cancel(){m(this,ne,!0),this.open=!1,await this.updateComplete,m(this,ne,!1)}setTrigger(t){m(this,B,t),a(this,B).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}};ie=new WeakMap,B=new WeakMap,Et=new WeakMap,Ee=new WeakMap,Rt=new WeakMap,ne=new WeakMap,se=new WeakMap,v.shadowRootOptions={...xi.shadowRootOptions,delegatesFocus:!0},v.styles=[_i],v.closeOnOutsideClick=!1,o([Lr({reflect:!0})],v.prototype,"variant",2),o([Ma({alias:"variant",attribute:"width"})],v.prototype,"width",2),o([Lr({reflect:!0})],v.prototype,"position",2),o([W,Lr({type:Boolean,reflect:!0})],v.prototype,"open",2),o([W,Lr()],v.prototype,"trigger",2),o([$o("#overlay")],v.prototype,"overlay",2),o([$o("#dialog")],v.prototype,"dialog",2),o([$o("#close-button")],v.prototype,"closeButton",2),o([Ea()],v.prototype,"_init",1),o([_],v.prototype,"onTriggerClick",1),o([_],v.prototype,"onClick",1),o([_],v.prototype,"onKeydown",1),o([_],v.prototype,"toggle",1),o([_],v.prototype,"show",1),o([_],v.prototype,"showModal",1),o([_],v.prototype,"close",1),v=o([ql("pf-modal")],v);import{LitElement as Kl,html as Zl}from"lit";import{customElement as Yl}from"lit/decorators/custom-element.js";import{property as Ci}from"lit/decorators/property.js";import{css as Pl}from"lit";var Vl=Pl`:host{--pf-c-panel--Width:auto;--pf-c-panel--MinWidth:auto;--pf-c-panel--MaxWidth:none;--pf-c-panel--ZIndex:auto;--pf-c-panel--BackgroundColor:var(--pf-global--BackgroundColor--100, #fff);--pf-c-panel--BoxShadow:none;--pf-c-panel--before--BorderWidth:0;--pf-c-panel--before--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-panel--m-bordered--before--BorderWidth:var(--pf-global--BorderWidth--sm, 1px);--pf-c-panel--m-raised--BoxShadow:var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06));--pf-c-panel--m-raised--ZIndex:var(--pf-global--ZIndex--sm, 200);--pf-c-panel__header--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__header--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main--MaxHeight:none;--pf-c-panel__main--Overflow:visible;--pf-c-panel__main-body--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__main-body--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingTop:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingRight:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingBottom:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--PaddingLeft:var(--pf-global--spacer--md, 1rem);--pf-c-panel__footer--BoxShadow:none;--pf-c-panel--m-scrollable__main--MaxHeight:18.75rem;--pf-c-panel--m-scrollable__main--Overflow:auto;--pf-c-panel--m-scrollable__footer--BoxShadow:0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);position:relative;z-index:var(--pf-c-panel--ZIndex);width:var(--pf-c-panel--Width);min-width:var(--pf-c-panel--MinWidth);max-width:var(--pf-c-panel--MaxWidth);background-color:var(--pf-c-panel--BackgroundColor);box-shadow:var(--pf-c-panel--BoxShadow);display:block}:host([variant=bordered])::before{position:absolute;inset:0;pointer-events:none;content:"";border:var(--pf-c-panel--m-bordered--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-panel--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host([variant=raised])::before{position:absolute;inset:0;pointer-events:none;content:"";box-shadow:var(--pf-c-panel--m-raised--BoxShadow,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06));z-index:var(--pf-c-panel--m-raised--ZIndex,var(--pf-global--ZIndex--sm,200))}:host([variant=raised]){--pf-c-panel--BoxShadow:var(--pf-c-panel--m-raised--BoxShadow,
|
|
405
405
|
var(--pf-global--BoxShadow--md, 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)));--pf-c-panel--ZIndex:var(--pf-c-panel--m-raised--ZIndex,
|
|
406
|
-
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}`,
|
|
406
|
+
var(--pf-global--ZIndex--sm, 200))}:host([scrollable]){--pf-c-panel__main--MaxHeight:var(--pf-c-panel--m-scrollable__main--MaxHeight);--pf-c-panel__main--Overflow:var(--pf-c-panel--m-scrollable__main--Overflow);--pf-c-panel__footer--BoxShadow:var(--pf-c-panel--m-scrollable__footer--BoxShadow)}[hidden]{display:none!important}slot{display:block}slot:not([name]){max-height:var(--pf-c-panel__main--MaxHeight);overflow:var(--pf-c-panel__main--Overflow);padding:var(--pf-c-panel__main-body--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-panel__main-body--PaddingLeft,var(--pf-global--spacer--md,1rem))}slot[name=header]{padding:var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft)}slot[name=footer]{padding:var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);box-shadow:var(--pf-c-panel__footer--BoxShadow)}hr{--pf-c-divider--BorderWidth--base:var(--pf-global--BorderWidth--sm, 1px);--pf-c-divider--BorderColor--base:var(--pf-c-divider--BackgroundColor);--pf-c-divider--Height:var(--pf-c-divider--BorderWidth--base);--pf-c-divider--BackgroundColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-divider--after--BackgroundColor:var(--pf-c-divider--BorderColor--base);--pf-c-divider--after--FlexBasis:100%;--pf-c-divider--after--Inset:0%;--pf-c-divider--m-vertical--after--FlexBasis:100%;--pf-c-divider--m-horizontal--Display:flex;--pf-c-divider--m-horizontal--FlexDirection:row;--pf-c-divider--m-horizontal--after--Height:var(--pf-c-divider--Height);--pf-c-divider--m-horizontal--after--Width:auto;--pf-c-divider--m-vertical--Display:inline-flex;--pf-c-divider--m-vertical--FlexDirection:column;--pf-c-divider--m-vertical--after--Height:auto;--pf-c-divider--m-vertical--after--Width:var(--pf-c-divider--BorderWidth--base);--pf-hidden-visible--visible--Display:var(--pf-c-divider--Display);--pf-c-divider--Display:var(--pf-c-divider--m-horizontal--Display);--pf-c-divider--FlexDirection:var(--pf-c-divider--m-horizontal--FlexDirection);--pf-c-divider--after--Width:var(--pf-c-divider--m-horizontal--after--Width);--pf-c-divider--after--Height:var(--pf-c-divider--m-horizontal--after--Height);width:100%;height:auto;display:var(--pf-c-divider--Display);flex-direction:var(--pf-c-divider--FlexDirection);align-items:center;align-self:stretch;flex-shrink:0;justify-content:center;border:0}hr::after{align-self:stretch;width:var(--pf-c-divider--after--Width);height:var(--pf-c-divider--after--Height);content:"";background-color:var(--pf-c-divider--after--BackgroundColor);justify-self:center;padding:0;margin:0;flex-basis:calc(var(--pf-c-divider--after--FlexBasis) - var(--pf-c-divider--after--Inset) * 2)}::slotted(:is(p,h1,h2,h3,h4,h5,h6):first-of-type){margin-block-start:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):last-of-type){margin-block-end:0}::slotted(:is(p,h1,h2,h3,h4,h5,h6):is(:last-of-type,:first-of-type)){margin-block:0}`,ki=Vl;var Re,Ft=class extends Kl{constructor(){super(...arguments);this.scrollable=!1;s(this,Re,new b(this,"header",null,"footer"))}render(){let t=a(this,Re).hasSlotted("header"),r=a(this,Re).hasSlotted("footer");return Zl`
|
|
407
407
|
<slot name="header" role="region" ?hidden="${!t}"></slot>
|
|
408
408
|
<hr role="presentation" ?hidden="${!t}">
|
|
409
409
|
<slot></slot>
|
|
410
410
|
<slot name="footer" role="region" ?hidden="${!r}"></slot>
|
|
411
|
-
`}};
|
|
411
|
+
`}};Re=new WeakMap,Ft.styles=[ki],o([Ci({type:Boolean,reflect:!0})],Ft.prototype,"scrollable",2),o([Ci({reflect:!0})],Ft.prototype,"variant",2),Ft=o([Yl("pf-panel")],Ft);import{LitElement as Jl,nothing as tp,html as nt}from"lit";import{customElement as ep}from"lit/decorators/custom-element.js";import{property as C}from"lit/decorators/property.js";import{query as Do}from"lit/decorators/query.js";import{styleMap as rp}from"lit/directives/style-map.js";import{classMap as op}from"lit/directives/class-map.js";import{ifDefined as wi}from"lit/directives/if-defined.js";import{css as Xl}from"lit";var Ql=Xl`:host{display:inline;--_floating-arrow-size:var(--pf-c-popover__arrow--Width, var(--pf-global--arrow--width-lg, 1.5625rem));--_header-text-color:var(--pf-c-popover__title-text--Color, inherit);--_header-icon-color:var(--pf-c-popover__title-icon--Color, var(--pf-global--Color--100, #151515));--_animation-speed:var(--pf-popover--animation-speed, 300ms);--_z-index:var(--pf-popover--z-index, 9999)}.visually-hidden{position:fixed;top:0;left:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#container{display:inline-flex;position:relative}#trigger{display:inline-block;position:relative}#arrow{display:block;position:absolute;background-color:var(--pf-c-popover__arrow--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));box-shadow:var(--pf-c-popover__arrow--BoxShadow,var(--pf-global--BoxShadow--lg,0 .5rem 1rem 0 rgba(3,3,3,.16),0 0 .375rem 0 rgba(3,3,3,.08)));content:'';height:var(--pf-c-popover__arrow--Height,var(--pf-global--arrow--width-lg,1.5625rem));width:var(--pf-c-popover__arrow--Width,var(--pf-global--arrow--width-lg,1.5625rem));rotate:45deg;z-index:-1;pointer-events:none}#popover{display:block;position:absolute;opacity:0;z-index:-1;transition:visibility 0s,opacity var(--_animation-speed) cubic-bezier(.54, 1.5, .38, 1.11) 0s;left:0;top:0;translate:var(--_floating-content-translate);box-shadow:var(--pf-c-popover--BoxShadow,var(--pf-global--BoxShadow--lg,0 .5rem 1rem 0 rgba(3,3,3,.16),0 0 .375rem 0 rgba(3,3,3,.08)));border:0;padding:0;visibility:hidden}#popover[open]{opacity:1;z-index:var(--_z-index);visibility:visible}[part=content]{position:relative;padding:var(--pf-c-popover__content--PaddingTop,var(--pf-global--spacer--md,1rem)) var(--pf-c-popover__content--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-popover__content--PaddingBottom,var(--pf-global--spacer--md,1rem)) var(--pf-c-popover__content--PaddingLeft,var(--pf-global--spacer--md,1rem));word-break:break-word;line-height:var(--pf-c-popover--line-height, 1.5);font-size:var(--pf-c-popover__content--FontSize, var(--pf-global--FontSize--sm, .875rem));color:var(--pf-c-popover__content--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-popover__content--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));max-width:var(--pf-c-popover--MaxWidth,calc(var(--pf-c-popover__content--PaddingLeft,1rem) + var(--pf-c-popover__content--PaddingRight,1rem) + 18.75rem));min-width:var(--pf-c-popover--MinWidth,calc(var(--pf-c-popover__content--PaddingLeft,1rem) + var(--pf-c-popover__content--PaddingRight,1rem) + 18.75rem));width:max-content}[part=close-button]{cursor:pointer;position:absolute;right:var(--pf-c-popover--c-button--Right,calc(var(--pf-c-popover__content--PaddingRight,1rem) - var(--pf-global--spacer--md,1rem)));top:var(--pf-c-popover--c-button--Top,calc(var(--pf-c-popover__content--PaddingTop,1rem) - var(--pf-global--spacer--form-element,.375rem)))}[part=content]>[part=close-button]:not([hidden])~:not([hidden]){padding-right:var(--pf-c-popover--c-button--sibling--PaddingRight,var(--pf-global--spacer--2xl,3rem))}[part=header]{display:flex;align-items:baseline}[part=icon]{color:var(--_header-icon-color);margin-right:var(--pf-c-popover__title-icon--MarginRight,var(--pf-global--spacer--sm,.5rem))}[part=icon] *,[part=icon] ::slotted(*){vertical-align:-.125em}[part=heading] :is(h2,h3,h4,h5,h6),[part=heading]::slotted(:is(h2,h3,h4,h5,h6)),[part=icon]{font-size:var(--pf-c-popover__title--FontSize, var(--pf-global--FontSize--md, 1rem));font-weight:var(--pf-global--FontWeight--normal,400);--pf-icon--size:var(
|
|
412
412
|
--pf-c-popover__title--FontSize,
|
|
413
413
|
var(--pf-global--FontSize--md, var(--pf-global--icon--FontSize--md, 1em))
|
|
414
414
|
)}[part=heading] :is(h2,h3,h4,h5,h6),[part=heading]::slotted(:is(h2,h3,h4,h5,h6)){color:var(--_header-text-color);margin-top:0;margin-bottom:var(--pf-c-popover__title--MarginBottom,var(--pf-global--spacer--sm,.5rem));line-height:var(--pf-c-popover__title--LineHeight, var(--pf-global--LineHeight--md, 1.5));font-family:var(
|
|
@@ -422,26 +422,26 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
422
422
|
arial,
|
|
423
423
|
sans-serif
|
|
424
424
|
)
|
|
425
|
-
)}[part=body]{display:block;word-wrap:break-word}[part=footer]{margin-top:var(--pf-c-popover__footer--MarginTop,var(--pf-global--spacer--md,1rem))}:host([alert-severity=default]){--_header-text-color:var(--pf-c-popover--m-default__title-text--Color, var(--pf-global--default-color--300, #003737));--_header-icon-color:var(--pf-c-popover--m-default__title-icon--Color, var(--pf-global--default-color--200, #009596))}:host([alert-severity=info]){--_header-text-color:var(--pf-c-popover--m-info__title-text--Color, var(--pf-global--info-color--200, #002952));--_header-icon-color:var(--pf-c-popover--m-info__title-icon--Color, var(--pf-global--info-color--100, #2b9af3))}:host([alert-severity=warning]){--_header-icon-color:var(--pf-c-popover--m-warning__title-icon--Color, var(--pf-global--warning-color--100, #f0ab00));--_header-text-color:var(--pf-c-popover--m-warning__title-text--Color, var(--pf-global--warning-color--200, #795600))}:host([alert-severity=success]){--_header-icon-color:var(--pf-c-popover--m-success__title-icon--Color, var(--pf-global--success-color--100, #3e8635));--_header-text-color:var(--pf-c-popover--m-success__title-text--Color, var(--pf-global--success-color--200, #1e4f18))}:host([alert-severity=danger]){--_header-icon-color:var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));--_header-text-color:var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000))}`,
|
|
426
|
-
<slot id="heading" name="heading" part="heading" ?hidden=${!c}>${
|
|
427
|
-
`,
|
|
425
|
+
)}[part=body]{display:block;word-wrap:break-word}[part=footer]{margin-top:var(--pf-c-popover__footer--MarginTop,var(--pf-global--spacer--md,1rem))}:host([alert-severity=default]){--_header-text-color:var(--pf-c-popover--m-default__title-text--Color, var(--pf-global--default-color--300, #003737));--_header-icon-color:var(--pf-c-popover--m-default__title-icon--Color, var(--pf-global--default-color--200, #009596))}:host([alert-severity=info]){--_header-text-color:var(--pf-c-popover--m-info__title-text--Color, var(--pf-global--info-color--200, #002952));--_header-icon-color:var(--pf-c-popover--m-info__title-icon--Color, var(--pf-global--info-color--100, #2b9af3))}:host([alert-severity=warning]){--_header-icon-color:var(--pf-c-popover--m-warning__title-icon--Color, var(--pf-global--warning-color--100, #f0ab00));--_header-text-color:var(--pf-c-popover--m-warning__title-text--Color, var(--pf-global--warning-color--200, #795600))}:host([alert-severity=success]){--_header-icon-color:var(--pf-c-popover--m-success__title-icon--Color, var(--pf-global--success-color--100, #3e8635));--_header-text-color:var(--pf-c-popover--m-success__title-text--Color, var(--pf-global--success-color--200, #1e4f18))}:host([alert-severity=danger]){--_header-icon-color:var(--pf-c-popover--m-danger__title-icon--Color, var(--pf-global--danger-color--100, #c9190b));--_header-text-color:var(--pf-c-popover--m-danger__title-text--Color, var(--pf-global--danger-color--200, #a30000))}`,Bi=Ql;var Oo=class extends u{constructor(){super("hide")}},No=class extends u{constructor(){super("hidden")}},Uo=class extends u{constructor(){super("show")}},qo=class extends u{constructor(){super("shown")}},F,It,le,Mr,Ti,f=class extends Jl{constructor(){super(...arguments);s(this,Mr);this.position="top";this.noFlip=!1;s(this,F,null);s(this,It,new Qt(this,{content:()=>this._popover,arrow:()=>this._arrow,invoker:()=>a(this,F)||this._slottedTrigger}));s(this,le,new b(this,null,"icon","heading","body","footer"))}static{document.addEventListener("click",function(t){var r;for(let i of f.instances)i.noOutsideClick||p(r=i,Mr,Ti).call(r,t)})}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.onKeydown)}render(){let{alignment:t,anchor:r,styles:i}=a(this,It),l=a(this,le).hasSlotted("footer")||!!this.footer,c=a(this,le).hasSlotted("heading")||!!this.heading,d=a(this,le).hasSlotted("icon")||!!this.icon||!!this.alertSeverity,h=nt`<h6>${this.heading??""}</h6>`;switch(this.headingLevel){case 2:h=nt`<h2>${this.heading??""}</h2>`;break;case 3:h=nt`<h3>${this.heading??""}</h3>`;break;case 4:h=nt`<h4>${this.heading??""}</h4>`;break;case 5:h=nt`<h5>${this.heading??""}</h5>`;break}let k=nt`
|
|
426
|
+
<slot id="heading" name="heading" part="heading" ?hidden=${!c}>${h}</slot>
|
|
427
|
+
`,Q=c&&d?nt`
|
|
428
428
|
<header part="header">
|
|
429
429
|
<span part="icon">
|
|
430
430
|
<slot name="icon">
|
|
431
431
|
<pf-icon icon="${this.icon??f.alertIcons.get(this.alertSeverity)??""}"
|
|
432
|
-
set="${
|
|
432
|
+
set="${wi(this.iconSet)}"
|
|
433
433
|
size="md"></pf-icon>
|
|
434
434
|
</slot>
|
|
435
|
-
</span>${this.alertSeverity?
|
|
436
|
-
<span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:
|
|
437
|
-
${
|
|
435
|
+
</span>${this.alertSeverity?nt`
|
|
436
|
+
<span class="visually-hidden">${this.alertSeverityText??`${this.alertSeverity} alert:`}</span>`:tp}
|
|
437
|
+
${k}
|
|
438
438
|
</header>
|
|
439
|
-
`:
|
|
439
|
+
`:k;return nt`
|
|
440
440
|
<div id="container"
|
|
441
|
-
style="${
|
|
442
|
-
class="${
|
|
441
|
+
style="${rp(i)}"
|
|
442
|
+
class="${op({[r]:!!r,[t]:!!t})}">
|
|
443
443
|
<slot id="trigger" @keydown=${this.onKeydown} @click=${this.toggle}></slot>
|
|
444
|
-
<dialog id="popover" aria-labelledby="heading" aria-describedby="body" aria-label=${
|
|
444
|
+
<dialog id="popover" aria-labelledby="heading" aria-describedby="body" aria-label=${wi(this.label)}>
|
|
445
445
|
<div id="arrow"></div>
|
|
446
446
|
<div id="content" part="content">
|
|
447
447
|
<pf-button id="close-button"
|
|
@@ -455,40 +455,40 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
455
455
|
<path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
|
|
456
456
|
</svg>
|
|
457
457
|
</pf-button>
|
|
458
|
-
${
|
|
458
|
+
${Q}
|
|
459
459
|
<slot id="body" part="body" name="body">${this.body??""}</slot>
|
|
460
|
-
<footer part="footer" ?hidden=${!
|
|
460
|
+
<footer part="footer" ?hidden=${!l}>
|
|
461
461
|
<slot name="footer">${this.footer}</slot>
|
|
462
462
|
</footer>
|
|
463
463
|
</div>
|
|
464
464
|
</dialog>
|
|
465
465
|
</div>
|
|
466
|
-
`}disconnectedCallback(){super.disconnectedCallback(),f.instances.delete(this),
|
|
467
|
-
<div id="connector" class="${
|
|
466
|
+
`}disconnectedCallback(){super.disconnectedCallback(),f.instances.delete(this),a(this,F)?.removeEventListener("click",this.show),a(this,F)?.removeEventListener("keydown",this.onKeydown)}onKeydown(t){switch(t.key){case"Escape":case"Esc":t.preventDefault(),this.hide();return;case"Enter":(t.target===a(this,F)||t.target===this._slottedTrigger)&&(t.preventDefault(),this.show());return}}triggerChanged(t,r){t&&(a(this,F)?.removeEventListener("click",this.show),a(this,F)?.removeEventListener("keydown",this.onKeydown)),r&&(m(this,F,this.getRootNode().getElementById(r)),a(this,F)?.addEventListener("click",this.show),a(this,F)?.addEventListener("keydown",this.onKeydown))}async toggle(){a(this,It).open?this.hide():this.show()}async show(){this.dispatchEvent(new Uo),await this.updateComplete,await a(this,It).show({offset:this.distance??25,placement:this.position,flip:!this.noFlip,fallbackPlacements:this.flipBehavior}),this._popover?.show(),this.dispatchEvent(new qo),f.instances.add(this)}async hide(){this.dispatchEvent(new Oo),await a(this,It).hide(),this._popover?.close(),this.dispatchEvent(new No),f.instances.delete(this)}};F=new WeakMap,It=new WeakMap,le=new WeakMap,Mr=new WeakSet,Ti=function(t){let r=t.composedPath();!r.includes(this)&&!r.includes(a(this,F))&&this.hide()},f.styles=[Bi],f.instances=new Set,f.alertIcons=new Map(Object.entries({default:"bell",info:"circle-info",success:"circle-check",warning:"triangle-exclamation",danger:"circle-exclamation"})),o([C({reflect:!0})],f.prototype,"position",2),o([C({reflect:!0})],f.prototype,"heading",2),o([C({reflect:!0})],f.prototype,"body",2),o([C({reflect:!0})],f.prototype,"footer",2),o([C({reflect:!0})],f.prototype,"icon",2),o([C({reflect:!0})],f.prototype,"label",2),o([C({type:Number,reflect:!0})],f.prototype,"distance",2),o([C({attribute:"flip-behavior",converter:la})],f.prototype,"flipBehavior",2),o([C({type:Boolean,reflect:!0,attribute:"no-flip"})],f.prototype,"noFlip",2),o([C({type:Number,reflect:!0,attribute:"heading-level"})],f.prototype,"headingLevel",2),o([C({reflect:!0,attribute:"icon-set"})],f.prototype,"iconSet",2),o([C({type:Boolean,reflect:!0,attribute:"hide-close"})],f.prototype,"hideClose",2),o([C({reflect:!0,attribute:"alert-severity"})],f.prototype,"alertSeverity",2),o([C({reflect:!0,attribute:"close-label"})],f.prototype,"closeButtonLabel",2),o([C({reflect:!0,attribute:"alert-severity-text"})],f.prototype,"alertSeverityText",2),o([C({type:Boolean,reflect:!0,attribute:"no-outside-click"})],f.prototype,"noOutsideClick",2),o([W("triggerChanged"),C({reflect:!0})],f.prototype,"trigger",2),o([Do("#popover")],f.prototype,"_popover",2),o([Do("#trigger")],f.prototype,"_slottedTrigger",2),o([Do("#arrow")],f.prototype,"_arrow",2),o([_],f.prototype,"onKeydown",1),o([_],f.prototype,"toggle",1),o([_],f.prototype,"show",1),o([_],f.prototype,"hide",1),f=o([ep("pf-popover")],f);import{LitElement as np,html as sp}from"lit";import{customElement as lp}from"lit/decorators/custom-element.js";import{property as Fe}from"lit/decorators/property.js";import{ifDefined as Wi}from"lit/directives/if-defined.js";import{classMap as Si}from"lit/directives/class-map.js";import{css as ap}from"lit";var ip=ap`[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)}`,zi=ip;var Li=new Map(Object.entries({success:{icon:"circle-check"},danger:{icon:"circle-exclamation"},warning:{icon:"triangle-exclamation"},info:{icon:"resources-full",set:"patternfly"}})),Go,Er,O=class extends np{constructor(){super(...arguments);this.current=!1;s(this,Go,new b(this,"title","description"));s(this,Er,new Z(this,{role:"listitem"}))}render(){let t=!!this.description,r=this.icon??Li.get(this.variant??"default")?.icon,i=this.iconSet??Li.get(this.variant??"default")?.set,{parentTagName:l}=this.constructor,{compact:c=!1}=this.closest(l)??{};return sp`
|
|
467
|
+
<div id="connector" class="${Si({compact:c})}">
|
|
468
468
|
<slot id="icon" name="icon">
|
|
469
469
|
<pf-icon ?hidden="${!r}"
|
|
470
|
-
icon="${
|
|
471
|
-
set="${
|
|
470
|
+
icon="${Wi(r)}"
|
|
471
|
+
set="${Wi(i)}"></pf-icon>
|
|
472
472
|
</slot>
|
|
473
473
|
</div>
|
|
474
|
-
<div id="main" class="${
|
|
474
|
+
<div id="main" class="${Si({compact:c})}">
|
|
475
475
|
<slot id="title"></slot>
|
|
476
476
|
<slot id="description" name="description" ?hidden="${!t}">${this.description}</slot>
|
|
477
477
|
</div>
|
|
478
|
-
`}updated(t){super.updated?.(t),t.has("current")&&(i(this,xo).ariaCurrent=String(!!this.current))}};ja=new WeakMap,xo=new WeakMap,tt.parentTagName="pf-progress-stepper",tt.styles=[Sl],o([hr()],tt.prototype,"description",2),o([hr()],tt.prototype,"icon",2),o([hr({attribute:"icon-set"})],tt.prototype,"iconSet",2),o([hr({reflect:!0})],tt.prototype,"variant",2),o([hr({type:Boolean,reflect:!0})],tt.prototype,"current",2),tt=o([nc("pf-progress-step")],tt);import{LitElement as cc,html as dc}from"lit";import{customElement as fc}from"lit/decorators/custom-element.js";import{property as Na}from"lit/decorators/property.js";import{css as sc}from"lit";var pc=sc`[hidden]{display:none!important}:host{--pf-c-progress-stepper--m-vertical--GridAutoFlow:row;--pf-c-progress-stepper--m-vertical--GridTemplateColumns:auto 1fr;--pf-c-progress-stepper--m-vertical__step-connector--before--Top:0;--pf-c-progress-stepper--m-vertical__step-connector--before--Left:calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);--pf-c-progress-stepper--m-vertical__step-connector--before--Width:auto;--pf-c-progress-stepper--m-vertical__step-connector--before--Height:100%;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth:0;--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor:transparent;--pf-c-progress-stepper--m-vertical__step-connector--before--Transform:translateX(-50%);--pf-c-progress-stepper--m-vertical__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical__step-main--MarginBottom:var(--pf-global--spacer--xl, 2rem);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow:auto;--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight:0;--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--GridAutoFlow:column;--pf-c-progress-stepper--m-horizontal--GridTemplateColumns:initial;--pf-c-progress-stepper--m-horizontal__step-connector--before--Top:calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Left:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--Width:100%;--pf-c-progress-stepper--m-horizontal__step-connector--before--Height:auto;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth:0;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor:unset;--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform:translateY(-50%);--pf-c-progress-stepper--m-horizontal__step-main--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom:0;--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft:0;--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns:repeat(auto-fill, 1.75rem);--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom:0;--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow:2;--pf-c-progress-stepper--m-compact--GridAutoFlow:row;--pf-c-progress-stepper--m-compact__step-main--MarginTop:0;--pf-c-progress-stepper--m-compact__step-main--MarginBottom:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-compact__step-connector--MinWidth:1.75rem;--pf-c-progress-stepper--m-compact__step-icon--Width:1.125rem;--pf-c-progress-stepper--m-compact__step-icon--FontSize:var(--pf-global--icon--FontSize--sm, 0.625rem);--pf-c-progress-stepper--m-compact__step-title--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper--m-compact__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper--m-compact__pficon--MarginTop:2px;--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop:-3px;--pf-c-progress-stepper--m-center__step-connector--before--Left:50%;--pf-c-progress-stepper--m-center--GridTemplateColumns:1fr;--pf-c-progress-stepper--m-center__step-connector--JustifyContent:center;--pf-c-progress-stepper--m-center__step-main--MarginRight:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--MarginLeft:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper--m-center__step-main--TextAlign:center;--pf-c-progress-stepper--m-center__step-description--MarginRight:0;--pf-c-progress-stepper--m-center__step-description--MarginLeft:0;--pf-c-progress-stepper--GridTemplateRows:auto 1fr;--pf-c-progress-stepper__step-connector--JustifyContent:start;--pf-c-progress-stepper__step-icon--ZIndex:var(--pf-global--ZIndex--xs, 100);--pf-c-progress-stepper__step-icon--Width:1.75rem;--pf-c-progress-stepper__step-icon--Height:var(--pf-c-progress-stepper__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-icon--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-icon--BackgroundColor:var(--pf-global--BackgroundColor--light-200, #fafafa);--pf-c-progress-stepper__step-icon--BorderWidth:var(--pf-global--BorderWidth--md, 2px);--pf-c-progress-stepper__step-icon--BorderColor:var(--pf-global--BorderColor--100, #d2d2d2);--pf-c-progress-stepper__pficon--MarginTop:3px;--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:-5px;--pf-c-progress-stepper__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--TextAlign:left;--pf-c-progress-stepper__step-title--FontSize:var(--pf-global--FontSize--md, 1rem);--pf-c-progress-stepper__step-title--FontWeight:var(--pf-global--FontWeight--normal, 400);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-global--FontWeight--bold, 700);--pf-c-progress-stepper__step--m-current__step-title--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-pending__step-title--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step--m-danger__step-title--Color:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor:var(--pf-global--BorderColor--200, #8a8d90);--pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness:var(--pf-global--BorderWidth--sm, 1px);--pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset:0.25rem;--pf-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--hover--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step-title--m-help-text--focus--Color:var(--pf-global--Color--100, #151515);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor:var(--pf-global--danger-color--100, #c9190b);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecoerationColor:var(--pf-global--danger-color--200, #a30000);--pf-c-progress-stepper__step-description--MarginTop:var(--pf-global--spacer--xs, 0.25rem);--pf-c-progress-stepper__step-description--FontSize:var(--pf-global--FontSize--sm, 0.875rem);--pf-c-progress-stepper__step-description--Color:var(--pf-global--Color--200, #6a6e73);--pf-c-progress-stepper__step-description--TextAlign:left;--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;position:relative;display:grid;grid-auto-flow:var(--pf-c-progress-stepper--GridAutoFlow);grid-template-columns:var(--pf-c-progress-stepper--GridTemplateColumns);grid-template-rows:var(--pf-c-progress-stepper--GridTemplateRows);grid-auto-columns:1fr}@media (min-width:768px){:host{--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow, column);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns, initial);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper--m-center__step-connector--before--Content:'';--pf-c-progress-stepper--m-center__step-main--before--Content:none}}:host([center]){--pf-c-progress-stepper__step-connector--JustifyContent:var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-center__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);--pf-c-progress-stepper--step-main--TextAlign:var(--pf-c-progress-stepper--m-center__step-main--TextAlign, auto);--pf-c-progress-stepper__step-title--TextAlign:var(--pf-c-progress-stepper--m-center__step-title--TextAlign, auto);--pf-c-progress-stepper__step-description--MarginRight:var(--pf-c-progress-stepper--m-center__step-description--MarginRight);--pf-c-progress-stepper__step-description--MarginLeft:var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);--pf-c-progress-stepper__step-description--TextAlign:var(--pf-c-progress-stepper--m-center__step-description--TextAlign, auto);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content);--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left);grid-template-columns:var(--pf-c-progress-stepper--m-center--GridTemplateColumns)}:host([center]:not([compact])){--pf-c-progress-stepper__step-main--before--Content:var(--pf-c-progress-stepper--m-center__step-main--before--Content);--pf-c-progress-stepper__step-connector--before--Content:var(--pf-c-progress-stepper--m-center__step-connector--before--Content)}:host([vertical]) ::slotted(pf-progress-step){flex-direction:row;align-items:flex-start}:host([vertical]){--pf-c-progress-stepper--GridAutoFlow:var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);--pf-c-progress-stepper--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);--pf-c-progress-stepper__step-connector--before--Top:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);--pf-c-progress-stepper__step-connector--before--Width:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);--pf-c-progress-stepper__step-connector--before--Height:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);--pf-c-progress-stepper__step-connector--before--BorderRightWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);--pf-c-progress-stepper__step-connector--before--BorderRightColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);--pf-c-progress-stepper__step-connector--before--BorderBottomWidth:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);--pf-c-progress-stepper__step-connector--before--BorderBottomColor:var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);--pf-c-progress-stepper__step-connector--before--Transform:var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);--pf-c-progress-stepper__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);--pf-c-progress-stepper--m-compact--GridTemplateColumns:var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);--pf-c-progress-stepper--m-compact__step-connector--GridRow:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom:var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);--pf-c-progress-stepper__step-connector--before--Content:'';--pf-c-progress-stepper__step-main--before--Content:none;--pf-c-progress-stepper--m-center__step-connector--before--Content:none;--pf-c-progress-stepper--m-center__step-main--before--Content:'';--pf-c-progress-stepper__step-main--Position:relative}:host([vertical][center]){--pf-c-progress-stepper__step-connector--before--Left:var(--pf-c-progress-stepper--m-center__step-connector--before--Left)}:host([compact]){--pf-c-progress-stepper__step-main--MarginTop:var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);--pf-c-progress-stepper__step-main--MarginBottom:var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);--pf-c-progress-stepper__step-icon--Width:var(--pf-c-progress-stepper--m-compact__step-icon--Width);--pf-c-progress-stepper__step-icon--FontSize:var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);--pf-c-progress-stepper__step-title--FontSize:var(--pf-c-progress-stepper--m-compact__step-title--FontSize);--pf-c-progress-stepper__step--m-current__step-title--FontWeight:var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);--pf-c-progress-stepper__pficon--MarginTop:var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);--pf-c-progress-stepper__fa-exclamation-triangle--MarginTop:var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);--pf-c-progress-stepper--m-vertical__step-main--MarginLeft:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);--pf-c-progress-stepper--m-vertical__step-main--MarginRight:var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);display:inline-grid;grid-template-columns:var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);grid-auto-flow:var(--pf-c-progress-stepper--m-compact--GridAutoFlow)}`,Ml=pc;var Co,ko,Bo,Ll,pt=class extends cc{constructor(){super();n(this,Bo);this.vertical=!1;this.center=!1;this.compact=!1;n(this,Co,new Q(this,{role:"progressbar",ariaValueNow:this.value.toString()}));n(this,ko,new MutationObserver(()=>p(this,Bo,Ll).call(this)));i(this,ko).observe(this,{childList:!0})}get value(){let{childTagName:t}=this.constructor,r=this.querySelectorAll(t),a=this.querySelector(`${t}[current]`);return(Array.from(r).indexOf(a)+1)/r.length*100}render(){return dc`
|
|
478
|
+
`}updated(t){super.updated?.(t),t.has("current")&&(a(this,Er).ariaCurrent=String(!!this.current))}};Go=new WeakMap,Er=new WeakMap,O.parentTagName="pf-progress-stepper",O.styles=[zi],o([Fe()],O.prototype,"description",2),o([Fe()],O.prototype,"icon",2),o([Fe({attribute:"icon-set"})],O.prototype,"iconSet",2),o([Fe({reflect:!0})],O.prototype,"variant",2),o([Fe({type:Boolean,reflect:!0})],O.prototype,"current",2),O=o([lp("pf-progress-step")],O);import{LitElement as dp,html as fp}from"lit";import{customElement as mp}from"lit/decorators/custom-element.js";import{property as Po}from"lit/decorators/property.js";import{css as pp}from"lit";var cp=pp`[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)}`,Mi=cp;var Rr,Fr,Ir,Ei,Y=class extends dp{constructor(){super();s(this,Ir);this.vertical=!1;this.center=!1;this.compact=!1;s(this,Rr,new Z(this,{role:"progressbar",ariaValueNow:this.value.toString()}));s(this,Fr,new MutationObserver(()=>p(this,Ir,Ei).call(this)));a(this,Fr).observe(this,{childList:!0})}get value(){let{childTagName:t}=this.constructor,r=this.querySelectorAll(t),i=this.querySelector(`${t}[current]`);return(Array.from(r).indexOf(i)+1)/r.length*100}render(){return fp`
|
|
479
479
|
<slot role="listbox"></slot>
|
|
480
|
-
`}};
|
|
480
|
+
`}};Rr=new WeakMap,Fr=new WeakMap,Ir=new WeakSet,Ei=function(){a(this,Rr).ariaValueNow=this.value.toString()},Y.childTagName="pf-progress-step",Y.styles=[Mi],Y.formAssociated=!0,o([Po({type:Boolean,reflect:!0})],Y.prototype,"vertical",2),o([Po({type:Boolean,reflect:!0})],Y.prototype,"center",2),o([W(function(){let{childTagName:n}=this.constructor;this.querySelectorAll(n).forEach(e=>e.requestUpdate())}),Po({type:Boolean,reflect:!0})],Y.prototype,"compact",2),Y=o([mp("pf-progress-stepper")],Y);import{customElement as _p}from"lit/decorators/custom-element.js";import{LitElement as Fi,html as bp}from"lit";import{property as Vo}from"lit/decorators/property.js";import{css as gp}from"lit";var hp=gp`: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:""}`,Ri=hp;var pe,$r,Hr,Ii,Ar,$i,Ie,Ko,$e,Zo,N=class extends Fi{constructor(){super(...arguments);s(this,Hr);s(this,Ar);s(this,Ie);s(this,$e);s(this,pe,this.attachInternals());s(this,$r,this.hasAttribute("disabled"));this.showCheckIcon=!1;this.checked=!1;this.disabled=a(this,$r)}get labels(){return a(this,pe).labels}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox"),this.addEventListener("click",p(this,Hr,Ii)),this.addEventListener("keyup",p(this,Ar,$i)),p(this,$e,Zo).call(this)}formDisabledCallback(t){this.disabled=t,this.requestUpdate()}render(){return bp`
|
|
481
481
|
<div id="container" tabindex="0">
|
|
482
482
|
<svg id="toggle" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512">
|
|
483
483
|
<path ?hidden=${!this.showCheckIcon} d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
|
|
484
484
|
</svg>
|
|
485
485
|
</div>
|
|
486
|
-
`}updated(){
|
|
486
|
+
`}updated(){a(this,pe).ariaChecked=String(this.checked),a(this,pe).ariaDisabled=String(this.disabled)}};pe=new WeakMap,$r=new WeakMap,Hr=new WeakSet,Ii=function(t){let{originalTarget:r,explicitOriginalTarget:i}=t;if(i){let l;if(r===t.target&&!(l=Array.from(this.labels)).includes(i)&&l.includes(this.closest("label")))return}p(this,Ie,Ko).call(this)},Ar=new WeakSet,$i=function(t){switch(t.key){case" ":case"Enter":t.preventDefault(),p(this,Ie,Ko).call(this)}},Ie=new WeakSet,Ko=function(){this.disabled||(this.checked=!this.checked,p(this,$e,Zo).call(this),this.dispatchEvent(new Event("change",{bubbles:!0})))},$e=new WeakSet,Zo=function(){let t=this.checked?"on":"off";if(this.labels.length>1)for(let r of this.labels)r.hidden=r.dataset.state!==t},N.styles=[Ri],N.shadowRootOptions={...Fi.shadowRootOptions,delegatesFocus:!0},N.formAssociated=!0,o([Vo({reflect:!0})],N.prototype,"label",2),o([Vo({reflect:!0,type:Boolean,attribute:"show-check-icon"})],N.prototype,"showCheckIcon",2),o([Vo({reflect:!0,type:Boolean})],N.prototype,"checked",2);import{css as vp}from"lit";var up=vp`:host([checked]) #container{color:var(--pf-c-switch__input--checked__label--Color,var(--pf-global--Color--dark-100,#151515));background-color:var(--pf-c-switch__input--checked__toggle--BackgroundColor,var(--pf-global--primary-color--100,#06c))}:host([checked]) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}:host(:disabled) #container{color:var(--pf-c-switch__input--disabled__label--Color,var(--pf-global--disabled-color--100,#6a6e73));background-color:var(--pf-c-switch__input--disabled__toggle--BackgroundColor,var(--pf-global--disabled-color--200,#d2d2d2))}:host(:disabled) #container::before{background-color:var(--pf-c-switch__input--disabled__toggle--before--BackgroundColor,var(--pf-global--palette--black-150,#f5f5f5))}:host([checked]:disabled) #container::before{translate:var(--pf-c-switch__input--checked__toggle--before--TranslateX,calc(100% + var(--pf-c-switch__toggle-icon--Offset,0.125rem)))}#container{width:var(--pf-c-switch__toggle--Width,calc(var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) + var(--pf-c-switch__toggle-icon--Offset,.125rem) + var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))));height:var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5))));background-color:var(--pf-c-switch__toggle--BackgroundColor,var(--pf-global--palette--black-500,#8a8d90));border-radius:var(--pf-c-switch__toggle--BorderRadius,var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))))}#container::before{top:var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2));left:var(--pf-c-switch__toggle--before--Left,var(--pf-c-switch__toggle--before--Top,calc((var(--pf-c-switch__toggle--Height,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * var(--pf-c-switch--LineHeight,var(--pf-global--LineHeight--md,1.5)))) - var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)))))/ 2)));width:var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem)));height:var(--pf-c-switch__toggle--before--Height,var(--pf-c-switch__toggle--before--Width,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) - var(--pf-c-switch__toggle-icon--Offset,.125rem))));background-color:var(--pf-c-switch__toggle--before--backgroundcolor,var(--pf-global--backgroundcolor--100,#fff));border-radius:var(--pf-c-switch__toggle--before--BorderRadius,var(--pf-global--BorderRadius--lg,30em));box-shadow:var(--pf-c-switch__toggle--before--BoxShadow,var(--pf-global--BoxShadow--md,0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)));transition:var(--pf-c-switch__toggle--before--Transition,
|
|
487
487
|
var(--pf-c-switch__toggle--before--Transition, translate .25s ease 0s))}:host(:focus-within) #container{outline:var(--pf-c-switch__input--focus__toggle--OutlineWidth,var(--pf-global--BorderWidth--md,2px)) solid var(--pf-c-switch__input--focus__toggle--OutlineColor,var(--pf-global--primary-color--100,#06c));outline-offset:var(--pf-c-switch__input--focus__toggle--OutlineOffset,var(--pf-global--spacer--sm,0.5rem))}svg{margin-inline:var(--pf-c-switch__toggle-icon--Left,calc(var(--pf-c-switch--FontSize,var(--pf-global--FontSize--md,1rem)) * .4));font-size:var(--pf-c-switch__toggle-icon--FontSize,
|
|
488
488
|
calc(var(--pf-c-switch--FontSize,
|
|
489
|
-
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}
|
|
489
|
+
var(--pf-global--FontSize--md, 1rem)) * .625));color:var(--pf-c-switch__toggle-icon--Color,var(--pf-global--Color--light-100,#fff))}`,Hi=up;var He=class extends N{};He.styles=[...N.styles,Hi],He=o([_p("pf-switch")],He);import{customElement as Tp}from"lit/decorators/custom-element.js";import{css as xp}from"lit";var yp=xp`:host([box=light]){background-color:var(--pf-c-tab-content--m-light-300,var(--pf-global--BackgroundColor--light-300,#f0f0f0))}`,Ai=yp;import{LitElement as Bp,html as wp}from"lit";import{css as kp}from"lit";var Cp=kp`:host{display:block}:host([hidden]){display:none}`,ji=Cp;var jr,_t=class extends Bp{constructor(){super(...arguments);s(this,jr,this.attachInternals())}render(){return wp`
|
|
490
490
|
<slot></slot>
|
|
491
|
-
`}connectedCallback(){super.connectedCallback(),this.id
|
|
491
|
+
`}connectedCallback(){super.connectedCallback(),this.id||=H("pf-tab-panel"),this.hidden??=!0,a(this,jr).role="tabpanel",this.tabIndex=0}};jr=new WeakMap,_t.styles=[ji];var $t=class extends _t{};$t.styles=[..._t.styles,Ai],$t=o([Tp("pf-tab-panel")],$t);import{customElement as Fp}from"lit/decorators/custom-element.js";import{property as Pi}from"lit/decorators/property.js";import{LitElement as Oi,html as Sp}from"lit";import{queryAssignedElements as Lp}from"lit/decorators/query-assigned-elements.js";import{query as Mp}from"lit/decorators/query.js";import{css as zp}from"lit";var Wp=zp`: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}`,Di=Wp;var Ae=class extends u{constructor(t,r){super("expand");this.active=t;this.tab=r}},st,Dr,Ni,Or,Ui,Nr,qi,U=class extends Oi{constructor(){super(...arguments);s(this,Dr);s(this,Or);s(this,Nr);s(this,st,this.attachInternals())}connectedCallback(){super.connectedCallback(),this.id||=H(this.localName),this.addEventListener("click",p(this,Dr,Ni)),a(this,st).role="tab"}render(){return Sp`
|
|
492
492
|
<button part="button" ?disabled="${this.disabled}">
|
|
493
493
|
<slot name="icon"
|
|
494
494
|
part="icon"
|
|
@@ -496,29 +496,29 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
496
496
|
@slotchange="${()=>this.requestUpdate()}"></slot>
|
|
497
497
|
<slot part="text"></slot>
|
|
498
498
|
</button>
|
|
499
|
-
`}updated(t){i(this,Ct).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,Mo,Nl).call(this),t.has("disabled")&&p(this,Lo,Ul).call(this)}focus(){this.button.focus()}};Ct=new WeakMap,zo=new WeakSet,jl=function(){!this.disabled&&i(this,Ct).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0,this.focus())},Mo=new WeakSet,Nl=function(){this.active&&!this.disabled?i(this,Ct).ariaSelected="true":i(this,Ct).ariaSelected="false",this.dispatchEvent(new _r(this.active,this))},Lo=new WeakSet,Ul=function(){i(this,Ct).ariaDisabled=String(!!this.disabled)},rt.styles=[Dl],rt.shadowRootOptions={...Ol.shadowRootOptions,delegatesFocus:!0},o([zc({slot:"icon",flatten:!0})],rt.prototype,"icons",2),o([Mc("button")],rt.prototype,"button",2);import{css as Lc}from"lit";var Fc=Lc`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{align-items:center;gap:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem));line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{outline-color:var(--pf-c-tabs__link--after--BorderColor,#06c);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{display:flex!important}[part=icon][hidden]{display:none!important}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,Pl=Fc;var kt=class extends rt{constructor(){super(...arguments);this.active=!1;this.disabled=!1}};kt.styles=[...rt.styles,Pl],o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"active",2),o([z,Gl({reflect:!0,type:Boolean})],kt.prototype,"disabled",2),kt=o([Rc("pf-tab")],kt);import{customElement as jc}from"lit/decorators/custom-element.js";import{property as Po}from"lit/decorators/property.js";import{LitElement as $c,html as Va}from"lit";import{property as Kl}from"lit/decorators/property.js";import{query as Hc}from"lit/decorators/query.js";import{queryAssignedElements as Vl}from"lit/decorators/query-assigned-elements.js";import{classMap as Ac}from"lit/directives/class-map.js";import{__classPrivateFieldGet as u,__classPrivateFieldSet as Fo}from"tslib";function qa(l,e,t=!1,r=!1){if(!l||!e)return!1;let a=l.getBoundingClientRect(),s=e.getBoundingClientRect(),c=Math.ceil(a.left),d=Math.floor(a.right),v=Math.ceil(s.left),E=Math.floor(s.right),at=v>=c&&E<=d,G=(t||!r&&a.width<s.width)&&(v<c&&E>c||E>d&&v<d);return at||G}var Yt,W,yr,Ka,Ro,ze,We,Eo=class{get firstItem(){return u(this,yr,"f").at(0)}get lastItem(){return u(this,yr,"f").at(-1)}constructor(e,t){Yt.add(this),this.host=e,this.options=t,W.set(this,void 0),yr.set(this,[]),Ka.set(this,0),Ro.set(this,void 0),ze.set(this,!1),this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(u(this,Ro,"f")),Fo(this,Ro,setTimeout(()=>u(this,Yt,"m",We).call(this),u(this,Ka,"f")),"f")},this.host.addController(this),t?.hideOverflowButtons&&Fo(this,ze,t?.hideOverflowButtons,"f")}init(e,t){Fo(this,W,e,"f"),Fo(this,yr,t,"f")}scrollLeft(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft-u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}scrollRight(){if(!u(this,W,"f"))return;let e=u(this,W,"f").scrollLeft+u(this,W,"f").clientWidth;u(this,W,"f").scroll({left:e,behavior:"smooth"}),u(this,Yt,"m",We).call(this)}update(){u(this,Yt,"m",We).call(this)}hostConnected(){this.onScroll(),u(this,Yt,"m",We).call(this)}};W=new WeakMap,yr=new WeakMap,Ka=new WeakMap,Ro=new WeakMap,ze=new WeakMap,Yt=new WeakSet,We=function(){if(!this.firstItem||!this.lastItem||!u(this,W,"f"))return;this.overflowLeft=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.firstItem),this.overflowRight=!u(this,ze,"f")&&!qa(u(this,W,"f"),this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(u(this,W,"f").parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!u(this,ze,"f")&&u(this,W,"f").scrollWidth>u(this,W,"f").clientWidth+e,this.host.requestUpdate()};import{css as Ec}from"lit";var Ic=Ec`:host{display:block}[part=tabs-container]{position:relative;display:flex;overflow:hidden}[part=tabs-container]::before{position:absolute;right:0;bottom:0;left:0;border-style:solid}:host button{opacity:1}:host button:first-of-type{margin-inline-end:0;translate:0 0}:host button:nth-of-type(2){margin-inline-start:0;translate:0 0}[part=panels],[part=tabs]{display:block}[part=tabs]{scrollbar-width:none;position:relative;max-width:100%;overflow-x:auto}[part=tabs-container]::before,[part=tabs]::before,button::before{position:absolute;right:0;bottom:0;left:0;content:"";border-style:solid}[part=tabs]::before,button::before{top:0}[part=tabs]::before,button{border:0}button{flex:none;line-height:1;opacity:0}button::before{border-block-start-width:0}button:first-of-type{translate:-100% 0}button:nth-of-type(2){translate:100% 0}button:disabled{pointer-events:none}`,ql=Ic;var Me,U,P,Cr,Le,kr,Qt,Br,Za,S,D,Zl,ot,Xt,Yl,wr,Ya,Io,Xl,$o,Ho,Ql,Ao,Jl,Do,tn,Oo,en,Sr,Xa,jo,rn,No,on,Uo,an,xr=class extends $c{constructor(){super(...arguments);n(this,Br);n(this,S);n(this,ot);n(this,wr);n(this,Io);n(this,Ho);n(this,Ao);n(this,Do);n(this,Oo);n(this,Sr);n(this,jo);n(this,No);n(this,Uo);n(this,U,new Tt(this));n(this,P,new Eo(this));n(this,Cr,new b(this));n(this,Le,[]);n(this,kr,[]);n(this,Qt,0);this.manual=!1;n(this,$o,t=>{!(t instanceof _r)||!i(this,S,D).length||!i(this,ot,Xt).length||t.active&&(t.tab!==i(this,U).activeItem&&i(this,U).updateActiveItem(t.tab),this.activeIndex=i(this,S,D).findIndex(r=>r===t.tab))})}static isTab(t){return t instanceof rt}static isPanel(t){return t instanceof Et}get activeIndex(){return i(this,Qt)}set activeIndex(t){let r=this.activeIndex,a=i(this,S,D)[t];if(a){if(a.disabled)i(this,Cr).warn("Disabled tabs can not be active, setting first focusable tab to active"),i(this,U).updateActiveItem(i(this,Ao,Jl)),t=i(this,Sr,Xa);else if(!a.active){a.active=!0;return}}if(t===-1){i(this,Cr).warn("No active tab found, setting first focusable tab to active");let s=i(this,U).firstItem;i(this,U).updateActiveItem(s),t=i(this,Sr,Xa)}m(this,Qt,t),this.requestUpdate("activeIndex",r),i(this,ot,Xt)[i(this,Qt)].hidden=!1,p(this,Ho,Ql).call(this,i(this,Qt))}connectedCallback(){super.connectedCallback(),this.id||(this.id=q(this.localName)),this.addEventListener("expand",i(this,$o)),i(xr,Me).add(this)}disconnectedCallback(){super.disconnectedCallback(),i(xr,Me).delete(this)}willUpdate(){let{activeItem:t}=i(this,U);!this.manual&&t&&t!==i(this,Br,Za)&&t.ariaDisabled!=="true"&&(t.active=!0)}async firstUpdated(){this.tabList.addEventListener("scroll",i(this,P).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:a}=this.constructor;return Va`
|
|
500
|
-
<div part="container" class="${
|
|
501
|
-
<div part="tabs-container">${
|
|
499
|
+
`}updated(t){a(this,st).ariaSelected=String(this.ariaSelected),t.has("active")&&p(this,Or,Ui).call(this),t.has("disabled")&&p(this,Nr,qi).call(this)}focus(){this.button.focus()}};st=new WeakMap,Dr=new WeakSet,Ni=function(){!this.disabled&&a(this,st).ariaDisabled!=="true"&&this.ariaDisabled!=="true"&&(this.active=!0,this.focus())},Or=new WeakSet,Ui=function(){this.active&&!this.disabled?a(this,st).ariaSelected="true":a(this,st).ariaSelected="false",this.dispatchEvent(new Ae(this.active,this))},Nr=new WeakSet,qi=function(){a(this,st).ariaDisabled=String(!!this.disabled)},U.styles=[Di],U.shadowRootOptions={...Oi.shadowRootOptions,delegatesFocus:!0},o([Lp({slot:"icon",flatten:!0})],U.prototype,"icons",2),o([Mp("button")],U.prototype,"button",2);import{css as Ep}from"lit";var Rp=Ep`:host{scroll-snap-align:var(--pf-c-tabs__item--ScrollSnapAlign,end)}:host([active]){--pf-c-tabs__link--Color:var(--pf-c-tabs__item--m-current__link--Color, var(--pf-global--Color--100, #151515));--pf-c-tabs__link--after--BorderColor:var(--pf-c-tabs__item--m-current__link--after--BorderColor, var(--pf-global--active-color--100, #06c));--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__item--m-current__link--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box][active]){--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--BackgroundColor, transparent)}:host(.first[box][active]) #current::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}button{align-items:center;gap:var(--pf-c-tabs__link--child--MarginRight,var(--pf-global--spacer--md,1rem));line-height:var(--pf-global--LineHeight--md, 1.5);color:var(--pf-global--Color--100,#151515);padding:var(--pf-c-tabs__link--PaddingTop,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingRight,var(--pf-global--spacer--md,1rem)) var(--pf-c-tabs__link--PaddingBottom,var(--pf-global--spacer--sm,.5rem)) var(--pf-c-tabs__link--PaddingLeft,var(--pf-global--spacer--md,1rem));font-size:var(--pf-c-tabs__link--FontSize, var(--pf-global--FontSize--md, 1rem));color:var(--pf-c-tabs__link--Color,var(--pf-global--Color--200,#6a6e73));outline-offset:var(--pf-c-tabs__link--OutlineOffset,calc(-1 * 0.375rem));--pf-c-tabs__link--after--BorderBottomWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);background-color:var(--pf-c-tabs__link--BackgroundColor,transparent)}button::before{border-block-start-width:var(--pf-c-tabs__link--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs__link--before--BorderLeftWidth,0);border-block-start-color:var(--pf-c-tabs__link--before--BorderTopColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-color:var(--pf-c-tabs__link--before--BorderRightColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-end-color:var(--pf-c-tabs__link--before--BorderBottomColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-start-color:var(--pf-c-tabs__link--before--BorderLeftColor,var(--pf-c-tabs__link--before--border-color--base,var(--pf-global--BorderColor--100,#d2d2d2)))}button::after{top:var(--pf-c-tabs__link--after--Top,auto);right:var(--pf-c-tabs__link--after--Right,0);bottom:var(--pf-c-tabs__link--after--Bottom,0);left:var(--pf-c-tabs__link--before--Left,0);border-color:var(--pf-c-tabs__link--after--BorderColor,var(--pf-global--BorderColor--light-100,#b8bbbe));border-block-start-width:var(--pf-c-tabs__link--after--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs__link--after--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__link--after--BorderBottomWidth);border-inline-start-width:var(--pf-c-tabs__link--after--BorderLeftWidth)}button:hover{--pf-c-tabs__link-toggle-icon--Color:var(--pf-c-tabs__link--hover__toggle-icon--Color);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--hover--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:focus,button:focus-visible{outline-color:var(--pf-c-tabs__link--after--BorderColor,#06c);--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--focus--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}button:active{--pf-c-tabs__link--after--BorderWidth:var(--pf-c-tabs__link--active--after--BorderWidth, var(--pf-global--BorderWidth--lg, 3px))}:host([box]) button{--pf-c-tabs__link--after--BorderTopWidth:var(--pf-c-tabs__link--after--BorderWidth, 0)}:host([box]) button,:host([vertical]) button{--pf-c-tabs__link--after--BorderBottomWidth:0}:host([vertical]) button{--pf-c-tabs__link--after--Bottom:0;--pf-c-tabs__link--after--BorderTopWidth:0;--pf-c-tabs__link--after--BorderLeftWidth:var(--pf-c-tabs__link--after--BorderWidth, 0);max-width:100%;text-align:left}:host([box][vertical]) button::after{top:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host(.first[box][vertical]) button::after,:host([box][vertical][active]) button::after{top:0}:host([box][vertical][active]) button::before{--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2))}:host(.first[box][active]) button::before{border-block-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderTopWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth,var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host(.last[box][active]) button::before{border-inline-end-width:var(--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([aria-disabled=true]) button,:host([disabled]) button{--pf-c-tabs__link--Color:var(--pf-c-tabs__link--disabled--Color, var(--pf-global--disabled-color--100, #6a6e73));--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--disabled--before--BorderRightWidth, 0);--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--disabled--before--BorderBottomWidth, var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px)));--pf-c-tabs__link--before--BorderLeftWidth:var(--pf-c-tabs__link--disabled--before--BorderLeftWidth, 0);--pf-c-tabs__link--after--BorderWidth:0}[part=icon]{display:flex!important}[part=icon][hidden]{display:none!important}:host([aria-disabled=true][border-bottom=false]) button,:host([disabled][border-bottom=false]) button{--pf-c-tabs__link--before--BorderBottomWidth:0}`,Gi=Rp;var lt=class extends U{constructor(){super(...arguments);this.active=!1;this.disabled=!1}};lt.styles=[...U.styles,Gi],o([W,Pi({reflect:!0,type:Boolean})],lt.prototype,"active",2),o([W,Pi({reflect:!0,type:Boolean})],lt.prototype,"disabled",2),lt=o([Fp("pf-tab")],lt);import{customElement as Np}from"lit/decorators/custom-element.js";import{property as Jr}from"lit/decorators/property.js";import{LitElement as Hp,html as Xo}from"lit";import{property as Ki}from"lit/decorators/property.js";import{query as Ap}from"lit/decorators/query.js";import{queryAssignedElements as Zi}from"lit/decorators/query-assigned-elements.js";import{classMap as jp}from"lit/directives/class-map.js";function Yo(n,e,t=!1,r=!1){if(!n||!e)return!1;let i=n.getBoundingClientRect(),l=e.getBoundingClientRect(),c=Math.ceil(i.left),d=Math.floor(i.right),h=Math.ceil(l.left),k=Math.floor(l.right),Q=h>=c&&k<=d,xt=(t||!r&&i.width<l.width)&&(h<c&&k>c||k>d&&h<d);return Q||xt}var Ur=class{#t;#e;#a;#r;#o;get firstItem(){return this.#e.at(0)}get lastItem(){return this.#e.at(-1)}constructor(e,t){this.host=e,this.options=t,this.#e=[],this.#a=0,this.#o=!1,this.showScrollButtons=!1,this.overflowLeft=!1,this.overflowRight=!1,this.onScroll=()=>{clearTimeout(this.#r),this.#r=setTimeout(()=>this.#i(),this.#a)},this.host.addController(this),t?.hideOverflowButtons&&(this.#o=t?.hideOverflowButtons)}#i(){if(!this.firstItem||!this.lastItem||!this.#t)return;this.overflowLeft=!this.#o&&!Yo(this.#t,this.firstItem),this.overflowRight=!this.#o&&!Yo(this.#t,this.lastItem);let e=0;(this.overflowLeft||this.overflowRight)&&(e=(this.#t.parentElement?.querySelector("button")?.getBoundingClientRect().width||0)*2),this.showScrollButtons=!this.#o&&this.#t.scrollWidth>this.#t.clientWidth+e,this.host.requestUpdate()}init(e,t){this.#t=e,this.#e=t}scrollLeft(){if(!this.#t)return;let e=this.#t.scrollLeft-this.#t.clientWidth;this.#t.scroll({left:e,behavior:"smooth"}),this.#i()}scrollRight(){if(!this.#t)return;let e=this.#t.scrollLeft+this.#t.clientWidth;this.#t.scroll({left:e,behavior:"smooth"}),this.#i()}update(){this.#i()}hostConnected(){this.onScroll(),this.#i()}};import{css as Ip}from"lit";var $p=Ip`: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}`,Vi=$p;var ce,I,$,De,de,Oe,At,Ne,Qo,y,M,Yi,q,Ht,Xi,Ue,Jo,qr,Qi,Gr,Pr,Ji,Vr,tn,Kr,en,Zr,rn,qe,ta,Yr,on,Xr,an,Qr,nn,je=class extends Hp{constructor(){super(...arguments);s(this,Ne);s(this,y);s(this,q);s(this,Ue);s(this,qr);s(this,Pr);s(this,Vr);s(this,Kr);s(this,Zr);s(this,qe);s(this,Yr);s(this,Xr);s(this,Qr);s(this,I,new dt(this));s(this,$,new Ur(this));s(this,De,new g(this));s(this,de,[]);s(this,Oe,[]);s(this,At,0);this.manual=!1;s(this,Gr,t=>{!(t instanceof Ae)||!a(this,y,M).length||!a(this,q,Ht).length||t.active&&(t.tab!==a(this,I).activeItem&&a(this,I).updateActiveItem(t.tab),this.activeIndex=a(this,y,M).findIndex(r=>r===t.tab))})}static isTab(t){return t instanceof U}static isPanel(t){return t instanceof _t}static{window.addEventListener("resize",()=>{for(let t of a(je,ce))a(t,$).onScroll()},{capture:!1})}get activeIndex(){return a(this,At)}set activeIndex(t){let r=this.activeIndex,i=a(this,y,M)[t];if(i){if(i.disabled)a(this,De).warn("Disabled tabs can not be active, setting first focusable tab to active"),a(this,I).updateActiveItem(a(this,Vr,tn)),t=a(this,qe,ta);else if(!i.active){i.active=!0;return}}if(t===-1){a(this,De).warn("No active tab found, setting first focusable tab to active");let l=a(this,I).firstItem;a(this,I).updateActiveItem(l),t=a(this,qe,ta)}m(this,At,t),this.requestUpdate("activeIndex",r),a(this,q,Ht)[a(this,At)].hidden=!1,p(this,Pr,Ji).call(this,a(this,At))}connectedCallback(){super.connectedCallback(),this.id||=H(this.localName),this.addEventListener("expand",a(this,Gr)),a(je,ce).add(this)}disconnectedCallback(){super.disconnectedCallback(),a(je,ce).delete(this)}willUpdate(){let{activeItem:t}=a(this,I);!this.manual&&t&&t!==a(this,Ne,Qo)&&t.ariaDisabled!=="true"&&(t.active=!0)}async firstUpdated(){this.tabList.addEventListener("scroll",a(this,$).onScroll.bind(this))}render(){let{scrollIconSet:t,scrollIconLeft:r,scrollIconRight:i}=this.constructor;return Xo`
|
|
500
|
+
<div part="container" class="${jp({overflow:a(this,$).showScrollButtons})}">
|
|
501
|
+
<div part="tabs-container">${a(this,$).showScrollButtons?Xo`
|
|
502
502
|
<button id="previousTab" tabindex="-1"
|
|
503
503
|
aria-label="${this.getAttribute("label-scroll-left")??"Scroll left"}"
|
|
504
|
-
?disabled="${!
|
|
505
|
-
@click="${p(this,
|
|
504
|
+
?disabled="${!a(this,$).overflowLeft}"
|
|
505
|
+
@click="${p(this,Xr,an)}">
|
|
506
506
|
<pf-icon icon="${r}" set="${t}" loading="eager"></pf-icon>
|
|
507
507
|
</button>`:""}
|
|
508
508
|
<slot name="tab"
|
|
509
509
|
part="tabs"
|
|
510
510
|
role="tablist"
|
|
511
|
-
@slotchange="${p(this,
|
|
511
|
+
@slotchange="${p(this,Ue,Jo)}"></slot> ${a(this,$).showScrollButtons?Xo`
|
|
512
512
|
<button id="nextTab" tabindex="-1"
|
|
513
513
|
aria-label="${this.getAttribute("label-scroll-right")??"Scroll right"}"
|
|
514
|
-
?disabled="${!
|
|
515
|
-
@click="${p(this,
|
|
516
|
-
<pf-icon icon="${
|
|
514
|
+
?disabled="${!a(this,$).overflowRight}"
|
|
515
|
+
@click="${p(this,Qr,nn)}">
|
|
516
|
+
<pf-icon icon="${i}" set="${t}" loading="eager"></pf-icon>
|
|
517
517
|
</button>`:""}
|
|
518
518
|
</div>
|
|
519
|
-
<slot part="panels" @slotchange="${p(this,
|
|
519
|
+
<slot part="panels" @slotchange="${p(this,Ue,Jo)}"></slot>
|
|
520
520
|
</div>
|
|
521
|
-
`}},R=xr;Me=new WeakMap,U=new WeakMap,P=new WeakMap,Cr=new WeakMap,Le=new WeakMap,kr=new WeakMap,Qt=new WeakMap,Br=new WeakSet,Za=function(){let[t]=i(this,Le).filter(r=>r.active);return t},S=new WeakSet,D=function(){return i(this,Le)},Zl=function(t){m(this,Le,t.filter(r=>this.constructor.isTab(r)))},ot=new WeakSet,Xt=function(){return i(this,kr)},Yl=function(t){m(this,kr,t.filter(r=>this.constructor.isPanel(r)))},wr=new WeakSet,Ya=function(t){t.target.name==="tab"?m(this,S,this.tabs,Zl):m(this,ot,this.panels,Yl),i(this,S,D).length===i(this,ot,Xt).length&&(i(this,S,D).length!==0||i(this,ot,Xt).length!==0)&&(p(this,Io,Xl).call(this),p(this,jo,rn).call(this),i(this,U).initItems(i(this,S,D)),this.activeIndex=i(this,S,D).findIndex(r=>r.active),i(this,U).updateActiveItem(i(this,Br,Za)),i(this,P).init(this.tabList,i(this,S,D)))},Io=new WeakSet,Xl=function(){i(this,S,D).forEach((t,r)=>{let a=i(this,ot,Xt)[r];a.hasAttribute("aria-labelledby")||a.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",a.id)})},$o=new WeakMap,Ho=new WeakSet,Ql=function(t){i(this,S,D).forEach((r,a)=>r.active=a===t),i(this,ot,Xt).forEach((r,a)=>r.hidden=a!==t)},Ao=new WeakSet,Jl=function(){return i(this,U).firstItem},Do=new WeakSet,tn=function(){let[t]=i(this,S,D);return t},Oo=new WeakSet,en=function(){return i(this,S,D).at(-1)},Sr=new WeakSet,Xa=function(){let{activeItem:t}=i(this,U);return i(this,S,D).findIndex(r=>r===t)},jo=new WeakSet,rn=function(){i(this,Do,tn)?.classList.add("first"),i(this,Oo,en)?.classList.add("last")},No=new WeakSet,on=function(){i(this,P).scrollLeft()},Uo=new WeakSet,an=function(){i(this,P).scrollRight()},R.styles=[ql],R.scrollTimeoutDelay=0,R.scrollIconLeft="angle-left",R.scrollIconRight="angle-right",R.scrollIconSet="fas",n(R,Me,new Set),(()=>{window.addEventListener("resize",()=>{for(let t of i(xr,Me))i(t,P).onScroll()},{capture:!1})})(),o([Vl({slot:"tab"})],R.prototype,"tabs",2),o([Vl()],R.prototype,"panels",2),o([Hc('[part="tabs"]')],R.prototype,"tabList",2),o([Kl({reflect:!0,type:Boolean})],R.prototype,"manual",2),o([Kl({attribute:!1})],R.prototype,"activeIndex",1);import{css as Dc}from"lit";var Oc=Dc`[part=tabs-container]{width:var(--pf-c-tabs--Width,auto);padding-inline-end:var(--pf-c-tabs--inset,0);padding-inline-start:var(--pf-c-tabs--inset,0)}[part=tabs-container]::before{border-color:var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2));border-block-start-width:var(--pf-c-tabs--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--before--BorderBottomWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs--before--BorderLeftWidth,0)}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:last-of-type){translate:calc(-1 * var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px)) 0}:host(:not([vertical])) ::slotted(pf-tab[aria-disabled=true]:first-of-type){translate:var(--pf-c-tabs__link--disabled--before--BorderRightWidth,1px) 0}:host([box]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-box__link--BackgroundColor, var(--pf-global--BackgroundColor--200, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-box__link--disabled--BackgroundColor, var(--pf-global--disabled-color--200, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Bottom:auto}:host([box]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderRightWidth:0}:host([box]) button:nth-of-type(2)::before{left:calc(var(--pf-c-tabs__link--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)) * -1)}:host([box]) pf-tab[aria-selected=true]+pf-tab{--pf-c-tabs__link--before--Left:0}:host([box=light]) [part=tabs-container]{--pf-c-tabs__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--BackgroundColor, transparent);--pf-c-tabs__item--m-current__link--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--light-300, #f0f0f0));--pf-c-tabs__link--disabled--BackgroundColor:var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor, var(--pf-global--palette--black-150, #f5f5f5))}:host([vertical]) [part=tabs-container]{--pf-c-tabs--Width:var(--pf-c-tabs--m-vertical--Width, 100%);--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--inset, var(--pf-global--spacer--lg, 1.5rem));--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--PaddingTop:var(--pf-c-tabs--m-vertical__link--PaddingTop, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--PaddingBottom:var(--pf-c-tabs--m-vertical__link--PaddingBottom, var(--pf-global--spacer--md, 1rem));--pf-c-tabs__link--before--Left:0;--pf-c-tabs__link--disabled--before--BorderBottomWidth:0;--pf-c-tabs__link--disabled--before--BorderLeftWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--after--Top:0;--pf-c-tabs__link--after--Right:auto;display:inline-flex;flex-direction:column;height:100%;padding:0;overflow:visible}:host([vertical]) [part=tabs]{position:relative;flex-direction:column;flex-grow:1;max-width:var(--pf-c-tabs--m-vertical--MaxWidth,15.625rem)}:host([vertical]) [part=tabs]::before{position:absolute;right:auto;border-style:solid;border-color:var(--pf-c-tabs--m-vertical__list--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-block-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderTopWidth,0);border-inline-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs--m-vertical__list--before--BorderBottomWidth,0);border-inline-start-width:var(--pf-c-tabs--m-vertical__list--before--BorderLeftWidth,var(--pf-c-tabs--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)))}:host([vertical]) ::slotted(pf-tab:first-of-type){margin-block-start:var(--pf-c-tabs--inset,0)}:host([vertical]) ::slotted(pf-tab:last-of-type){margin-block-end:var(--pf-c-tabs--inset,0)}:host([box][vertical]) [part=tabs-container]{--pf-c-tabs--inset:var(--pf-c-tabs--m-vertical--m-box--inset, var(--pf-global--spacer--xl, 2rem));--pf-c-tabs--m-vertical__list--before--BorderLeftWidth:0;--pf-c-tabs--m-vertical__list--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderRightWidth:var(--pf-c-tabs--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));--pf-c-tabs__link--disabled--before--BorderLeftWidth:0}:host([box][vertical]) [part=tabs]::before{right:0;left:auto}:host([box][vertical]) ::slotted(pf-tab:last-of-type){--pf-c-tabs__link--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderRightWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]){--pf-c-tabs__link--before--BorderRightColor:var(--pf-c-tabs__item--m-current__link--BackgroundColor, var(--pf-global--BackgroundColor--100, #ffffff));--pf-c-tabs__link--before--BorderBottomColor:var(--pf-c-tabs__link--before--border-color--base, var(--pf-global--BorderColor--100, #d2d2d2));--pf-c-tabs__link--before--BorderBottomWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}:host([box][vertical]) ::slotted(pf-tab[aria-selected=true]:first-of-type){--pf-c-tabs__link--before--BorderTopWidth:var(--pf-c-tabs__link--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px))}[part=tabs]{display:var(--pf-c-tabs__list--Display,flex)}button{width:var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem));color:var(--pf-c-tabs__scroll-button--Color,var(--pf-global--Color--100,#151515));background-color:var(--pf-c-tabs__scroll-button--BackgroundColor,var(--pf-global--BackgroundColor--100,#fff));outline-offset:var(--pf-c-tabs__scroll-button--OutlineOffset,calc(-1 * var(--pf-global--spacer--xs,0.25rem)));transition:margin var(--pf-c-tabs__scroll-button--TransitionDuration--margin, .125s),translate var(--pf-c-tabs__scroll-button--TransitionDuration--transform, .125s),opacity var(--pf-c-tabs__scroll-button--TransitionDuration--opacity, .125s);--pf-icon--size:16px}button:hover{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--hover--Color, var(--pf-global--active-color--100, #06c))}button::before{border-color:var(--pf-c-tabs__scroll-button--before--BorderColor,var(--pf-c-tabs--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2)));border-inline-end-width:var(--pf-c-tabs__scroll-button--before--BorderRightWidth,0);border-block-end-width:var(--pf-c-tabs__scroll-button--before--BorderBottomWidth,var(--pf-c-tabs__scroll-button--before--border-width--base,var(--pf-global--BorderWidth--sm,1px)));border-inline-start-width:var(--pf-c-tabs__scroll-button--before--BorderLeftWidth,0)}button:first-of-type{--pf-c-tabs__scroll-button--before--BorderRightWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-end:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:nth-of-type(2){--pf-c-tabs__scroll-button--before--BorderLeftWidth:var(--pf-c-tabs__scroll-button--before--border-width--base, var(--pf-global--BorderWidth--sm, 1px));margin-inline-start:calc(var(--pf-c-tabs__scroll-button--Width,var(--pf-global--spacer--2xl,3rem)) * -1)}button:disabled{--pf-c-tabs__scroll-button--Color:var(--pf-c-tabs__scroll-button--disabled--Color, var(--pf-global--disabled-color--200, #d2d2d2))}:host(:not[vertical]) [part=tabs-container]{--pf-c-tabs--inset:0;--pf-c-tabs--m-vertical--inset:0;--pf-c-tabs--m-vertical--m-box--inset:0}:host([fill]) [part=tabs]{flex-basis:100%}:host([fill]) ::slotted(pf-tab){flex-grow:1}:host([fill]) ::slotted(pf-tab:first-of-type){--pf-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth:0}:host([fill]) ::slotted(pf-tab:last-of-type){--pf-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth:0}:host([border-bottom=false]) [part=tabs-container]{--pf-c-tabs--before--BorderBottomWidth:0;--pf-c-tabs__link--before--BorderBottomWidth:0}`,ln=Oc;var ct=class extends R{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof kt}static isPanel(t){return t instanceof Zt}get canShowScrollButtons(){return!this.vertical}};ct.styles=[...R.styles,ln],ct.scrollTimeoutDelay=150,o([Re("pf-tab","pf-tab-panel"),Po({reflect:!0})],ct.prototype,"box",2),o([Re("pf-tab","pf-tab-panel"),Po({reflect:!0,type:Boolean})],ct.prototype,"vertical",2),o([Re("pf-tab"),Po({reflect:!0,type:Boolean})],ct.prototype,"fill",2),o([Re("pf-tab"),Po({attribute:"border-bottom"})],ct.prototype,"borderBottom",2),ct=o([jc("pf-tabs")],ct);import{customElement as qc}from"lit/decorators/custom-element.js";import{property as sn}from"lit/decorators/property.js";import{LitElement as Nc,html as Uc}from"lit";var Go=class extends Nc{render(){return Uc`
|
|
521
|
+
`}},w=je;ce=new WeakMap,I=new WeakMap,$=new WeakMap,De=new WeakMap,de=new WeakMap,Oe=new WeakMap,At=new WeakMap,Ne=new WeakSet,Qo=function(){let[t]=a(this,de).filter(r=>r.active);return t},y=new WeakSet,M=function(){return a(this,de)},Yi=function(t){m(this,de,t.filter(r=>this.constructor.isTab(r)))},q=new WeakSet,Ht=function(){return a(this,Oe)},Xi=function(t){m(this,Oe,t.filter(r=>this.constructor.isPanel(r)))},Ue=new WeakSet,Jo=function(t){t.target.name==="tab"?m(this,y,this.tabs,Yi):m(this,q,this.panels,Xi),a(this,y,M).length===a(this,q,Ht).length&&(a(this,y,M).length!==0||a(this,q,Ht).length!==0)&&(p(this,qr,Qi).call(this),p(this,Yr,on).call(this),a(this,I).initItems(a(this,y,M)),this.activeIndex=a(this,y,M).findIndex(r=>r.active),a(this,I).updateActiveItem(a(this,Ne,Qo)),a(this,$).init(this.tabList,a(this,y,M)))},qr=new WeakSet,Qi=function(){a(this,y,M).forEach((t,r)=>{let i=a(this,q,Ht)[r];i.hasAttribute("aria-labelledby")||i.setAttribute("aria-labelledby",t.id),t.setAttribute("aria-controls",i.id)})},Gr=new WeakMap,Pr=new WeakSet,Ji=function(t){a(this,y,M).forEach((r,i)=>r.active=i===t),a(this,q,Ht).forEach((r,i)=>r.hidden=i!==t)},Vr=new WeakSet,tn=function(){return a(this,I).firstItem},Kr=new WeakSet,en=function(){let[t]=a(this,y,M);return t},Zr=new WeakSet,rn=function(){return a(this,y,M).at(-1)},qe=new WeakSet,ta=function(){let{activeItem:t}=a(this,I);return a(this,y,M).findIndex(r=>r===t)},Yr=new WeakSet,on=function(){a(this,Kr,en)?.classList.add("first"),a(this,Zr,rn)?.classList.add("last")},Xr=new WeakSet,an=function(){a(this,$).scrollLeft()},Qr=new WeakSet,nn=function(){a(this,$).scrollRight()},w.styles=[Vi],w.scrollTimeoutDelay=0,w.scrollIconLeft="angle-left",w.scrollIconRight="angle-right",w.scrollIconSet="fas",s(w,ce,new Set),o([Zi({slot:"tab"})],w.prototype,"tabs",2),o([Zi()],w.prototype,"panels",2),o([Ap('[part="tabs"]')],w.prototype,"tabList",2),o([Ki({reflect:!0,type:Boolean})],w.prototype,"manual",2),o([Ki({attribute:!1})],w.prototype,"activeIndex",1);import{css as Dp}from"lit";var Op=Dp`[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}`,sn=Op;var X=class extends w{constructor(){super(...arguments);this.box=null;this.vertical=!1;this.fill=!1;this.borderBottom="true"}static isTab(t){return t instanceof lt}static isPanel(t){return t instanceof $t}get canShowScrollButtons(){return!this.vertical}};X.styles=[...w.styles,sn],X.scrollTimeoutDelay=150,o([ke("pf-tab","pf-tab-panel"),Jr({reflect:!0})],X.prototype,"box",2),o([ke("pf-tab","pf-tab-panel"),Jr({reflect:!0,type:Boolean})],X.prototype,"vertical",2),o([ke("pf-tab"),Jr({reflect:!0,type:Boolean})],X.prototype,"fill",2),o([ke("pf-tab"),Jr({attribute:"border-bottom"})],X.prototype,"borderBottom",2),X=o([Np("pf-tabs")],X);import{customElement as Vp}from"lit/decorators/custom-element.js";import{property as pn}from"lit/decorators/property.js";import{LitElement as Up,html as qp}from"lit";var to=class extends Up{render(){return qp`
|
|
522
522
|
<div part="header">
|
|
523
523
|
<div part="icon">
|
|
524
524
|
<slot id="icon" name="icon"></slot>
|
|
@@ -530,12 +530,12 @@ var mn=Object.defineProperty;var gn=Object.getOwnPropertyDescriptor;var o=(l,e,t
|
|
|
530
530
|
<div part="body">
|
|
531
531
|
<slot id="body"></slot>
|
|
532
532
|
</div>
|
|
533
|
-
`}};import{css as
|
|
533
|
+
`}};import{css as Gp}from"lit";var Pp=Gp`:host{position:relative;display:inline-grid;padding:var(--pf-c-tile--PaddingTop,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingRight,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingBottom,var(--pf-global--spacer--lg,1.5rem)) var(--pf-c-tile--PaddingLeft,var(--pf-global--spacer--lg,1.5rem));text-align:center;cursor:pointer;background-color:var(--pf-c-tile--BackgroundColor,var(--pf-global--BackgroundColor--100,var(--pf-global--BackgroundColor--light-100),#fff));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;transition:var(--pf-c-tile--Transition, none);transform:translateY(var(--pf-c-tile--TranslateY,0))}:host::after,:host::before{position:absolute;pointer-events:none;content:""}:host::before{top:0;right:0;bottom:0;left:0;border:var(--pf-c-tile--before--BorderWidth,var(--pf-global--BorderWidth--sm,1px)) solid var(--pf-c-tile--before--BorderColor,var(--pf-global--BorderColor--100,#d2d2d2))}:host::after{right:0;bottom:0;left:0;height:var(--pf-c-tile--after--Height,var(--pf-global--BorderWidth--lg,3px));background-color:var(--pf-c-tile--after--BackgroundColor,transparent);transition:var(--pf-c-tile--after--Transition, none);transform:scaleY(var(--pf-c-tile--after--ScaleY,1)) translateY(var(--pf-c-tile--after--TranslateY,0))}:host(:hover){--pf-c-tile__title--Color:var(--pf-c-tile--hover__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--hover__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--hover--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:focus){--pf-c-tile__title--Color:var(--pf-c-tile--focus__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--focus__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--focus--after--BackgroundColor, var(--pf-global--active-color--400, #73bcf7))}:host(:active),:host([selected]){--pf-c-tile__title--Color:var(--pf-c-tile--m-selected__title--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile__icon--Color:var(--pf-c-tile--m-selected__icon--Color, var(--pf-global--primary-color--100, #06c));--pf-c-tile--TranslateY:var(--pf-c-tile--m-selected--TranslateY,
|
|
534
534
|
calc(-1 * var(--pf-c-tile--m-selected--after--ScaleY, 2) * var(--pf-c-tile--m-selected--after--Height,
|
|
535
535
|
var(--pf-global--BorderWidth--lg, 3px))));--pf-c-tile--Transition:var(--pf-c-tile--m-selected--Transition,
|
|
536
536
|
var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));--pf-c-tile--after--Height:var(--pf-c-tile--m-selected--after--Height, var(--pf-global--BorderWidth--lg, 3px));--pf-c-tile--after--BackgroundColor:var(--pf-c-tile--m-selected--after--BackgroundColor, var(--pf-global--active-color--100, #06c));--pf-c-tile--after--Transition:var(--pf-c-tile--m-selected--after--Transition,
|
|
537
|
-
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}`,
|
|
538
|
-
<time datetime="${this.isoString}">${this.time}</time>
|
|
539
|
-
`}};
|
|
537
|
+
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}`,ln=Pp;var jt=class extends to{constructor(){super(...arguments);this.selected=!1}};jt.styles=[ln],o([pn({reflect:!0,type:Boolean})],jt.prototype,"selected",2),o([pn({reflect:!0})],jt.prototype,"stacked",2),jt=o([Vp("pf-tile")],jt);import{LitElement as Xp,html as Qp}from"lit";import{customElement as Jp}from"lit/decorators/custom-element.js";import{property as ct}from"lit/decorators/property.js";var Kp={dateFormat:void 0,timeFormat:void 0,customFormat:void 0,displaySuffix:"",locale:void 0,relative:!1,utc:!1,hour12:!1},eo,cn,pt,T,Pe,ro,dn,ea=class{constructor(e,t){s(this,ro);s(this,pt,new Date);s(this,T,{});s(this,Pe,void 0);m(this,Pe,e),e.addController(this);for(let[r,i]of Object.entries(a(this,T)))a(this,T)[r]=t?.[r]??i}get localeString(){return a(this,pt).toLocaleString(a(this,T).locale)}get date(){return a(this,pt)}set date(e){m(this,pt,new Date(e))}get isoString(){return a(this,pt).toISOString()}get time(){if(a(this,T).relative)return p(this,ro,dn).call(this);{let{displaySuffix:e,locale:t}=a(this,T);return a(this,T).utc&&(e||="UTC"),`${a(this,pt).toLocaleString(t,a(this,T).customFormat??{hour12:a(this,T).hour12,timeStyle:a(this,T).timeFormat,dateStyle:a(this,T).dateFormat,...a(this,T).utc&&{timeZone:"UTC"}})} ${e??""}`.trim()}}set(e,t){var r;p(r=ea,eo,cn).call(r,e)&&(a(this,T)[e]=t,a(this,Pe).requestUpdate())}},Ge=ea;eo=new WeakSet,cn=function(e){return e in Kp},pt=new WeakMap,T=new WeakMap,Pe=new WeakMap,ro=new WeakSet,dn=function(){let e=a(this,pt),{locale:t}=a(this,T),r=new Intl.RelativeTimeFormat(t,{localeMatcher:"best fit",numeric:"auto",style:"long"}),i=e.getTime()-Date.now(),l=i>0?1:-1,c=0,d,h=Math.round(Math.abs(i)/1e3),k=Math.round(h/60),Q=Math.round(k/60),xt=Math.round(Q/24),yt=Math.round(xt/30),oo=Math.round(yt/12);return yt>=12?(c=oo,d="year"):xt>=30?(c=yt,d="month"):Q>=24?(c=xt,d="day"):k>=45?(c=Q,d="hour"):h>=45?(c=k,d="minute"):h>=10&&(c=h,d="second"),typeof d<"u"?r.format(l*c,d):"just now"},s(Ge,eo);import{css as Zp}from"lit";var Yp=Zp`:host{display:inline}time{text-decoration:var(--_timestamp-text-decoration,none);text-underline-offset:var(--_timestamp-text-underline-offset,initial)}`,fn=Yp;var tc={fromAttribute(n){return!n||n==="true"}},G,E=class extends Xp{constructor(){super(...arguments);s(this,G,new Ge(this))}get date(){return a(this,G).localeString}set date(t){a(this,G).date=new Date(t)}get isoString(){return a(this,G).isoString}get time(){return a(this,G).time}connectedCallback(){super.connectedCallback(),this.hasAttribute("date")&&(a(this,G).date=new Date(this.getAttribute("date")))}willUpdate(t){for(let[r]of t)a(this,G).set(r,this[r])}render(){return Qp`
|
|
538
|
+
<time datetime="${a(this,G).isoString}">${a(this,G).time}</time>
|
|
539
|
+
`}};G=new WeakMap,E.styles=[fn],o([ct({reflect:!0,attribute:"date-format"})],E.prototype,"dateFormat",2),o([ct({reflect:!0,attribute:"time-format"})],E.prototype,"timeFormat",2),o([ct({attribute:!1})],E.prototype,"customFormat",2),o([ct({reflect:!0,attribute:"display-suffix"})],E.prototype,"displaySuffix",2),o([ct({reflect:!0})],E.prototype,"locale",2),o([ct({reflect:!0,type:Boolean})],E.prototype,"relative",2),o([ct({reflect:!0,type:Boolean})],E.prototype,"utc",2),o([ct({reflect:!0,attribute:"hour-12",converter:tc})],E.prototype,"hour12",2),o([ct({reflect:!0})],E.prototype,"date",1),E=o([Jp("pf-timestamp")],E);export{Ho as ModalCancelEvent,Ao as ModalCloseEvent,jo as ModalOpenEvent,ot as PfAccordion,gt as PfAccordionHeader,Vt as PfAccordionPanel,Tt as PfAvatar,bt as PfBadge,j as PfButton,it as PfCard,x as PfClipboardCopy,oe as PfCodeBlock,wt as PfIcon,D as PfJumpLinks,ut as PfJumpLinksItem,ze as PfJumpLinksList,R as PfLabel,v as PfModal,Ft as PfPanel,f as PfPopover,O as PfProgressStep,Y as PfProgressStepper,Ce as PfSpinner,He as PfSwitch,lt as PfTab,$t as PfTabPanel,X as PfTabs,jt as PfTile,E as PfTimestamp,St as PfTooltip,No as PopoverHiddenEvent,Oo as PopoverHideEvent,Uo as PopoverShowEvent,qo as PopoverShownEvent};
|
|
540
540
|
/*! For license information please see pfe.min.js.LEGAL.txt */
|
|
541
541
|
//# sourceMappingURL=pfe.min.js.map
|