@dubai-design-system/components-js 3.12.10 → 3.12.11

package/dist/collection/components/dda-pagination/dda-pagination.css

@@ -1,168 +1,168 @@
-.dda-pagination-container {
-  min-width: 380px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  gap: 20px;
-}
-
-.dda-pagination {
-  display: inline-flex;
-  align-items: center;
-}
-
-.dda-pagination button {
-  height: 40px;
-  min-width: 40px;
-  border: transparent;
-  border-radius: 5px;
-  background-color: var(--dda-surface-100);
-  font-size: 16px;
-  color: var(--dda-on-surface-variant-30);
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.light-mode.dda-pagination button{
-  background-color: var(--dda-neutral-100);
-  color: var(--dda-neutral-variant-30);
-} 
-
-.dda-pagination span{
-  color: var(--dda-on-surface-variant-30);
-}
-.light-mode.dda-pagination span {
-  color: var(--dda-neutral-variant-30);
-}
-
-.dda-pagination-simple-slider {
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.dda-pagination-simple-slider button {
-  background-color: transparent;
-  border: transparent;
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.dda-pagination-simple-slider span {
-  padding: 0 20px;
-}
-
-.dda-pagination-buttons button {
-  background-color: transparent;
-  border: transparent;
-  display: inline-flex;
-  gap: 10px;
-}
-
-.dda-pagination-buttons button.active {
-  background-color: transparent;
-  color: var(--dda-color-primary-40)
-}
-.light-mode.dda-pagination-buttons button.active {
-  color: var(--dda-primary-40)
-}
-
-.dda-pagination-text {
-  width: 100%;
-  justify-content: space-between;
-}
-.dda-pagination-text button{
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-}
-.dda-pagination-text-pages {
-  width: 100%;
-  justify-content: space-between;
-  gap: 8px;
-}
-.dda-pagination-text-pages button{
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-}
-.dda-pagination-text-pages button.active {
-  background-color: var(--dda-color-primary-40);
-  color: var(--dda-surface-100)
-}
-.light-mode.dda-pagination-text-pages button.active {
-  background-color: var(--dda-primary-40);
-  color: var(--dda-neutral-100)
-}
-.dda-pagination-button-text {
-  width: 100%;
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-}
-
-.dda-pagination-button-text button {
-  min-width: 50px;
-  border: 0px;
-  border-right: solid 1px var(--dda-neutral-90);
-  border-top: solid 1px var(--dda-neutral-90);
-  border-bottom: solid 1px var(--dda-neutral-90);
-  border-radius: 0px;
-}
-
-.dda-pagination-button-text button.active {
-  color: var(--dda-color-primary-40);
-  font-weight: var(--dda-fw-700);
-}
-.light-mode.dda-pagination-button-text button.active {
-  color: var(--dda-primary-40);
-}
-.dda-pagination-button-text button.prev {
-  border-left: solid 1px var(--dda-neutral-90);
-  border-radius: 5px 0 0 5px;
-}
-
-.dda-pagination-button-text button.next {
-  border-radius: 0 5px 5px 0;
-}
-.dda-pagination-buttons-pages{
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
-}
-.dda-pagination-buttons-pages button {
-  border: 0px;
-  border-right: solid 1px var(--dda-neutral-90);
-  border-top: solid 1px var(--dda-neutral-90);
-  border-bottom: solid 1px var(--dda-neutral-90);
-  border-radius: 0px;
-}
-
-.dda-pagination-buttons-pages button.prev {
-  border-left: solid 1px var(--dda-neutral-90);
-  border-radius: 5px 0 0 5px;
-}
-
-.dda-pagination-buttons-pages button.next {
-  border-radius: 0 5px 5px 0;
-}
-
-.dda-pagination-full {
-  gap: 8px;
-}
-
-.dda-pagination-full button {
-  min-width: auto;
-  width: 10px;
-  height: 10px;
-  border-radius: 10px;
-  padding: 0px;
-  overflow: hidden;
-  text-indent: -100px;
-  border: solid 1px var(--dda-surface-90);
-}
-.light-mode.dda-pagination-full button{
-  border: solid 1px var(--dda-neutral-90);
-}
-.dda-pagination-full button.active {
-  background-color: var(--dda-color-primary-40);
-  border: transparent;
-}
-.light-mode.dda-pagination-full button.active {
-  background-color: var(--dda-primary-40);
+.dda-pagination-container {
+  min-width: 380px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: 20px;
+}
+
+.dda-pagination {
+  display: inline-flex;
+  align-items: center;
+}
+
+.dda-pagination button {
+  height: 40px;
+  min-width: 40px;
+  border: transparent;
+  border-radius: 5px;
+  background-color: var(--dda-surface-100);
+  font-size: 16px;
+  color: var(--dda-on-surface-variant-30);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.light-mode.dda-pagination button{
+  background-color: var(--dda-neutral-100);
+  color: var(--dda-neutral-variant-30);
+} 
+
+.dda-pagination span{
+  color: var(--dda-on-surface-variant-30);
+}
+.light-mode.dda-pagination span {
+  color: var(--dda-neutral-variant-30);
+}
+
+.dda-pagination-simple-slider {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dda-pagination-simple-slider button {
+  background-color: transparent;
+  border: transparent;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.dda-pagination-simple-slider span {
+  padding: 0 20px;
+}
+
+.dda-pagination-buttons button {
+  background-color: transparent;
+  border: transparent;
+  display: inline-flex;
+  gap: 10px;
+}
+
+.dda-pagination-buttons button.active {
+  background-color: transparent;
+  color: var(--dda-color-primary-40)
+}
+.light-mode.dda-pagination-buttons button.active {
+  color: var(--dda-primary-40)
+}
+
+.dda-pagination-text {
+  width: 100%;
+  justify-content: space-between;
+}
+.dda-pagination-text button{
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+}
+.dda-pagination-text-pages {
+  width: 100%;
+  justify-content: space-between;
+  gap: 8px;
+}
+.dda-pagination-text-pages button{
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+}
+.dda-pagination-text-pages button.active {
+  background-color: var(--dda-color-primary-40);
+  color: var(--dda-surface-100)
+}
+.light-mode.dda-pagination-text-pages button.active {
+  background-color: var(--dda-primary-40);
+  color: var(--dda-neutral-100)
+}
+.dda-pagination-button-text {
+  width: 100%;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+}
+
+.dda-pagination-button-text button {
+  min-width: 50px;
+  border: 0px;
+  border-right: solid 1px var(--dda-neutral-90);
+  border-top: solid 1px var(--dda-neutral-90);
+  border-bottom: solid 1px var(--dda-neutral-90);
+  border-radius: 0px;
+}
+
+.dda-pagination-button-text button.active {
+  color: var(--dda-color-primary-40);
+  font-weight: var(--dda-fw-700);
+}
+.light-mode.dda-pagination-button-text button.active {
+  color: var(--dda-primary-40);
+}
+.dda-pagination-button-text button.prev {
+  border-left: solid 1px var(--dda-neutral-90);
+  border-radius: 5px 0 0 5px;
+}
+
+.dda-pagination-button-text button.next {
+  border-radius: 0 5px 5px 0;
+}
+.dda-pagination-buttons-pages{
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
+}
+.dda-pagination-buttons-pages button {
+  border: 0px;
+  border-right: solid 1px var(--dda-neutral-90);
+  border-top: solid 1px var(--dda-neutral-90);
+  border-bottom: solid 1px var(--dda-neutral-90);
+  border-radius: 0px;
+}
+
+.dda-pagination-buttons-pages button.prev {
+  border-left: solid 1px var(--dda-neutral-90);
+  border-radius: 5px 0 0 5px;
+}
+
+.dda-pagination-buttons-pages button.next {
+  border-radius: 0 5px 5px 0;
+}
+
+.dda-pagination-full {
+  gap: 8px;
+}
+
+.dda-pagination-full button {
+  min-width: auto;
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  padding: 0px;
+  overflow: hidden;
+  text-indent: -100px;
+  border: solid 1px var(--dda-surface-90);
+}
+.light-mode.dda-pagination-full button{
+  border: solid 1px var(--dda-neutral-90);
+}
+.dda-pagination-full button.active {
+  background-color: var(--dda-color-primary-40);
+  border: transparent;
+}
+.light-mode.dda-pagination-full button.active {
+  background-color: var(--dda-primary-40);
 }

package/dist/collection/components/dda-pagination/dda-pagination.js

@@ -26,17 +26,17 @@ export class DdaPagination {
     renderPagination() {
         switch (this.type) {
             case 'simple-slider':
-                return (h("div", { class: `dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.simple_slider_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back"), " Prev"), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.simple_slider_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.simple_slider_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back"), " Prev"), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.simple_slider_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'buttons':
-                return (h("div", { class: `dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back"), " Prev"), this.renderPageButtons(), h("button", { name: this.buttons_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back"), " Prev"), this.renderPageButtons(), h("button", { name: this.buttons_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'text':
-                return (h("div", { class: `dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back")), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back")), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'text-pages':
-                return (h("div", { class: `dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.text_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.text_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'button-text':
-                return (h("div", { class: `dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.button_text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.button_text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.button_text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.button_text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'buttons-pages':
-                return (h("div", { class: `dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_back")), h("button", { name: this.buttons_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "arrow_forward"))));
+                return (h("div", { class: `dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_back")), h("button", { name: this.buttons_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons  material-symbols-outlined" }, "arrow_forward"))));
             case 'full':
                 return (h("div", { class: `dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}` }, this.renderPageButtons()));
         }
@@ -50,23 +50,21 @@ export class DdaPagination {
     }
     setcurrentpage(page) {
         if (page >= 1 && page <= this.total_pages) {
-            console.log('Pagination button clicked, page:', page, this.paginateClick); // <-- Log here
             this.current_page = page;
-            this.paginateClick.emit(page);
         }
     }
     render() {
-        return (h(Host, { key: '4bb34d20275c1a55a5a79c8209bd716d05665583' }, h("div", { key: 'f51201134ff25ab3718353b7b6f39535146beb24', class: `dda-pagination-container` }, this.renderPagination())));
+        return (h(Host, { key: 'f2aae7b4e27f61cf808f33a42fb91c151601af14' }, h("div", { key: 'ba730faba72a4b7a034143f1d8ab3f7b08ddee4f', class: `dda-pagination-container` }, this.renderPagination())));
     }
     static get is() { return "dda-pagination"; }
     static get originalStyleUrls() {
         return {
-            "$": ["dda-pagination.css"]
+            "$": ["dda-pagination.css", "../../global/global.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["dda-pagination.css"]
+            "$": ["dda-pagination.css", "../../global/global.css"]
         };
     }
     static get properties() {
@@ -87,13 +85,13 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "total_pages",
                 "reflect": false,
+                "attribute": "total_pages",
                 "defaultValue": "8"
             },
             "current_page": {
                 "type": "number",
-                "mutable": true,
+                "mutable": false,
                 "complexType": {
                     "original": "number",
                     "resolved": "number",
@@ -107,8 +105,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "current_page",
                 "reflect": false,
+                "attribute": "current_page",
                 "defaultValue": "1"
             },
             "type": {
@@ -127,8 +125,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'simple-slider'"
             },
             "custom_class": {
@@ -147,8 +145,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "custom_class",
                 "reflect": false,
+                "attribute": "custom_class",
                 "defaultValue": "''"
             },
             "component_mode": {
@@ -167,8 +165,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "component_mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "component_mode"
             },
             "simple_slider_prev_button": {
                 "type": "string",
@@ -186,8 +184,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "simple_slider_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "simple_slider_prev_button"
             },
             "simple_slider_next_button": {
                 "type": "string",
@@ -205,8 +203,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "simple_slider_next_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "simple_slider_next_button"
             },
             "buttons_prev_button": {
                 "type": "string",
@@ -224,8 +222,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "buttons_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "buttons_prev_button"
             },
             "buttons_next_button": {
                 "type": "string",
@@ -243,8 +241,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "buttons_next_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "buttons_next_button"
             },
             "text_prev_button": {
                 "type": "string",
@@ -262,8 +260,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "text_prev_button"
             },
             "text_next_button": {
                 "type": "string",
@@ -281,8 +279,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text_next_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "text_next_button"
             },
             "text_pages_prev_button": {
                 "type": "string",
@@ -300,8 +298,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text_pages_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "text_pages_prev_button"
             },
             "text_pages_next_button": {
                 "type": "string",
@@ -319,8 +317,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "text_pages_next_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "text_pages_next_button"
             },
             "button_text_prev_button": {
                 "type": "string",
@@ -338,8 +336,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "button_text_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "button_text_prev_button"
             },
             "button_text_next_button": {
                 "type": "string",
@@ -357,8 +355,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "button_text_next_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "button_text_next_button"
             },
             "buttons_pages_prev_button": {
                 "type": "string",
@@ -376,8 +374,8 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "buttons_pages_prev_button",
-                "reflect": false
+                "reflect": false,
+                "attribute": "buttons_pages_prev_button"
             },
             "buttons_pages_next_button": {
                 "type": "string",
@@ -395,48 +393,11 @@ export class DdaPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "buttons_pages_next_button",
-                "reflect": false
-            },
-            "buttons_pages_id": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "buttons_pages_id",
-                "reflect": false
+                "reflect": false,
+                "attribute": "buttons_pages_next_button"
             }
         };
     }
-    static get events() {
-        return [{
-                "method": "paginateClick",
-                "name": "paginateClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }];
-    }
     static get watchers() {
         return [{
                 "propName": "total_pages",
@@ -447,4 +408,3 @@ export class DdaPagination {
             }];
     }
 }
-//# sourceMappingURL=dda-pagination.js.map