@umbraco-ui/uui-pagination 1.2.1 → 1.3.0-rc.0

package/lib/UUIPaginationEvent.d.ts

@@ -2,4 +2,5 @@ import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
 import { UUIPaginationElement } from './uui-pagination.element';
 export declare class UUIPaginationEvent extends UUIEvent<{}, UUIPaginationElement> {
     static readonly CHANGE = "change";
+    constructor(evName: string, eventInit?: any | null);
 }

package/lib/index.js

@@ -4,7 +4,26 @@ import { css, LitElement, html } from 'lit';
 import { queryAll, query, property, state } from 'lit/decorators.js';
 import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
 
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 class UUIPaginationEvent extends UUIEvent {
+  constructor(evName, eventInit = {}) {
+    super(evName, __spreadValues(__spreadValues({}, { bubbles: true }), eventInit));
+  }
 }
 UUIPaginationEvent.CHANGE = "change";
 
@@ -100,18 +119,32 @@ let UUIPaginationElement = class extends LitElement {
     this._visiblePages = this._generateVisiblePages(this._current);
     this.requestUpdate("current", oldValue);
   }
+  /**
+   * This method will change the page to a next one.
+   * @memberof UUIPaginationElement
+   */
   goToNextPage() {
     this.current++;
     this.dispatchEvent(new UUIPaginationEvent(UUIPaginationEvent.CHANGE));
   }
+  /**
+   * Change the page to a previous one.
+   * @memberof UUIPaginationElement
+   */
   goToPreviousPage() {
     this.current--;
     this.dispatchEvent(new UUIPaginationEvent(UUIPaginationEvent.CHANGE));
   }
+  /**
+   * Change the page to the one passed as an argument to this method.
+   * @param {number} page
+   * @memberof UUIPaginationElement
+   */
   goToPage(page) {
     this.current = page;
     this.dispatchEvent(new UUIPaginationEvent(UUIPaginationEvent.CHANGE));
   }
+  /** When having limited display of page-buttons and clicking a page-button that changes the current range, the focus stays on the position of the clicked button which is not anymore representing the number clicked, therefore we move focus to the button that represents the current page. */
   focusActivePage() {
     requestAnimationFrame(() => {
       const activeButtonElement = this.renderRoot.querySelector(".active");
@@ -225,7 +258,7 @@ UUIPaginationElement.styles = [
 
       uui-button {
         --uui-button-border-color: var(--uui-color-border-standalone,#c2c2c2);
-        --uui-button-border-color-hover: var(--uui-color-interactive-emphasis,#3544b1);
+        --uui-button-border-color-hover: var(--uui-color-interactive-emphasis,var(--uui-palette-violet-blue));
         --uui-button-border-color-disabled: var(--uui-color-border-standalone,#c2c2c2);
       }
 
@@ -234,7 +267,7 @@ UUIPaginationElement.styles = [
         max-width: 72px;
       }
       .page.active {
-        --uui-button-background-color: var(--uui-color-current,#f5c1bc);
+        --uui-button-background-color: var(--uui-color-current,var(--uui-palette-spanish-pink));
       }
 
       .nav {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-pagination",
-  "version": "1.2.1",
+  "version": "1.3.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,18 +30,18 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.2.1",
-    "@umbraco-ui/uui-button": "1.2.1",
-    "@umbraco-ui/uui-button-group": "1.2.1"
+    "@umbraco-ui/uui-base": "1.3.0-rc.0",
+    "@umbraco-ui/uui-button": "1.3.0-rc.0",
+    "@umbraco-ui/uui-button-group": "1.3.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
-    "clean": "tsc --build --clean && rimraf dist lib/*.js lib/**/*.js custom-elements.json",
+    "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-pagination",
-  "gitHead": "94eb22bee5ff21bac6fadbd78653671279bebe36"
+  "gitHead": "45c3824056586d9817efb3f61dc0bef5478747f0"
 }