genesys-spark-components 3.30.0 → 3.31.0

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -1,11 +1,15 @@
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
-import { Component, Element, h, Listen, Prop, State, Watch } from '@stencil/core';
+import { h } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 import { OnClickOutside } from '../../../utils/decorator/on-click-outside';
 import { buildI18nForComponent, getDesiredLocale } from '../../../i18n';
@@ -169,144 +173,147 @@ export class GuxMonthPicker {
   }
   renderSpinnerButtons() {
     if (YearFirstLocales.includes(this.locale)) {
-      return (h("span", { class: "gux-display" },
-        this.renderYearSpinnerButton(),
-        this.renderMonthSpinnerButton()));
+      return (h("span", { class: "gux-display" }, this.renderYearSpinnerButton(), this.renderMonthSpinnerButton()));
     }
-    return (h("span", { class: "gux-display" },
-      this.renderMonthSpinnerButton(),
-      this.renderYearSpinnerButton()));
+    return (h("span", { class: "gux-display" }, this.renderMonthSpinnerButton(), this.renderYearSpinnerButton()));
   }
   renderCalendarToggleButton() {
     return (h("button", { class: {
         'gux-popup-toggle': true,
         'gux-expanded': this.expanded
-      }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled },
-      h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
+      }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
   }
   renderTarget() {
-    return (h("div", { class: "gux-target", slot: "target" },
-      this.renderSpinnerButtons(),
-      this.renderCalendarToggleButton()));
+    return (h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
   }
   renderPopup() {
     return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
   }
   render() {
-    return (h("gux-popup", { expanded: this.expanded, disabled: this.disabled },
-      this.renderTarget(),
-      this.renderPopup()));
+    return (h("gux-popup", { expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
   }
   static get is() { return "gux-month-picker-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-month-picker.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-month-picker.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "GuxISOYearMonth",
-        "resolved": "`${string}-${string}`",
-        "references": {
-          "GuxISOYearMonth": {
-            "location": "import",
-            "path": "../../../utils/date/year-month-values"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-month-picker.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-month-picker.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "GuxISOYearMonth",
+          "resolved": "`${string}-${string}`",
+          "references": {
+            "GuxISOYearMonth": {
+              "location": "import",
+              "path": "../../../utils/date/year-month-values"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The current selected year and month in ISO8601 format (yyyy-mm)"
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The current selected year and month in ISO8601 format (yyyy-mm)"
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "min": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxISOYearMonth",
-        "resolved": "`${string}-${string}`",
-        "references": {
-          "GuxISOYearMonth": {
-            "location": "import",
-            "path": "../../../utils/date/year-month-values"
+      "min": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxISOYearMonth",
+          "resolved": "`${string}-${string}`",
+          "references": {
+            "GuxISOYearMonth": {
+              "location": "import",
+              "path": "../../../utils/date/year-month-values"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The min year and month selectable in ISO8601 format (yyyy-mm)"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The min year and month selectable in ISO8601 format (yyyy-mm)"
+        },
+        "attribute": "min",
+        "reflect": false
       },
-      "attribute": "min",
-      "reflect": false
-    },
-    "max": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxISOYearMonth",
-        "resolved": "`${string}-${string}`",
-        "references": {
-          "GuxISOYearMonth": {
-            "location": "import",
-            "path": "../../../utils/date/year-month-values"
+      "max": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "GuxISOYearMonth",
+          "resolved": "`${string}-${string}`",
+          "references": {
+            "GuxISOYearMonth": {
+              "location": "import",
+              "path": "../../../utils/date/year-month-values"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The max year and month selectable in ISO8601 format (yyyy-mm)"
-      },
-      "attribute": "max",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The max year and month selectable in ISO8601 format (yyyy-mm)"
+        },
+        "attribute": "max",
+        "reflect": false
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "expanded": {},
-    "locale": {}
-  }; }
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "expanded": {},
+      "locale": {}
+    };
+  }
   static get elementRef() { return "root"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "onValueUpdate"
-    }]; }
-  static get listeners() { return [{
-      "name": "keydown",
-      "method": "onKeyDown",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "onValueUpdate"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "onKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   OnClickOutside({ triggerEvents: 'mousedown' })

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, readTask, Prop, State } from '@stencil/core';
+import { h, readTask } from '@stencil/core';
 import { trackComponent } from '../../../usage-tracking';
 /**
  * The minimum size in px at which the advanced layout will display.
@@ -97,129 +97,134 @@ export class GuxPaginationBeta {
     }, 500);
   }
   render() {
-    return (h("div", { class: "gux-pagination-container" },
-      h("div", { class: "gux-pagination-info" },
-        h("gux-pagination-item-counts-beta", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }),
-        this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page-beta", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))),
-      h("div", { class: "gux-pagination-change" },
-        h("gux-pagination-buttons-beta", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts-beta", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page-beta", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons-beta", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
   }
   static get is() { return "gux-pagination-beta"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["gux-pagination-beta.less"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["gux-pagination-beta.css"]
-  }; }
-  static get properties() { return {
-    "layout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "GuxPaginationLayoutBeta",
-        "resolved": "\"advanced\" | \"simple\"",
-        "references": {
-          "GuxPaginationLayoutBeta": {
-            "location": "import",
-            "path": "./gux-pagination-beta.types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["gux-pagination-beta.less"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gux-pagination-beta.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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": "The pagination component can have different layouts to suit the available space"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The pagination component can have different layouts to suit the available space"
+        },
+        "attribute": "layout",
+        "reflect": false,
+        "defaultValue": "'advanced'"
       },
-      "attribute": "layout",
-      "reflect": false,
-      "defaultValue": "'advanced'"
-    },
-    "currentPage": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "currentPage": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The currently select page. Changes are watched by the component."
+        },
+        "attribute": "current-page",
+        "reflect": false,
+        "defaultValue": "1"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The currently select page. Changes are watched by the component."
+      "totalItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The total number of items in the data set. Used to calculate total page count"
+        },
+        "attribute": "total-items",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "current-page",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "totalItems": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The total number of items in the data set. Used to calculate total page count"
-      },
-      "attribute": "total-items",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "itemsPerPage": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "GuxItemsPerPage",
-        "resolved": "100 | 25 | 50 | 75",
-        "references": {
-          "GuxItemsPerPage": {
-            "location": "import",
-            "path": "../../stable/gux-pagination/gux-pagination.types"
+      "itemsPerPage": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "GuxItemsPerPage",
+          "resolved": "100 | 25 | 50 | 75",
+          "references": {
+            "GuxItemsPerPage": {
+              "location": "import",
+              "path": "../../stable/gux-pagination/gux-pagination.types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The max number of items on a page. Used to calculate total page count"
-      },
-      "attribute": "items-per-page",
-      "reflect": false,
-      "defaultValue": "25"
-    }
-  }; }
-  static get states() { return {
-    "totalPages": {},
-    "displayedLayout": {}
-  }; }
-  static get events() { return [{
-      "method": "guxpaginationchange",
-      "name": "guxpaginationchange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "GuxPaginationState",
-        "resolved": "{ currentPage: number; itemsPerPage: number; }",
-        "references": {
-          "GuxPaginationState": {
-            "location": "import",
-            "path": "../../stable/gux-pagination/gux-pagination.types"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The max number of items on a page. Used to calculate total page count"
+        },
+        "attribute": "items-per-page",
+        "reflect": false,
+        "defaultValue": "25"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "totalPages": {},
+      "displayedLayout": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "guxpaginationchange",
+        "name": "guxpaginationchange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "GuxPaginationState",
+          "resolved": "{ currentPage: number; itemsPerPage: number; }",
+          "references": {
+            "GuxPaginationState": {
+              "location": "import",
+              "path": "../../stable/gux-pagination/gux-pagination.types"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "root"; }
 }