Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
233
Server/wwwroot/package/dist/collection/components/pagination/pagination.css
vendored
Normal file
233
Server/wwwroot/package/dist/collection/components/pagination/pagination.css
vendored
Normal file
@ -0,0 +1,233 @@
|
||||
@charset "UTF-8";
|
||||
:root {
|
||||
--ifx-font-family: "Source Sans 3";
|
||||
font-family: var(--ifx-font-family, sans-serif);
|
||||
}
|
||||
|
||||
:host {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
font-family: var(--ifx-font-family);
|
||||
}
|
||||
.container .items__per-page-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-label {
|
||||
color: #1D1D1D;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-field {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.container .items__per-page-wrapper .items__per-page-field ifx-select {
|
||||
width: 92px;
|
||||
}
|
||||
.container .items__total-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.container .items__total-wrapper .items__total-button {
|
||||
display: flex;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100px;
|
||||
border: 1px solid #BFBBBB;
|
||||
background: #FFF;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item {
|
||||
display: flex;
|
||||
padding: 6px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active {
|
||||
background-color: #0A8276;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span {
|
||||
color: #fff;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active) {
|
||||
background-color: #ddd;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active) {
|
||||
background-color: #575352;
|
||||
}
|
||||
.container .items__total-wrapper .page__numbers-wrapper .page__number-item span {
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1D1D1D;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
}
|
||||
.pagination ifx-icon-button:first-of-type {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.pagination ifx-icon-button:last-of-type {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
a {
|
||||
padding: 6px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 100px;
|
||||
}
|
||||
li:hover:not(.active) a {
|
||||
background-color: #EEEDED;
|
||||
}
|
||||
li:active:not(.active) a {
|
||||
background-color: #575352;
|
||||
color: #fff;
|
||||
}
|
||||
li.active {
|
||||
background-color: #0A8276;
|
||||
}
|
||||
li.active a {
|
||||
color: #fff;
|
||||
}
|
||||
li:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
li a {
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: #1D1D1D;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.prev.disabled,
|
||||
.next.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.prev.disabled:hover,
|
||||
.next.disabled:hover {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.prev {
|
||||
margin-right: 2.5px;
|
||||
}
|
||||
|
||||
.next {
|
||||
margin-left: 2.5px;
|
||||
}
|
||||
|
||||
@media (min-width: 400px) {
|
||||
li:first-child, li.active-sibling, li.active, li.active + li, li:last-child {
|
||||
display: inline-flex !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li.active-sibling:before {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li.active + li:after {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+5) {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-last-child(5):before {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):before, li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):after, li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):before, li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):after, li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):before, li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):after {
|
||||
display: none !important;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5), li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5) {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5):before, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5):before {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+5), li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+5) {
|
||||
display: inline-flex !important;
|
||||
flex-direction: row;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+4):after, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+4):after {
|
||||
display: none;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active ~ li:nth-child(5):after, li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(5):after {
|
||||
content: "…";
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
margin-left: 6px;
|
||||
}
|
||||
li:first-child:nth-last-child(n+8).active:before, li:first-child:nth-last-child(n+8).active:after, li:first-child:nth-last-child(n+8) ~ li.active:before, li:first-child:nth-last-child(n+8) ~ li.active:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
28
Server/wwwroot/package/dist/collection/components/pagination/pagination.e2e.js
vendored
Normal file
28
Server/wwwroot/package/dist/collection/components/pagination/pagination.e2e.js
vendored
Normal file
@ -0,0 +1,28 @@
|
||||
import { newE2EPage } from "@stencil/core/testing";
|
||||
describe('ifx-pagination', () => {
|
||||
it('should render', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-pagination></ifx-pagination>');
|
||||
const element = await page.find('ifx-pagination');
|
||||
expect(element).toHaveClass('hydrated');
|
||||
});
|
||||
it('should display the correct number of page numbers', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-pagination></ifx-pagination>');
|
||||
});
|
||||
it('should change the page on click', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-pagination></ifx-pagination>');
|
||||
await page.waitForChanges();
|
||||
});
|
||||
it('should emit the ifxPageChange event on page change', async () => {
|
||||
const page = await newE2EPage();
|
||||
await page.setContent('<ifx-pagination></ifx-pagination>');
|
||||
const element = await page.find('ifx-pagination');
|
||||
const pageChangeSpy = await element.spyOnEvent('ifxPageChange');
|
||||
await page.waitForChanges();
|
||||
expect(pageChangeSpy).toHaveReceivedEventTimes(0);
|
||||
});
|
||||
// Add more test cases as needed
|
||||
});
|
||||
//# sourceMappingURL=pagination.e2e.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.e2e.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.e2e.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"pagination.e2e.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC9B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IAC7B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;EAE7D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;EAC9B,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;IAClE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAEhE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;EACpD,CAAC,CAAC,CAAC;EAEH,gCAAgC;AAClC,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('ifx-pagination', () => {\n it('should render', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-pagination></ifx-pagination>');\n\n const element = await page.find('ifx-pagination');\n expect(element).toHaveClass('hydrated');\n });\n\n it('should display the correct number of page numbers', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-pagination></ifx-pagination>');\n\n });\n\n it('should change the page on click', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-pagination></ifx-pagination>');\n await page.waitForChanges();\n });\n\n it('should emit the ifxPageChange event on page change', async () => {\n const page = await newE2EPage();\n await page.setContent('<ifx-pagination></ifx-pagination>');\n\n const element = await page.find('ifx-pagination');\n \n const pageChangeSpy = await element.spyOnEvent('ifxPageChange');\n\n await page.waitForChanges();\n\n expect(pageChangeSpy).toHaveReceivedEventTimes(0);\n });\n\n // Add more test cases as needed\n});\n"]}
|
||||
255
Server/wwwroot/package/dist/collection/components/pagination/pagination.js
vendored
Normal file
255
Server/wwwroot/package/dist/collection/components/pagination/pagination.js
vendored
Normal file
@ -0,0 +1,255 @@
|
||||
import { h } from "@stencil/core";
|
||||
export class Pagination {
|
||||
constructor() {
|
||||
this.CLASS_DISABLED = "disabled";
|
||||
this.CLASS_ACTIVE = "active";
|
||||
this.CLASS_SIBLING_ACTIVE = "active-sibling";
|
||||
this.DATA_KEY = "pagination";
|
||||
this.currentPage = 0;
|
||||
this.internalPage = 1;
|
||||
this.itemsPerPage = 10;
|
||||
this.numberOfPages = [];
|
||||
this.total = 1;
|
||||
}
|
||||
setItemsPerPage(e) {
|
||||
this.itemsPerPage = parseInt(e.detail.label);
|
||||
}
|
||||
componentDidLoad() {
|
||||
this.calculateVisiblePageIndices();
|
||||
var paginationElement = this.el.shadowRoot.querySelector(".pagination");
|
||||
let leftArrow = paginationElement.querySelector('.prev');
|
||||
this.navigateSinglePage(leftArrow, true);
|
||||
}
|
||||
calculateNumberOfPages() {
|
||||
if (isNaN(this.currentPage)) {
|
||||
this.currentPage = 1;
|
||||
}
|
||||
const total = this.total <= this.itemsPerPage ? this.itemsPerPage : this.total;
|
||||
const itemsPerPage = this.itemsPerPage;
|
||||
const totalPageNumber = Math.ceil(total / itemsPerPage);
|
||||
if (this.currentPage <= 0) {
|
||||
this.internalPage = 1;
|
||||
}
|
||||
else if (this.currentPage > totalPageNumber) {
|
||||
this.internalPage = totalPageNumber;
|
||||
}
|
||||
else
|
||||
this.internalPage = this.currentPage;
|
||||
this.numberOfPages = Array.from({ length: totalPageNumber }, (_, index) => index + 1);
|
||||
}
|
||||
componentWillLoad() {
|
||||
this.calculateNumberOfPages();
|
||||
}
|
||||
componentDidUpdate() {
|
||||
var paginationElement = this.el.shadowRoot.querySelector(".pagination");
|
||||
var listItems = paginationElement.querySelectorAll("li");
|
||||
this.addEventListenersToPageItems(listItems, paginationElement);
|
||||
if (paginationElement.dataset[this.DATA_KEY] < this.numberOfPages) {
|
||||
paginationElement.dataset[this.DATA_KEY] = paginationElement.dataset[this.DATA_KEY];
|
||||
}
|
||||
else
|
||||
paginationElement.dataset[this.DATA_KEY] = 0;
|
||||
this.changePage(paginationElement, false);
|
||||
}
|
||||
componentWillUpdate() {
|
||||
this.calculateNumberOfPages();
|
||||
}
|
||||
handleEventEmission(currActive) {
|
||||
let currentPage = currActive + 1;
|
||||
let totalPages = this.numberOfPages.length;
|
||||
let prevPage = currActive === 0 ? null : currActive;
|
||||
let nextPage = currActive + 2 > totalPages ? null : currActive + 2;
|
||||
let itemsPerPage = this.itemsPerPage;
|
||||
this.ifxPageChange.emit({ currentPage, totalPages, prevPage, nextPage, itemsPerPage });
|
||||
}
|
||||
addEventListenersToPageItems(listItems, paginationContainer) {
|
||||
listItems.forEach((item) => {
|
||||
item.addEventListener("click", (e) => {
|
||||
var parent = paginationContainer;
|
||||
let listItems = parent.querySelectorAll("li");
|
||||
parent.dataset[this.DATA_KEY] = Array.from(listItems).indexOf(e.currentTarget);
|
||||
this.changePage(parent, false);
|
||||
});
|
||||
});
|
||||
}
|
||||
initPagination(paginationContainer) {
|
||||
var listItems = paginationContainer.querySelectorAll("li");
|
||||
paginationContainer.dataset[this.DATA_KEY] = Array.from(listItems).indexOf(paginationContainer.querySelector(".active"));
|
||||
paginationContainer.querySelector(".prev").addEventListener("click", (e) => this.navigateSinglePage(e, false));
|
||||
paginationContainer.querySelector(".next").addEventListener("click", (e) => this.navigateSinglePage(e, false));
|
||||
this.addEventListenersToPageItems(listItems, paginationContainer);
|
||||
}
|
||||
navigateSinglePage(e, initialValue) {
|
||||
let el = e;
|
||||
if (typeof e.target === 'object') {
|
||||
el = e.target;
|
||||
}
|
||||
if (!el.classList.contains(this.CLASS_DISABLED)) {
|
||||
var parent = el.closest(".pagination");
|
||||
var currActive = parseInt(parent.dataset[this.DATA_KEY], 10);
|
||||
currActive += 1 * (el.classList.contains("prev") ? -1 : 1);
|
||||
if (currActive === -1) {
|
||||
currActive = 0;
|
||||
}
|
||||
parent.dataset[this.DATA_KEY] = currActive;
|
||||
this.changePage(parent, initialValue);
|
||||
}
|
||||
}
|
||||
changePage(pagination, initialValue) {
|
||||
const paginationContainer = pagination;
|
||||
var listItems = paginationContainer.querySelectorAll("li");
|
||||
var currActive = parseInt(paginationContainer.dataset[this.DATA_KEY], 10);
|
||||
listItems.forEach((item) => {
|
||||
item.classList.remove(this.CLASS_ACTIVE);
|
||||
item.classList.remove(this.CLASS_SIBLING_ACTIVE);
|
||||
});
|
||||
if (initialValue && this.internalPage > 1) {
|
||||
currActive = Math.floor(this.internalPage - 1);
|
||||
paginationContainer.dataset[this.DATA_KEY] = currActive;
|
||||
}
|
||||
this.handleEventEmission(currActive);
|
||||
listItems[currActive].classList.add(this.CLASS_ACTIVE);
|
||||
if (currActive === 0) {
|
||||
paginationContainer.querySelector(".prev").classList.add(this.CLASS_DISABLED);
|
||||
paginationContainer.querySelector(".prev").disabled = true;
|
||||
}
|
||||
else {
|
||||
listItems[currActive - 1].classList.add(this.CLASS_SIBLING_ACTIVE);
|
||||
paginationContainer.querySelector(".prev").classList.remove(this.CLASS_DISABLED);
|
||||
paginationContainer.querySelector(".prev").disabled = false;
|
||||
}
|
||||
if (currActive === (listItems.length - 1)) {
|
||||
paginationContainer.querySelector(".next").classList.add(this.CLASS_DISABLED);
|
||||
paginationContainer.querySelector(".next").disabled = true;
|
||||
}
|
||||
else {
|
||||
paginationContainer.querySelector(".next").classList.remove(this.CLASS_DISABLED);
|
||||
paginationContainer.querySelector(".next").disabled = false;
|
||||
}
|
||||
}
|
||||
calculateVisiblePageIndices() {
|
||||
var paginationElement = this.el.shadowRoot.querySelector(".pagination");
|
||||
this.initPagination(paginationElement);
|
||||
}
|
||||
render() {
|
||||
return (h("div", { "aria-label": 'a pagination', "aria-value": this.currentPage, class: "container" }, h("div", { class: 'items__per-page-wrapper' }, h("div", { class: 'items__per-page-label' }, "Results per Page"), h("div", { class: 'items__per-page-field' }, h("ifx-select", { type: 'single', value: 'undefined', "ifx-size": 's', placeholder: 'false', "search-enabled": 'false', "search-placeholder-value": 'Search...', "ifx-disabled": 'false', "ifx-error": 'false', "ifx-error-message": 'Error', "ifx-label": '', "ifx-placeholder-value": 'Placeholder', "ifx-options": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }))), h("div", { class: 'items__total-wrapper' }, h("div", { class: 'page__numbers-wrapper' }, h("div", { class: "pagination" }, h("ifx-icon-button", { variant: 'secondary', class: "prev", color: 'primary', icon: 'arrow-left-24' }), h("ol", null, this.numberOfPages.map((item) => h("li", { class: `${this.internalPage === item ? 'active' : ""}` }, h("a", { href: undefined }, item)))), h("ifx-icon-button", { class: "next", variant: 'secondary', color: 'primary', icon: 'arrow-right-24' }))))));
|
||||
}
|
||||
static get is() { return "ifx-pagination"; }
|
||||
static get encapsulation() { return "shadow"; }
|
||||
static get originalStyleUrls() {
|
||||
return {
|
||||
"$": ["pagination.scss"]
|
||||
};
|
||||
}
|
||||
static get styleUrls() {
|
||||
return {
|
||||
"$": ["pagination.css"]
|
||||
};
|
||||
}
|
||||
static get properties() {
|
||||
return {
|
||||
"currentPage": {
|
||||
"type": "number",
|
||||
"mutable": false,
|
||||
"complexType": {
|
||||
"original": "number",
|
||||
"resolved": "number",
|
||||
"references": {}
|
||||
},
|
||||
"required": false,
|
||||
"optional": false,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"attribute": "current-page",
|
||||
"reflect": false,
|
||||
"defaultValue": "0"
|
||||
},
|
||||
"total": {
|
||||
"type": "number",
|
||||
"mutable": false,
|
||||
"complexType": {
|
||||
"original": "number",
|
||||
"resolved": "number",
|
||||
"references": {}
|
||||
},
|
||||
"required": false,
|
||||
"optional": false,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"attribute": "total",
|
||||
"reflect": false,
|
||||
"defaultValue": "1"
|
||||
}
|
||||
};
|
||||
}
|
||||
static get states() {
|
||||
return {
|
||||
"internalPage": {},
|
||||
"itemsPerPage": {},
|
||||
"numberOfPages": {}
|
||||
};
|
||||
}
|
||||
static get events() {
|
||||
return [{
|
||||
"method": "ifxPageChange",
|
||||
"name": "ifxPageChange",
|
||||
"bubbles": true,
|
||||
"cancelable": true,
|
||||
"composed": true,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"complexType": {
|
||||
"original": "any",
|
||||
"resolved": "any",
|
||||
"references": {}
|
||||
}
|
||||
}, {
|
||||
"method": "ifxNextPage",
|
||||
"name": "ifxNextPage",
|
||||
"bubbles": true,
|
||||
"cancelable": true,
|
||||
"composed": true,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"complexType": {
|
||||
"original": "any",
|
||||
"resolved": "any",
|
||||
"references": {}
|
||||
}
|
||||
}, {
|
||||
"method": "ifxPrevPage",
|
||||
"name": "ifxPrevPage",
|
||||
"bubbles": true,
|
||||
"cancelable": true,
|
||||
"composed": true,
|
||||
"docs": {
|
||||
"tags": [],
|
||||
"text": ""
|
||||
},
|
||||
"complexType": {
|
||||
"original": "any",
|
||||
"resolved": "any",
|
||||
"references": {}
|
||||
}
|
||||
}];
|
||||
}
|
||||
static get elementRef() { return "el"; }
|
||||
static get listeners() {
|
||||
return [{
|
||||
"name": "ifxSelect",
|
||||
"method": "setItemsPerPage",
|
||||
"target": undefined,
|
||||
"capture": false,
|
||||
"passive": false
|
||||
}];
|
||||
}
|
||||
}
|
||||
//# sourceMappingURL=pagination.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
51
Server/wwwroot/package/dist/collection/components/pagination/pagination.stories.js
vendored
Normal file
51
Server/wwwroot/package/dist/collection/components/pagination/pagination.stories.js
vendored
Normal file
@ -0,0 +1,51 @@
|
||||
import { action } from "@storybook/addon-actions";
|
||||
export default {
|
||||
title: "Components/Pagination",
|
||||
// tags: ['autodocs'],
|
||||
args: {
|
||||
total: 50,
|
||||
currentPage: 1
|
||||
},
|
||||
argTypes: {
|
||||
ifxPageChange: {
|
||||
action: 'ifxPageChange',
|
||||
description: 'Custom event emitted page is changed',
|
||||
table: {
|
||||
type: {
|
||||
summary: 'Framework integration',
|
||||
detail: 'React: onIfxPageChange={handlePageChange}\nVue:@ifxPageChange="handlePageChange"\nAngular:(ifxPageChange)="handlePageChange()"\nVanillaJs:.addEventListener("ifxPageChange", (event) => {//handle page change});',
|
||||
},
|
||||
},
|
||||
},
|
||||
ifxNextPage: {
|
||||
action: 'ifxNextPage',
|
||||
description: 'Custom event emitted when next page button clicked',
|
||||
table: {
|
||||
type: {
|
||||
summary: 'Framework integration',
|
||||
detail: 'React: onIfxNextPage={handlePageChange}\nVue:@ifxNextPage="handlePageChange"\nAngular:(ifxNextPage)="handlePageChange()"\nVanillaJs:.addEventListener("ifxNextPage", (event) => {//handle page change});',
|
||||
},
|
||||
},
|
||||
},
|
||||
ifxPrevPage: {
|
||||
action: 'ifxPrevPage',
|
||||
description: 'Custom event emitted when previous page button clicked',
|
||||
table: {
|
||||
type: {
|
||||
summary: 'Framework integration',
|
||||
detail: 'React: onIfxPrevPage={handlePageChange}\nVue:@ifxPrevPage="handlePageChange"\nAngular:(ifxPrevPage)="handlePageChange()"\nVanillaJs:.addEventListener("ifxPrevPage", (event) => {//handle page change});',
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
};
|
||||
const DefaultTemplate = (args) => {
|
||||
const element = document.createElement('ifx-pagination');
|
||||
element.setAttribute('total', args.total);
|
||||
element.setAttribute('current-page', args.currentPage);
|
||||
element.addEventListener('ifxPageChange', action('ifxPageChange'));
|
||||
return element;
|
||||
};
|
||||
export const Default = DefaultTemplate.bind({});
|
||||
Default.argTypes = {};
|
||||
//# sourceMappingURL=pagination.stories.js.map
|
||||
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.stories.js.map
vendored
Normal file
1
Server/wwwroot/package/dist/collection/components/pagination/pagination.stories.js.map
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;EACb,KAAK,EAAE,uBAAuB;EAC9B,sBAAsB;EAEtB,IAAI,EAAE;IACJ,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,CAAC;GACf;EACD,QAAQ,EAAE;IACR,aAAa,EAAE;MACb,MAAM,EAAE,eAAe;MACvB,WAAW,EAAE,sCAAsC;MACnD,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,OAAO,EAAE,uBAAuB;UAChC,MAAM,EAAE,kNAAkN;SAC3N;OACF;KACF;IACD,WAAW,EAAE;MACX,MAAM,EAAE,aAAa;MACrB,WAAW,EAAE,oDAAoD;MACjE,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,OAAO,EAAE,uBAAuB;UAChC,MAAM,EAAE,0MAA0M;SACnN;OACF;KACF;IACD,WAAW,EAAE;MACX,MAAM,EAAE,aAAa;MACrB,WAAW,EAAE,wDAAwD;MACrE,KAAK,EAAE;QACL,IAAI,EAAE;UACJ,OAAO,EAAE,uBAAuB;UAChC,MAAM,EAAE,0MAA0M;SACnN;OACF;KACF;GACF;CACF,CAAC;AAGF,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE;EAC/B,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;EACzD,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;EAC1C,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;EACvD,OAAO,CAAC,gBAAgB,CAAC,eAAe,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;EACnE,OAAO,OAAO,CAAC;AACjB,CAAC,CAAA;AAID,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,QAAQ,GAAG,EAElB,CAAA","sourcesContent":["import { action } from '@storybook/addon-actions';\n\nexport default {\n title: \"Components/Pagination\",\n // tags: ['autodocs'],\n\n args: {\n total: 50,\n currentPage: 1\n },\n argTypes: {\n ifxPageChange: {\n action: 'ifxPageChange',\n description: 'Custom event emitted page is changed',\n table: {\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxPageChange={handlePageChange}\\nVue:@ifxPageChange=\"handlePageChange\"\\nAngular:(ifxPageChange)=\"handlePageChange()\"\\nVanillaJs:.addEventListener(\"ifxPageChange\", (event) => {//handle page change});',\n },\n },\n },\n ifxNextPage: {\n action: 'ifxNextPage',\n description: 'Custom event emitted when next page button clicked',\n table: {\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxNextPage={handlePageChange}\\nVue:@ifxNextPage=\"handlePageChange\"\\nAngular:(ifxNextPage)=\"handlePageChange()\"\\nVanillaJs:.addEventListener(\"ifxNextPage\", (event) => {//handle page change});',\n },\n },\n },\n ifxPrevPage: {\n action: 'ifxPrevPage',\n description: 'Custom event emitted when previous page button clicked',\n table: {\n type: {\n summary: 'Framework integration',\n detail: 'React: onIfxPrevPage={handlePageChange}\\nVue:@ifxPrevPage=\"handlePageChange\"\\nAngular:(ifxPrevPage)=\"handlePageChange()\"\\nVanillaJs:.addEventListener(\"ifxPrevPage\", (event) => {//handle page change});',\n },\n },\n },\n }\n};\n\n\nconst DefaultTemplate = (args) => {\n const element = document.createElement('ifx-pagination');\n element.setAttribute('total', args.total);\n element.setAttribute('current-page', args.currentPage);\n element.addEventListener('ifxPageChange', action('ifxPageChange'));\n return element;\n}\n\n\n\nexport const Default = DefaultTemplate.bind({});\nDefault.argTypes = {\n\n}\n\n\n"]}
|
||||
Reference in New Issue
Block a user