@sebgroup/green-core 1.82.0 → 1.83.1

package/components/datepicker/datepicker.component.js

@@ -137,7 +137,7 @@ let Datepicker = class extends GdsFormControlElement {
     });
     __privateAdd(this, _handleCalendarChange, (e) => {
       e.stopPropagation();
-      this.value = e.detail;
+      this.value = new Date(e.detail);
       this.open = false;
       __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
       __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
@@ -169,7 +169,7 @@ let Datepicker = class extends GdsFormControlElement {
     __privateAdd(this, _handleCalendarFocusChange, async () => {
       this._focusedMonth = (await this._elCalendar).focusedMonth;
       this._focusedYear = (await this._elCalendar).focusedYear;
-      this.value = (await this._elCalendar).focusedDate;
+      this.value = new Date((await this._elCalendar).focusedDate);
       this.requestUpdate();
       __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
     });
@@ -179,12 +179,17 @@ let Datepicker = class extends GdsFormControlElement {
       this.open = e.detail.open;
       if (e.detail.reason === "close") {
         const calValue = (await this._elCalendar).value;
+        if (!calValue) {
+          this.value = void 0;
+          __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+          return;
+        }
         const hasChanged = !isSameDay(
           calValue || /* @__PURE__ */ new Date(0),
           __privateGet(this, _valueOnOpen) || /* @__PURE__ */ new Date(0)
         );
         if (hasChanged) {
-          this.value = calValue;
+          this.value = new Date(calValue);
           __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
         }
         if (this.value) {
@@ -239,10 +244,10 @@ let Datepicker = class extends GdsFormControlElement {
     return "gds-datepicker";
   }
   get value() {
-    return this._internalValue;
+    return super.value;
   }
   set value(value) {
-    this._internalValue = value;
+    super.value = value;
   }
   get dateformat() {
     return this._dateFormatLayout.layout.map((f) => f.token).join(this._dateFormatLayout.delimiter);

package/components/dialog/dialog.component.d.ts

@@ -4,7 +4,7 @@ declare const GdsDialog_base: (new (...args: any[]) => import("../../utils/mixin
  * @element gds-dialog
  * @status beta
  *
- * @event gds-ui-state - Fired when the dialog is opened or closed
+ * @event gds-ui-state - Fired when the dialog is opened or closed. Can be cancelled to prevent the dialog from closing.
  * @event gds-close - Fired when the dialog is closed
  * @event gds-show - Fired when the dialog is opened
  *

package/components/dialog/dialog.component.js

@@ -5,7 +5,7 @@ import {
   __privateMethod,
   __privateSet
 } from "../../chunks/chunk.QTSIPXV3.js";
-var _returnValue, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _handleTriggerSlotChange, handleTriggerSlotChange_fn, _handleTriggerClick;
+var _returnValue, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _handleTriggerSlotChange, handleTriggerSlotChange_fn, _handleTriggerClick, _handleClickOutside;
 import { localized, msg } from "@lit/localize";
 import { property, query } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
@@ -42,9 +42,14 @@ let GdsDialog = class extends withSizeXProps(withSizeYProps(GdsElement)) {
     __privateAdd(this, _handleNativeClose, (e) => {
       const dialog = e.target;
       const returnValue = dialog.returnValue;
+      if (returnValue !== "prop-change") {
+        if (!__privateGet(this, _dispatchCloseEvent).call(this, returnValue)) {
+          return;
+        }
+        this.close(returnValue || "native-close");
+        return;
+      }
       this.close(returnValue || "native-close");
-      if (returnValue !== "prop-change")
-        __privateGet(this, _dispatchCloseEvent).call(this, returnValue);
     });
     __privateAdd(this, _dispatchCloseEvent, (reason) => {
       this.dispatchEvent(
@@ -54,7 +59,7 @@ let GdsDialog = class extends withSizeXProps(withSizeYProps(GdsElement)) {
           composed: false
         })
       );
-      __privateGet(this, _dispatchUiStateEvent).call(this, reason);
+      return __privateGet(this, _dispatchUiStateEvent).call(this, reason);
     });
     __privateAdd(this, _dispatchShowEvent, (reason) => {
       this.dispatchEvent(
@@ -64,20 +69,34 @@ let GdsDialog = class extends withSizeXProps(withSizeYProps(GdsElement)) {
           composed: false
         })
       );
-      __privateGet(this, _dispatchUiStateEvent).call(this, reason);
+      return __privateGet(this, _dispatchUiStateEvent).call(this, reason);
     });
     __privateAdd(this, _dispatchUiStateEvent, (reason) => {
-      this.dispatchEvent(
+      return this.dispatchEvent(
         new CustomEvent("gds-ui-state", {
           detail: { reason, open: this.open },
           bubbles: false,
-          composed: false
+          composed: false,
+          cancelable: true
         })
       );
     });
     __privateAdd(this, _handleTriggerClick, (e) => {
       this.show("slotted-trigger");
     });
+    __privateAdd(this, _handleClickOutside, (evt) => {
+      const e = evt;
+      const dialog = this._elDialog;
+      const isNotEnterKey = e.clientX > 0 || e.clientY > 0;
+      if (isNotEnterKey && dialog && this.open) {
+        const rect = dialog.getBoundingClientRect();
+        const isInDialog = rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width;
+        const closeReason = "click-outside";
+        if (!isInDialog && __privateGet(this, _dispatchCloseEvent).call(this, closeReason)) {
+          this.close(closeReason);
+        }
+      }
+    });
   }
   /**
    * Opens the dialog.
@@ -166,6 +185,10 @@ let GdsDialog = class extends withSizeXProps(withSizeYProps(GdsElement)) {
       this.updateComplete.then(() => {
         this._elDialog?.showModal();
         lockBodyScrolling(this);
+        document.removeEventListener("click", __privateGet(this, _handleClickOutside));
+        requestAnimationFrame(
+          () => document.addEventListener("click", __privateGet(this, _handleClickOutside))
+        );
         if (isIOS) {
           this._elDialog?.focus();
         }
@@ -174,6 +197,7 @@ let GdsDialog = class extends withSizeXProps(withSizeYProps(GdsElement)) {
       __privateSet(this, _returnValue, __privateGet(this, _returnValue) || "prop-change");
       this._elDialog?.close(__privateGet(this, _returnValue));
       unlockBodyScrolling(this);
+      document.removeEventListener("click", __privateGet(this, _handleClickOutside));
       this.requestUpdate("open");
     }
   }
@@ -192,6 +216,7 @@ handleTriggerSlotChange_fn = function() {
   }
 };
 _handleTriggerClick = new WeakMap();
+_handleClickOutside = new WeakMap();
 GdsDialog.styles = [styles];
 GdsDialog.styleExpressionBaseSelector = "dialog";
 __decorateClass([

package/components/dropdown/dropdown.component.js

@@ -268,13 +268,13 @@ let GdsDropdown = class extends GdsFormControlElement {
     let displayValue;
     if (Array.isArray(this.value)) {
       this.value.length > 2 ? displayValue = msg(str`${this.value.length} selected`) : displayValue = this.value.reduce(
-        (acc, cur) => acc + this.options.find((v) => v.value === cur)?.innerHTML + ", ",
+        (acc, cur) => acc + this.options.find((v) => v.value === cur)?.innerText + ", ",
         ""
       ).slice(0, -2);
     } else {
-      displayValue = this.options.find((v) => v.selected)?.innerHTML;
+      displayValue = this.options.find((v) => v.selected)?.innerText;
     }
-    return displayValue || this.placeholder?.innerHTML || "";
+    return displayValue || this.placeholder?.innerText || "";
   }
   /**
    * Moves focus to this element.

package/components/form/form-control.js

@@ -73,6 +73,7 @@ class GdsFormControlElement extends GdsElement {
   }
   set value(value) {
     this._internalValue = value;
+    __privateGet(this, _internals).setFormValue(value);
   }
   /**
    * The form element that the form control is associated with.
@@ -124,7 +125,6 @@ class GdsFormControlElement extends GdsElement {
     return __privateGet(this, _internals).reportValidity();
   }
   __handleValueChange() {
-    __privateGet(this, _internals).setFormValue(this.value);
     this.checkValidity();
   }
   formResetCallback() {
@@ -143,6 +143,7 @@ class GdsFormControlElement extends GdsElement {
     if (!this.validity.valid)
       e.preventDefault();
   }
+  // TODO: This needs to be handled on a component by component basis, since it's not always the validity anchor that should be the focus reciever.
   focus(options) {
     this._getValidityAnchor().focus(options);
   }

package/components/form/index.d.ts

@@ -1 +1 @@
-export * from './summary';
+export * from '../form-summary';

package/components/form/index.js

@@ -1 +1 @@
-export * from "./summary/index.js";
+export * from "../form-summary/index.js";

package/components/form-summary/summary.component.d.ts

@@ -0,0 +1,41 @@
+import { GdsElement } from '../../gds-element';
+/**
+ * @element gds-form-summary
+ *
+ * When a user attempts to submit a form with errors, this component displays a summary of those errors.
+ * Including an error summary greatly assists users in promptly identifying and addressing multiple errors
+ * in a consolidated manner. It provides a clear indication of what went wrong and what needs to be corrected.
+ */
+export declare class GdsFormSummary extends GdsElement {
+    #private;
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * Whether to hide the error messages under the labels.
+     */
+    hideErrors: boolean;
+    /**
+     * Whether to refresh the summary automatically as controls in the form change validation state.
+     *
+     * Avoid this setting if the summary is located above the form controls, as it may cause the form
+     * to jump around as the summary is updated.
+     */
+    reactive: boolean;
+    /**
+     * The current number of errors displayed in the summary.
+     *
+     * This is a convenience property that can be used to display the number of errors in the summary.
+     */
+    get errorCount(): number;
+    /**
+     * Focuses the first focusable element in the summary.
+     */
+    focus(options?: FocusOptions): void;
+    private _elRoot;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Refresh the component to reflext the current state of the form.
+     */
+    refresh(): void;
+    render(): any;
+}

package/components/form-summary/summary.component.js

@@ -0,0 +1,197 @@
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateGet,
+  __privateMethod,
+  __privateSet
+} from "../../chunks/chunk.QTSIPXV3.js";
+var _form, _formObserver, _getFormControls, getFormControls_fn, _getErrorControls, getErrorControls_fn, _renderArrowIcon, renderArrowIcon_fn;
+import { msg, str } from "@lit/localize";
+import { nothing } from "lit";
+import { property, queryAsync } from "lit/decorators.js";
+import { until } from "lit/directives/until.js";
+import { when } from "lit/directives/when.js";
+import { GdsElement } from "../../gds-element.js";
+import { gdsCustomElement, html } from "../../scoping.js";
+import { tokens } from "../../tokens.style.js";
+import { GdsButton } from "../button/button.component.js";
+import { GdsCard } from "../card/card.component.js";
+import { GdsDiv } from "../div/div.component.js";
+import { GdsFlex } from "../flex/flex.component.js";
+import { IconArrowUp } from "../icon/icons/arrow-up.component.js";
+import styles from "./summary.styles.js";
+let GdsFormSummary = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _getFormControls);
+    __privateAdd(this, _getErrorControls);
+    __privateAdd(this, _renderArrowIcon);
+    this.hideErrors = false;
+    this.reactive = false;
+    __privateAdd(this, _form, void 0);
+    __privateAdd(this, _formObserver, void 0);
+  }
+  /**
+   * The current number of errors displayed in the summary.
+   *
+   * This is a convenience property that can be used to display the number of errors in the summary.
+   */
+  get errorCount() {
+    return __privateMethod(this, _getErrorControls, getErrorControls_fn).call(this).length;
+  }
+  /**
+   * Focuses the first focusable element in the summary.
+   */
+  focus(options) {
+    this._elRoot.then((el) => {
+      const firstFocusable = el.querySelector(
+        '[gds-element="gds-button"]'
+      );
+      if (firstFocusable) {
+        firstFocusable.focus(options);
+      }
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    __privateSet(this, _form, this.closest("form") || void 0);
+    if (__privateGet(this, _form) && this.reactive) {
+      __privateSet(this, _formObserver, new MutationObserver(() => {
+        this.refresh();
+      }));
+      __privateGet(this, _formObserver).observe(__privateGet(this, _form), {
+        attributes: true,
+        subtree: true
+      });
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    __privateGet(this, _formObserver)?.disconnect();
+  }
+  /**
+   * Refresh the component to reflext the current state of the form.
+   */
+  refresh() {
+    this.requestUpdate();
+  }
+  render() {
+    const formControls = __privateMethod(this, _getFormControls, getFormControls_fn).call(this);
+    const errorControls = __privateMethod(this, _getErrorControls, getErrorControls_fn).call(this);
+    return when(
+      errorControls.length > 0,
+      () => html`<gds-card
+          id="root"
+          role="navigation"
+          border-color="negative"
+          border-radius="xs"
+          border-width="0"
+          padding="l"
+          background="negative"
+          color="negative"
+          overflow="hidden"
+          aria-describedby="description"
+          aria-label=${msg(`Form error summary`)}
+        >
+          <gds-flex gap="0" flex-direction="column">
+            <gds-text
+              font-size="heading-xs"
+              font-weight="book"
+              id="description"
+            >
+              ${msg(
+        str`There are ${errorControls.length} errors to correct before you can continue:`
+      )}
+            </gds-text>
+            <ul>
+              ${formControls.map(
+        (el, idx) => html`<li ?inert=${!(el.ariaInvalid === "true" || el.invalid)}>
+                    <gds-card
+                      display="flex"
+                      padding="s"
+                      flex-direction="row"
+                      align-items="center"
+                      justify-content="space-between"
+                      gap="xs"
+                      level="3"
+                      color="negative"
+                      background="transparent; hover: negative/.2"
+                      style="cursor: pointer"
+                      border-width="0"
+                      border-radius="xs"
+                      margin="0 -xs"
+                      @click=${(e) => {
+          e.preventDefault();
+          el.focus();
+        }}
+                    >
+                      <div id=${`error-label-${idx}`}>
+                        <gds-div font-weight="book"
+                          >${el.dataset.label || el.label || el.ariaLabel}</gds-div
+                        >
+                        ${when(
+          !this.hideErrors,
+          () => html`<gds-div font-size="body-s">
+                              ${el.dataset.errormessage || el.errorMessage || el.ariaErrorMessage}
+                            </gds-div>`
+        )}
+                      </div>
+                      <gds-button
+                        size="small"
+                        variant="negative"
+                        label=${`Move focus to ${el.label} field`}
+                      >
+                        ${until(__privateMethod(this, _renderArrowIcon, renderArrowIcon_fn).call(this, el), nothing)}
+                      </gds-button>
+                    </gds-card>
+                  </li>`
+      )}
+            </ul>
+          </gds-flex>
+        </gds-card>`
+    );
+  }
+};
+_form = new WeakMap();
+_formObserver = new WeakMap();
+_getFormControls = new WeakSet();
+getFormControls_fn = function() {
+  return Array.from(__privateGet(this, _form)?.elements || []).filter(
+    // Individual checkboxes can be used as form controls, but they don't support error messages,
+    // so we filter them out here. Checkboxes needs to be wrapped in a group to work with form summary.
+    (el) => el.gdsElementName !== "gds-checkbox"
+  );
+};
+_getErrorControls = new WeakSet();
+getErrorControls_fn = function() {
+  return __privateMethod(this, _getFormControls, getFormControls_fn).call(this).filter(
+    (el) => el.ariaInvalid === "true" || el.invalid
+  );
+};
+_renderArrowIcon = new WeakSet();
+renderArrowIcon_fn = async function(el) {
+  const selfTop = (await this._elRoot).getBoundingClientRect().top;
+  const elTop = el.getBoundingClientRect().top;
+  const isAbove = elTop < selfTop;
+  return isAbove ? html`<gds-icon-arrow-up></gds-icon-arrow-up>` : html`<gds-icon-arrow-up
+          style="transform: rotate(180deg)"
+        ></gds-icon-arrow-up>`;
+};
+GdsFormSummary.styles = [tokens, styles];
+__decorateClass([
+  property({ type: Boolean })
+], GdsFormSummary.prototype, "hideErrors", 2);
+__decorateClass([
+  property({ type: Boolean })
+], GdsFormSummary.prototype, "reactive", 2);
+__decorateClass([
+  queryAsync("#root")
+], GdsFormSummary.prototype, "_elRoot", 2);
+GdsFormSummary = __decorateClass([
+  gdsCustomElement("gds-form-summary", {
+    dependsOn: [GdsCard, GdsFlex, GdsDiv, GdsButton, IconArrowUp]
+  })
+], GdsFormSummary);
+export {
+  GdsFormSummary
+};

package/components/{form/summary → form-summary}/summary.js

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QTSIPXV3.js";
 import { GdsFormSummary } from "./summary.component.js";
 GdsFormSummary.define();
 export {

package/components/form-summary/summary.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/form-summary/summary.styles.js

@@ -0,0 +1,33 @@
+import "../../chunks/chunk.QTSIPXV3.js";
+import { css } from "lit";
+var summary_styles_default = css`
+  :host {
+    display: contents;
+  }
+  ul {
+    list-style-type: none;
+    margin: 1rem 0 0;
+    padding: 0;
+  }
+  li {
+    margin: 0;
+    transition:
+      max-height 0.3s ease-in-out,
+      opacity 0.3s ease-in-out,
+      margin 0.3s ease-in-out;
+  }
+  li[inert] {
+    max-height: 0;
+    opacity: 0;
+  }
+  li:not([inert]) {
+    max-height: 4rem;
+    opacity: 1;
+  }
+  a {
+    color: inherit;
+  }
+`;
+export {
+  summary_styles_default as default
+};

package/components/mask/mask.component.d.ts

@@ -2,6 +2,8 @@ import { GdsFlex } from '../flex/flex.component';
 /**
  * @element gds-mask
  * @status beta
+ *
+ * The `gds-mask` component is a container that applies gradient background for contrast. This component is experimental, and may change name or be removed in the future.
  */
 export declare class GdsMask extends GdsFlex {
     static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];

package/components/pure.d.ts

@@ -31,7 +31,7 @@ export * from './icon/icon.component';
 export * from './segmented-control/segmented-control.component';
 export * from './theme/theme.component';
 export * from './filter-chips/filter-chips.component';
-export * from './form/summary/summary.component';
+export * from './form-summary/summary.component';
 export * from './input/input.component';
 export * from './select/select.component';
 export * from './spinner/spinner.component';

package/components/pure.js

@@ -31,7 +31,7 @@ export * from "./icon/icon.component.js";
 export * from "./segmented-control/segmented-control.component.js";
 export * from "./theme/theme.component.js";
 export * from "./filter-chips/filter-chips.component.js";
-export * from "./form/summary/summary.component.js";
+export * from "./form-summary/summary.component.js";
 export * from "./input/input.component.js";
 export * from "./select/select.component.js";
 export * from "./spinner/spinner.component.js";

package/generated/locales/da.d.ts

@@ -7,6 +7,7 @@ export declare const templates: {
     s1e187019b5262aa6: string;
     s281846ef0421c71f: string;
     s2ceb11be2290bb1b: string;
+    s307db9af9905317d: string;
     s39938ecdae568740: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
@@ -33,7 +34,6 @@ export declare const templates: {
     sa7cd5c2ff6d266e7: string;
     sb47daaf9e1c4a905: string;
     sb4f1dffbb6be6302: string;
-    sb77f4dce69a005ac: string;
     sbc083a1dbee9af73: string;
     scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;

package/generated/locales/da.js

@@ -9,6 +9,7 @@ const templates = {
   "s1e187019b5262aa6": `Maj`,
   "s281846ef0421c71f": `November`,
   "s2ceb11be2290bb1b": `Annuller`,
+  "s307db9af9905317d": `Formularfejloversigt`,
   "s39938ecdae568740": `September`,
   "s3b8a6245b12fa2ad": `Br\xF8dkrummer`,
   "s407a88a592a0987c": `August`,
@@ -35,7 +36,6 @@ const templates = {
   "sa7cd5c2ff6d266e7": `Oktober`,
   "sb47daaf9e1c4a905": `M\xE5ned`,
   "sb4f1dffbb6be6302": `Ryd`,
-  "sb77f4dce69a005ac": `Fejlmeddelelse.`,
   "sbc083a1dbee9af73": `Februar`,
   "scb6b9cb49cf93277": `April`,
   "sd898d99fd9c13de6": `Filtrer tilg\xE6ngelige muligheder`,

package/generated/locales/de.d.ts

@@ -7,6 +7,7 @@ export declare const templates: {
     s1e187019b5262aa6: string;
     s281846ef0421c71f: string;
     s2ceb11be2290bb1b: string;
+    s307db9af9905317d: string;
     s39938ecdae568740: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
@@ -33,7 +34,6 @@ export declare const templates: {
     sa7cd5c2ff6d266e7: string;
     sb47daaf9e1c4a905: string;
     sb4f1dffbb6be6302: string;
-    sb77f4dce69a005ac: string;
     sbc083a1dbee9af73: string;
     scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;

package/generated/locales/de.js

@@ -9,6 +9,7 @@ const templates = {
   "s1e187019b5262aa6": `Mai`,
   "s281846ef0421c71f": `November`,
   "s2ceb11be2290bb1b": `Abbrechen`,
+  "s307db9af9905317d": `Formularfehler\xFCbersicht`,
   "s39938ecdae568740": `September`,
   "s3b8a6245b12fa2ad": `Brotkr\xFCmelnavigation`,
   "s407a88a592a0987c": `August`,
@@ -35,7 +36,6 @@ const templates = {
   "sa7cd5c2ff6d266e7": `Oktober`,
   "sb47daaf9e1c4a905": `Monat`,
   "sb4f1dffbb6be6302": `L\xF6schen`,
-  "sb77f4dce69a005ac": `Fehlermeldung.`,
   "sbc083a1dbee9af73": `Februar`,
   "scb6b9cb49cf93277": `April`,
   "sd898d99fd9c13de6": `Verf\xFCgbare Optionen filtern`,

package/generated/locales/fi.d.ts

@@ -7,6 +7,7 @@ export declare const templates: {
     s1e187019b5262aa6: string;
     s281846ef0421c71f: string;
     s2ceb11be2290bb1b: string;
+    s307db9af9905317d: string;
     s39938ecdae568740: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
@@ -33,7 +34,6 @@ export declare const templates: {
     sa7cd5c2ff6d266e7: string;
     sb47daaf9e1c4a905: string;
     sb4f1dffbb6be6302: string;
-    sb77f4dce69a005ac: string;
     sbc083a1dbee9af73: string;
     scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;

package/generated/locales/fi.js

@@ -9,6 +9,7 @@ const templates = {
   "s1e187019b5262aa6": `Touko`,
   "s281846ef0421c71f": `Marraskuu`,
   "s2ceb11be2290bb1b": `Peruuta`,
+  "s307db9af9905317d": `Lomakkeen virheiden yhteenveto`,
   "s39938ecdae568740": `Syys`,
   "s3b8a6245b12fa2ad": `Murupolku`,
   "s407a88a592a0987c": `Elokuu`,
@@ -35,7 +36,6 @@ const templates = {
   "sa7cd5c2ff6d266e7": `Lokakuu`,
   "sb47daaf9e1c4a905": `Kuukausi`,
   "sb4f1dffbb6be6302": `Tyhjenn\xE4`,
-  "sb77f4dce69a005ac": `Virheilmoitus.`,
   "sbc083a1dbee9af73": `Helmikuu`,
   "scb6b9cb49cf93277": `Huhti`,
   "sd898d99fd9c13de6": `Suodata saatavilla olevia vaihtoehtoja`,

package/generated/locales/fr.d.ts

@@ -7,6 +7,7 @@ export declare const templates: {
     s1e187019b5262aa6: string;
     s281846ef0421c71f: string;
     s2ceb11be2290bb1b: string;
+    s307db9af9905317d: string;
     s39938ecdae568740: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
@@ -33,7 +34,6 @@ export declare const templates: {
     sa7cd5c2ff6d266e7: string;
     sb47daaf9e1c4a905: string;
     sb4f1dffbb6be6302: string;
-    sb77f4dce69a005ac: string;
     sbc083a1dbee9af73: string;
     scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;

package/generated/locales/fr.js

@@ -9,6 +9,7 @@ const templates = {
   "s1e187019b5262aa6": `Mai`,
   "s281846ef0421c71f": `Novembre`,
   "s2ceb11be2290bb1b": `Annuler`,
+  "s307db9af9905317d": `R\xE9sum\xE9 des erreurs du formulaire`,
   "s39938ecdae568740": `Septembre`,
   "s3b8a6245b12fa2ad": `Fil d'Ariane`,
   "s407a88a592a0987c": `Ao\xFBt`,
@@ -35,7 +36,6 @@ const templates = {
   "sa7cd5c2ff6d266e7": `Octobre`,
   "sb47daaf9e1c4a905": `Mois`,
   "sb4f1dffbb6be6302": `Effacer`,
-  "sb77f4dce69a005ac": `Message d'erreur.`,
   "sbc083a1dbee9af73": `F\xE9vrier`,
   "scb6b9cb49cf93277": `Avril`,
   "sd898d99fd9c13de6": `Filtrer les options disponibles`,

package/generated/locales/it.d.ts

@@ -7,6 +7,7 @@ export declare const templates: {
     s1e187019b5262aa6: string;
     s281846ef0421c71f: string;
     s2ceb11be2290bb1b: string;
+    s307db9af9905317d: string;
     s39938ecdae568740: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
@@ -33,7 +34,6 @@ export declare const templates: {
     sa7cd5c2ff6d266e7: string;
     sb47daaf9e1c4a905: string;
     sb4f1dffbb6be6302: string;
-    sb77f4dce69a005ac: string;
     sbc083a1dbee9af73: string;
     scb6b9cb49cf93277: string;
     sd898d99fd9c13de6: string;