npm - @aquera/nile-elements - Versions diffs - 1.0.1-beta-1.4 → 1.0.1-beta-1.6 - Mend

@aquera/nile-elements 1.0.1-beta-1.4 → 1.0.1-beta-1.6

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.

Files changed (211) hide show

package/dist/nile-pagination/nile-pagination.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-pagination.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-pagination.css';\nimport NileElement from '../internal/nile-element';\nimport {\n calculateTotalPages,\n getPaginationItems,\n getHiddenPages,\n getRangeText,\n} from './nile-pagination-utils';\n\n@customElement('nile-pagination')\nexport class NilePagination extends NileElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({attribute: 'totalitems',reflect: true,converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 0 ? Math.floor(n) : 0;\n },\n },\n })totalItems: number = 0;\n\n @property({attribute: 'currentpage', reflect: true, converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;\n },\n },\n })currentPage: number = 1;\n\n @property({attribute: 'pagesize',reflect: true,converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 50;\n },\n },\n })pageSize: number = 50;\n\n @property({ attribute: 'pagesizeoptions', reflect: false, converter: { fromAttribute: (v: string) => {\n try {\n const arr = JSON.parse(v);\n if (Array.isArray(arr) && arr.every(x => typeof x === 'number')) {\n return arr as number[];\n }\n } catch {}\n return [10, 25, 50, 100];\n }}})\n pageSizeOptions: number[] = [10, 25, 50, 100];\n\n @property({ type: String })variant: 'fluid' \| 'compact' = 'fluid';\n @property({ type: Boolean }) disabled = false;\n @property({ type: Boolean }) showTitle = true;\n\n @state() private _pageSizeOpen = false;\n @state() private _pageOpen = false;\n @query('.page-size-dropdown') private _pageSizeDropdown!: HTMLElement;\n\n firstUpdated() {\n if (this._pageSizeDropdown) { \n this._pageSizeDropdown.addEventListener('nile-show', () => {\n this._pageSizeOpen = true;\n });\n this._pageSizeDropdown.addEventListener('nile-after-hide', () => {\n this._pageSizeOpen = false;\n });\n }\n }\n\n private get totalPages(): number {\n return Math.max(1, calculateTotalPages(this.totalItems, this.pageSize));\n }\n\n private goToPage(newPage: number) {\n \n if (this.disabled) return;\n const previousPage = this.currentPage;\n this.currentPage = newPage;\n this.emit('nile-change', { page: newPage, previousPage, pageSize: this.pageSize });\n }\n\n private onPageSizeSelect(newSize: number) {\n if (this.disabled \|\| this.pageSize === newSize) return;\n\n const previousPage = this.currentPage;\n this.pageSize = newSize;\n this.currentPage = 1;\n this.emit('nile-change', {\n page: 1,\n previousPage,\n pageSize: newSize\n });\n}\n\nprivate renderCompactRangeText(): TemplateResult {\n const full = getRangeText(this.totalItems, this.pageSize, this.currentPage);\n const trimmed = full.replace(/^Showing\\s/, ''); \n return html`<div class=\"range-text\">${trimmed}</div>`;\n}\n\n\n private renderRangeText(): TemplateResult {\n if (this.totalItems === 0) {\n return html`<div class=\"range-text\">Showing 0 of 0</div>`;\n }\n return html`\n <div part=\"range-text\" class=\"range-text\">\n ${getRangeText(this.totalItems, this.pageSize, this.currentPage)}\n </div>\n `;\n }\n\n private renderPageSizeSelect(): TemplateResult \| null {\n if (this.variant !== 'fluid') return null;\n return html`\n <div class=\"page-size-select\">\n <nile-dropdown class=\"page-size-dropdown\" ?disabled=${this.disabled}>\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.pageSize}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"down-scroll-wrapper\">\n ${this.pageSizeOptions.map(\n size => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.onPageSizeSelect(size)}\n >\n ${size}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n </div>\n `;\n }\n\n\n private renderCompactPageSize(): TemplateResult {\n return html`\n <nile-dropdown\n class=\"compact-dropdown\"\n ?disabled=${this.disabled}\n @nile-show=${() => (this._pageSizeOpen = true)}\n @nile-after-hide=${() => (this._pageSizeOpen = false)}\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.pageSize}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper\">\n ${this.pageSizeOptions.map(\n size => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.onPageSizeSelect(size)}\n >\n ${size}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n `;\n }\n \n\n private renderPrevButton(): TemplateResult {\n return html`\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=${this.currentPage === 1 \|\| this.disabled}\n @click=${() => this.goToPage(this.currentPage - 1)}\n >\n <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n `;\n }\n\n private renderNextButton(): TemplateResult {\n return html`\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=${this.currentPage === this.totalPages \|\| this.disabled}\n @click=${() => this.goToPage(this.currentPage + 1)}\n >\n <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n `;\n }\n\n private renderPageItem(\n item: number \| string,\n idx: number,\n items: (number \| string)[]\n ): TemplateResult {\n if (item === '…') {\n return html`\n <li>\n <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=${this.disabled}>\n <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=${this.disabled}>\n …\n </nile-button>\n <nile-menu>\n <div class=\"ellipsis-scroll-wrapper\">\n ${getHiddenPages(\n this.totalPages,\n items,\n this.currentPage,\n idx < items.indexOf(this.currentPage) ? 'left' : 'right'\n ).map(\n page => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(page)}\n >\n ${page}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n `;\n }\n return html`\n <li>\n <nile-button\n variant=${item === this.currentPage ? 'primary' : 'ghost'}\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(item as number)}\n >\n ${item}\n </nile-button>\n </li>\n `;\n }\n\n private renderPageList(): TemplateResult {\n if (this.variant === 'compact') {\n return html`\n <nav aria-label=\"Pagination\">\n <ul class=\"pagination compact-pagination\">\n ${this.renderPrevButton()}\n <li>\n <nile-dropdown\n class=\"compact-dropdown1\"\n ?disabled=${this.disabled}\n @nile-show=${() => (this._pageOpen = true)}\n @nile-after-hide=${() => (this._pageOpen = false)}\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"current-page-btn ${this._pageOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.currentPage}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper1\">\n ${Array.from({ length: this.totalPages }, (_, i) => i + 1).map(\n p => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(p)}\n >\n ${p}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n ${this.renderNextButton()}\n </ul>\n </nav>\n `;\n }\n const items = getPaginationItems(this.totalPages, this.currentPage);\n return html`\n <nav aria-label=\"Pagination\">\n <ul part=\"page-list\" class=\"pagination\">\n ${this.renderPrevButton()}\n ${items.map((item, idx) => this.renderPageItem(item, idx, items))}\n ${this.renderNextButton()}\n </ul>\n </nav>\n `;\n }\n\n public render(): TemplateResult {\n return html`\n <div part=\"wrapper\" class=\"pagination-wrapper ${this.variant}\">\n <div part=\"pager-container\" class=\"pager-container\">\n ${this.variant === 'fluid' && this.showTitle\n ? this.renderRangeText()\n : this.variant === 'compact'\n ? this.renderCompactRangeText()\n : null}\n ${this.variant === 'fluid'\n ? this.renderPageSizeSelect()\n : this.renderCompactPageSize()}\n </div>\n ${this.renderPageList()}\n </div>\n `;\n}\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-pagination': NilePagination;\n }\n}\n"],"names":["NilePagination","p","constructor","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","_pageSizeOpen","_pageOpen","_this","_inherits","_o","_createClass","key","value","firstUpdated","_pageSizeDropdown","addEventListener","get","Math","max","calculateTotalPages","goToPage","newPage","previousPage","emit","page","onPageSizeSelect","newSize","renderCompactRangeText","trimmed","getRangeText","replace","html","_templateObject","_taggedTemplateLiteral","renderRangeText","_templateObject2","_templateObject3","renderPageSizeSelect","_this3","_templateObject4","map","size","_templateObject5","renderCompactPageSize","_this4","_templateObject6","_templateObject7","renderPrevButton","_this5","_templateObject8","renderNextButton","_this6","_templateObject9","totalPages","renderPageItem","item","idx","items","_templateObject10","getHiddenPages","indexOf","_templateObject11","_templateObject12","renderPageList","_this8","_templateObject13","Array","from","length","_","i","_templateObject14","getPaginationItems","_templateObject15","render","_templateObject16","__decorate","styles","NileElement","property","attribute","reflect","converter","fromAttribute","v","n","Number","isFinite","floor","prototype","arr","JSON","parse","isArray","every","x","_unused","type","String","Boolean","state","query","_export","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-pagination.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-pagination.css';\nimport NileElement from '../internal/nile-element';\nimport {\n calculateTotalPages,\n getPaginationItems,\n getHiddenPages,\n getRangeText,\n} from './nile-pagination-utils';\n\n@customElement('nile-pagination')\nexport class NilePagination extends NileElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n @property({attribute: 'totalitems',reflect: true,converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 0 ? Math.floor(n) : 0;\n },\n },\n })totalItems: number = 0;\n\n @property({attribute: 'currentpage', reflect: true, converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;\n },\n },\n })currentPage: number = 1;\n\n @property({attribute: 'pagesize',reflect: true,converter: {\n fromAttribute: (v: string) => {\n const n = Number(v);\n return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 50;\n },\n },\n })pageSize: number = 50;\n\n @property({ attribute: 'pagesizeoptions', reflect: false, converter: { fromAttribute: (v: string) => {\n try {\n const arr = JSON.parse(v);\n if (Array.isArray(arr) && arr.every(x => typeof x === 'number')) {\n return arr as number[];\n }\n } catch {}\n return [10, 25, 50, 100];\n }}})\n pageSizeOptions: number[] = [10, 25, 50, 100];\n\n @property({ type: String })variant: 'fluid' \| 'compact' = 'fluid';\n @property({ type: Boolean }) disabled = false;\n @property({ type: Boolean }) showTitle = true;\n\n @state() private _pageSizeOpen = false;\n @state() private _pageOpen = false;\n @query('.page-size-dropdown') private _pageSizeDropdown!: HTMLElement;\n\n firstUpdated() {\n if (this._pageSizeDropdown) { \n this._pageSizeDropdown.addEventListener('nile-show', () => {\n this._pageSizeOpen = true;\n });\n this._pageSizeDropdown.addEventListener('nile-after-hide', () => {\n this._pageSizeOpen = false;\n });\n }\n }\n\n private get totalPages(): number {\n return Math.max(1, calculateTotalPages(this.totalItems, this.pageSize));\n }\n\n private goToPage(newPage: number) {\n \n if (this.disabled) return;\n const previousPage = this.currentPage;\n this.currentPage = newPage;\n this.emit('nile-change', { page: newPage, previousPage, pageSize: this.pageSize });\n }\n\n private onPageSizeSelect(newSize: number) {\n if (this.disabled \|\| this.pageSize === newSize) return;\n\n const previousPage = this.currentPage;\n this.pageSize = newSize;\n this.currentPage = 1;\n this.emit('nile-change', {\n page: 1,\n previousPage,\n pageSize: newSize\n });\n}\n\nprivate renderCompactRangeText(): TemplateResult {\n const full = getRangeText(this.totalItems, this.pageSize, this.currentPage);\n const trimmed = full.replace(/^Showing\\s/, ''); \n return html`<div class=\"range-text\">${trimmed}</div>`;\n}\n\n\n private renderRangeText(): TemplateResult {\n if (this.totalItems === 0) {\n return html`<div class=\"range-text\">Showing 0 of 0</div>`;\n }\n return html`\n <div part=\"range-text\" class=\"range-text\">\n ${getRangeText(this.totalItems, this.pageSize, this.currentPage)}\n </div>\n `;\n }\n\n private renderPageSizeSelect(): TemplateResult \| null {\n if (this.variant !== 'fluid') return null;\n return html`\n <div class=\"page-size-select\">\n <nile-dropdown class=\"page-size-dropdown\" ?disabled=${this.disabled}>\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.pageSize}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"down-scroll-wrapper\">\n ${this.pageSizeOptions.map(\n size => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.onPageSizeSelect(size)}\n >\n ${size}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n </div>\n `;\n }\n\n\n private renderCompactPageSize(): TemplateResult {\n return html`\n <nile-dropdown\n class=\"compact-dropdown\"\n ?disabled=${this.disabled}\n @nile-show=${() => (this._pageSizeOpen = true)}\n @nile-after-hide=${() => (this._pageSizeOpen = false)}\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.pageSize}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper\">\n ${this.pageSizeOptions.map(\n size => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.onPageSizeSelect(size)}\n >\n ${size}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n `;\n }\n \n\n private renderPrevButton(): TemplateResult {\n return html`\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=${this.currentPage === 1 \|\| this.disabled}\n @click=${() => this.goToPage(this.currentPage - 1)}\n class=\"prev-button\"\n >\n <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n `;\n }\n\n private renderNextButton(): TemplateResult {\n return html`\n <li>\n <nile-button\n variant=\"tertiary\"\n ?disabled=${this.currentPage === this.totalPages \|\| this.disabled}\n @click=${() => this.goToPage(this.currentPage + 1)}\n class=\"next-button\"\n >\n <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"14\"></nile-icon>\n </nile-button>\n </li>\n `;\n }\n\n private renderPageItem(\n item: number \| string,\n idx: number,\n items: (number \| string)[]\n ): TemplateResult {\n if (item === '…') {\n return html`\n <li>\n <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=${this.disabled}>\n <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=${this.disabled}>\n …\n </nile-button>\n <nile-menu>\n <div class=\"ellipsis-scroll-wrapper\">\n ${getHiddenPages(\n this.totalPages,\n items,\n this.currentPage,\n idx < items.indexOf(this.currentPage) ? 'left' : 'right'\n ).map(\n page => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(page)}\n >\n ${page}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n `;\n }\n return html`\n <li>\n <nile-button\n variant=${item === this.currentPage ? 'primary' : 'ghost'}\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(item as number)}\n >\n ${item}\n </nile-button>\n </li>\n `;\n }\n\n private renderPageList(): TemplateResult {\n if (this.variant === 'compact') {\n return html`\n <nav aria-label=\"Pagination\">\n <ul class=\"pagination compact-pagination\">\n ${this.renderPrevButton()}\n <li>\n <nile-dropdown\n class=\"compact-dropdown1\"\n ?disabled=${this.disabled}\n @nile-show=${() => (this._pageOpen = true)}\n @nile-after-hide=${() => (this._pageOpen = false)}\n >\n <nile-button\n slot=\"trigger\"\n variant=\"tertiary\"\n class=\"current-page-btn ${this._pageOpen ? 'open' : ''}\"\n ?disabled=${this.disabled}\n >\n ${this.currentPage}\n <nile-icon\n name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n size=\"14\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n class=\"chevron\"\n ></nile-icon>\n </nile-button>\n <nile-menu>\n <div class=\"compact-scroll-wrapper1\">\n ${Array.from({ length: this.totalPages }, (_, i) => i + 1).map(\n p => html`\n <nile-menu-item\n ?disabled=${this.disabled}\n @click=${() => this.goToPage(p)}\n >\n ${p}\n </nile-menu-item>\n `\n )}\n </div>\n </nile-menu>\n </nile-dropdown>\n </li>\n ${this.renderNextButton()}\n </ul>\n </nav>\n `;\n }\n const items = getPaginationItems(this.totalPages, this.currentPage);\n return html`\n <nav aria-label=\"Pagination\">\n <ul part=\"page-list\" class=\"pagination\">\n ${this.renderPrevButton()}\n ${items.map((item, idx) => this.renderPageItem(item, idx, items))}\n ${this.renderNextButton()}\n </ul>\n </nav>\n `;\n }\n\n public render(): TemplateResult {\n return html`\n <div part=\"wrapper\" class=\"pagination-wrapper ${this.variant}\">\n <div part=\"pager-container\" class=\"pager-container\">\n ${this.variant === 'fluid' && this.showTitle\n ? this.renderRangeText()\n : this.variant === 'compact'\n ? this.renderCompactRangeText()\n : null}\n ${this.variant === 'fluid'\n ? this.renderPageSizeSelect()\n : this.renderCompactPageSize()}\n </div>\n ${this.renderPageList()}\n </div>\n `;\n}\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-pagination': NilePagination;\n }\n}\n"],"names":["NilePagination","p","constructor","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","_pageSizeOpen","_pageOpen","_this","_inherits","_o","_createClass","key","value","firstUpdated","_pageSizeDropdown","addEventListener","get","Math","max","calculateTotalPages","goToPage","newPage","previousPage","emit","page","onPageSizeSelect","newSize","renderCompactRangeText","trimmed","getRangeText","replace","html","_templateObject","_taggedTemplateLiteral","renderRangeText","_templateObject2","_templateObject3","renderPageSizeSelect","_this3","_templateObject4","map","size","_templateObject5","renderCompactPageSize","_this4","_templateObject6","_templateObject7","renderPrevButton","_this5","_templateObject8","renderNextButton","_this6","_templateObject9","totalPages","renderPageItem","item","idx","items","_templateObject10","getHiddenPages","indexOf","_templateObject11","_templateObject12","renderPageList","_this8","_templateObject13","Array","from","length","_","i","_templateObject14","getPaginationItems","_templateObject15","render","_templateObject16","__decorate","styles","NileElement","property","attribute","reflect","converter","fromAttribute","v","n","Number","isFinite","floor","prototype","arr","JSON","parse","isArray","every","x","_unused","type","String","Boolean","state","query","_export","customElement"],"mappings":"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"}

