@infineon/infineon-design-system-stencil 41.1.0 → 41.1.1
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/cjs/ifx-chip-item_2.cjs.entry.js +2 -2
- package/dist/collection/components/pagination/pagination.js +2 -2
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-table.js +1 -1
- package/dist/components/p--W-TTD_t.js +1 -0
- package/dist/docs.json +1 -1
- package/dist/esm/ifx-chip-item_2.entry.js +2 -2
- package/dist/hydrate/index.js +2 -2
- package/dist/hydrate/index.mjs +2 -2
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/{p-9d35ca8d.entry.js → p-e192e65a.entry.js} +1 -1
- package/package.json +2 -2
- package/dist/components/p-BCj1URx0.js +0 -1
|
@@ -374,8 +374,8 @@ const Pagination = class {
|
|
|
374
374
|
this.initPagination();
|
|
375
375
|
}
|
|
376
376
|
render() {
|
|
377
|
-
return (index.h("div", { key: '48aaf70da098534f715bd453543bd33dd0e65745', class: "container" }, this.showItemsPerPage && (index.h("div", { key: 'd3eee802a0fdbd7230361a6f7930baff72ccea72', class: "items__per-page-wrapper" }, index.h("div", { key: '7744774b4e0baeadd9a9c94bf7636d804566cf44', class: "items__per-page-label" }, this.itemsPerPageLabel), index.h("div", { key: '1008bfe3edc45f217ac6716e424ccaf518748109', class: "items__per-page-field" }, index.h("ifx-select", { key: '
|
|
378
|
-
this.changePage(page) }, page))) : (index.h("li", { class: "ellipsis", key: `ellipsis-${i}` }, index.h("span", { "aria-hidden": "true" }, "..."))))), index.h("ifx-icon-button", { key: '
|
|
377
|
+
return (index.h("div", { key: '48aaf70da098534f715bd453543bd33dd0e65745', class: "container" }, this.showItemsPerPage && (index.h("div", { key: 'd3eee802a0fdbd7230361a6f7930baff72ccea72', class: "items__per-page-wrapper" }, index.h("div", { key: '7744774b4e0baeadd9a9c94bf7636d804566cf44', class: "items__per-page-label" }, this.itemsPerPageLabel), index.h("div", { key: '1008bfe3edc45f217ac6716e424ccaf518748109', class: "items__per-page-field" }, index.h("ifx-select", { key: 'ea9cc0bbc2f534b02820e273189997ae2bc84120', id: "itemsPerPageSelect", placeholder: false, showSearch: false, showClearButton: false, size: "s", "placeholder-value": "Select" }, this.filteredItemsPerPage.map((option) => (index.h("ifx-select-option", { value: option.value, selected: option.selected }, option.label))))))), index.h("div", { key: 'eaaaf3e732739199da5fd57d06d1b5ce02148d0e', class: "items__total-wrapper" }, index.h("div", { key: '2b04ebac8807614df95f346afe16d922df1f32b6', class: "pagination" }, index.h("ifx-icon-button", { key: 'e6222c10733fb011539e901cb273d2255b17496c', class: "prev", icon: "arrow-left-16", "aria-label": "Previous Page", onClick: () => this.changePage(this.internalPage - 1), variant: "secondary" }), index.h("ol", { key: 'c8821a0be77136743817a98c4ac4ea059f3198c5' }, this.visiblePages.map((page, i) => typeof page === "number" ? (index.h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, index.h("span", { class: "page__button", role: "button", tabindex: "0", "aria-current": page === this.internalPage ? "page" : undefined, "aria-label": `Page ${page}`, onClick: () => this.changePage(page), onKeyDown: (e) => (e.key === "Enter" || e.key === " ") &&
|
|
378
|
+
this.changePage(page) }, page))) : (index.h("li", { class: "ellipsis", key: `ellipsis-${i}` }, index.h("span", { "aria-hidden": "true" }, "..."))))), index.h("ifx-icon-button", { key: 'f12bc22a39325fc9cc08abb26a890eedd6005e53', class: "next", icon: "arrow-right-16", "aria-label": "Next Page", onClick: () => this.changePage(this.internalPage + 1), variant: "secondary" })))));
|
|
379
379
|
}
|
|
380
380
|
static get watchers() { return {
|
|
381
381
|
"total": [{
|
|
@@ -276,8 +276,8 @@ export class Pagination {
|
|
|
276
276
|
this.initPagination();
|
|
277
277
|
}
|
|
278
278
|
render() {
|
|
279
|
-
return (h("div", { key: '48aaf70da098534f715bd453543bd33dd0e65745', class: "container" }, this.showItemsPerPage && (h("div", { key: 'd3eee802a0fdbd7230361a6f7930baff72ccea72', class: "items__per-page-wrapper" }, h("div", { key: '7744774b4e0baeadd9a9c94bf7636d804566cf44', class: "items__per-page-label" }, this.itemsPerPageLabel), h("div", { key: '1008bfe3edc45f217ac6716e424ccaf518748109', class: "items__per-page-field" }, h("ifx-select", { key: '
|
|
280
|
-
this.changePage(page) }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", { "aria-hidden": "true" }, "..."))))), h("ifx-icon-button", { key: '
|
|
279
|
+
return (h("div", { key: '48aaf70da098534f715bd453543bd33dd0e65745', class: "container" }, this.showItemsPerPage && (h("div", { key: 'd3eee802a0fdbd7230361a6f7930baff72ccea72', class: "items__per-page-wrapper" }, h("div", { key: '7744774b4e0baeadd9a9c94bf7636d804566cf44', class: "items__per-page-label" }, this.itemsPerPageLabel), h("div", { key: '1008bfe3edc45f217ac6716e424ccaf518748109', class: "items__per-page-field" }, h("ifx-select", { key: 'ea9cc0bbc2f534b02820e273189997ae2bc84120', id: "itemsPerPageSelect", placeholder: false, showSearch: false, showClearButton: false, size: "s", "placeholder-value": "Select" }, this.filteredItemsPerPage.map((option) => (h("ifx-select-option", { value: option.value, selected: option.selected }, option.label))))))), h("div", { key: 'eaaaf3e732739199da5fd57d06d1b5ce02148d0e', class: "items__total-wrapper" }, h("div", { key: '2b04ebac8807614df95f346afe16d922df1f32b6', class: "pagination" }, h("ifx-icon-button", { key: 'e6222c10733fb011539e901cb273d2255b17496c', class: "prev", icon: "arrow-left-16", "aria-label": "Previous Page", onClick: () => this.changePage(this.internalPage - 1), variant: "secondary" }), h("ol", { key: 'c8821a0be77136743817a98c4ac4ea059f3198c5' }, this.visiblePages.map((page, i) => typeof page === "number" ? (h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, h("span", { class: "page__button", role: "button", tabindex: "0", "aria-current": page === this.internalPage ? "page" : undefined, "aria-label": `Page ${page}`, onClick: () => this.changePage(page), onKeyDown: (e) => (e.key === "Enter" || e.key === " ") &&
|
|
280
|
+
this.changePage(page) }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", { "aria-hidden": "true" }, "..."))))), h("ifx-icon-button", { key: 'f12bc22a39325fc9cc08abb26a890eedd6005e53', class: "next", icon: "arrow-right-16", "aria-label": "Next Page", onClick: () => this.changePage(this.internalPage + 1), variant: "secondary" })))));
|
|
281
281
|
}
|
|
282
282
|
static get is() { return "ifx-pagination"; }
|
|
283
283
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{P as o,d as s}from"./p-
|
|
1
|
+
import{P as o,d as s}from"./p--W-TTD_t.js";const t=o,p=s;export{t as IfxPagination,p as defineCustomElement}
|