@fluid-topics/ftds-collapsible-block 2.2.15 → 2.2.17
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.
|
@@ -377,6 +377,7 @@ Also for action icons.`,a.colorGray200),contentGlobalSubtle:e.extend("--ftds-con
|
|
|
377
377
|
<ftds-typography variant="${h1.header}">${t}
|
|
378
378
|
</ftds-typography>`}var G=function(t,r,o,n){var c=arguments.length,d=c<3?r:n===null?n=Object.getOwnPropertyDescriptor(r,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")d=Reflect.decorate(t,r,o,n);else for(var u=t.length-1;u>=0;u--)(s=t[u])&&(d=(c<3?s(d):c>3?s(r,o,d):s(r,o))||d);return c>3&&d&&Object.defineProperty(r,o,d),d},z=class extends Xe.FtLitElement{constructor(){super(...arguments),this.headerBorder=!1,this.selectable=!1,this.selected=!1,this.hasHeader=!0,this.hasHeaderActions=!1,this.hasBody=!0,this.hasFooter=!0,this.hasFooterActions=!1,this.hasSideBar=!1}get isClickable(){return this.selectable||!!this.headerHref}render(){let r={"ftds-card--clickable":this.isClickable,"ftds-card--selected":this.selected,"ftds-card--selectable":this.selectable,"ftds-card--header-border":this.headerBorder,"ftds-card--no-header":!this.hasHeader,"ftds-card--no-header-actions":!this.hasHeaderActions,"ftds-card--no-body":!this.hasBody,"ftds-card--no-footer":!this.hasFooter,"ftds-card--no-footer-actions":!this.hasFooterActions,"ftds-card--no-side-bar":!this.hasSideBar};return ne.html`
|
|
379
379
|
<div id="container"
|
|
380
|
+
part="container"
|
|
380
381
|
role="${this.selectable?"checkbox":ne.nothing}"
|
|
381
382
|
aria-checked="${this.selectable?this.selected.toString():ne.nothing}"
|
|
382
383
|
aria-labelledby="${this.selectable?"header-title":ne.nothing}"
|
|
@@ -398,14 +399,14 @@ Also for action icons.`,a.colorGray200),contentGlobalSubtle:e.extend("--ftds-con
|
|
|
398
399
|
${Ye({headerText:this.headerText,headerHref:this.headerHref})}
|
|
399
400
|
</div>
|
|
400
401
|
</slot>
|
|
401
|
-
<div id="body">
|
|
402
|
+
<div id="body" part="body">
|
|
402
403
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
403
404
|
</div>
|
|
404
|
-
<div id="footer">
|
|
405
|
-
<div id="footer-text">
|
|
405
|
+
<div id="footer" part="footer">
|
|
406
|
+
<div id="footer-text" part="footer-text">
|
|
406
407
|
<slot name="footer" @slotchange=${this.onSlotchange}></slot>
|
|
407
408
|
</div>
|
|
408
|
-
<div id="footer-actions">
|
|
409
|
+
<div id="footer-actions" part="footer-actions">
|
|
409
410
|
<slot name="footer-actions"
|
|
410
411
|
@slotchange=${this.onSlotchange}></slot>
|
|
411
412
|
</div>
|