@freshworks/crayons
Version:
Crayons Web Components library
1 lines • 2.9 kB
JavaScript
System.register(["./p-6d102d56.system.js","./p-129461a2.system.js"],(function(e){"use strict";var o,n,i,t;return{setters:[function(e){o=e.r;n=e.h;i=e.i},function(e){t=e.a}],execute:function(){var r=':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 a=function(e){var o=e.expanded,i=e.iconSize;var t;switch(i){case"small":t=7;break;case"medium":t=10;break;case"large":t=14;break}var r=o?"up":"down";return n("fw-icon",{class:"accordion-icon",name:"chevron-"+r,size:t,library:"system"})};var c=e("fw_accordion_title",function(){function e(e){o(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 n("div",{class:{"accordion-header":true,collapsed:!this.expanded,"no-bounding-box":this.type==="no_bounding_box"},role:"button",tabindex:"0",onKeyDown:t(this.toggleState),onClick:this.toggleState,"aria-expanded":this.expanded.toString()},n("div",{class:{"accordion-title":true,truncate:this.truncateOnOverflow}},n("slot",null)),this.expandedIcon&&this.collapsedIcon?n("div",{class:"accordion-icon"},n("slot",{name:this.expanded?"expanded-icon":"collapsed-icon"})):n(a,{expanded:this.expanded,iconSize:this.iconSize}))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());c.style=r}}}));