genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import paginationResources from './i18n/en.json';
 import { GuxPaginationButtonsService } from './gux-pagination-button-beta.service';
@@ -51,104 +51,97 @@ export class GuxPaginationButtonsBeta {
     this.i18n = await buildI18nForComponent(this.root, paginationResources);
   }
   render() {
-    return (h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` },
-      h("div", { class: "gux-pagination-buttons-group" },
-        h("gux-button-slot-beta", { accent: "secondary" },
-          h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) },
-            h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))),
-        h("gux-button-slot-beta", { accent: "secondary" },
-          h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) },
-            h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))),
-      this.getPagePicker(this.layout),
-      h("div", { class: "gux-pagination-buttons-group" },
-        h("gux-button-slot-beta", { accent: "secondary" },
-          h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) },
-            h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))),
-        h("gux-button-slot-beta", { accent: "secondary" },
-          h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) },
-            h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
+    return (h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot-beta", { accent: "secondary" }, h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot-beta", { accent: "secondary" }, h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot-beta", { accent: "secondary" }, h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot-beta", { accent: "secondary" }, h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
   }
   static get is() { return "gux-pagination-buttons-beta"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-pagination-buttons-beta.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-pagination-buttons-beta.css"]
-  }; }
-  static get properties() { return {
-    "currentPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "current-page",
-      "reflect": false
-    },
-    "totalPages": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-pagination-buttons-beta.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-pagination-buttons-beta.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "currentPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "current-page",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "totalPages": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "total-pages",
+        "reflect": false
       },
-      "attribute": "total-pages",
-      "reflect": false
-    },
-    "layout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxPaginationLayoutBeta",
-        "resolved": "\"advanced\" | \"simple\"",
-        "references": {
-          "GuxPaginationLayoutBeta": {
-            "location": "import",
-            "path": "../gux-pagination-beta.types"
+      "layout": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxPaginationLayoutBeta",
+          "resolved": "\"advanced\" | \"simple\"",
+          "references": {
+            "GuxPaginationLayoutBeta": {
+              "location": "import",
+              "path": "../gux-pagination-beta.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "layout",
-      "reflect": false,
-      "defaultValue": "'advanced'"
-    }
-  }; }
-  static get events() { return [{
-      "method": "internalcurrentpagechange",
-      "name": "internalcurrentpagechange",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "layout",
+        "reflect": false,
+        "defaultValue": "'advanced'"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internalcurrentpagechange",
+        "name": "internalcurrentpagechange",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
 }

package/dist/collection/components/beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import paginationResources from './i18n/en.json';
 export class GuxPaginationItemCountsBeta {
@@ -28,75 +28,79 @@ export class GuxPaginationItemCountsBeta {
     }
   }
   render() {
-    return (h("div", { class: "gux-pagination-item-counts-container" },
-      h("span", { class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
-        firstItem: this.firstItem,
-        lastItem: this.lastItem
-      })),
-      this.getPaginationItemCountsRange()));
+    return (h("div", { class: "gux-pagination-item-counts-container" }, h("span", { class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+      firstItem: this.firstItem,
+      lastItem: this.lastItem
+    })), this.getPaginationItemCountsRange()));
   }
   static get is() { return "gux-pagination-item-counts-beta"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-pagination-item-counts-beta.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-pagination-item-counts-beta.css"]
-  }; }
-  static get properties() { return {
-    "totalItems": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "total-items",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "currentPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "current-page",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "itemsPerPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-pagination-item-counts-beta.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-pagination-item-counts-beta.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "totalItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "total-items",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "currentPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "current-page",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "items-per-page",
-      "reflect": false,
-      "defaultValue": "25"
-    }
-  }; }
+      "itemsPerPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "items-per-page",
+        "reflect": false,
+        "defaultValue": "25"
+      }
+    };
+  }
   static get elementRef() { return "root"; }
 }

package/dist/collection/components/beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Listen, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { buildI18nForComponent } from '../../../../i18n';
 import paginationResources from './i18n/en.json';
 export class GuxPaginationItemsPerPageBeta {
@@ -14,72 +14,75 @@ export class GuxPaginationItemsPerPageBeta {
     this.i18n = await buildI18nForComponent(this.root, paginationResources);
   }
   getDropdown() {
-    return (h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}` },
-      h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') },
-        h("gux-option", { value: "25" }, "25"),
-        h("gux-option", { value: "50" }, "50"),
-        h("gux-option", { value: "75" }, "75"),
-        h("gux-option", { value: "100" }, "100"))));
+    return (h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}` }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
   }
   render() {
-    return (h("div", { class: "gux-pagination-items-per-page-container" },
-      h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()),
-      h("div", null, this.i18n('perPage'))));
+    return (h("div", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", null, this.i18n('perPage'))));
   }
   static get is() { return "gux-pagination-items-per-page-beta"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-pagination-items-per-page-beta.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-pagination-items-per-page-beta.css"]
-  }; }
-  static get properties() { return {
-    "itemsPerPage": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxItemsPerPage",
-        "resolved": "100 | 25 | 50 | 75",
-        "references": {
-          "GuxItemsPerPage": {
-            "location": "import",
-            "path": "../gux-pagination-beta.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-pagination-items-per-page-beta.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-pagination-items-per-page-beta.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "itemsPerPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxItemsPerPage",
+          "resolved": "100 | 25 | 50 | 75",
+          "references": {
+            "GuxItemsPerPage": {
+              "location": "import",
+              "path": "../gux-pagination-beta.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "items-per-page",
-      "reflect": false,
-      "defaultValue": "25"
-    }
-  }; }
-  static get events() { return [{
-      "method": "internalitemsperpagechange",
-      "name": "internalitemsperpagechange",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "items-per-page",
+        "reflect": false,
+        "defaultValue": "25"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "internalitemsperpagechange",
+        "name": "internalitemsperpagechange",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "root"; }
-  static get listeners() { return [{
-      "name": "change",
-      "method": "handleChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "change",
+        "method": "handleChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }