@trendyol/baklava 3.5.0-beta.4 → 3.5.0-beta.5
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.
- package/dist/baklava.js +1 -1
- package/dist/{chunk-IH7ZOE5X.js → chunk-2JDJGZRM.js} +2 -2
- package/dist/{chunk-MAOX4FPK.js → chunk-CNWKBBJJ.js} +2 -2
- package/dist/{chunk-ART7GFCB.js → chunk-L5U5XRNP.js} +2 -2
- package/dist/chunk-X2MSD7NS.js +14 -0
- package/dist/chunk-X2MSD7NS.js.map +7 -0
- package/dist/components/table/table-body/bl-table-body.d.ts +4 -1
- package/dist/components/table/table-body/bl-table-body.d.ts.map +1 -1
- package/dist/components/table/table-body/bl-table-body.js +1 -1
- package/dist/components/table/table-cell/bl-table-cell.js +1 -1
- package/dist/components/table/table-header-cell/bl-table-header-cell.js +1 -1
- package/dist/components/table/table-row/bl-table-row.js +1 -1
- package/dist/custom-elements.json +18 -1
- package/package.json +1 -1
- package/dist/chunk-YA3P3PWF.js +0 -14
- package/dist/chunk-YA3P3PWF.js.map +0 -7
- /package/dist/{chunk-IH7ZOE5X.js.map → chunk-2JDJGZRM.js.map} +0 -0
- /package/dist/{chunk-MAOX4FPK.js.map → chunk-CNWKBBJJ.js.map} +0 -0
- /package/dist/{chunk-ART7GFCB.js.map → chunk-L5U5XRNP.js.map} +0 -0
package/dist/baklava.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as F}from"./chunk-
|
|
1
|
+
import{b as F}from"./chunk-2JDJGZRM.js";import{b as J}from"./chunk-CNWKBBJJ.js";import{b as E}from"./chunk-L5U5XRNP.js";import{b as j}from"./chunk-X2MSD7NS.js";import{b as q}from"./chunk-J5YZ4HBV.js";import{a as M}from"./chunk-G4DOH6BQ.js";import{a as Q}from"./chunk-STZJ3LBU.js";import{a as r}from"./chunk-YIKU2R7W.js";import{b as C}from"./chunk-GISZRI4I.js";import{a as H}from"./chunk-JXB2O63E.js";import{a as A}from"./chunk-3CGZ2A5B.js";import{b as N}from"./chunk-4BLKAURK.js";import{a as K}from"./chunk-5TPDRTCU.js";import{a as z}from"./chunk-WPESQSKX.js";import{a as v}from"./chunk-QF4LGACD.js";import{b as O}from"./chunk-P5TOP3NH.js";import{a as h}from"./chunk-UQMXWLP6.js";import{b as w}from"./chunk-SBCJY5IU.js";import{a as k}from"./chunk-AIHL337R.js";import{a as L}from"./chunk-QDYWH7BU.js";import{c as R,f as y}from"./chunk-IKYI4JCF.js";import{a as G}from"./chunk-CNJCPUQL.js";import{a as D}from"./chunk-S4BD3HT2.js";import{a as T}from"./chunk-QKII4FCI.js";import{a as b}from"./chunk-7WQEZTFP.js";import{b as g,d as P,f as S}from"./chunk-SIP5IK3N.js";import{b as I}from"./chunk-WUXXMMTM.js";import{a as f}from"./chunk-ERL6CBPO.js";import"./chunk-ECPWEUBG.js";import{a as p}from"./chunk-T5MEA7JO.js";import{b as x,e as s}from"./chunk-MWFGDECP.js";import{a as c}from"./chunk-M3UQBIAS.js";import{a as i}from"./chunk-DE3A37FL.js";import{b as n}from"./chunk-UOGCEUXK.js";import"./chunk-EZSEQHRH.js";import{a as B}from"./chunk-UOF574WZ.js";import"./chunk-23PSWIUF.js";import{b as u}from"./chunk-T7ECITFD.js";import"./chunk-IPYZIIRV.js";import{b as m}from"./chunk-4UO3W4WP.js";import{b as d}from"./chunk-ZE7GYACV.js";import"./chunk-WEEGH2F4.js";import"./chunk-EG7U7PM3.js";import"./chunk-AYJMIZZ3.js";import"./chunk-XDUIVR6I.js";import"./chunk-HZ6A5QFC.js";import"./chunk-6LT7O7T2.js";import"./chunk-DINNT5P2.js";import{a as o,b as t,c as a}from"./chunk-BH64QNLE.js";import"./chunk-GRL4DWKG.js";import"./chunk-3USCFSFQ.js";import"./chunk-7GK5LKBV.js";import{a as U,b as V}from"./chunk-KC4ECXJJ.js";import"./chunk-XCSIJWLQ.js";import"./chunk-6JU6I4L7.js";import"./chunk-EH2C72PD.js";import"./chunk-2PI5BUSE.js";import"./chunk-276RDWEQ.js";import{a as l}from"./chunk-ZLJF4SVG.js";import"./chunk-5MOOXA2X.js";import{b as e}from"./chunk-4OT5AMS5.js";import"./chunk-IZ2LK5GK.js";export{r as BlAccordion,l as BlAccordionGroup,f as BlAlert,p as BlBadge,m as BlButton,u as BlCalendar,x as BlCheckbox,s as BlCheckboxGroup,c as BlDatePicker,T as BlDialog,b as BlDrawer,S as BlDropdown,I as BlDropdownGroup,P as BlDropdownItem,a as BlIcon,B as BlInput,h as BlLink,w as BlNotification,C as BlNotificationCard,k as BlPagination,n as BlPopover,L as BlProgressIndicator,R as BlRadio,y as BlRadioGroup,G as BlSelect,D as BlSelectOption,d as BlSpinner,g as BlSplitButton,H as BlStepper,A as BlStepperItem,N as BlSwitch,z as BlTab,K as BlTabGroup,v as BlTabPanel,O as BlTable,j as BlTableBody,F as BlTableCell,q as BlTableHeader,J as BlTableHeaderCell,E as BlTableRow,M as BlTag,Q as BlTextarea,i as BlTooltip,t as getIconPath,U as getLocale,e as litHtmlRenderer,o as setIconPath,V as setLocale};
|
|
2
2
|
//# sourceMappingURL=baklava.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b}from"./chunk-
|
|
1
|
+
import{a as b}from"./chunk-L5U5XRNP.js";import{a as s,b as n}from"./chunk-5MOOXA2X.js";import{a as i,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var d=i`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-inline-end:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:"";position:absolute;inset-inline-end:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-end:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-start:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(-8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-inline-end:var(--bl-size-m)}`,c=d;var h="bl-table-cell",t=class extends a{constructor(){super(...arguments);this.disableSelection=!1}static get styles(){return[c]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get disabled(){return this.disableSelection}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!1))&&this.selectionKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get selectionKey(){return this._tableRow?this._tableRow.selectionKey:""}get checked(){var e;return!!((e=this._tableRow)!=null&&e.checked)}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(b)||console.warn("bl-table-cell is designed to be used inside a bl-table-row",this)}onChange(e){var r;(r=this._table)==null||r.onSelectionChange(!1,e.detail,this.selectionKey)}_renderCheckbox(){return this.selectable?o`<bl-checkbox
|
|
2
2
|
?checked=${this.checked}
|
|
3
3
|
?disabled=${this.disabled}
|
|
4
4
|
value="row"
|
|
@@ -8,4 +8,4 @@ import{a as b}from"./chunk-ART7GFCB.js";import{a as s,b as n}from"./chunk-5MOOXA
|
|
|
8
8
|
${this._renderCheckbox()}
|
|
9
9
|
<slot></slot>
|
|
10
10
|
</div>`}};l([n({type:Boolean,reflect:!0,attribute:"disabled"})],t.prototype,"disableSelection",2),t=l([s(h)],t);export{h as a,t as b};
|
|
11
|
-
//# sourceMappingURL=chunk-
|
|
11
|
+
//# sourceMappingURL=chunk-2JDJGZRM.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as m}from"./chunk-
|
|
1
|
+
import{a as m}from"./chunk-L5U5XRNP.js";import{a as u}from"./chunk-DINNT5P2.js";import{a as b,b as p}from"./chunk-5MOOXA2X.js";import{a as d,b as i,f as h}from"./chunk-4OT5AMS5.js";import{d as a}from"./chunk-IZ2LK5GK.js";var x=d`:host{--header-cell-width:var(--bl-table-header-cell-width, auto);--header-cell-min-width:var(--bl-table-header-cell-min-width, auto);display:table-cell;border:1px solid var(--bl-color-neutral-lighter);background-color:var(--bl-color-neutral-lightest);padding:var(--bl-size-m);font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;white-space:normal;width:var(--header-cell-width);min-width:var(--header-cell-min-width);background-clip:padding-box}.table-header-cell{display:flex;align-items:center}.table-header-cell.shadow-right::before{content:"";position:absolute;inset-inline-end:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-end:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}.table-header-cell.shadow-left::before{content:"";position:absolute;inset-inline-start:-1px;top:0;width:16px;height:100%;z-index:-1;border-inline-start:1px solid var(--bl-color-neutral-lighter);box-shadow:calc(-8px * var(--bl-text-x-direction)) 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-inline-end:var(--bl-size-m)}.sort-icons-wrapper{all:unset;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--bl-size-4xs);cursor:pointer}.sort-icons-wrapper:focus-visible{outline:2px solid var(--bl-color-primary);outline-offset:2px;border-radius:var(--bl-border-radius-xs)}.sort-icons-wrapper bl-icon{font-size:var(--bl-font-size-m);color:var(--bl-color-neutral-darker)}`,g=x;var f="bl-table-header-cell",r=class extends h{constructor(){super(...arguments);this.sortKey=""}static get styles(){return[g]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!0))}get sortable(){var e;return!!((e=this._table)!=null&&e.sortable)&&!!this.sortKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get checked(){var e;return!!((e=this._table)!=null&&e.isAllSelected())}get indeterminate(){var e;return!!((e=this._table)!=null&&e.isAnySelected())}get isAllUnselectedDisabled(){var e;return!!((e=this._table)!=null&&e.isAllUnselectedDisabled())}get sortDirection(){var e,t;return((e=this._table)==null?void 0:e.sortKey)===this.sortKey&&((t=this._table)==null?void 0:t.sortDirection)||""}get sortIconName(){return this.sortDirection==="asc"?"sorting_asc":this.sortDirection==="desc"?"sorting_desc":"sorting"}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(m)||console.warn("bl-table-header-cell is designed to be used inside a bl-table-row",this)}onChange(e){var o,l;let t=(o=this.shadowRoot)==null?void 0:o.querySelector(".select-all");if(e.detail&&this.isAllUnselectedDisabled){setTimeout(()=>{var c;let s=(c=t==null?void 0:t.shadowRoot)==null?void 0:c.querySelector("input");s==null||s.click()},0);return}(l=this._table)==null||l.onSelectionChange(!0,e.detail,""),setTimeout(()=>{t.checked=this.checked,t.indeterminate=this.indeterminate})}onSort(){var t;let e="asc";this.sortDirection==="asc"?e="desc":this.sortDirection==="desc"&&(e=""),(t=this._table)==null||t.onSortChange(this.sortKey,e)}_renderCheckbox(){return this.selectable?i`<bl-checkbox
|
|
2
2
|
class="select-all"
|
|
3
3
|
value="all"
|
|
4
4
|
.indeterminate="${this.indeterminate}"
|
|
@@ -13,4 +13,4 @@ import{a as m}from"./chunk-ART7GFCB.js";import{a as u}from"./chunk-DINNT5P2.js";
|
|
|
13
13
|
</button>`:i` <slot></slot>`;return i`<div class="table-header-cell ${o}" aria-sort=${u(n)}>
|
|
14
14
|
${this._renderCheckbox()} ${l}
|
|
15
15
|
</div> `}};a([p({type:String,reflect:!0,attribute:"sort-key"})],r.prototype,"sortKey",2),r=a([b(f)],r);export{f as a,r as b};
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-CNWKBBJJ.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as n}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as n}from"./chunk-X2MSD7NS.js";import{a as u}from"./chunk-J5YZ4HBV.js";import{a as c,b as h}from"./chunk-5MOOXA2X.js";import{a,b,f as d}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var y=a`:host{display:table-row}:host([checked]),:host([checked]) ::slotted(bl-table-cell){background-color:var(--bl-color-primary-contrast)}:host([disabled]),:host([disabled]) ::slotted(bl-table-cell){background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light)}:host(:not([checked],[disabled]).__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__),:host(:not([checked],[disabled]):hover),:host(:not([checked],[disabled]):hover) ::slotted(bl-table-cell){background-color:var(--bl-color-tertiary-background)}:host ::slotted(:first-child){border-inline-start:none}:host ::slotted(:last-child){border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell){border-top:none;border-inline-end:none}:host(:first-child) ::slotted(bl-table-header-cell:first-child){border-top-left-radius:var(--bl-size-3xs)}:host(:first-child) ::slotted(bl-table-header-cell:last-child){border-top-right-radius:var(--bl-size-3xs);border-inline-end:1px}:host(:last-child) ::slotted(bl-table-cell){border-bottom:none}:host(:first-child) ::slotted(bl-table-cell){border-top:none}:host(:last-child) ::slotted(bl-table-cell:first-child){border-bottom-left-radius:var(--bl-size-3xs)}:host(:last-child) ::slotted(bl-table-cell:last-child){border-bottom-right-radius:var(--bl-size-3xs)}:host([sticky-first-column]) ::slotted(bl-table-cell:first-child),:host([sticky-first-column]) ::slotted(bl-table-header-cell:first-child){position:sticky;z-index:2;inset-inline-start:0}:host([sticky-last-column]) ::slotted(bl-table-cell:last-child),:host([sticky-last-column]) ::slotted(bl-table-header-cell:last-child){position:sticky;z-index:2;inset-inline-end:0}`,m=y;var f="bl-table-row",t=class extends d{constructor(){super(...arguments);this.selectionKey=""}static get styles(){return[m]}connectedCallback(){super.connectedCallback(),!this.closest(u)&&!this.closest(n)&&console.warn("bl-table-row is designed to be used inside a bl-table-header or bl-table-body",this)}updated(e){super.updated(e),this.removeAttribute("checked"),this.removeAttribute("disabled"),this.removeAttribute("sticky-first-column"),this.removeAttribute("sticky-last-column"),this.stickyFirstColumn&&this.setAttribute("sticky-first-column","true"),this.stickyLastColumn&&this.setAttribute("sticky-last-column","true"),this.checked?this.setAttribute("checked","true"):this.disabled&&this.setAttribute("disabled","true"),e.has("selectionKey")&&this.updateComplete.then(()=>{var s,r,o,i;Array.from(this.querySelectorAll("bl-table-header-cell,bl-table-cell")).map(p=>{p.requestUpdate()}),(s=this._table)!=null&&s.multiple&&((r=this._table)!=null&&r.selectable)&&((i=(o=this._table)==null?void 0:o.querySelector("bl-table-header-cell"))==null||i.requestUpdate())})}get _table(){return this.closest("bl-table")}get _firstTableCell(){return this.querySelector("bl-table-cell")}get disabled(){var e;return!!((e=this._firstTableCell)!=null&&e.disabled)}get checked(){var e;return!!((e=this._table)!=null&&e.isRowSelected(this.selectionKey))}get stickyFirstColumn(){var e;return!!((e=this._table)!=null&&e.isFirstColumnSticky())}get stickyLastColumn(){var e;return!!((e=this._table)!=null&&e.isLastColumnSticky())}render(){return b`<slot></slot>`}};l([h({type:String,reflect:!0,attribute:"selection-key"})],t.prototype,"selectionKey",2),t=l([c(f)],t);export{f as a,t as b};
|
|
2
|
+
//# sourceMappingURL=chunk-L5U5XRNP.js.map
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{a as b}from"./chunk-P5TOP3NH.js";import{d as o}from"./chunk-276RDWEQ.js";import{a as i,c as n}from"./chunk-5MOOXA2X.js";import{a as r,b as a,f as s}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var u=r`:host{display:table-row-group}.no-data-row{display:table-row}.no-data-cell{display:table-cell;padding:var(--bl-size-2xl);text-align:center;vertical-align:middle;background-color:var(--bl-color-neutral-full);width:100%;min-height:250px;position:relative}.no-data-cell ::slotted(*){display:block;width:100%}.default-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.default-no-data bl-icon{font-size:48px;margin-bottom:var(--bl-size-m);color:var(--bl-color-neutral-light)}.default-no-data .title{margin:0;font:var(--bl-font-title-2-regular);color:var(--bl-color-neutral-darker)}.default-no-data .subtitle{margin:var(--bl-size-xs) 0 0 0;font:var(--bl-font-body-text-2);color:var(--bl-color-neutral-light)}`,c=u;var m="bl-table-body",t=class extends s{constructor(){super(...arguments);this.hasTableRows=!1;this._mutationObserver=null}static get styles(){return[c]}get _table(){return this.closest(b)}_checkTableRows(){this.hasTableRows=this.querySelector("bl-table-row")!==null}connectedCallback(){super.connectedCallback(),this._table||console.warn("bl-table-body is designed to be used inside a bl-table",this),this._checkTableRows(),this._mutationObserver=new MutationObserver(()=>this._checkTableRows()),this._mutationObserver.observe(this,{childList:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._mutationObserver)==null||e.disconnect(),this._mutationObserver=null}render(){if(this.hasTableRows)return a` <slot></slot> `;let e=o("No data available",{desc:"bl-table-body: no data title"}),d=o("There are currently no records to display.",{desc:"bl-table-body: no data subtitle"});return a`
|
|
2
|
+
<tr class="no-data-row">
|
|
3
|
+
<td class="no-data-cell" colspan="999">
|
|
4
|
+
<slot name="no-data">
|
|
5
|
+
<div class="default-no-data">
|
|
6
|
+
<bl-icon name="info"></bl-icon>
|
|
7
|
+
<p class="title">${e}</p>
|
|
8
|
+
<p class="subtitle">${d}</p>
|
|
9
|
+
</div>
|
|
10
|
+
</slot>
|
|
11
|
+
</td>
|
|
12
|
+
</tr>
|
|
13
|
+
`}};l([n()],t.prototype,"hasTableRows",2),t=l([i(m)],t);export{m as a,t as b};
|
|
14
|
+
//# sourceMappingURL=chunk-X2MSD7NS.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/table/table-body/bl-table-body.css", "../src/components/table/table-body/bl-table-body.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-row-group}.no-data-row{display:table-row}.no-data-cell{display:table-cell;padding:var(--bl-size-2xl);text-align:center;vertical-align:middle;background-color:var(--bl-color-neutral-full);width:100%;min-height:250px;position:relative}.no-data-cell ::slotted(*){display:block;width:100%}.default-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.default-no-data bl-icon{font-size:48px;margin-bottom:var(--bl-size-m);color:var(--bl-color-neutral-light)}.default-no-data .title{margin:0;font:var(--bl-font-title-2-regular);color:var(--bl-color-neutral-darker)}.default-no-data .subtitle{margin:var(--bl-size-xs) 0 0 0;font:var(--bl-font-body-text-2);color:var(--bl-color-neutral-light)}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport { msg } from \"@lit/localize\";\nimport \"../../icon/bl-icon\";\nimport type BlTable from \"../bl-table\";\nimport { blTableTag } from \"../bl-table\";\nimport style from \"../table-body/bl-table-body.css\";\n\nexport const blTableBodyTag = \"bl-table-body\";\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n *\n * @slot no-data - Content to display when no data is available\n */\n@customElement(blTableBodyTag)\nexport default class BlTableBody extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n private get _table() {\n return this.closest<BlTable>(blTableTag);\n }\n\n @state()\n private hasTableRows = false;\n\n private _mutationObserver: MutationObserver | null = null;\n\n private _checkTableRows() {\n this.hasTableRows = this.querySelector(\"bl-table-row\") !== null;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n if (!this._table) {\n console.warn(\"bl-table-body is designed to be used inside a bl-table\", this);\n }\n\n this._checkTableRows();\n this._mutationObserver = new MutationObserver(() => this._checkTableRows());\n this._mutationObserver.observe(this, { childList: true });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this._mutationObserver?.disconnect();\n this._mutationObserver = null;\n }\n\n render(): TemplateResult {\n // If there are table rows, show the normal content\n if (this.hasTableRows) {\n return html` <slot></slot> `;\n }\n\n // If there are no table rows, show the no-data slot or default content\n const noDataTitle = msg(\"No data available\", { desc: \"bl-table-body: no data title\" });\n const noDataSubtitle = msg(\"There are currently no records to display.\", {\n desc: \"bl-table-body: no data subtitle\",\n });\n\n return html`\n <tr class=\"no-data-row\">\n <td class=\"no-data-cell\" colspan=\"999\">\n <slot name=\"no-data\">\n <div class=\"default-no-data\">\n <bl-icon name=\"info\"></bl-icon>\n <p class=\"title\">${noDataTitle}</p>\n <p class=\"subtitle\">${noDataSubtitle}</p>\n </div>\n </slot>\n </td>\n </tr>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableBodyTag]: BlTableBody;\n }\n}\n"],
|
|
5
|
+
"mappings": "6NACO,IAAMA,EAASC,uvBACfC,EAAQF,ECOR,IAAMG,EAAiB,gBASTC,EAArB,cAAyC,CAAW,CAApD,kCAUE,KAAQ,aAAe,GAEvB,KAAQ,kBAA6C,KAXrD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAEA,IAAY,QAAS,CACnB,OAAO,KAAK,QAAiBC,CAAU,CACzC,CAOQ,iBAAkB,CACxB,KAAK,aAAe,KAAK,cAAc,cAAc,IAAM,IAC7D,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QACR,QAAQ,KAAK,yDAA0D,IAAI,EAG7E,KAAK,gBAAgB,EACrB,KAAK,kBAAoB,IAAI,iBAAiB,IAAM,KAAK,gBAAgB,CAAC,EAC1E,KAAK,kBAAkB,QAAQ,KAAM,CAAE,UAAW,EAAK,CAAC,CAC1D,CAEA,sBAA6B,CA/C/B,IAAAC,EAgDI,MAAM,qBAAqB,GAC3BA,EAAA,KAAK,oBAAL,MAAAA,EAAwB,aACxB,KAAK,kBAAoB,IAC3B,CAEA,QAAyB,CAEvB,GAAI,KAAK,aACP,OAAOC,mBAIT,IAAMC,EAAcC,EAAI,oBAAqB,CAAE,KAAM,8BAA+B,CAAC,EAC/EC,EAAiBD,EAAI,6CAA8C,CACvE,KAAM,iCACR,CAAC,EAED,OAAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAMsBC;AAAA,oCACGE;AAAA;AAAA;AAAA;AAAA;AAAA,KAMlC,CACF,EAnDUC,EAAA,CADPC,EAAM,GATYT,EAUX,4BAVWA,EAArBQ,EAAA,CADCE,EAAcX,CAAc,GACRC",
|
|
6
|
+
"names": ["styles", "i", "bl_table_body_default", "blTableBodyTag", "BlTableBody", "bl_table_body_default", "blTableTag", "_a", "x", "noDataTitle", "msg", "noDataSubtitle", "__decorateClass", "t", "e"]
|
|
7
|
+
}
|
|
@@ -11,8 +11,11 @@ export declare const blTableBodyTag = "bl-table-body";
|
|
|
11
11
|
export default class BlTableBody extends LitElement {
|
|
12
12
|
static get styles(): CSSResultGroup;
|
|
13
13
|
private get _table();
|
|
14
|
-
private
|
|
14
|
+
private hasTableRows;
|
|
15
|
+
private _mutationObserver;
|
|
16
|
+
private _checkTableRows;
|
|
15
17
|
connectedCallback(): void;
|
|
18
|
+
disconnectedCallback(): void;
|
|
16
19
|
render(): TemplateResult;
|
|
17
20
|
}
|
|
18
21
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bl-table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table-body/bl-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,oBAAoB,CAAC;AAK5B,eAAO,MAAM,cAAc,kBAAkB,CAAC;AAE9C;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,KAAK,MAAM,GAEjB;
|
|
1
|
+
{"version":3,"file":"bl-table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/table/table-body/bl-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,oBAAoB,CAAC;AAK5B,eAAO,MAAM,cAAc,kBAAkB,CAAC;AAE9C;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IACjD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,KAAK,MAAM,GAEjB;IAGD,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,eAAe;IAIvB,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAM5B,MAAM,IAAI,cAAc;CA0BzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC;KAC/B;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-X2MSD7NS.js";import"../../../chunk-P5TOP3NH.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-BH64QNLE.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-276RDWEQ.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{a as blTableBodyTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-table-body.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-2JDJGZRM.js";import"../../../chunk-L5U5XRNP.js";import"../../../chunk-X2MSD7NS.js";import"../../../chunk-J5YZ4HBV.js";import"../../../chunk-P5TOP3NH.js";import"../../../chunk-MWFGDECP.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-BH64QNLE.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-276RDWEQ.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{a as blTableCellTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-table-cell.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-CNWKBBJJ.js";import"../../../chunk-L5U5XRNP.js";import"../../../chunk-X2MSD7NS.js";import"../../../chunk-J5YZ4HBV.js";import"../../../chunk-P5TOP3NH.js";import"../../../chunk-MWFGDECP.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-BH64QNLE.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-276RDWEQ.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{a as blTableHeaderCellTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-table-header-cell.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b}from"../../../chunk-
|
|
1
|
+
import{a,b}from"../../../chunk-L5U5XRNP.js";import"../../../chunk-X2MSD7NS.js";import"../../../chunk-J5YZ4HBV.js";import"../../../chunk-P5TOP3NH.js";import"../../../chunk-MWFGDECP.js";import"../../../chunk-EG7U7PM3.js";import"../../../chunk-AYJMIZZ3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-BH64QNLE.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-3USCFSFQ.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-276RDWEQ.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{a as blTableRowTag,b as default};
|
|
2
2
|
//# sourceMappingURL=bl-table-row.js.map
|
|
@@ -10093,8 +10093,25 @@
|
|
|
10093
10093
|
{
|
|
10094
10094
|
"kind": "field",
|
|
10095
10095
|
"name": "hasTableRows",
|
|
10096
|
+
"type": {
|
|
10097
|
+
"text": "boolean"
|
|
10098
|
+
},
|
|
10096
10099
|
"privacy": "private",
|
|
10097
|
-
"
|
|
10100
|
+
"default": "false"
|
|
10101
|
+
},
|
|
10102
|
+
{
|
|
10103
|
+
"kind": "field",
|
|
10104
|
+
"name": "_mutationObserver",
|
|
10105
|
+
"type": {
|
|
10106
|
+
"text": "MutationObserver | null"
|
|
10107
|
+
},
|
|
10108
|
+
"privacy": "private",
|
|
10109
|
+
"default": "null"
|
|
10110
|
+
},
|
|
10111
|
+
{
|
|
10112
|
+
"kind": "method",
|
|
10113
|
+
"name": "_checkTableRows",
|
|
10114
|
+
"privacy": "private"
|
|
10098
10115
|
}
|
|
10099
10116
|
],
|
|
10100
10117
|
"superclass": {
|
package/package.json
CHANGED
package/dist/chunk-YA3P3PWF.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{a as n}from"./chunk-P5TOP3NH.js";import{d as e}from"./chunk-276RDWEQ.js";import{a as i}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as r}from"./chunk-4OT5AMS5.js";import{d as a}from"./chunk-IZ2LK5GK.js";var c=o`:host{display:table-row-group}.no-data-row{display:table-row}.no-data-cell{display:table-cell;padding:var(--bl-size-2xl);text-align:center;vertical-align:middle;background-color:var(--bl-color-neutral-full);width:100%;min-height:250px;position:relative}.no-data-cell ::slotted(*){display:block;width:100%}.default-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.default-no-data bl-icon{font-size:48px;margin-bottom:var(--bl-size-m);color:var(--bl-color-neutral-light)}.default-no-data .title{margin:0;font:var(--bl-font-title-2-regular);color:var(--bl-color-neutral-darker)}.default-no-data .subtitle{margin:var(--bl-size-xs) 0 0 0;font:var(--bl-font-body-text-2);color:var(--bl-color-neutral-light)}`,s=c;var p="bl-table-body",t=class extends r{static get styles(){return[s]}get _table(){return this.closest(n)}get hasTableRows(){return this.querySelector("bl-table-row")!==null}connectedCallback(){super.connectedCallback(),this._table||console.warn("bl-table-body is designed to be used inside a bl-table",this)}render(){if(this.hasTableRows)return l` <slot></slot> `;let d=e("No data available",{desc:"bl-table-body: no data title"}),b=e("There are currently no records to display.",{desc:"bl-table-body: no data subtitle"});return l`
|
|
2
|
-
<tr class="no-data-row">
|
|
3
|
-
<td class="no-data-cell" colspan="999">
|
|
4
|
-
<slot name="no-data">
|
|
5
|
-
<div class="default-no-data">
|
|
6
|
-
<bl-icon name="info"></bl-icon>
|
|
7
|
-
<p class="title">${d}</p>
|
|
8
|
-
<p class="subtitle">${b}</p>
|
|
9
|
-
</div>
|
|
10
|
-
</slot>
|
|
11
|
-
</td>
|
|
12
|
-
</tr>
|
|
13
|
-
`}};t=a([i(p)],t);export{p as a,t as b};
|
|
14
|
-
//# sourceMappingURL=chunk-YA3P3PWF.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/components/table/table-body/bl-table-body.css", "../src/components/table/table-body/bl-table-body.ts"],
|
|
4
|
-
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-row-group}.no-data-row{display:table-row}.no-data-cell{display:table-cell;padding:var(--bl-size-2xl);text-align:center;vertical-align:middle;background-color:var(--bl-color-neutral-full);width:100%;min-height:250px;position:relative}.no-data-cell ::slotted(*){display:block;width:100%}.default-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.default-no-data bl-icon{font-size:48px;margin-bottom:var(--bl-size-m);color:var(--bl-color-neutral-light)}.default-no-data .title{margin:0;font:var(--bl-font-title-2-regular);color:var(--bl-color-neutral-darker)}.default-no-data .subtitle{margin:var(--bl-size-xs) 0 0 0;font:var(--bl-font-body-text-2);color:var(--bl-color-neutral-light)}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport { msg } from \"@lit/localize\";\nimport \"../../icon/bl-icon\";\nimport type BlTable from \"../bl-table\";\nimport { blTableTag } from \"../bl-table\";\nimport style from \"../table-body/bl-table-body.css\";\n\nexport const blTableBodyTag = \"bl-table-body\";\n\n/**\n * @tag bl-table-body\n * @summary Baklava Table component\n *\n * @slot no-data - Content to display when no data is available\n */\n@customElement(blTableBodyTag)\nexport default class BlTableBody extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n private get _table() {\n return this.closest<BlTable>(blTableTag);\n }\n\n private get hasTableRows() {\n return this.querySelector(\"bl-table-row\") !== null;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n if (!this._table) {\n console.warn(\"bl-table-body is designed to be used inside a bl-table\", this);\n }\n }\n\n render(): TemplateResult {\n // If there are table rows, show the normal content\n if (this.hasTableRows) {\n return html` <slot></slot> `;\n }\n\n // If there are no table rows, show the no-data slot or default content\n const noDataTitle = msg(\"No data available\", { desc: \"bl-table-body: no data title\" });\n const noDataSubtitle = msg(\"There are currently no records to display.\", {\n desc: \"bl-table-body: no data subtitle\",\n });\n\n return html`\n <tr class=\"no-data-row\">\n <td class=\"no-data-cell\" colspan=\"999\">\n <slot name=\"no-data\">\n <div class=\"default-no-data\">\n <bl-icon name=\"info\"></bl-icon>\n <p class=\"title\">${noDataTitle}</p>\n <p class=\"subtitle\">${noDataSubtitle}</p>\n </div>\n </slot>\n </td>\n </tr>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableBodyTag]: BlTableBody;\n }\n}\n"],
|
|
5
|
-
"mappings": "sNACO,IAAMA,EAASC,uvBACfC,EAAQF,ECOR,IAAMG,EAAiB,gBASTC,EAArB,cAAyCC,CAAW,CAClD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAEA,IAAY,QAAS,CACnB,OAAO,KAAK,QAAiBC,CAAU,CACzC,CAEA,IAAY,cAAe,CACzB,OAAO,KAAK,cAAc,cAAc,IAAM,IAChD,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QACR,QAAQ,KAAK,yDAA0D,IAAI,CAE/E,CAEA,QAAyB,CAEvB,GAAI,KAAK,aACP,OAAOC,mBAIT,IAAMC,EAAcC,EAAI,oBAAqB,CAAE,KAAM,8BAA+B,CAAC,EAC/EC,EAAiBD,EAAI,6CAA8C,CACvE,KAAM,iCACR,CAAC,EAED,OAAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAMsBC;AAAA,oCACGE;AAAA;AAAA;AAAA;AAAA;AAAA,KAMlC,CACF,EA9CqBP,EAArBQ,EAAA,CADCC,EAAcV,CAAc,GACRC",
|
|
6
|
-
"names": ["styles", "i", "bl_table_body_default", "blTableBodyTag", "BlTableBody", "s", "bl_table_body_default", "blTableTag", "x", "noDataTitle", "msg", "noDataSubtitle", "__decorateClass", "e"]
|
|
7
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|