@freshworks/crayons/dist/esm-es5/fw-accordion-title.entry.js

Crayons Web Components library

import{r as registerInstance,h,i as getElement}from"./index-25bc21e4.js";import{a as handleKeyDown}from"./index-04e9b0fa.js";var accordionTitleCss=':host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.accordion-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:var(--fw-accordion-title-background-color, #ffffff);border:var(--fw-accordion-title-border, none);border-radius:var(--fw-accordion-border-radius, 8px) var(--fw-accordion-border-radius, 8px) 0 0;padding:10px 20px;cursor:pointer}.accordion-header.collapsed{border-radius:var(--fw-accordion-border-radius, 8px)}.accordion-header.collapsed .accordion-icon{--fw-icon-color:var(\n    --fw-accordion-title-collapsed-icon-color,\n    $accordion-title-icon-color\n  )}.accordion-header.no-bounding-box{border-radius:0}.accordion-header .accordion-title{-ms-flex-positive:1;flex-grow:1;line-height:var(--fw-accordion-title-line-height, 19px);font-size:var(--fw-accordion-title-font-size, 16px);font-weight:var(--fw-accordion-title-font-weight, bold)}.accordion-header .accordion-title.truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.accordion-header .accordion-icon{-ms-flex-positive:0;flex-grow:0;--fw-icon-color:var(\n    --fw-accordion-title-expanded-icon-color,\n    $accordion-title-icon-color\n  )}';var ChevronArrow=function(e){var o=e.expanded,n=e.iconSize;var i;switch(n){case"small":i=7;break;case"medium":i=10;break;case"large":i=14;break}var r=o?"up":"down";return h("fw-icon",{class:"accordion-icon",name:"chevron-"+r,size:i,library:"system"})};var AccordionTitle=function(){function e(e){registerInstance(this,e);this.toggleState=function(){};this.expanded=true;this.type="default";this.truncateOnOverflow=true;this.iconSize="medium"}e.prototype.componentWillLoad=function(){this.expandedIcon=this.el.querySelector('[slot="expanded-icon"');this.collapsedIcon=this.el.querySelector('[slot="collapsed-icon"')};e.prototype.render=function(){return h("div",{class:{"accordion-header":true,collapsed:!this.expanded,"no-bounding-box":this.type==="no_bounding_box"},role:"button",tabindex:"0",onKeyDown:handleKeyDown(this.toggleState),onClick:this.toggleState,"aria-expanded":this.expanded.toString()},h("div",{class:{"accordion-title":true,truncate:this.truncateOnOverflow}},h("slot",null)),this.expandedIcon&&this.collapsedIcon?h("div",{class:"accordion-icon"},h("slot",{name:this.expanded?"expanded-icon":"collapsed-icon"})):h(ChevronArrow,{expanded:this.expanded,iconSize:this.iconSize}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();AccordionTitle.style=accordionTitleCss;export{AccordionTitle as fw_accordion_title};