@dso-toolkit/core 45.2.0 → 46.0.0

package/dist/collection/components/date-picker/date-utils.js

@@ -9,9 +9,9 @@ export var DaysOfWeek;
   DaysOfWeek[DaysOfWeek["Saturday"] = 6] = "Saturday";
 })(DaysOfWeek || (DaysOfWeek = {}));
 export function createDate(year, month, day) {
-  var dayInt = parseInt(day, 10);
-  var monthInt = parseInt(month, 10);
-  var yearInt = parseInt(year, 10);
+  const dayInt = parseInt(day, 10);
+  const monthInt = parseInt(month, 10);
+  const yearInt = parseInt(year, 10);
   const isValid = Number.isInteger(yearInt) && // all parts should be integers
     Number.isInteger(monthInt) &&
     Number.isInteger(dayInt) &&
@@ -31,7 +31,7 @@ export function parseDutchDate(value) {
   if (!value) {
     return;
   }
-  const matches = value.split('-');
+  const matches = value.split("-");
   if (matches.length === 3 && matches[2].length === 4) {
     return createDate(matches[2], matches[1], matches[0]);
   }
@@ -42,11 +42,11 @@ export function parseDutchDate(value) {
  */
 export function printDutchDate(date) {
   if (!date) {
-    return '';
+    return "";
   }
-  var d = date.getDate().toString(10).padStart(2, '0');
-  var m = (date.getMonth() + 1).toString(10).padStart(2, '0');
-  var y = date.getFullYear().toString(10).padStart(2, '0');
+  const d = date.getDate().toString(10).padStart(2, "0");
+  const m = (date.getMonth() + 1).toString(10).padStart(2, "0");
+  const y = date.getFullYear().toString(10).padStart(2, "0");
   return `${d}-${m}-${y}`;
 }
 /**
@@ -59,7 +59,7 @@ export function isEqual(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
 export function addDays(date, days) {
-  var d = new Date(date);
+  const d = new Date(date);
   d.setDate(d.getDate() + days);
   return d;
 }
@@ -74,16 +74,16 @@ export function addYears(date, years) {
   return d;
 }
 export function startOfWeek(date, firstDayOfWeek = DaysOfWeek.Monday) {
-  var d = new Date(date);
-  var day = d.getDay();
-  var diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;
+  const d = new Date(date);
+  const day = d.getDay();
+  const diff = (day < firstDayOfWeek ? 7 : 0) + day - firstDayOfWeek;
   d.setDate(d.getDate() - diff);
   return d;
 }
 export function endOfWeek(date, firstDayOfWeek = DaysOfWeek.Monday) {
-  var d = new Date(date);
-  var day = d.getDay();
-  var diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);
+  const d = new Date(date);
+  const day = d.getDay();
+  const diff = (day < firstDayOfWeek ? -7 : 0) + 6 - (day - firstDayOfWeek);
   d.setDate(d.getDate() + diff);
   return d;
 }

package/dist/collection/components/dropdown-menu/dropdown-menu.js

@@ -1,21 +1,8 @@
-import { Component, h, Prop, Element, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { tabbable } from "tabbable";
 import { v4 as uuidv4 } from "uuid";
 export class DropdownMenu {
   constructor() {
-    /**
-     * Whether the menu is open or closed.
-     * This attribute is reflected and mutable.
-     */
-    this.open = false;
-    /**
-     * Alignment of the dropdown
-     */
-    this.dropdownAlign = "left";
-    /**
-     * Whether the menu is checkable.
-     */
-    this.checkable = false;
     this.focusOutListener = (event) => {
       if (!this.tabbables.includes(event.relatedTarget)) {
         this.open = false;
@@ -49,6 +36,9 @@ export class DropdownMenu {
       this.button.focus();
       this.open = false;
     };
+    this.open = false;
+    this.dropdownAlign = "left";
+    this.checkable = false;
   }
   get button() {
     const button = this.host.querySelectorAll('button[slot="toggle"]')[0];
@@ -70,7 +60,7 @@ export class DropdownMenu {
       this.open = !this.open;
     });
     const options = this.host.querySelector(".dso-dropdown-options");
-    if (options == null) {
+    if (!options) {
       throw new ReferenceError("Dropdown options not found");
     }
     options.setAttribute("role", "menu");
@@ -114,9 +104,7 @@ export class DropdownMenu {
     if (activeEl.shadowRoot) {
       return this.getActiveElement(activeEl.shadowRoot);
     }
-    else {
-      return activeEl;
-    }
+    return activeEl;
   }
   tabInPopup(direction) {
     const tabs = this.tabbables;
@@ -131,74 +119,77 @@ export class DropdownMenu {
     tabs[nextIndex].focus();
   }
   render() {
-    return (h(Host, { onFocusout: this.focusOutListener, tabindex: this.open ? "-1" : undefined },
-      h("slot", { name: "toggle" }),
-      h("div", { hidden: !this.open },
-        h("slot", null))));
+    return (h(Host, { onFocusout: this.focusOutListener, tabindex: this.open ? "-1" : undefined }, h("slot", { name: "toggle" }), h("div", { hidden: !this.open }, h("slot", null))));
   }
   static get is() { return "dso-dropdown-menu"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dropdown-menu.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dropdown-menu.css"]
-  }; }
-  static get properties() { return {
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the menu is open or closed.\nThis attribute is reflected and mutable."
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "dropdownAlign": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"left\" | \"right\"",
-        "resolved": "\"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Alignment of the dropdown"
-      },
-      "attribute": "dropdown-align",
-      "reflect": false,
-      "defaultValue": "\"left\""
-    },
-    "checkable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["dropdown-menu.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["dropdown-menu.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the menu is open or closed.\r\nThis attribute is reflected and mutable."
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the menu is checkable."
+      "dropdownAlign": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"left\" | \"right\"",
+          "resolved": "\"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Alignment of the dropdown"
+        },
+        "attribute": "dropdown-align",
+        "reflect": false,
+        "defaultValue": "\"left\""
       },
-      "attribute": "checkable",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "checkable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the menu is checkable."
+        },
+        "attribute": "checkable",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "host"; }
 }