@aquera/nile-elements 1.8.9 → 1.9.1

package/dist/nile-pagination/nile-pagination.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,e,t,n,s,r,a,l,o,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;n=_litDecoratorsJs.state;s=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;c=_nilePaginationUtilsCjsJs.a;d=_nilePaginationUtilsCjsJs.b;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this._pageSizeOpen=!1,_this._pageOpen=!1,_this._miniPageOpen=!1;return _this;}_inherits(p,_l);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;}));}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){if(this.disabled)return;var e=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:e,pageSize:this.pageSize});}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;var e=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:i});}},{key:"renderCompactRangeText",value:function renderCompactRangeText(){var i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">","</div>"])),i);}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div part=\"range-text\" class=\"range-text\">\n        ","\n      </div>\n    "])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?disabled=",">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"down ","\"\n            ?disabled=","\n          >\n            ","\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              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n      </div>\n    "])),this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderCompactPageSize",value:function renderCompactPageSize(){var _this4=this;return e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-dropdown\n        class=\"compact-dropdown\"\n        ?disabled=","\n        @nile-show=","\n        @nile-after-hide=","\n      >\n        <nile-button\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"down ","\"\n          ?disabled=","\n        >\n          ","\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            ","\n          </div>\n        </nile-menu>\n      </nile-dropdown>\n    "])),this.disabled,function(){return _this4._pageSizeOpen=!0;},function(){return _this4._pageSizeOpen=!1;},this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  ?disabled=","\n                  @click=","\n                >\n                  ","\n                </nile-menu-item>\n              "])),_this4.disabled,function(){return _this4.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this5=this;return e(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\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    "])),1===this.currentPage||this.disabled,function(){return _this5.goToPage(_this5.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this6=this;return e(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\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    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this6.goToPage(_this6.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,t,n){var _this7=this;return"…"===i?e(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=",">\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n              \u2026\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ","\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      "])),this.disabled,this.disabled,c(this.totalPages,n,this.currentPage,t<n.indexOf(this.currentPage)?"left":"right").map(function(i){return e(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n                    <nile-menu-item\n                      ?disabled=","\n                      @click=","\n                    >\n                      ","\n                    </nile-menu-item>\n                  "])),_this7.disabled,function(){return _this7.goToPage(i);},i);})):e(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=","\n          ?disabled=","\n          @click=","\n        >\n          ","\n        </nile-button>\n      </li>\n    "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this7.goToPage(i);},i);}},{key:"renderMiniPrevButton",value:function renderMiniPrevButton(){var _this8=this;return e(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this8.goToPage(_this8.currentPage-1);});}},{key:"renderMiniNextButton",value:function renderMiniNextButton(){var _this9=this;return e(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this9.goToPage(_this9.currentPage+1);});}},{key:"renderMini",value:function renderMini(){var _this10=this;return e(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?disabled=","\n          @nile-show=","\n          @nile-after-hide=","\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n              name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"12\"\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=\"mini-scroll-wrapper\">\n              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"mini-of-label\" class=\"mini-of-label\">of ","</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ","\n            ","\n          </ul>\n        </nav>\n      </div>\n    "])),this.disabled,function(){return _this10._miniPageOpen=!0;},function(){return _this10._miniPageOpen=!1;},this._miniPageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this10.disabled,function(){return _this10.goToPage(i);},i);}),this.totalPages,this.renderMiniPrevButton(),this.renderMiniNextButton());}},{key:"renderPageList",value:function renderPageList(){var _this11=this;if("compact"===this.variant)return e(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n        <nav aria-label=\"Pagination\">\n          <ul class=\"pagination compact-pagination\">\n            ","\n            <li>\n              <nile-dropdown\n                class=\"compact-dropdown1\"\n                ?disabled=","\n                @nile-show=","\n                @nile-after-hide=","\n              >\n                <nile-button\n                  slot=\"trigger\"\n                  variant=\"tertiary\"\n                  class=\"current-page-btn ","\"\n                  ?disabled=","\n                >\n                  ","\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                    ","\n                  </div>\n                </nile-menu>\n              </nile-dropdown>\n            </li>\n            ","\n          </ul>\n        </nav>\n      "])),this.renderPrevButton(),this.disabled,function(){return _this11._pageOpen=!0;},function(){return _this11._pageOpen=!1;},this._pageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n                        <nile-menu-item\n                          ?disabled=","\n                          @click=","\n                        >\n                          ","\n                        </nile-menu-item>\n                      "])),_this11.disabled,function(){return _this11.goToPage(i);},i);}),this.renderNextButton());var i=d(this.totalPages,this.currentPage);return e(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n      <nav aria-label=\"Pagination\">\n        <ul part=\"page-list\" class=\"pagination\">\n          ","\n          ","\n          ","\n        </ul>\n      </nav>\n    "])),this.renderPrevButton(),i.map(function(e,t){return _this11.renderPageItem(e,t,i);}),this.renderNextButton());}},{key:"render",value:function render(){return"mini"===this.variant?this.renderMini():e(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n    <div part=\"wrapper\" class=\"pagination-wrapper ","\">\n      <div part=\"pager-container\" class=\"pager-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>\n  "])),this.variant,"fluid"===this.variant&&this.showTitle?this.renderRangeText():"compact"===this.variant?this.renderCompactRangeText():null,"fluid"===this.variant?this.renderPageSizeSelect():this.renderCompactPageSize(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([t({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=0?Math.floor(e):0;}}})],p.prototype,"totalItems",void 0),i([t({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):1;}}})],p.prototype,"currentPage",void 0),i([t({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):50;}}})],p.prototype,"pageSize",void 0),i([t({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _e=JSON.parse(i);if(Array.isArray(_e)&&_e.every(function(i){return"number"==typeof i;}))return _e;}catch(_unused){}return[10,25,50,100];}}})],p.prototype,"pageSizeOptions",void 0),i([t({type:String})],p.prototype,"variant",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([n()],p.prototype,"_miniPageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,e,t,n,s,r,a,l,o,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;n=_litDecoratorsJs.state;s=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;c=_nilePaginationUtilsCjsJs.a;d=_nilePaginationUtilsCjsJs.b;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this.portal=!1,_this._pageSizeOpen=!1,_this._pageOpen=!1,_this._miniPageOpen=!1;return _this;}_inherits(p,_l);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;}));}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){if(this.disabled)return;var e=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:e,pageSize:this.pageSize});}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;var e=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:i});}},{key:"renderCompactRangeText",value:function renderCompactRangeText(){var i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">","</div>"])),i);}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div part=\"range-text\" class=\"range-text\">\n        ","\n      </div>\n    "])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?portal="," ?disabled=",">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"down ","\"\n            ?disabled=","\n          >\n            ","\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              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n      </div>\n    "])),this.portal,this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderCompactPageSize",value:function renderCompactPageSize(){var _this4=this;return e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-dropdown\n        class=\"compact-dropdown\"\n        ?portal=","\n        ?disabled=","\n        @nile-show=","\n        @nile-after-hide=","\n      >\n        <nile-button\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"down ","\"\n          ?disabled=","\n        >\n          ","\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            ","\n          </div>\n        </nile-menu>\n      </nile-dropdown>\n    "])),this.portal,this.disabled,function(){return _this4._pageSizeOpen=!0;},function(){return _this4._pageSizeOpen=!1;},this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  ?disabled=","\n                  @click=","\n                >\n                  ","\n                </nile-menu-item>\n              "])),_this4.disabled,function(){return _this4.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this5=this;return e(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\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    "])),1===this.currentPage||this.disabled,function(){return _this5.goToPage(_this5.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this6=this;return e(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\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    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this6.goToPage(_this6.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,t,n){var _this7=this;return"…"===i?e(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?portal="," ?disabled=",">\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n              \u2026\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ","\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      "])),this.portal,this.disabled,this.disabled,c(this.totalPages,n,this.currentPage,t<n.indexOf(this.currentPage)?"left":"right").map(function(i){return e(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n                    <nile-menu-item\n                      ?disabled=","\n                      @click=","\n                    >\n                      ","\n                    </nile-menu-item>\n                  "])),_this7.disabled,function(){return _this7.goToPage(i);},i);})):e(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=","\n          ?disabled=","\n          @click=","\n        >\n          ","\n        </nile-button>\n      </li>\n    "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this7.goToPage(i);},i);}},{key:"renderMiniPrevButton",value:function renderMiniPrevButton(){var _this8=this;return e(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this8.goToPage(_this8.currentPage-1);});}},{key:"renderMiniNextButton",value:function renderMiniNextButton(){var _this9=this;return e(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this9.goToPage(_this9.currentPage+1);});}},{key:"renderMini",value:function renderMini(){var _this10=this;return e(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?portal=","\n          ?disabled=","\n          @nile-show=","\n          @nile-after-hide=","\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n              name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"12\"\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=\"mini-scroll-wrapper\">\n              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"mini-of-label\" class=\"mini-of-label\">of ","</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ","\n            ","\n          </ul>\n        </nav>\n      </div>\n    "])),this.portal,this.disabled,function(){return _this10._miniPageOpen=!0;},function(){return _this10._miniPageOpen=!1;},this._miniPageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this10.disabled,function(){return _this10.goToPage(i);},i);}),this.totalPages,this.renderMiniPrevButton(),this.renderMiniNextButton());}},{key:"renderPageList",value:function renderPageList(){var _this11=this;if("compact"===this.variant)return e(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n        <nav aria-label=\"Pagination\">\n          <ul class=\"pagination compact-pagination\">\n            ","\n            <li>\n              <nile-dropdown\n                class=\"compact-dropdown1\"\n                ?portal=","\n                ?disabled=","\n                @nile-show=","\n                @nile-after-hide=","\n              >\n                <nile-button\n                  slot=\"trigger\"\n                  variant=\"tertiary\"\n                  class=\"current-page-btn ","\"\n                  ?disabled=","\n                >\n                  ","\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                    ","\n                  </div>\n                </nile-menu>\n              </nile-dropdown>\n            </li>\n            ","\n          </ul>\n        </nav>\n      "])),this.renderPrevButton(),this.portal,this.disabled,function(){return _this11._pageOpen=!0;},function(){return _this11._pageOpen=!1;},this._pageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n                        <nile-menu-item\n                          ?disabled=","\n                          @click=","\n                        >\n                          ","\n                        </nile-menu-item>\n                      "])),_this11.disabled,function(){return _this11.goToPage(i);},i);}),this.renderNextButton());var i=d(this.totalPages,this.currentPage);return e(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n      <nav aria-label=\"Pagination\">\n        <ul part=\"page-list\" class=\"pagination\">\n          ","\n          ","\n          ","\n        </ul>\n      </nav>\n    "])),this.renderPrevButton(),i.map(function(e,t){return _this11.renderPageItem(e,t,i);}),this.renderNextButton());}},{key:"render",value:function render(){return"mini"===this.variant?this.renderMini():e(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n    <div part=\"wrapper\" class=\"pagination-wrapper ","\">\n      <div part=\"pager-container\" class=\"pager-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>\n  "])),this.variant,"fluid"===this.variant&&this.showTitle?this.renderRangeText():"compact"===this.variant?this.renderCompactRangeText():null,"fluid"===this.variant?this.renderPageSizeSelect():this.renderCompactPageSize(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([t({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=0?Math.floor(e):0;}}})],p.prototype,"totalItems",void 0),i([t({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):1;}}})],p.prototype,"currentPage",void 0),i([t({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):50;}}})],p.prototype,"pageSize",void 0),i([t({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _e=JSON.parse(i);if(Array.isArray(_e)&&_e.every(function(i){return"number"==typeof i;}))return _e;}catch(_unused){}return[10,25,50,100];}}})],p.prototype,"pageSizeOptions",void 0),i([t({type:String})],p.prototype,"variant",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"portal",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([n()],p.prototype,"_miniPageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
 //# sourceMappingURL=nile-pagination.cjs.js.map

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

@@ -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' | 'mini' = 'fluid';\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean }) showTitle = true;\n\n  @state() private _pageSizeOpen = false;\n  @state() private _pageOpen = false;\n  @state() private _miniPageOpen = 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 renderMiniPrevButton(): 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=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderMiniNextButton(): 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=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderMini(): TemplateResult {\n    return html`\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?disabled=${this.disabled}\n          @nile-show=${() => (this._miniPageOpen = true)}\n          @nile-after-hide=${() => (this._miniPageOpen = false)}\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ${this._miniPageOpen ? '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=\"12\"\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=\"mini-scroll-wrapper\">\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        <span part=\"mini-of-label\" class=\"mini-of-label\">of ${this.totalPages}</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ${this.renderMiniPrevButton()}\n            ${this.renderMiniNextButton()}\n          </ul>\n        </nav>\n      </div>\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  if (this.variant === 'mini') {\n    return this.renderMini();\n  }\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","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","_pageSizeOpen","_pageOpen","_miniPageOpen","_this","_inherits","_l","_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","renderMiniPrevButton","_this8","_templateObject13","renderMiniNextButton","_this9","_templateObject14","renderMini","_this10","_templateObject15","Array","from","length","_","i","_templateObject16","renderPageList","_this11","_templateObject17","_templateObject18","getPaginationItems","_templateObject19","render","_templateObject20","__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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"}
+{"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' | 'mini' = 'fluid';\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean }) showTitle = true;\n  @property({ type: Boolean, reflect: true }) portal = false;\n\n  @state() private _pageSizeOpen = false;\n  @state() private _pageOpen = false;\n  @state() private _miniPageOpen = 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\" ?portal=${this.portal} ?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        ?portal=${this.portal}\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\" ?portal=${this.portal} ?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 renderMiniPrevButton(): 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=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderMiniNextButton(): 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=\"mini-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=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderMini(): TemplateResult {\n    return html`\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?portal=${this.portal}\n          ?disabled=${this.disabled}\n          @nile-show=${() => (this._miniPageOpen = true)}\n          @nile-after-hide=${() => (this._miniPageOpen = false)}\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ${this._miniPageOpen ? '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=\"12\"\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=\"mini-scroll-wrapper\">\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        <span part=\"mini-of-label\" class=\"mini-of-label\">of ${this.totalPages}</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ${this.renderMiniPrevButton()}\n            ${this.renderMiniNextButton()}\n          </ul>\n        </nav>\n      </div>\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                ?portal=${this.portal}\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  if (this.variant === 'mini') {\n    return this.renderMini();\n  }\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","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","portal","_pageSizeOpen","_pageOpen","_miniPageOpen","_this","_inherits","_l","_createClass","key","value","firstUpdated","_pageSizeDropdown","addEventListener","get","totalPages","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","renderPageItem","item","idx","items","_templateObject10","getHiddenPages","indexOf","_templateObject11","_templateObject12","renderMiniPrevButton","_this8","_templateObject13","renderMiniNextButton","_this9","_templateObject14","renderMini","_this10","_templateObject15","Array","from","length","_","i","_templateObject16","renderPageList","_this11","_templateObject17","_templateObject18","getPaginationItems","_templateObject19","render","_templateObject20","__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.esm.js

@@ -1,10 +1,10 @@
-import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as t,state as n,query as s,customElement as r}from"lit/decorators.js";import{s as a}from"./nile-pagination.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{c as o,g as h,a as d,b as c}from"./nile-pagination-utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let p=class extends l{constructor(){super(...arguments),this.totalItems=0,this.currentPage=1,this.pageSize=50,this.pageSizeOptions=[10,25,50,100],this.variant="fluid",this.disabled=!1,this.showTitle=!0,this._pageSizeOpen=!1,this._pageOpen=!1,this._miniPageOpen=!1}static get styles(){return[a]}firstUpdated(){this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",(()=>{this._pageSizeOpen=!0})),this._pageSizeDropdown.addEventListener("nile-after-hide",(()=>{this._pageSizeOpen=!1})))}get totalPages(){return Math.max(1,o(this.totalItems,this.pageSize))}goToPage(i){if(this.disabled)return;const e=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:e,pageSize:this.pageSize})}onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;const e=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:i})}renderCompactRangeText(){const i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return e`<div class="range-text">${i}</div>`}renderRangeText(){return 0===this.totalItems?e`<div class="range-text">Showing 0 of 0</div>`:e`
+import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as t,state as n,query as s,customElement as r}from"lit/decorators.js";import{s as a}from"./nile-pagination.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{c as o,g as h,a as d,b as c}from"./nile-pagination-utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let p=class extends l{constructor(){super(...arguments),this.totalItems=0,this.currentPage=1,this.pageSize=50,this.pageSizeOptions=[10,25,50,100],this.variant="fluid",this.disabled=!1,this.showTitle=!0,this.portal=!1,this._pageSizeOpen=!1,this._pageOpen=!1,this._miniPageOpen=!1}static get styles(){return[a]}firstUpdated(){this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",(()=>{this._pageSizeOpen=!0})),this._pageSizeDropdown.addEventListener("nile-after-hide",(()=>{this._pageSizeOpen=!1})))}get totalPages(){return Math.max(1,o(this.totalItems,this.pageSize))}goToPage(i){if(this.disabled)return;const e=this.currentPage;this.currentPage=i,this.emit("nile-change",{page:i,previousPage:e,pageSize:this.pageSize})}onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;const e=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:i})}renderCompactRangeText(){const i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return e`<div class="range-text">${i}</div>`}renderRangeText(){return 0===this.totalItems?e`<div class="range-text">Showing 0 of 0</div>`:e`
       <div part="range-text" class="range-text">
         ${h(this.totalItems,this.pageSize,this.currentPage)}
       </div>
     `}renderPageSizeSelect(){return"fluid"!==this.variant?null:e`
       <div class="page-size-select">
-        <nile-dropdown class="page-size-dropdown" ?disabled=${this.disabled}>
+        <nile-dropdown class="page-size-dropdown" ?portal=${this.portal} ?disabled=${this.disabled}>
           <nile-button
             slot="trigger"
             variant="tertiary"
@@ -37,6 +37,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
     `}renderCompactPageSize(){return e`
       <nile-dropdown
         class="compact-dropdown"
+        ?portal=${this.portal}
         ?disabled=${this.disabled}
         @nile-show=${()=>this._pageSizeOpen=!0}
         @nile-after-hide=${()=>this._pageSizeOpen=!1}
@@ -92,7 +93,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
       </li>
     `}renderPageItem(i,t,n){return"…"===i?e`
         <li>
-          <nile-dropdown class="ellipsis-dropdown" ?disabled=${this.disabled}>
+          <nile-dropdown class="ellipsis-dropdown" ?portal=${this.portal} ?disabled=${this.disabled}>
             <nile-button slot="trigger" variant="ghost" ?disabled=${this.disabled}>
               …
             </nile-button>
@@ -148,6 +149,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
         <nile-dropdown
           part="mini-page-dropdown"
           class="mini-page-dropdown"
+          ?portal=${this.portal}
           ?disabled=${this.disabled}
           @nile-show=${()=>this._miniPageOpen=!0}
           @nile-after-hide=${()=>this._miniPageOpen=!1}
@@ -194,6 +196,7 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
             <li>
               <nile-dropdown
                 class="compact-dropdown1"
+                ?portal=${this.portal}
                 ?disabled=${this.disabled}
                 @nile-show=${()=>this._pageOpen=!0}
                 @nile-after-hide=${()=>this._pageOpen=!1}
@@ -245,4 +248,4 @@ import{__decorate as i}from"tslib";import{html as e}from"lit";import{property as
       </div>
       ${this.renderPageList()}
     </div>
-  `}};i([t({attribute:"totalitems",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=0?Math.floor(e):0}}})],p.prototype,"totalItems",void 0),i([t({attribute:"currentpage",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):1}}})],p.prototype,"currentPage",void 0),i([t({attribute:"pagesize",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):50}}})],p.prototype,"pageSize",void 0),i([t({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:i=>{try{const e=JSON.parse(i);if(Array.isArray(e)&&e.every((i=>"number"==typeof i)))return e}catch{}return[10,25,50,100]}}})],p.prototype,"pageSizeOptions",void 0),i([t({type:String})],p.prototype,"variant",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([n()],p.prototype,"_miniPageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),p=i([r("nile-pagination")],p);export{p as N};
+  `}};i([t({attribute:"totalitems",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=0?Math.floor(e):0}}})],p.prototype,"totalItems",void 0),i([t({attribute:"currentpage",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):1}}})],p.prototype,"currentPage",void 0),i([t({attribute:"pagesize",reflect:!0,converter:{fromAttribute:i=>{const e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):50}}})],p.prototype,"pageSize",void 0),i([t({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:i=>{try{const e=JSON.parse(i);if(Array.isArray(e)&&e.every((i=>"number"==typeof i)))return e}catch{}return[10,25,50,100]}}})],p.prototype,"pageSizeOptions",void 0),i([t({type:String})],p.prototype,"variant",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"portal",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([n()],p.prototype,"_miniPageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),p=i([r("nile-pagination")],p);export{p as N};

package/dist/src/nile-card/nile-card.css.js

@@ -79,7 +79,6 @@ export const styles = css `
 
  
 .card:active {
-  border: var(--ng-border-width-2) var(--ng-border-style-solid) var(--ng-colors-border-brand);
   background: var(--ng-colors-bg-brand-primary);
   box-shadow: var(--ng-shadow-xs);
 }  
@@ -96,7 +95,6 @@ export const styles = css `
   }
 
 .card--active {
-  border: var(--ng-border-width-2) var(--ng-border-style-solid) var(--ng-colors-border-brand);
   background: var(--ng-colors-bg-brand-primary);
   box-shadow: var(--ng-shadow-xs);
 }

package/dist/src/nile-card/nile-card.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 * Card CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --border-color: var(--nile-card-color-border, var(--ng-colors-border-secondary));\n    --border-radius: var(--nile-radius-radius-xl, var(--ng-radius-xl));\n    --padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    display: inline-block;\n  }\n\n  .card {\n    display: flex;\n    flex-direction: column;\n    justify-items: stretch;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    outline: solid var(--nile-outline-0-5px) var(--border-color);\n    border: solid  var(--ng-outline-1px) var(--border-color);\n    border-radius: var(--border-radius);\n    min-width: 273px;\n    max-width: 350px;\n    overflow: hidden;\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .body__wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .body__wrapper_nf {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  .card__header {\n    display: block;\n  }\n\n  .card__body {\n    display: block;\n  }\n\n  .card__footer {\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    display: block;\n    box-sizing: border-box;\n    align-content: center;\n    align-items: center;\n    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-top: var(--nile-border-style-none, 1px solid var(--ng-colors-border-secondary));\n    height: 40px;\n  }\n\n \n.card:active {\n  border: var(--ng-border-width-2) var(--ng-border-style-solid) var(--ng-colors-border-brand);\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}  \n\n \n.card:active .card__footer {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n\n.card:not(.card--has-footer) .card__footer {\n    display: none;\n  }\n\n.card--active {\n  border: var(--ng-border-width-2) var(--ng-border-style-solid) var(--ng-colors-border-brand);\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n.card--active .card__footer {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n \n.card:not(.card--active):not(:active):hover {\n  box-shadow: var(--nile-box-shadow-7, var(--ng-shadow-sm));\n  outline: solid 1px var(--border-color);\n  background-color: var(--ng-colors-bg-primary-hover);\n}\n\n.card:not(.card--active):not(:active):hover .card__footer {\n  background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n  box-shadow: var(--ng-shadow-sm);\n}\n\n \n.card--disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.card--disabled .card__footer {\n  pointer-events: none;\n}\n\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 * Card CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    --border-color: var(--nile-card-color-border, var(--ng-colors-border-secondary));\n    --border-radius: var(--nile-radius-radius-xl, var(--ng-radius-xl));\n    --padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    display: inline-block;\n  }\n\n  .card {\n    display: flex;\n    flex-direction: column;\n    justify-items: stretch;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    outline: solid var(--nile-outline-0-5px) var(--border-color);\n    border: solid  var(--ng-outline-1px) var(--border-color);\n    border-radius: var(--border-radius);\n    min-width: 273px;\n    max-width: 350px;\n    overflow: hidden;\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .body__wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .body__wrapper_nf {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  .card__header {\n    display: block;\n  }\n\n  .card__body {\n    display: block;\n  }\n\n  .card__footer {\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    display: block;\n    box-sizing: border-box;\n    align-content: center;\n    align-items: center;\n    padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    border-top: var(--nile-border-style-none, 1px solid var(--ng-colors-border-secondary));\n    height: 40px;\n  }\n\n \n.card:active {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}  \n\n \n.card:active .card__footer {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n\n.card:not(.card--has-footer) .card__footer {\n    display: none;\n  }\n\n.card--active {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n.card--active .card__footer {\n  background: var(--ng-colors-bg-brand-primary);\n  box-shadow: var(--ng-shadow-xs);\n}\n\n \n.card:not(.card--active):not(:active):hover {\n  box-shadow: var(--nile-box-shadow-7, var(--ng-shadow-sm));\n  outline: solid 1px var(--border-color);\n  background-color: var(--ng-colors-bg-primary-hover);\n}\n\n.card:not(.card--active):not(:active):hover .card__footer {\n  background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n  box-shadow: var(--ng-shadow-sm);\n}\n\n \n.card--disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.card--disabled .card__footer {\n  pointer-events: none;\n}\n\n`;\n\nexport default [styles];\n"]}