@limetech/lime-elements
Version:
1 lines • 3.28 kB
JavaScript
import{r as e,h as r,H as i}from"./p-DBTJNfo7.js";import{g as a}from"./p-CgNJbSP4.js";const o=class{constructor(r){e(this,r),this.subheadingDivider="·"}render(){return r(i,{key:"4a94e7808e3b295669faa4711d37f8d9ed50b006"},r("div",{key:"7c02e31819ddac504b5c58b6200c00a621079990",class:"information"},this.renderIcon(),r("div",{key:"b38172e5332ee39476bd19f7ad4f0ce127cc30d6",class:"headings"},r("h1",{key:"9ee1f899ba0f403a588e0dbca52d82c1c12e355e",class:"heading",title:this.heading},this.heading),r("h2",{key:"49b81ef3a96a9c2f7fa27ec2d13a15907131624e",class:"subheading",title:this.subheading},this.subheading,this.renderSupportingText()))),r("slot",{key:"29984270ca745ce430deef27704b9c63065c2964",name:"actions"},r("slot",{key:"1c3b766dc1444a0255ea605359b25d148d25ba57"})))}renderIcon(){var e,i,o,t,s;const n=a(this.icon);if(n)return r("limel-icon",{class:"icon",badge:!0,name:n,style:{"--limel-header-icon-color":`${null!==(i=null===(e=this.icon)||void 0===e?void 0:e.color)&&void 0!==i?i:""}`,"--limel-header-icon-background-color":`${null!==(t=null===(o=this.icon)||void 0===o?void 0:o.backgroundColor)&&void 0!==t?t:""}`,title:`${null===(s=this.icon)||void 0===s?void 0:s.title}`}})}renderSupportingText(){if(this.supportingText)return r("span",{class:"subheading__supporting-text"},this.renderSubheadingDivider(),this.supportingText)}renderSubheadingDivider(){if(this.subheadingDivider)return r("span",null,this.subheadingDivider)}};o.style='@charset "UTF-8";:host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{--limel-icon-svg-margin:0.25rem;flex-shrink:0;color:var(--limel-header-icon-color, var(--header-icon-color, rgb(var(--contrast-1100))));background-color:var(--limel-header-icon-background-color, var(--header-icon-background-color, transparent));width:2.25rem;border-radius:0.56rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1rem;font-weight:500}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:var(--limel-theme-default-small-font-size);font-weight:400}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.125rem}slot[name=actions]{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{--limel-icon-svg-margin:0;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) slot[name=actions]{display:flex;justify-content:flex-end}';export{o as limel_header}