@limetech/lime-elements 40.18.3 → 40.19.0

package/dist/collection/components/text-editor/link-menu/editor-link-menu.js

@@ -107,9 +107,9 @@ export class TextEditorLinkMenu {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            h("limel-input-field", { key: 'f9676b8287c3d6d366b668f56f701b0f4a61edb9', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
-            h("limel-input-field", { key: '4471ed4849ecf1536e1d230c3a9821f8254ecf7e', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
-            h("div", { key: 'fd05d27fce1f463979847fbc16fd9aac8a9fb17a', class: "actions" }, h("limel-button", { key: '9bd0d2e1b0d9a37094872652efad8b5f9e0ace15', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: 'a9aab48e7fe4cf0811e5b9044c9804a0cac73765', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            h("limel-input-field", { key: 'e9ff24b3ef0ffbc098c32f77c1cefeac9b2dbcd9', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
+            h("limel-input-field", { key: 'df5552b700c8c73d28ab83658b31e817b7dedceb', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
+            h("div", { key: 'd4243e548a1227865ec40af31a5868e7f7214b5e', class: "actions" }, h("limel-button", { key: 'a16b1a026825dd3441a5ce018704f6ae9e0ed576', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '8c4b46e58487ef17c9e2637127a17b5a2847863d', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
     static get is() { return "limel-text-editor-link-menu"; }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js

@@ -332,7 +332,7 @@ export class ProsemirrorAdapter {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: 'f5d3b059f54cdb32f9499b9063e4b3c732490f0e', onFocus: this.handleFocus }, h("div", { key: '81aa602b9cf3575da987261e60629e008c03269c', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '8146122990b6020e7c1062938123d233e6c4e6aa', onFocus: this.handleFocus }, h("div", { key: '49dfd2b845efad4528689a9890e2f59cb5cd030e', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/collection/components/text-editor/text-editor.js

@@ -174,7 +174,7 @@ export class TextEditor {
         await ((_a = this.adapterElement) === null || _a === void 0 ? void 0 : _a.clear());
     }
     render() {
-        return (h(Host, { key: 'c67e770630e0b704d0f00e76c59f4c6cf12c4cd9' }, h("limel-notched-outline", { key: 'c4c58e24b9dd09cccf433d2f3227994dbdadf5e4', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (h(Host, { key: 'e0ebfa29ceaf175ab0dc5fe78f7eb055f80d045c' }, h("limel-notched-outline", { key: '2f2823bb140c77e1af697adb75985729c01cfbb4', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {

package/dist/collection/components/tooltip/tooltip-content.js

@@ -15,7 +15,7 @@ export class TooltipContent {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (h(Host, { key: 'f9735b1c49a51e6945014d8a5a23a3e284b53ace', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '12ed325f94deb0788c72e8ce643adce1127af675', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: '05369a8209c96b17763eaa4074c82543f96cd908', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '1bfac9e319921070cc262a74347b9280de12e025', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

package/dist/collection/components/tooltip/tooltip.js

@@ -76,10 +76,10 @@ export class Tooltip {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: 'd3fb680f623403a5951303e4d104c07fc7a21d4e', class: "trigger-anchor" }, h("limel-portal", { key: '4050fdb323fce7e7f9953ce76c70e98e92a73eac', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: '9b893c590d0626f4e7c88f97f14e9c87cb1520d7', class: "trigger-anchor" }, h("limel-portal", { key: 'de7ee98705df289e59a034f49daf33823ab6aa86', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '53ca0371e38f9dcb7ea1382fd20e892d4e0e4b72', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
+            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '83ae108e4c32627527c9962a3f82a2b77ecda873', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
     }
     async updateDescription() {
         if (!this.ownerElement) {

package/dist/collection/translations/da.js

@@ -139,4 +139,5 @@ Du kan fortsætte med at blokere billeder (e-mailen kan se ufuldstændig ud) ell
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Gå',
     'dock.show-labels': 'Vis etiketter på navigationsknapper',
+    'suggestions.available': 'Forslag tilgængelige: { count }. Tryk på pil ned for at gå til dem.',
 };

package/dist/collection/translations/de.js

@@ -139,4 +139,5 @@ Sie können Bilder weiterhin blockieren (die E-Mail kann unvollständig aussehen
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Los',
     'dock.show-labels': 'Beschriftungen der Navigationsschaltflächen anzeigen',
+    'suggestions.available': 'Vorschläge verfügbar: { count }. Drücken Sie die Pfeiltaste nach unten, um dorthin zu wechseln.',
 };

package/dist/collection/translations/en.js

@@ -139,4 +139,5 @@ You can keep images blocked (the email may look incomplete), or load them if you
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Go',
     'dock.show-labels': 'Show navigation button labels',
+    'suggestions.available': 'Suggestions available: { count }. Press the down arrow to move to them.',
 };

package/dist/collection/translations/fi.js

@@ -139,4 +139,5 @@ Voit pitää kuvat estettyinä (sähköposti voi näyttää puutteelliselta) tai
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Siirry',
     'dock.show-labels': 'Näytä siirtymispainikkeiden nimikkeet',
+    'suggestions.available': 'Ehdotuksia saatavilla: { count }. Siirry niihin painamalla nuolta alas.',
 };

package/dist/collection/translations/fr.js

@@ -139,4 +139,5 @@ Vous pouvez laisser les images bloquées (l'e-mail peut sembler incomplet) ou le
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Aller',
     'dock.show-labels': 'Afficher les libellés des boutons de navigation',
+    'suggestions.available': 'Suggestions disponibles : { count }. Appuyez sur la flèche du bas pour y accéder.',
 };

package/dist/collection/translations/nl.js

@@ -139,4 +139,5 @@ Je kunt afbeeldingen geblokkeerd houden (de e-mail kan er onvolledig uitzien) of
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Ga',
     'dock.show-labels': 'Toon labels van navigatieknoppen',
+    'suggestions.available': 'Suggesties beschikbaar: { count }. Druk op de pijl omlaag om ernaartoe te gaan.',
 };

package/dist/collection/translations/no.js

@@ -139,4 +139,5 @@ Du kan fortsette å blokkere bilder (e-posten kan se ufullstendig ut), eller las
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Gå',
     'dock.show-labels': 'Vis etiketter på navigasjonsknapper',
+    'suggestions.available': 'Forslag tilgjengelig: { count }. Trykk på pil ned for å gå til dem.',
 };

package/dist/collection/translations/sv.js

@@ -139,4 +139,5 @@ Du kan fortsätta blockera bilder (e-posten kan se ofullständig ut) eller ladda
     'pagination.page-range': '{ first }–{ last }',
     'pagination.go': 'Gå',
     'dock.show-labels': 'Visa etiketter på navigeringsknappar',
+    'suggestions.available': 'Förslag tillgängliga: { count }. Tryck på nedåtpil för att gå till dem.',
 };

package/dist/collection/util/controlled-element.js

@@ -0,0 +1,22 @@
+/**
+ * Says that `owner` controls the element with the given id, for example the
+ * list that a field opens. An id only finds elements in the same DOM tree, so
+ * where the browser allows it, the element itself is referenced instead.
+ *
+ * @param owner - The element that controls the other one.
+ * @param id - The id of the controlled element, which may not exist yet.
+ * `null` says that nothing is controlled.
+ */
+export const setControlledElement = (owner, id) => {
+    if ('ariaControlsElements' in owner) {
+        // eslint-disable-next-line unicorn/prefer-query-selector
+        const controlled = id ? document.getElementById(id) : null;
+        owner.ariaControlsElements = controlled ? [controlled] : null;
+        return;
+    }
+    if (id) {
+        owner.setAttribute('aria-controls', id);
+        return;
+    }
+    owner.removeAttribute('aria-controls');
+};

package/dist/collection/util/live-message.js

@@ -0,0 +1,30 @@
+import { debounce } from "lodash-es";
+const LIVE_MESSAGE_DELAY = 500;
+/**
+ * Creates what a component needs to speak a message through a visually hidden
+ * element with `aria-live`. The text is written straight into that element
+ * and not through the state of the component, so speaking costs no render.
+ * It is written a short while after the last update, so that a screen reader
+ * does not read out every change while the user is typing.
+ *
+ * @param getMessage - Returns the text to speak. An empty text clears the
+ * element, so that the same message is spoken again the next time.
+ * @returns `setElement`, to be used as the `ref` of the live element, and
+ * `update`, to be called when the message may have changed.
+ */
+export const createLiveMessage = (getMessage) => {
+    let element;
+    const setElement = (liveElement) => {
+        element = liveElement;
+    };
+    const update = debounce(() => {
+        if (!element) {
+            return;
+        }
+        const message = getMessage();
+        if (element.textContent !== message) {
+            element.textContent = message;
+        }
+    }, LIVE_MESSAGE_DELAY);
+    return { setElement, update };
+};

package/dist/esm/controlled-element-ByOXsysp.js

@@ -0,0 +1,24 @@
+/**
+ * Says that `owner` controls the element with the given id, for example the
+ * list that a field opens. An id only finds elements in the same DOM tree, so
+ * where the browser allows it, the element itself is referenced instead.
+ *
+ * @param owner - The element that controls the other one.
+ * @param id - The id of the controlled element, which may not exist yet.
+ * `null` says that nothing is controlled.
+ */
+const setControlledElement = (owner, id) => {
+    if ('ariaControlsElements' in owner) {
+        // eslint-disable-next-line unicorn/prefer-query-selector
+        const controlled = id ? document.getElementById(id) : null;
+        owner.ariaControlsElements = controlled ? [controlled] : null;
+        return;
+    }
+    if (id) {
+        owner.setAttribute('aria-controls', id);
+        return;
+    }
+    owner.removeAttribute('aria-controls');
+};
+
+export { setControlledElement as s };