package/dist/nile-pagination/nile-pagination.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",a=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n  }\n\n \n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) !important;\n}\n\n  .range-text {\n    font-size: var(--nile-font-size-small,  var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n  \n   nile-button.down::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  nile-button.down::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n\n  nile-button.current-page-btn::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n  }\n\n  nile-button.current-page-btn::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  \n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n \n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n  }\n\n \n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) !important;\n}\n\n  .range-text {\n    font-size: var(--nile-font-size-small,  var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n  \n   nile-button.down::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  nile-button.down::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n\n  nile-button.current-page-btn::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n  }\n\n  nile-button.current-page-btn::part(base):active {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n  \n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n \n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n  .prev-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .next-button::part(base) {\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n"]))));}};});
 //# sourceMappingURL=nile-pagination.css.cjs.js.map

package/dist/nile-pagination/nile-pagination.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-pagination.css.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Pagination CSS\n */\nexport const styles = css`\n :host {\n }\n\n .pagination-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n }\n\n \n .pagination-wrapper.v2 .pager-container {\n flex-direction: row;\n align-items: center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n }\n\n .pagination-wrapper.v2 .range-text {\n margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n font-feature-settings: 'liga' off, 'clig' off;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n }\n\n \n .pagination-wrapper.compact {\n min-width: 324px;\n justify-content: space-between;\n }\n\n\n\n.pagination-wrapper.compact .range-text {\n margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n .pagination-wrapper.compact .pager-container {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n min-width: 32px;\n height: 32px;\n padding: 0 6px;\n }\n\n .pagination-wrapper.compact .page-size-dropdown .chevron {\n transition: transform 0.2s;\n }\n .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n transform: rotate(180deg);\n }\n\n .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n display: none;\n }\n\n .compact-pagination {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .page-dropdown .current-page-btn {\n padding: 2px;\n font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n }\n\n nile-button.current-page-btn::part(base){\n min-width: 51px;\n }\n\n nile-button.current-page-btn::part(base):active {\n min-width: 51px;\n}\n\n .pager-container {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n }\n\n.pagination-wrapper.compact .pager-container {\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) !important;\n}\n\n .range-text {\n font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n white-space: nowrap;\n }\n\n .page-size-select {\n display: inline-flex;\n align-items: center;\n }\n\n ul.pagination {\n display: flex;\n list-style: none;\n padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n }\n\n ul.pagination li {\n margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n }\n\n .ellipsis-scroll-wrapper {\n max-height: 194px;\n overflow-y: auto;\n width: 66px;\n }\n .down-scroll-wrapper {\n max-height: 150px;\n overflow-y: auto;\n width: 60px;\n }\n\n\n .compact-scroll-wrapper {\n max-height: 160px;\n overflow-y: auto;\n width: 60px;\n }\n .compact-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n \n .page-size-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .compact-scroll-wrapper1 {\n max-height: 164px;\n overflow-y: auto;\n width: 60px;\n }\n\n .compact-dropdown1 nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n \n .compact-dropdown1 nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n\n .ellipsis-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .page-size-menu {\n max-height: 144px;\n overflow-y: auto;\n }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n .page-size-label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n font-feature-settings: 'liga' off, 'clig' off;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n }\n\n nile-button::part(base) {\n min-width: 32px;\n height: 32px;\n padding: 0px 6px;\n box-shadow: none;\n }\n \n nile-button.down::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n nile-button.down::part(base):active {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n\n nile-button.current-page-btn::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n }\n\n nile-button.current-page-btn::part(base):active {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n \n nile-button::part(base):active {\n min-width: 32px;\n height: 32px;\n padding: 0px 6px;\n box-shadow: none;\n border: none;\n }\n\n nile-button.down::part(base) {\n min-width: 62px;\n }\n\n nile-button.compactbtn:part(base){\n background-color: red;\n }\n .page-size-dropdown .chevron {\n transition: transform 0.2s;\n }\n .page-size-dropdown .open .chevron {\n transform: rotate(180deg);\n }\n \n .pagination-wrapper.compact .compact-dropdown .chevron,\n .pagination-wrapper.compact .compact-dropdown1 .chevron {\n transition: transform 0.2s;\n }\n .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n transform: rotate(180deg);\n }\n\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-pagination.css.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2025\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n Pagination CSS\n */\nexport const styles = css`\n :host {\n }\n\n .pagination-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) ;\n }\n\n \n .pagination-wrapper.v2 .pager-container {\n flex-direction: row;\n align-items: center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl)); \n }\n\n .pagination-wrapper.v2 .range-text {\n margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-900, var( --ng-colors-text-primary-900));\n font-feature-settings: 'liga' off, 'clig' off;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n }\n\n \n .pagination-wrapper.compact {\n min-width: 324px;\n justify-content: space-between;\n }\n\n\n\n.pagination-wrapper.compact .range-text {\n margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n .pagination-wrapper.compact .pager-container {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n min-width: 32px;\n height: 32px;\n padding: 0 6px;\n }\n\n .pagination-wrapper.compact .page-size-dropdown .chevron {\n transition: transform 0.2s;\n }\n .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n transform: rotate(180deg);\n }\n\n .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n display: none;\n }\n\n .compact-pagination {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .page-dropdown .current-page-btn {\n padding: 2px;\n font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n }\n\n nile-button.current-page-btn::part(base){\n min-width: 51px;\n }\n\n nile-button.current-page-btn::part(base):active {\n min-width: 51px;\n}\n\n .pager-container {\n display: flex;\n align-items: center;\n gap: var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n }\n\n.pagination-wrapper.compact .pager-container {\n gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs)) !important;\n}\n\n .range-text {\n font-size: var(--nile-font-size-small, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900,var( --ng-colors-text-primary-900) );\n white-space: nowrap;\n }\n\n .page-size-select {\n display: inline-flex;\n align-items: center;\n }\n\n ul.pagination {\n display: flex;\n list-style: none;\n padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n gap: var(--nile-radius-radius-xxs, var(--ng-radius-xxs));\n }\n\n ul.pagination li {\n margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n }\n\n .ellipsis-scroll-wrapper {\n max-height: 194px;\n overflow-y: auto;\n width: 66px;\n }\n .down-scroll-wrapper {\n max-height: 150px;\n overflow-y: auto;\n width: 60px;\n }\n\n\n .compact-scroll-wrapper {\n max-height: 160px;\n overflow-y: auto;\n width: 60px;\n }\n .compact-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n \n .page-size-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .compact-scroll-wrapper1 {\n max-height: 164px;\n overflow-y: auto;\n width: 60px;\n }\n\n .compact-dropdown1 nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n \n .compact-dropdown1 nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n\n .ellipsis-dropdown nile-menu {\n overflow-y: auto;\n padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .page-size-menu {\n max-height: 144px;\n overflow-y: auto;\n }\n\n.pagination-wrapper.fluid ul.pagination li:first-child {\n margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n}\n\n\n .page-size-label {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-500));\n margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n font-feature-settings: 'liga' off, 'clig' off;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular)); \n }\n\n nile-button::part(base) {\n min-width: 32px;\n height: 32px;\n padding: 0px 6px;\n box-shadow: none;\n }\n \n nile-button.down::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n nile-button.down::part(base):active {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n\n nile-button.current-page-btn::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary)); \n }\n\n nile-button.current-page-btn::part(base):active {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n \n nile-button::part(base):active {\n min-width: 32px;\n height: 32px;\n padding: 0px 6px;\n box-shadow: none;\n border: none;\n }\n\n nile-button.down::part(base) {\n min-width: 62px;\n }\n\n nile-button.compactbtn:part(base){\n background-color: red;\n }\n .page-size-dropdown .chevron {\n transition: transform 0.2s;\n }\n .page-size-dropdown .open .chevron {\n transform: rotate(180deg);\n }\n \n .pagination-wrapper.compact .compact-dropdown .chevron,\n .pagination-wrapper.compact .compact-dropdown1 .chevron {\n transition: transform 0.2s;\n }\n .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n transform: rotate(180deg);\n }\n\n .prev-button::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n .next-button::part(base) {\n border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-pagination/nile-pagination.css.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{css as n}from"lit";const a=n`
+import{css as a}from"lit";const n=a`
   :host {
   }
@@ -251,5 +251,12 @@ import{css as n}from"lit";const a=n`
     transform: rotate(180deg);
   }
+  .prev-button::part(base) {
+    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
+  }
+  .next-button::part(base) {
+    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
+  }
-`;export{a as s};
+`;export{n as s};

package/dist/nile-pagination/nile-pagination.esm.js CHANGED Viewed

@@ -74,6 +74,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
           variant="tertiary"
           ?disabled=${1===this.currentPage||this.disabled}
           @click=${()=>this.goToPage(this.currentPage-1)}
+          class="prev-button"
         >
           <nile-icon name="var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="14"></nile-icon>
         </nile-button>
@@ -84,8 +85,9 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
           variant="tertiary"
           ?disabled=${this.currentPage===this.totalPages||this.disabled}
           @click=${()=>this.goToPage(this.currentPage+1)}
+          class="next-button"
         >
-          <nile-icon name="var(--nile-icon-arrow-right, var(--ng-chevron-right))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="14"></nile-icon>
+          <nile-icon name="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="14"></nile-icon>
         </nile-button>
       </li>
     `}renderPageItem(i,t,n){return"…"===i?e`