fix: have pagination render update when the total number of pages has changed (#364)

Co-authored-by: Richard Ockerby <[email protected]>

Author: Rockerby

packages/uui-pagination/lib/uui-pagination.element.ts

@@ -160,14 +160,23 @@ export class UUIPaginationElement extends LitElement {
   @property({ reflect: true, attribute: 'aria-label' })
   ariaLabel = '';
 
+  private _total = 100;
+
   /**
    * Set the amount of pages to navigate.
    * @type {number}
    * @attr
    * @default: 1
    */
   @property({ type: Number })
-  total = 1;
+  get total() {
+    return this._total;
+  }
+  set total(newValue: number) {
+    this._total = newValue;
+    this._visiblePages = this._generateVisiblePages(this._current);
+    this.requestUpdate('total', newValue);
+  }
 
   @state()
   private _range = 0;