1import{g as t,e,b as s,A as i,i as n}from"./pp-accordion-CA6w9In6.js";import{o}from"./pp-facet-dropdown-FY1eeaHH.js";import{M as r}from"./pp-process-CNG5NvVa.js";import"./pp-highcharts-D5Crk9o0.js";class a extends(r(n)){static get properties(){return{buttonType:{type:String,attribute:"button-type"},separatorTop:{type:Boolean,attribute:"separator-top"},toggleText:{type:String,attribute:"toggle-text"},buttonId:{type:String,attribute:"button-id"},url:{type:String},size:{type:String},expanded:{type:Boolean,reflect:!0,attribute:!1},iconClose:{type:Object,state:!0},iconSvg:{type:Object,state:!0}}}constructor(){super(),this.url="",this.size="",this._children=t(this,["pp-text-inline"]),this.expanded=!1,this.separatorTop=!1,this.buttonClasses="outline-static-1 -outline-offset-2 focus:outline focus:outline-2 hover:outline hover:outline-2 bg-button-interactive-bg-1 text-static-22 focus:bg-static-22 focus:text-static-1 hover:bg-static-22 hover:text-static-1"}_handleClick(t){t.stopPropagation(),["long-description","enlarge"].includes(this.buttonType)||(this.expanded=!this.expanded),this.contentUrl&&this.dispatchHtmlUpdateEvent()}get iconSeparatorClasses(){return{"border-t-line-1":this.separatorTop}}get icon(){return s` 2 <div 3 class="fill-current border-2 border-transparent ${e(this.iconSeparatorClasses)}" 4 > 5 ${this.svg} 6 <span class="sr-only">${this.toggleText}</span> 7 </div> 8 `}get svg(){return this.expanded?s`<pp-icon name="close" class="text-14 p-[7px]"></pp-icon>`:s`<pp-icon name="${this.buttonType}" class="text-18 p-[5px]"></pp-icon>`}get responsiveClasses(){return{[this.buttonClasses]:!0,"hidden lg:block":"enlarge"===this.buttonType}}get collapseButton(){return"long-description"===this.buttonType?s` 9 <button 10 type="button" 11 id="${this.buttonId}" 12 @click="${this._handleClick}" 13 class="${this.buttonClasses}" 14 > 15 ${this.icon} 16 </button> 17 `:s` 18 <button 19 type="button" 20 id="${this.buttonId}" 21 @click="${this._handleClick}" 22 class="transform ${e(this.responsiveClasses)}" 23 aria-expanded="${this.expanded?"true":"false"}" 24 aria-controls="${o("long-description"===this.buttonType?void 0:`${this.toggleId}`)}" 25 > 26 ${this.icon} 27 </button> 28 `}get downloadContent(){return s` 29 <pp-link href="${this.url}" underline> 30 <span class="flex items-center h-16 mr-4 pl-20">${this.size} 31 <div class="h-16 min-w-1 mx-8 bg-line-1"></div> 32 ${this._children?.["pp-text-inline"]} 33 </span> 34 </pp-link>`}get flyoutClasses(){return{"scale-x-100":this.expanded,"scale-x-0":!this.expanded,"pr-12":"download"===this.buttonType,hidden:!this.expanded,block:this.expanded}}get flyoutContainer(){return s` 35 <div id="${this.toggleId}" class="min-w-32 min-h-32 w-auto h-full overflow-hidden ml-32 lg:ml-0 pr-20 mr-2 36 rounded-bl-24 bg-button-interactive-bg-1 text-right origin-right transform md:transform-gpu transition-all duration-200 ease-linear ${e(this.flyoutClasses)}" 37 > 38 <div class="pl-24 pt-8 pb-4 text-right text-static-22 text-14 flex items-center"> 39 ${"copyright"===this.buttonType?this._children?.["pp-text-inline"]:this.downloadContent} 40 </div> 41 </div>`}render(){return s` 42 <div class="flex flex-row-reverse"> 43 ${this.collapseButton} 44 ${"long-description"===this.buttonType?i:this.flyoutContainer} 45 </div> 46 `}createRenderRoot(){return this}}customElements.define("pp-collapse-horizontal",a);export{a as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.