@duetds/components 6.2.3 → 6.2.5

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -1,22 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetCookieConsent {
   constructor() {
-    /**
-     * Adds accessible label for the cookie consent ok button.
-     */
-    this.accessibleLabel = "Hyväksyn evästeiden käytön";
-    /**
-     * Theme of the cookie consent banner.
-     */
-    this.theme = "";
     this.handleClick = e => {
       e.preventDefault();
       this.duetCookieConsent.emit({ component: "duet-cookie-consent" });
     };
+    this.accessibleLabel = "Hyväksyn evästeiden käytön";
+    this.theme = "";
   }
   /**
    * Component lifecycle events.
@@ -29,85 +23,86 @@ export class DuetCookieConsent {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { tabindex: "0" },
-      h("div", { class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } },
-        h("div", { class: "duet-cookie-consent-content" },
-          h("div", { class: "expand" },
-            h("slot", null)),
-          h("duet-spacer", { size: "large", direction: "horizontal" }),
-          h("div", null,
-            h("duet-button", { variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+    return (h(Host, { tabindex: "0" }, h("div", { class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { class: "duet-cookie-consent-content" }, h("div", { class: "expand" }, h("slot", null)), h("duet-spacer", { size: "large", direction: "horizontal" }), h("div", null, h("duet-button", { variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
   }
   static get is() { return "duet-cookie-consent"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-cookie-consent.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-cookie-consent.css"]
-  }; }
-  static get properties() { return {
-    "accessibleLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adds accessible label for the cookie consent ok button."
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-cookie-consent.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-cookie-consent.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the cookie consent ok button."
+        },
+        "attribute": "accessible-label",
+        "reflect": false,
+        "defaultValue": "\"Hyv\u00E4ksyn ev\u00E4steiden k\u00E4yt\u00F6n\""
       },
-      "attribute": "accessible-label",
-      "reflect": false,
-      "defaultValue": "\"Hyv\u00E4ksyn ev\u00E4steiden k\u00E4yt\u00F6n\""
-    },
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the cookie consent banner."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "duetCookieConsent",
-      "name": "duetCookieConsent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the consent button has been clicked."
-      },
-      "complexType": {
-        "original": "DuetCookieConsentEvent",
-        "resolved": "{ component: \"duet-cookie-consent\"; }",
-        "references": {
-          "DuetCookieConsentEvent": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the cookie consent banner."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "duetCookieConsent",
+        "name": "duetCookieConsent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the consent button has been clicked."
+        },
+        "complexType": {
+          "original": "DuetCookieConsentEvent",
+          "resolved": "{ component: \"duet-cookie-consent\"; }",
+          "references": {
+            "DuetCookieConsentEvent": {
+              "location": "local"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

package/lib/collection/components/duet-date-picker/date-picker-day.js

@@ -13,7 +13,5 @@ export const DatePickerDay = ({ focusedDay, today, day, language, onDaySelect, o
   function handleClick(e) {
     onDaySelect(e, day);
   }
-  return (h("button", { class: { "duet-date-table-button": true, outside: isOutsideRange, disabled: isDisabled, today: isToday }, tabIndex: isFocused ? 0 : -1, onClick: handleClick, onKeyDown: onKeyboardNavigation, "aria-disabled": isOutsideRange || isDisabled, "aria-pressed": isSelected ? "true" : "false", type: "button", ref: ref },
-    h("span", { "aria-hidden": "true" }, day.getDate()),
-    h("duet-visually-hidden", null, formatterShort.format(day))));
+  return (h("button", { class: { "duet-date-table-button": true, outside: isOutsideRange, disabled: isDisabled, today: isToday }, tabIndex: isFocused ? 0 : -1, onClick: handleClick, onKeyDown: onKeyboardNavigation, "aria-disabled": isOutsideRange || isDisabled, "aria-pressed": isSelected ? "true" : "false", type: "button", ref: ref }, h("span", { "aria-hidden": "true" }, day.getDate()), h("duet-visually-hidden", null, formatterShort.format(day))));
 };

package/lib/collection/components/duet-date-picker/date-picker-input.js

@@ -9,16 +9,5 @@ export const DatePickerInput = ({ onClick, placeholder, name, inputLabel, value,
   return (h("div", { class: {
       "duet-theme-turva": theme === "turva",
       "duet-date-input": true,
-    } },
-    h("duet-input", { label: inputLabel, value: formattedValue, placeholder: placeholder, id: identifier, disabled: disabled, theme: theme, error: error, role: role, required: required, tooltip: tooltip, tooltipDirection: tooltipDirection, margin: "none", component: "date", labelHidden: labelHidden, accessibleAutocomplete: "none", onDuetInput: onInput, onDuetFocus: onFocus, onDuetBlur: onBlur, autoComplete: "off", disallowPattern: "[^0-9\\.\\-\\/]", expand: true, ref: inputRef, accessibleActiveDescendant: accessibleActiveDescendant, accessibleControls: accessibleControls, accessibleOwns: accessibleOwns, accessibleDescribedBy: accessibleDescribedBy, echoPlaceholder: echoPlaceholder, caption: caption },
-      h("button", { class: { "duet-date-button": true, "duet-no-label": labelHidden }, onClick: onClick, disabled: disabled, ref: buttonRef, type: "button" },
-        h("duet-icon", { icon: formDateIcon.svg, margin: "none", size: "small", color: "currentColor" }),
-        h("duet-visually-hidden", null,
-          buttonLabel,
-          valueAsDate && (h("span", null,
-            ", ",
-            selected,
-            " ",
-            formatterLong.format(valueAsDate)))))),
-    h("input", { type: "hidden", name: name, value: value })));
+    } }, h("duet-input", { label: inputLabel, value: formattedValue, placeholder: placeholder, id: identifier, disabled: disabled, theme: theme, error: error, role: role, required: required, tooltip: tooltip, tooltipDirection: tooltipDirection, margin: "none", component: "date", labelHidden: labelHidden, accessibleAutocomplete: "none", onDuetInput: onInput, onDuetFocus: onFocus, onDuetBlur: onBlur, autoComplete: "off", disallowPattern: "[^0-9\\.\\-\\/]", expand: true, ref: inputRef, accessibleActiveDescendant: accessibleActiveDescendant, accessibleControls: accessibleControls, accessibleOwns: accessibleOwns, accessibleDescribedBy: accessibleDescribedBy, echoPlaceholder: echoPlaceholder, caption: caption }, h("button", { class: { "duet-date-button": true, "duet-no-label": labelHidden }, onClick: onClick, disabled: disabled, ref: buttonRef, type: "button" }, h("duet-icon", { icon: formDateIcon.svg, margin: "none", size: "small", color: "currentColor" }), h("duet-visually-hidden", null, buttonLabel, valueAsDate && (h("span", null, ", ", selected, " ", formatterLong.format(valueAsDate)))))), h("input", { type: "hidden", name: name, value: value })));
 };

package/lib/collection/components/duet-date-picker/date-picker-month.js

@@ -17,17 +17,11 @@ export const DatePickerMonth = ({ selectedDate, focusedDate, labelledById, theme
       onFocusExit(e);
     }
   }
-  return (h("table", { class: { "duet-date-table": true, "duet-theme-turva": theme === "turva" }, "aria-labelledby": labelledById, 
+  return (h("table", { class: { "duet-date-table": true, "duet-theme-turva": theme === "turva" }, "aria-labelledby": labelledById,
     // @ts-ignore
-    onFocusin: onFocusEnter, onFocusout: handleFocusOut },
-    h("thead", null,
-      h("tr", null, dayLabels.map(label => (h("th", { scope: "col" },
-        h("span", { "aria-hidden": "true" }, label.substr(0, 2)),
-        h("duet-visually-hidden", null, label)))))),
-    h("tbody", null, chunk(days, 7).map(week => (h("tr", { class: "duet-date-table-row" }, week.map(day => (h("td", { class: "duet-date-table-cell" },
-      h(DatePickerDay, { day: day, today: today, language: language, focusedDay: focusedDate, inRange: inRange(day, min, max), isSelected: isEqual(day, selectedDate), onDaySelect: onDateSelect, onKeyboardNavigation: onKeyboardNavigation, ref: el => {
-          if (el && isEqual(day, focusedDate)) {
-            focusedDayRef(el);
-          }
-        } }))))))))));
+    onFocusin: onFocusEnter, onFocusout: handleFocusOut }, h("thead", null, h("tr", null, dayLabels.map(label => (h("th", { scope: "col" }, h("span", { "aria-hidden": "true" }, label.substr(0, 2)), h("duet-visually-hidden", null, label)))))), h("tbody", null, chunk(days, 7).map(week => (h("tr", { class: "duet-date-table-row" }, week.map(day => (h("td", { class: "duet-date-table-cell" }, h(DatePickerDay, { day: day, today: today, language: language, focusedDay: focusedDate, inRange: inRange(day, min, max), isSelected: isEqual(day, selectedDate), onDaySelect: onDateSelect, onKeyboardNavigation: onKeyboardNavigation, ref: el => {
+      if (el && isEqual(day, focusedDate)) {
+        focusedDayRef(el);
+      }
+    } }))))))))));
 };