@ncino/web-components 14.3.0 → 15.0.0
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/components/table/gator/table-pagination/table-pagination.gator.js +26 -20
- package/dist/components/table/gator/table.gator.js +18 -17
- package/dist/packages/web-components/src/components/panel/gator/panel.gator.scss.js +1 -1
- package/dist/types/components/table/gator/table-pagination/table-pagination.gator.d.ts +2 -0
- package/dist/types/components/table/gator/table.gator.d.ts +1 -0
- package/package.json +3 -3
- package/web-types.json +12 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
1
|
+
import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as o}from"../../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as g}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{customElement as u}from"../../../../utils/decorators/custom-element-decorator.js";import{NgcComponent as p}from"../../../../utils/components/ngc-component.js";import{msg as a}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import P from"../../../../packages/web-components/src/components/table/gator/table-pagination/table-pagination.gator.scss.js";import"../../../button/gator/button.gator.js";import"../../../icon-button/gator/icon-button.gator.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/index.js";import"../../../menu/base/slds/menu.slds.js";import"../../../menu/base/gator/menu.gator.js";import"../../../menu/menu-divider/menu-divider.slds.js";import"../../../menu/menu-item/slds/menu-item.slds.js";import"../../../menu/menu-item/gator/menu-item.gator.js";import"../../../menu/menu-submenu/menu-submenu.slds.js";import{unsafeCSS as h}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,b=Object.getPrototypeOf,$=Reflect.get,n=(e,t,i,m)=>{for(var s=m>1?void 0:m?v(t,i):t,l=e.length-1,c;l>=0;l--)(c=e[l])&&(s=(m?c(t,i,s):c(s))||s);return m&&s&&d(t,i,s),s},f=(e,t,i)=>$(b(e),i,t);let r=class extends p{constructor(){super(...arguments),this.currentPage=1,this.totalItems=0,this.itemsPerPage=10,this.itemsPerPageOptions=["10","15","20","50","100",a("All")],this.includePageSelection=!1}updated(){this.currentPage>this.totalItems&&(this.currentPage=1)}render(){return o`
|
|
2
2
|
<div class="gator-table-pagination">
|
|
3
3
|
<div class="gator-table-pagination-items-per-row">
|
|
4
|
-
${
|
|
4
|
+
${a("Items per page:")}
|
|
5
5
|
<div class="gator-table-items-per-row-selector">
|
|
6
6
|
<ngc-menu @menuitemclick="${this.handleItemsPerPageChanged}">
|
|
7
7
|
<ngc-button
|
|
8
8
|
variant="base"
|
|
9
9
|
slot="trigger"
|
|
10
10
|
end-icon="sort-arrow-solid-down"
|
|
11
|
-
aria-label="${
|
|
11
|
+
aria-label="${a("Items per page")}: ${this.itemsPerPage}"
|
|
12
12
|
>
|
|
13
13
|
${this.itemsPerPage}
|
|
14
14
|
</ngc-button>
|
|
@@ -26,34 +26,40 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@
|
|
|
26
26
|
?disabled="${this.isPreviousPageDisabled}"
|
|
27
27
|
size="medium"
|
|
28
28
|
icon-name="chevron-left"
|
|
29
|
-
aria-label="${
|
|
29
|
+
aria-label="${a("Previous page")}"
|
|
30
30
|
></ngc-icon-button>
|
|
31
31
|
</div>
|
|
32
|
-
|
|
33
|
-
<ngc-button
|
|
34
|
-
variant="base"
|
|
35
|
-
slot="trigger"
|
|
36
|
-
end-icon="sort-arrow-solid-down"
|
|
37
|
-
aria-label="${r("Current page")}, ${this.currentPage} ${r("of")} ${this.totalPages}"
|
|
38
|
-
>
|
|
39
|
-
${this.currentPage}
|
|
40
|
-
</ngc-button>
|
|
41
|
-
${this.menuItemsForPageSelection}
|
|
42
|
-
</ngc-menu>
|
|
43
|
-
${r("of")} ${this.totalPages}
|
|
32
|
+
${this.pageSelectionContent}
|
|
44
33
|
<div class="gator-pagination-page-selector-right">
|
|
45
34
|
<ngc-icon-button
|
|
46
35
|
@click="${this.sendNextPageEvent}"
|
|
47
36
|
?disabled="${this.isNextPageDisabled}"
|
|
48
37
|
size="medium"
|
|
49
38
|
icon-name="chevron-right"
|
|
50
|
-
aria-label="${
|
|
39
|
+
aria-label="${a("Next page")}"
|
|
51
40
|
></ngc-icon-button>
|
|
52
41
|
</div>
|
|
53
42
|
</div>
|
|
54
43
|
</div>
|
|
55
|
-
`}handleCurrentPageChanged(e){this.currentPage=Number(e.detail.value),this.sendPageChangedEvent()}handleItemsPerPageChanged(e){e.detail.value===
|
|
44
|
+
`}handleCurrentPageChanged(e){this.currentPage=Number(e.detail.value),this.sendPageChangedEvent()}handleItemsPerPageChanged(e){e.detail.value===a("All")?this.itemsPerPage=this.totalItems:this.itemsPerPage=Number(e.detail.value),this.sendTotalPerPageChangeEvent()}get totalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}get menuItemsForItemsPerPage(){return this.itemsPerPageOptions.map(e=>o`
|
|
56
45
|
<ngc-menu-item value="${e}"></ngc-menu-item>
|
|
57
|
-
`)}get
|
|
46
|
+
`)}get pageSelectionContent(){const e=`${a("Current page")}, ${this.currentPage} ${a("of")} ${this.totalPages}`;return this.includePageSelection?o`
|
|
47
|
+
<ngc-menu @menuitemclick="${this.handleCurrentPageChanged}">
|
|
48
|
+
<ngc-button
|
|
49
|
+
variant="base"
|
|
50
|
+
slot="trigger"
|
|
51
|
+
end-icon="sort-arrow-solid-down"
|
|
52
|
+
aria-label="${e}"
|
|
53
|
+
>
|
|
54
|
+
${this.currentPage}
|
|
55
|
+
</ngc-button>
|
|
56
|
+
${this.menuItemsForPageSelection}
|
|
57
|
+
</ngc-menu>
|
|
58
|
+
${a("of")} ${this.totalPages}
|
|
59
|
+
`:o`
|
|
60
|
+
<span aria-label="${e}">
|
|
61
|
+
${this.currentPage} ${a("of")} ${this.totalPages}
|
|
62
|
+
</span>
|
|
63
|
+
`}get menuItemsForPageSelection(){return Array.from({length:this.totalPages},(t,i)=>i+1).map(t=>o`
|
|
58
64
|
<ngc-menu-item value="${t}"></ngc-menu-item>
|
|
59
|
-
`)}get currentItemsViewedText(){const e=(this.currentPage-1)*this.itemsPerPage+1,t=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return`${e}-${t} ${
|
|
65
|
+
`)}get currentItemsViewedText(){const e=(this.currentPage-1)*this.itemsPerPage+1,t=Math.min(this.currentPage*this.itemsPerPage,this.totalItems);return`${e}-${t} ${a("of")} ${this.totalItems}`}get isPreviousPageDisabled(){return this.currentPage<=1}get isNextPageDisabled(){return this.currentPage>=this.totalPages}sendNextPageEvent(){this.currentPage++,this.sendPageChangedEvent()}sendPreviousPageEvent(){this.currentPage--,this.sendPageChangedEvent()}sendPageChangedEvent(){this.dispatchEvent(new CustomEvent("pagechanged",{detail:{page:this.currentPage},bubbles:!0,composed:!0}))}sendTotalPerPageChangeEvent(){this.dispatchEvent(new CustomEvent("itemsperpagechanged",{detail:{itemsPerPage:this.itemsPerPage},bubbles:!0,composed:!0}))}};r.styles=[...f(r,r,"styles"),h(P)];n([g({type:Number,attribute:"current-page"})],r.prototype,"currentPage",2);n([g({type:Number,attribute:"total-items"})],r.prototype,"totalItems",2);n([g({type:Number,attribute:"items-per-page"})],r.prototype,"itemsPerPage",2);n([g({type:Array,attribute:"items-per-page-options"})],r.prototype,"itemsPerPageOptions",2);n([g({type:Boolean,attribute:"include-page-selection"})],r.prototype,"includePageSelection",2);r=n([u("ngc-table-pagination")],r);export{r as NgcTablePagination};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as g,html as o}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as
|
|
1
|
+
import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as g,html as o}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import{property as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{state as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as F}from"../../../utils/decorators/custom-element-decorator.js";import{msg as u}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import{localized as P}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/internal/localized-decorator.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{NjcTable as T}from"../table.js";import{formatTableTextValue as x}from"../table-format-utils.js";import _ from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import R from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import A from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import"./table-bulk-controls/table-bulk-controls.gator.js";import"./table-cells/table-cell-chip.gator.js";import"./table-cells/table-cell-avatar.gator.js";import"./table-cells/table-cell-checkbox.gator.js";import"./table-cells/table-cell-text-link.gator.js";import"./table-cells/table-cell-button.gator.js";import"./table-cells/table-cell-icon-button.gator.js";import"./table-cells/table-cell-input-dropdown.gator.js";import"./table-cells/table-cell-input-text.gator.js";import"./table-cells/table-cell-text.gator.js";import"../../checkbox/checkbox.gator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../icon-button/gator/icon-button.gator.js";import"../../popover/gator/popover.gator.js";import"../../checkbox-group/checkbox-group.gator.js";import"../../radio-group/radio-group.gator.js";import"../../button/gator/button.gator.js";import"../../chip/gator/chip.gator.js";import"../../input/gator/input-search/input-search.gator.js";import"../../skip-link/gator/base/skip-link.gator.js";import"../../illustration/gator/illustration.gator.js";import"../../illustration/gator/templates/index.js";import"../../card/gator/base/card.gator.js";import{unsafeCSS as k}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var B=Object.defineProperty,E=Object.getOwnPropertyDescriptor,p=(e,t,l,i)=>{for(var s=i>1?void 0:i?E(t,l):t,r=e.length-1,a;r>=0;r--)(a=e[r])&&(s=(i?a(t,l,s):a(s))||s);return i&&s&&B(t,l,s),s};let h=class extends T{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.includePageSelection=!1,this.skeleton=!1,this.sortField=null,this.sortDirection=null,this.filterValues={},this.selectedRows=[],this._currentPage=1,this._sortField=null,this._sortDirection=null,this._hoveredHeaderColumnField=null,this._pendingFilterValues={},this._filterSearchQuery={},this.renderHeaderFilterPopover=(e,t,l=!1)=>{const i=e.filterOptions??[],s=(this._filterSearchQuery[e.field]??"").toLowerCase(),r=s?i.filter(f=>f.label.toLowerCase().includes(s)):i,a=this.hasActiveFilter(e),c=e.filterMultiselect===!0,n=this.getEffectivePending(e),d=r.map(f=>({title:f.label,value:String(f.value)})),b=c?n.join(";"):"",v=c?"":n||"";return o`
|
|
2
2
|
<span class="gator-table-header-filter-trigger-wrap ${t?"gator-table-header-filter-trigger-visible":""}">
|
|
3
3
|
<ngc-icon-button
|
|
4
4
|
id="filter-trigger-${e.field}"
|
|
5
5
|
icon-name="filters-2"
|
|
6
6
|
size="xsmall"
|
|
7
|
-
icon-aria-label="${
|
|
7
|
+
icon-aria-label="${u("Filter by")} ${e.name}"
|
|
8
8
|
class="${a?"gator-table-header-filter-icon-active":""}"
|
|
9
9
|
></ngc-icon-button>
|
|
10
10
|
<ngc-popover
|
|
11
11
|
reference-id="filter-trigger-${e.field}"
|
|
12
|
-
.title=${
|
|
12
|
+
.title=${u("Filter")}
|
|
13
13
|
size="small"
|
|
14
14
|
placement="${l?"bottom-start":"bottom-end"}"
|
|
15
15
|
.hideTippet="${!0}"
|
|
@@ -18,7 +18,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
18
18
|
<div slot="content" class="gator-table-filter-popover-content">
|
|
19
19
|
${i.length>10?o`
|
|
20
20
|
<ngc-input-search
|
|
21
|
-
placeholder="${
|
|
21
|
+
placeholder="${u("Search")}"
|
|
22
22
|
.value="${this._filterSearchQuery[e.field]??""}"
|
|
23
23
|
@input="${f=>this.handleFilterSearchInput(f,e)}"
|
|
24
24
|
class="gator-table-filter-popover-search"
|
|
@@ -28,25 +28,25 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
28
28
|
<ngc-checkbox-group
|
|
29
29
|
.options="${d}"
|
|
30
30
|
.value="${b}"
|
|
31
|
-
aria-label="${
|
|
31
|
+
aria-label="${u("Filter by")} ${e.name}"
|
|
32
32
|
@change="${f=>this.handleFilterCheckboxGroupChange(f,e)}"
|
|
33
33
|
></ngc-checkbox-group>
|
|
34
34
|
`:o`
|
|
35
35
|
<ngc-radio-group
|
|
36
36
|
.options="${d}"
|
|
37
37
|
.value="${v}"
|
|
38
|
-
aria-label="${
|
|
38
|
+
aria-label="${u("Filter by")} ${e.name}"
|
|
39
39
|
@change="${f=>this.handleFilterRadioGroupChange(f,e)}"
|
|
40
40
|
></ngc-radio-group>
|
|
41
41
|
`}
|
|
42
42
|
</div>
|
|
43
43
|
<div slot="footer" class="gator-table-filter-popover-footer">
|
|
44
|
-
<ngc-button variant="primary" @click="${()=>this.handleFilterPopoverApply(e)}">${
|
|
45
|
-
<ngc-button variant="base" @click="${()=>this.handleFilterPopoverClear(e)}">${
|
|
44
|
+
<ngc-button variant="primary" @click="${()=>this.handleFilterPopoverApply(e)}">${u("Apply")}</ngc-button>
|
|
45
|
+
<ngc-button variant="base" @click="${()=>this.handleFilterPopoverClear(e)}">${u("Clear")}</ngc-button>
|
|
46
46
|
</div>
|
|
47
47
|
</ngc-popover>
|
|
48
48
|
</span>
|
|
49
|
-
`},this.handleClearAllFilters=()=>{if(!this.columns?.length||!this.filterValues)return;const e=t=>t.filterOptions??[];for(const t of this.columns){if(!t.filterable||e(t).length===0)continue;const l=this.filterValues[t.field];if(l==null)continue;if(t.filterMultiselect===!0?l.length>0:l!==""){const s=t.filterMultiselect===!0?[]:"";this.dispatchEvent(new CustomEvent("filter",{bubbles:!0,composed:!0,detail:{field:t.field,value:s}}))}}this.requestUpdate()}}updated(e){super.updated(e),e.has("data")&&queueMicrotask(()=>{this.selectedRows=this.data.filter(t=>t.selected&&!t.isTableHeader)})}render(){if(!this.skeleton&&!this.columns)return null;const e=this.skeleton?this._skeletonLoaderColumns:this.columns;return this.renderWrapper(this.getTableHeader(e),this.getTableBody(e,this.displayedRowData))}getColumnCellStyle(e){const t=e.width??(e.cellType==="icon-button"?"5%":void 0);return t?`width: ${t}; box-sizing: border-box`:""}get _skeletonLoaderColumns(){const e=this.columns?.length||6;let t=[];for(let l=0;l<e;l++)t=t.concat({field:`skeleton-loader-${l}`,name:`skeleton-loader-${l}`});return t}get tableElevatedClass(){return this.elevated?"gator-table-elevated":""}get showBulkControls(){return this.selectable&&this.selectedRows.length>0}renderWrapper(e,t){const l=this.getActiveFilterChips(),i=l.length>0,s=this.emptyStateTitle||
|
|
49
|
+
`},this.handleClearAllFilters=()=>{if(!this.columns?.length||!this.filterValues)return;const e=t=>t.filterOptions??[];for(const t of this.columns){if(!t.filterable||e(t).length===0)continue;const l=this.filterValues[t.field];if(l==null)continue;if(t.filterMultiselect===!0?l.length>0:l!==""){const s=t.filterMultiselect===!0?[]:"";this.dispatchEvent(new CustomEvent("filter",{bubbles:!0,composed:!0,detail:{field:t.field,value:s}}))}}this.requestUpdate()}}updated(e){super.updated(e),e.has("data")&&queueMicrotask(()=>{this.selectedRows=this.data.filter(t=>t.selected&&!t.isTableHeader)})}render(){if(!this.skeleton&&!this.columns)return null;const e=this.skeleton?this._skeletonLoaderColumns:this.columns;return this.renderWrapper(this.getTableHeader(e),this.getTableBody(e,this.displayedRowData))}getColumnCellStyle(e){const t=e.width??(e.cellType==="icon-button"?"5%":void 0);return t?`width: ${t}; box-sizing: border-box`:""}get _skeletonLoaderColumns(){const e=this.columns?.length||6;let t=[];for(let l=0;l<e;l++)t=t.concat({field:`skeleton-loader-${l}`,name:`skeleton-loader-${l}`});return t}get tableElevatedClass(){return this.elevated?"gator-table-elevated":""}get showBulkControls(){return this.selectable&&this.selectedRows.length>0}renderWrapper(e,t){const l=this.getActiveFilterChips(),i=l.length>0,s=this.emptyStateTitle||u("No results found"),r=i?this.emptyStateBodyFiltered||u("No data matches the current filters."):this.emptyStateBody||u("Start by adding some data."),a=this.emptyStateIllustration||"empty-box";return o`
|
|
50
50
|
<ngc-table-bulk-controls
|
|
51
51
|
?visible="${this.showBulkControls}"
|
|
52
52
|
.selectedRows="${this.selectedRows.length}"
|
|
@@ -55,7 +55,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
55
55
|
<slot name="bulk-controls"></slot>
|
|
56
56
|
</ngc-table-bulk-controls>
|
|
57
57
|
${!this.skeleton&&i?o`
|
|
58
|
-
<div class="gator-table-filter-chips" role="region" aria-label="${
|
|
58
|
+
<div class="gator-table-filter-chips" role="region" aria-label="${u("Active filters")}">
|
|
59
59
|
${l.map(({column:c,value:n,label:d})=>o`
|
|
60
60
|
<ngc-chip
|
|
61
61
|
dismissible
|
|
@@ -68,7 +68,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
68
68
|
type="button"
|
|
69
69
|
class="gator-table-filter-chips-clear-all"
|
|
70
70
|
@click="${this.handleClearAllFilters}"
|
|
71
|
-
>${
|
|
71
|
+
>${u("Clear all")}</button>
|
|
72
72
|
`:g}
|
|
73
73
|
</div>
|
|
74
74
|
`:g}
|
|
@@ -81,7 +81,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
81
81
|
.bodyText="${r}"
|
|
82
82
|
size="medium"
|
|
83
83
|
>
|
|
84
|
-
${i?o`<ngc-button @click="${this.handleClearAllFilters}">${
|
|
84
|
+
${i?o`<ngc-button @click="${this.handleClearAllFilters}">${u("Clear filters")}</ngc-button>`:g}
|
|
85
85
|
</ngc-illustration>
|
|
86
86
|
</div>
|
|
87
87
|
</ngc-card>
|
|
@@ -99,6 +99,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
99
99
|
items-per-page="${this.itemsPerPage}"
|
|
100
100
|
total-items="${this.data.length}"
|
|
101
101
|
current-page="${this._currentPage}"
|
|
102
|
+
.includePageSelection="${this.includePageSelection}"
|
|
102
103
|
.itemsPerPageOptions="${this.itemsPerPageOptions}"
|
|
103
104
|
@pagechanged="${this.handlePageChanged}"
|
|
104
105
|
@itemsperpagechanged="${this.handleItemsPerPageChanged}"
|
|
@@ -107,7 +108,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
107
108
|
`}handlePageChanged(e){this._currentPage=e.detail.page}handleItemsPerPageChanged(e){this.itemsPerPage=e.detail.itemsPerPage}getTableHeader(e){const t=e.map((l,i)=>this.getTableHeaderColumn(l,i===0));return!this.skeleton&&this.selectable&&t.unshift(o`
|
|
108
109
|
<th id="col-select" scope="col">
|
|
109
110
|
<ngc-checkbox
|
|
110
|
-
title-text="${
|
|
111
|
+
title-text="${u("Select All")}"
|
|
111
112
|
hide-label
|
|
112
113
|
?selected="${this.selectedRows.length===this.data.filter(l=>!l.isTableHeader&&!l.disabled).length}"
|
|
113
114
|
@change="${l=>this.handleSelectAll(l)}"
|
|
@@ -129,7 +130,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
129
130
|
class="gator-table-header-sort-trigger"
|
|
130
131
|
role="button"
|
|
131
132
|
tabindex="0"
|
|
132
|
-
aria-label="${
|
|
133
|
+
aria-label="${u("Sort by")} ${e.name}"
|
|
133
134
|
@click="${()=>this.handleSortColumn(e)}"
|
|
134
135
|
@keydown="${C=>C.key==="Enter"||C.key===" "?(C.preventDefault(),this.handleSortColumn(e)):null}"
|
|
135
136
|
>
|
|
@@ -192,7 +193,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
192
193
|
<tr role="row" class="gator-table-total-row">
|
|
193
194
|
${c}
|
|
194
195
|
</tr>
|
|
195
|
-
`}parseNumericValue(e){if(typeof e=="number")return e;if(typeof e=="string"){const t=e.replace(/[^0-9.-]/g,""),l=parseFloat(t);if(!isNaN(l))return l}return null}formatTotal(e,t){if(typeof t.cellRenderer=="function"){const i=t.cellConfig?.decimalPlaces??t.decimalPlaces??2;return t.cellRenderer({[t.field]:e.toFixed(i)})}return
|
|
196
|
+
`}parseNumericValue(e){if(typeof e=="number")return e;if(typeof e=="string"){const t=e.replace(/[^0-9.-]/g,""),l=parseFloat(t);if(!isNaN(l))return l}return null}formatTotal(e,t){if(typeof t.cellRenderer=="function"){const i=t.cellConfig?.decimalPlaces??t.decimalPlaces??2;return t.cellRenderer({[t.field]:e.toFixed(i)})}return x(e,t.cellConfig,t.decimalPlaces)}getTableBodyRow(e,t,l,i){const s=t.map(r=>this.getTableBodyCell(e,r,l,i??0));if(!this.skeleton&&this.selectable){const r=l?`col-select ${l}`:"col-select";s.unshift(o`
|
|
196
197
|
<td role="gridcell" class="gator-table-checkbox-column" headers="${r}">
|
|
197
198
|
<ngc-checkbox
|
|
198
199
|
label="test"
|
|
@@ -212,7 +213,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
212
213
|
${i}
|
|
213
214
|
</th>
|
|
214
215
|
</tr>
|
|
215
|
-
`}handleTableBodyRowSelected(e,t){t.disabled||(e.detail.selected?(t.selected=!0,this.selectedRows.push(t),this.addSkipLinkToBulkActions(e.target)):(t.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==t),this.removeSkipLinkToBulkActions(e.target)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,composed:!0,detail:{data:t,selectedRows:this.selectedRows}}))),this.requestUpdate()}addSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")||e.parentNode?.insertBefore(this.getSkipToBulkActionsMarkup(e),e)}getSkipToBulkActionsMarkup(e){const t=document.createElement("ngc-skip-link");return t.target=this.shadowRoot?.querySelector("ngc-table-bulk-controls")||"",t.text=
|
|
216
|
+
`}handleTableBodyRowSelected(e,t){t.disabled||(e.detail.selected?(t.selected=!0,this.selectedRows.push(t),this.addSkipLinkToBulkActions(e.target)):(t.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==t),this.removeSkipLinkToBulkActions(e.target)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,composed:!0,detail:{data:t,selectedRows:this.selectedRows}}))),this.requestUpdate()}addSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")||e.parentNode?.insertBefore(this.getSkipToBulkActionsMarkup(e),e)}getSkipToBulkActionsMarkup(e){const t=document.createElement("ngc-skip-link");return t.target=this.shadowRoot?.querySelector("ngc-table-bulk-controls")||"",t.text=u("Jump to table actions"),t.referenceElement=e,t.placement="top-start",t.xOffset=4,t.yOffset=-12,t.onblur=this.removeSkipLinkToBulkActions.bind(this,e),t}removeSkipLinkToBulkActions(e){e.parentNode?.querySelector("ngc-skip-link")?.remove()}get displayedRowData(){if(this.skeleton){let i=[];for(let s=0;s<5;s++)i=i.concat({skeleton:!0});return i}if(!this.includePagination)return this.data;const e=(this._currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage;return this.data.slice(e,t)}getTableBodyCell(e,t,l,i=0){const s=!!e.skeleton,r=o`
|
|
216
217
|
<ngc-skeleton-loader
|
|
217
218
|
full-width
|
|
218
219
|
height="24"
|
|
@@ -227,4 +228,4 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
227
228
|
>
|
|
228
229
|
${d}
|
|
229
230
|
</td>
|
|
230
|
-
`}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};
|
|
231
|
+
`}getCellAlignClass(e){return`gator-table-cell-${e.cellConfig?.align??"left"}`}renderCellByType(e,t,l,i){const s=a=>this.handleCellChange(a),r=a=>this.handleCellClick(a);switch(t.cellType){case"chip":return o`<ngc-table-cell-chip .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-chip>`;case"avatar":return o`<ngc-table-cell-avatar .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-avatar>`;case"checkbox":return o`<ngc-table-cell-checkbox .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-checkbox>`;case"text-link":return o`<ngc-table-cell-text-link .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text-link>`;case"button":return o`<ngc-table-cell-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-button>`;case"icon-button":return o`<ngc-table-cell-icon-button .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-icon-button>`;case"input-dropdown":return o`<ngc-table-cell-input-dropdown .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-dropdown>`;case"input-text":return o`<ngc-table-cell-input-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-input-text>`;default:return o`<ngc-table-cell-text .rowData="${e}" .column="${t}" .rowIndex="${l}" .categoryHeaderId="${i}" @cellchange="${s}" @cellclick="${r}"></ngc-table-cell-text>`}}handleCellChange(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellchange",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,value:i}}))}handleCellClick(e){e.stopPropagation();const{rowIndex:t,field:l,value:i}=e.detail??{};this.dispatchEvent(new CustomEvent("cellclick",{bubbles:!0,composed:!0,detail:{rowIndex:t,field:l,...i!==void 0&&{value:i}}}))}};h.styles=[k(A),k(R),k(_)];p([$({type:Boolean})],h.prototype,"elevated",2);p([$({type:Boolean,attribute:"include-pagination"})],h.prototype,"includePagination",2);p([$({type:Boolean,attribute:"include-page-selection"})],h.prototype,"includePageSelection",2);p([$({type:Boolean})],h.prototype,"skeleton",2);p([$({type:String,attribute:"sort-field"})],h.prototype,"sortField",2);p([$({type:String,attribute:"sort-direction"})],h.prototype,"sortDirection",2);p([$({type:Object,attribute:!1})],h.prototype,"filterValues",2);p([m()],h.prototype,"selectedRows",2);p([m()],h.prototype,"_currentPage",2);p([m()],h.prototype,"_sortField",2);p([m()],h.prototype,"_sortDirection",2);p([m()],h.prototype,"_hoveredHeaderColumnField",2);p([m()],h.prototype,"_pendingFilterValues",2);p([m()],h.prototype,"_filterSearchQuery",2);h=p([F("ngc-table"),P()],h);export{h as NgcTable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const a=".gator-panel{display:flex;width:var(--ngc-panel-width, 29.5rem);height:100vh;flex-direction:column;flex:1 0 0;align-items:flex-start;background:var(--color-surface-primary)}.gator-panel-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-left.gator-panel-outlined{border-right:1px solid var(--color-border-tertiary)}.gator-panel-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-right.gator-panel-outlined{border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom{width:100%;height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom)}.gator-panel-bottom.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom-left{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-bottom-left.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary)}.gator-panel-bottom-right{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-bottom-right.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}:focus-visible{outline:2px solid var(--color-border-neutral, #1F1F1F);outline-offset:-2px}.gator-panel-header{border-bottom:var(--ngc-panel-header-border-bottom, 1px solid var(--color-border-tertiary));padding:var(--spacing-8);align-self:stretch;height:var(--ngc-panel-header-height, max-content)}.gator-panel-content{display:flex;flex-direction:column;padding:var(--ngc-panel-body-padding, var(--spacing-8));flex:1 0 0;align-self:stretch;gap:var(--spacing-8)}.gator-panel-footer{padding:var(--spacing-8);align-self:stretch;border-top:var(--ngc-panel-footer-border-top, none);background:var(--ngc-panel-footer-background-color, var(--color-surface-secondary));height:var(--ngc-panel-footer-height, max-content)}.gator-panel-footer-loading{display:flex;gap:var(--spacing-8);justify-content:center;align-items:center;height:100%}.gator-panel:not(.gator-panel-open,.gator-panel-close){display:none}.gator-panel .gator-panel-open{display:flex}.gator-panel-overlay{position:absolute;z-index:1}.gator-panel-overlay.gator-panel-open.gator-panel-left{top:0;left:var(--anchor-element-offset, 0);animation:slideInFromLeft .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-right{top:0;right:var(--anchor-element-offset, 0);animation:slideInFromRight .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom,.gator-panel-overlay.gator-panel-open.gator-panel-bottom-left{bottom:0;left:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom-right{bottom:0;right:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-left{animation:slideOutToLeft .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-right{animation:slideOutToRight .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-bottom,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-left,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-right{animation:slideOutToBottom .3s forwards}@keyframes slideInFromLeft{0%{display:none;transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(-100%);display:none;opacity:0}}@keyframes slideInFromRight{0%{display:none;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(100%);display:none;opacity:0}}@keyframes slideInFromBottom{0%{display:none;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}25%{opacity:1}to{transform:translateY(100%);display:none;opacity:0}}";export{a as default};
|
|
1
|
+
const a=".gator-panel{display:flex;width:var(--ngc-panel-width, 29.5rem);height:100vh;flex-direction:column;flex:1 0 0;align-items:flex-start;background:var(--color-surface-primary)}.gator-panel-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-left.gator-panel-outlined{border-right:1px solid var(--color-border-tertiary)}.gator-panel-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-right.gator-panel-outlined{border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom{width:100%;height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom.gator-panel-elevated{box-shadow:var(--shadow-panel-bottom)}.gator-panel-bottom.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}.gator-panel-bottom-left{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-left.gator-panel-elevated{box-shadow:var(--shadow-panel-left)}.gator-panel-bottom-left.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-right:1px solid var(--color-border-tertiary)}.gator-panel-bottom-right{width:var(--ngc-panel-width, 29.5rem);height:var(--ngc-panel-height-bottom, 29.5rem)}.gator-panel-bottom-right.gator-panel-elevated{box-shadow:var(--shadow-panel-right)}.gator-panel-bottom-right.gator-panel-outlined{border-top:1px solid var(--color-border-tertiary);border-left:1px solid var(--color-border-tertiary)}:focus-visible{outline:2px solid var(--color-border-neutral, #1F1F1F);outline-offset:-2px}.gator-panel-header{border-bottom:var(--ngc-panel-header-border-bottom, 1px solid var(--color-border-tertiary));padding:var(--spacing-8);align-self:stretch;height:var(--ngc-panel-header-height, max-content)}.gator-panel-content{display:flex;flex-direction:column;padding:var(--ngc-panel-body-padding, var(--spacing-8));flex:1 0 0;align-self:stretch;gap:var(--spacing-8);overflow-y:auto;flex-shrink:1;min-height:0}.gator-panel-footer{padding:var(--spacing-8);align-self:stretch;border-top:var(--ngc-panel-footer-border-top, none);background:var(--ngc-panel-footer-background-color, var(--color-surface-secondary));height:var(--ngc-panel-footer-height, max-content)}.gator-panel-footer-loading{display:flex;gap:var(--spacing-8);justify-content:center;align-items:center;height:100%}.gator-panel:not(.gator-panel-open,.gator-panel-close){display:none}.gator-panel .gator-panel-open{display:flex}.gator-panel-overlay{position:absolute;z-index:1}.gator-panel-overlay.gator-panel-open.gator-panel-left{top:0;left:var(--anchor-element-offset, 0);animation:slideInFromLeft .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-right{top:0;right:var(--anchor-element-offset, 0);animation:slideInFromRight .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom,.gator-panel-overlay.gator-panel-open.gator-panel-bottom-left{bottom:0;left:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-open.gator-panel-bottom-right{bottom:0;right:0;animation:slideInFromBottom .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-left{animation:slideOutToLeft .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-right{animation:slideOutToRight .3s forwards}.gator-panel-overlay.gator-panel-close.gator-panel-bottom,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-left,.gator-panel-overlay.gator-panel-close.gator-panel-bottom-right{animation:slideOutToBottom .3s forwards}@keyframes slideInFromLeft{0%{display:none;transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(-100%);display:none;opacity:0}}@keyframes slideInFromRight{0%{display:none;transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}25%{opacity:1}to{transform:translate(100%);display:none;opacity:0}}@keyframes slideInFromBottom{0%{display:none;transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}25%{opacity:1}to{transform:translateY(100%);display:none;opacity:0}}";export{a as default};
|
|
@@ -5,12 +5,14 @@ export declare class NgcTablePagination extends NgcComponent {
|
|
|
5
5
|
totalItems: number;
|
|
6
6
|
itemsPerPage: number;
|
|
7
7
|
itemsPerPageOptions: string[];
|
|
8
|
+
includePageSelection: boolean;
|
|
8
9
|
updated(): void;
|
|
9
10
|
render(): import('lit').TemplateResult<1>;
|
|
10
11
|
handleCurrentPageChanged(e: CustomEvent): void;
|
|
11
12
|
handleItemsPerPageChanged(e: CustomEvent): void;
|
|
12
13
|
get totalPages(): number;
|
|
13
14
|
get menuItemsForItemsPerPage(): import('lit').TemplateResult<1>[];
|
|
15
|
+
get pageSelectionContent(): import('lit').TemplateResult<1>;
|
|
14
16
|
get menuItemsForPageSelection(): import('lit').TemplateResult<1>[];
|
|
15
17
|
get currentItemsViewedText(): string;
|
|
16
18
|
get isPreviousPageDisabled(): boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "15.0.0",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -100,10 +100,10 @@
|
|
|
100
100
|
"vite-plugin-static-copy": "^3.3.0",
|
|
101
101
|
"vitest": "^4.1.0",
|
|
102
102
|
"yaml-eslint-parser": "^2.0.0",
|
|
103
|
-
"@ncino/styles": "
|
|
103
|
+
"@ncino/styles": "15.0.0"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
|
-
"@ncino/styles": "
|
|
106
|
+
"@ncino/styles": "15.0.0"
|
|
107
107
|
},
|
|
108
108
|
"bugs": {
|
|
109
109
|
"url": "https://github.com/ncino/force-sdk-web-components/issues"
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.4.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -8100,6 +8100,10 @@
|
|
|
8100
8100
|
"name": "include-pagination",
|
|
8101
8101
|
"value": { "type": "boolean", "default": "false" }
|
|
8102
8102
|
},
|
|
8103
|
+
{
|
|
8104
|
+
"name": "include-page-selection",
|
|
8105
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8106
|
+
},
|
|
8103
8107
|
{
|
|
8104
8108
|
"name": "skeleton",
|
|
8105
8109
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -8184,6 +8188,7 @@
|
|
|
8184
8188
|
"properties": [
|
|
8185
8189
|
{ "name": "elevated", "type": "boolean" },
|
|
8186
8190
|
{ "name": "includePagination", "type": "boolean" },
|
|
8191
|
+
{ "name": "includePageSelection", "type": "boolean" },
|
|
8187
8192
|
{ "name": "skeleton", "type": "boolean" },
|
|
8188
8193
|
{ "name": "sortField", "type": "string | null" },
|
|
8189
8194
|
{ "name": "sortDirection", "type": "'asc' | 'desc' | null" },
|
|
@@ -8274,6 +8279,10 @@
|
|
|
8274
8279
|
"default": "['10', '15', '20', '50', '100', msg('All')]"
|
|
8275
8280
|
}
|
|
8276
8281
|
},
|
|
8282
|
+
{
|
|
8283
|
+
"name": "include-page-selection",
|
|
8284
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8285
|
+
},
|
|
8277
8286
|
{
|
|
8278
8287
|
"name": "delegatesARIA",
|
|
8279
8288
|
"description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n to the host element.",
|
|
@@ -8298,8 +8307,10 @@
|
|
|
8298
8307
|
{ "name": "totalItems", "type": "number" },
|
|
8299
8308
|
{ "name": "itemsPerPage", "type": "number" },
|
|
8300
8309
|
{ "name": "itemsPerPageOptions", "type": "string[]" },
|
|
8310
|
+
{ "name": "includePageSelection", "type": "boolean" },
|
|
8301
8311
|
{ "name": "totalPages" },
|
|
8302
8312
|
{ "name": "menuItemsForItemsPerPage" },
|
|
8313
|
+
{ "name": "pageSelectionContent" },
|
|
8303
8314
|
{ "name": "menuItemsForPageSelection" },
|
|
8304
8315
|
{ "name": "currentItemsViewedText" },
|
|
8305
8316
|
{ "name": "isPreviousPageDisabled" },
|