@limetech/lime-elements 40.13.0 → 40.13.1

package/dist/collection/components/side-panel/side-panel.js

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import translate from "../../global/translations";
 import { getDeepActiveElement } from "../../util/get-deep-active-element";
 import { ESCAPE } from "../../util/keycodes";
 import { createRandomString } from "../../util/random-string";
@@ -44,12 +45,17 @@ function stopEvent(event) {
  * @exampleComponent limel-example-side-panel-header-actions
  * @exampleComponent limel-example-side-panel-stacking
  * @exampleComponent limel-example-side-panel-full-screen
+ * @exampleComponent limel-example-side-panel-accessibility
  * @slot - Content of the panel
  * @slot header-actions - Small controls at the right end of the header. Content that is larger than half the header width or the height of the headings is cut off.
  * @private
  */
 export class SidePanel {
     constructor() {
+        /**
+         * Defines the language for translations.
+         */
+        this.language = 'en';
         /**
          * Label of the close button. Shown as a tooltip and used as the accessible
          * name.
@@ -65,10 +71,6 @@ export class SidePanel {
          * Buttons in the toolbar, to the right of the close button.
          */
         this.actions = [];
-        /**
-         * Label of the resize handle. Used as the accessible name.
-         */
-        this.resizeLabel = 'Resize';
         /**
          * Whether pressing Escape emits `close`. Set to `false` to let only the
          * close button emit `close`. The panel then does not prevent the Escape
@@ -231,7 +233,7 @@ export class SidePanel {
             .querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'ca07c3557df3be7e026a95da296689e1e3c0cf41' }, h("section", { key: '610a8b47c7b34a6d4cb4d253d40cff889ea4c73d', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: 'c9ddb80456ac82cb39801943b55fcd4de3928852', class: "content" }, h("div", { key: 'f1430da0610a4fe71363ead5c7730d627a8a935c', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'c7d204c8b323f88962508a4c54493717fe347c8e', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '2a7fa787fd0d4c777f90b2ef7dff1d9316108416', "data-limit": "max", ref: this.setMaxLimit })));
+        return (h(Host, { key: 'f4ddb3df52344cfb6106ab2982c7d0c077e075fb' }, h("section", { key: '2dcf62861e49014f9fc080a945a9c1e0c5bd3920', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: '169006b7eed55cf37b7db4ce393d29b5d1184d42', class: "content" }, h("div", { key: '9fa270803bf650e258358e7c9031d10f58c35189', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'c8e01b49683bdaa2d549830930e4247f3a49895b', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '9baec9cc89a6e1f375f97d4f9069f8951f90bf6a', "data-limit": "max", ref: this.setMaxLimit })));
     }
     // A native button and not `limel-icon-button`, because the hover animation
     // styles the icon, which is inside the shadow root of `limel-icon-button`.
@@ -271,7 +273,15 @@ export class SidePanel {
         if (this.fullScreen) {
             return;
         }
-        return (h("limel-resize-handle", { class: "handle", label: this.resizeLabel, value: (_a = this.widthRange) === null || _a === void 0 ? void 0 : _a.now, min: (_b = this.widthRange) === null || _b === void 0 ? void 0 : _b.min, max: (_c = this.widthRange) === null || _c === void 0 ? void 0 : _c.max, onChangeSize: this.handleChangeSize, onEndResize: this.handleEndResize }));
+        return (h("limel-resize-handle", { class: "handle", resizableRegionLabel: this.getRegionLabel(), language: this.language, value: (_a = this.widthRange) === null || _a === void 0 ? void 0 : _a.now, min: (_b = this.widthRange) === null || _b === void 0 ? void 0 : _b.min, max: (_c = this.widthRange) === null || _c === void 0 ? void 0 : _c.max, onChangeSize: this.handleChangeSize, onEndResize: this.handleEndResize }));
+    }
+    getRegionLabel() {
+        if (!this.label) {
+            return translate.get('side-panel.resize-region', this.language);
+        }
+        return translate.get('side-panel.resize-region.named', this.language, {
+            label: this.label,
+        });
     }
     renderBody() {
         return (h("div", { class: "body", ref: this.stopContentEvents }, h("slot", null)));
@@ -409,13 +419,40 @@ export class SidePanel {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Accessible name of the panel. Screen readers announce it. Set it to\nsomething that tells the user what the panel is for."
+                    "text": "Accessible name of the panel. Screen readers announce it. Set it to\nsomething that tells the user what the panel is for.\n\nThe resize handle is named after it, for example \"Resize Customer\ndetails panel\". When no label is set, the handle is named \"Resize side\npanel\"."
                 },
                 "getter": false,
                 "setter": false,
                 "reflect": false,
                 "attribute": "label"
             },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Languages",
+                    "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+                    "references": {
+                        "Languages": {
+                            "location": "import",
+                            "path": "../date-picker/date.types",
+                            "id": "src/components/date-picker/date.types.ts::Languages",
+                            "referenceLocation": "Languages"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines the language for translations."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "language",
+                "defaultValue": "'en'"
+            },
             "closeLabel": {
                 "type": "string",
                 "mutable": false,
@@ -486,26 +523,6 @@ export class SidePanel {
                 "setter": false,
                 "defaultValue": "[]"
             },
-            "resizeLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Label of the resize handle. Used as the accessible name."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "resize-label",
-                "defaultValue": "'Resize'"
-            },
             "closeOnEscape": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/slider/slider.js

@@ -270,15 +270,15 @@ export class Slider {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (h(Host, { key: '6d910879894ffc7ff36df228e4252e4758622ab9', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '56e3b4dbc963b6923c63a33acb21895f4e86c947', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, h("div", { key: 'f74ef31e0b7d67dcc8a231a05f9b00b84de50b33', slot: "content" }, h("div", { key: '4a4018ac095977f89cba99a0222603469d11ce30', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: '3c9dc1fb20dd26ae0ea6cbab0914d5012a9c0184', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        return (h(Host, { key: '3a782f6aa420997f4a088e922438245c7c34143b', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '997046fb961c325d2a4a1e5cc51b08d84bcc2274', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, h("div", { key: '985fceba0aa4385936c06b1e8cd083ead77823b2', slot: "content" }, h("div", { key: '47238548b281254d3fe7e9fe7350890ffb5f573e', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: 'f3fc215a6b2c331342487f206c549e04d109a061', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
                 ? this.helperTextId
                 : undefined, "aria-invalid": this.invalid ? 'true' : undefined, "aria-valuetext": this.isUnset
                 ? translate.get('value-not-set', this.language)
                 : undefined, ref: (el) => {
                 this.inputElement = el;
-            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: '4873567abad9bd78cd44cf244bb5c41e87c10e12', class: "track" }, h("div", { key: '165858a4a1ee9ff35ed17b3f31c358b77143af47', class: "active" }), this.renderStepDots(min, max)), h("div", { key: 'ad6a62247047caad0332385713acf0660473589c', class: "thumb" }, h("div", { key: '10a5b6171a86d156de78987caf36c6256b1d3db7', class: "knob" }), h("div", { key: 'dac6f4e48e2345091c58433124afeb29cca52e02', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: '407448db5cd86d489adb909e4c5ecc0e0d050c53', class: "track" }, h("div", { key: '7f8c47aa449ee1a5ffe9c8fbc35e7b8ec9c818ad', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '866541538223dddbd750c57836426941ef4e6139', class: "thumb" }, h("div", { key: 'b663cbb67b3656bec79b81a3d0b47fb08f234bfb', class: "knob" }), h("div", { key: '58bc88bc2c9ff6e1a2c4635708d2dd1c5744e7ac', class: "indicator", "aria-hidden": "true" }, this.isUnset
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), h("div", { key: 'b62ca0a0dc80b5d6c370d477a7cb340c5c1fb79d', class: "range-labels" }, h("span", { key: '4455915693d0c95db8f5a05ac344e8de3c7efe4d', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: 'ef141dec4f89ad937e521cb82b94ad3348904e49', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : this.displayValue))), h("div", { key: '4bc12eebc0006e5e54ff2d6c44d04303e0370de0', class: "range-labels" }, h("span", { key: 'faa2e129c54b50f7503277fdfb8430270a154524', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: 'ade8069607794cddfddec0d6b5d574b54fb7da0e', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
     }
     watchValue() {
         this.syncStateFromValue();

package/dist/collection/components/snackbar/snackbar.js

@@ -122,14 +122,14 @@ export class Snackbar {
         }
     }
     render() {
-        return (h("aside", { key: 'afddc11b55b4f3bdf05bc9ff50ed8c05851d53ac', popover: "manual", style: {
+        return (h("aside", { key: '8783a6f2dfbc27d97e2923e4b1733a605c96426a', popover: "manual", style: {
                 '--snackbar-timeout': `${Math.max(this.timeout || 0, 0)}ms`,
                 '--snackbar-distance-to-top-edge': `${this.offset}px`,
             }, class: {
                 open: this.open,
                 'is-closing': this.closing,
                 'limel-portal--parent': true,
-            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: 'ea4aff6aba7f089e34e48aeb91a2a2d7382f3ca4', class: "surface" }, h("limel-markdown", { key: '3b2cc771e74d951a2dc2118e179c5a7670e2eab2', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
+            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: '96335eef9b7ea7c5c32a7fe3dc197a5a51f91606', class: "surface" }, h("limel-markdown", { key: 'a28c251f5c22723a816e0c662a479ecd98c59ad0', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {

package/dist/collection/components/spinner/spinner.js

@@ -16,7 +16,7 @@ export class Spinner {
         this.limeBranded = false;
     }
     render() {
-        return (h(Host, { key: 'ce772c5c7083690c8350e05720a5a1ba3a9119dd' }, h("svg", { key: 'd89a035b940a7cdb9e4f994a94301e91d242605e', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (h(Host, { key: '9883b127040b5ff110bdd1d8b6d38007fb02df6f' }, h("svg", { key: '019b40d28fc363dd0a6e6b740408df2de717bf65', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

package/dist/collection/components/split-button/split-button.js

@@ -55,9 +55,9 @@ export class SplitButton {
         };
     }
     render() {
-        return (h(Host, { key: 'cb82f37e28c686da8dbdd1d5e0dafc00f5f47f4d', class: {
+        return (h(Host, { key: '7d99f6e787578f89d011b03d7f74555514e26644', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '227c768350a7e822f766043c31f4d3ccb5d5181c', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: 'b846b51c307b36831bebe2bb6c3c4efc1c9019a9', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
     }
     static get is() { return "limel-split-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/switch/switch.js

@@ -78,7 +78,7 @@ export class Switch {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: '5193987be5def9c42517ecbc1affc9cbb08d6ff6' }, this.readonly
+        return (h(Host, { key: 'b6c37d2c9a9dc66e7e02271fe7877d24f190aaa9' }, this.readonly
             ? this.renderReadonly()
             : this.renderInteractive(), this.renderHelperLine()));
     }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -101,7 +101,7 @@ export class TabBar {
     }
     render() {
         const tabStop = findTabStop(this.tabs, this.tabs.findIndex((tab) => tab.active), this.getNavigationOptions());
-        return (h("div", { key: 'a6fea42551095401324faac28bad996dd4137428', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: '956d8b890785071eacb66478e4f6af8bbc467a93', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
+        return (h("div", { key: 'dc7667c302c9f0e6646fde68910a7db307df4981', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: 'bedbb5b569822a394582a7f1c3e108206d230912', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);

package/dist/collection/components/tab-panel/tab-panel.js

@@ -75,7 +75,7 @@ export class TabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '3f70176f334708cbe3c0629ed5b00ea26676b187', onChangeTab: this.handleChangeTabs }, h("div", { key: '49d629465a2df872df90a8534aba05db1d1eab6d', class: "tab-panel" }, h("limel-tab-bar", { key: 'c6c7392edaaf36de925bee5851ff24c64cf639a3', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: '2f1e5eb59c3ae94fa0dc92a6fe3ba4dec50dd5be', class: "tab-content" }, h("slot", { key: '7441131f62ff758351e44c33c50b4a499e05351c' })))));
+        return (h(Host, { key: '530a6e0b8ae7387edaf8e0c1b6360a5a8099f155', onChangeTab: this.handleChangeTabs }, h("div", { key: '5d2ba03a54a5315b9c400d28b8dc0967a41a34fe', class: "tab-panel" }, h("limel-tab-bar", { key: '69183dd7c31a1d5c6d7027a81bf152586bf6fd0a', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: 'f7ac219b8f1941a1b2b5656f36646077165b2ec9', class: "tab-content" }, h("slot", { key: '177a1e39cdc731a2e77b6d06a691851a193b2a40' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

package/dist/collection/components/table/table.js

@@ -757,13 +757,13 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: '8e8d0bcd487ff3a97c2a94b69c4501f941908ee1', class: {
+        return (h(Host, { key: 'b83772fd4b3fda9ec2e422d7ae96108ac8c3e30a', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: '9e28778ef0d76065191837fb3f86293c3ba4c482', id: "tabulator-container" }, h("div", { key: '4f5ffbe1d9c61a7557fe2f91ce71f599f7443445', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'd758f28e7e2fa0db7e5550e4786b1855f94e2bca', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: 'f936473386dd1ad3163a7726cb8203f93c7d3528', id: "tabulator-table" }))));
+            } }, h("div", { key: 'cae198d9b1cad3fc776bc09517013a93243c2228', id: "tabulator-container" }, h("div", { key: 'fe968494d9b7977eac1643aadeee1bf0d2347f0e', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'd73ed9fbcca8b75039fa7119e7c9bf0b00b58f0c', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '67ffdb6b7627a0660008f17e3e5ae3ac62554a64', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

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: 'b56e8cc8a92687def175a89ac65ae50dc8d20117', 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: '15e93737de2593e18e834574fc2ea6c1ae674750', 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: 'e26f28d12a340a6a6a6812e538ece24e542435b7', class: "actions" }, h("limel-button", { key: 'db02d851b128ef963d505cb27c604105aaa5a55d', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '3bb20785677384693a20963c493a1cfd9b8fabcb', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            h("limel-input-field", { key: 'b5312daf705ab14fa4c468724558056b66608f22', 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: '7a2f6855cc96f358e443e1601fbc165964c7ed24', 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: 'e177a765afc2a87c59ffee3df4c3448981cc4473', class: "actions" }, h("limel-button", { key: '899f0cac96a8dfeeef843bb8ca6a6777c838377b', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '3708c7baac58d6f4865188c6008944d47e1a01ee', 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: 'eff663aa0d2c0ce2906fc160a70691e78dbda774', onFocus: this.handleFocus }, h("div", { key: '71111267b9098261ca843516ae067443c7f40740', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: 'bfdaaa62c1d97672795987a0320fcaaf7df6aee0', onFocus: this.handleFocus }, h("div", { key: '6ea1e3685c40f85d9ca1f62e924f117c34571db9', 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: '5b5b70f3c96deae4375ae371c7ee5607ef0efb9b' }, h("limel-notched-outline", { key: '825ec7fc78846020315d4f06bd9d7cb64e22e043', 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: '83900052e98727b5b27f4135f5ba6931aa7e3c70' }, h("limel-notched-outline", { key: 'f1c35caa660aca7e7d636815b1e3e2ec3d5f1622', 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: '63d36a0e0f1fb0e4eb94c5c216c80299d82f63b2', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '6d4ecf58b8854edeece92a53065816292a2a39b9', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: 'f5812cfa3d4abb1bddd71f4a1356666e655c9665', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '3bd66c2b52150d4f2b740c914fc13465b2833e7a', 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: 'f77ad0d2453d4abda766785d0ccfe96154df71bb', class: "trigger-anchor" }, h("limel-portal", { key: 'e7f314f76039381ebe5c3add9e675a53650ad8f1', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: '731a0a14fd82106f3f64239f602b348c2053762d', class: "trigger-anchor" }, h("limel-portal", { key: 'c862ecd6be6f48fa6a4cc8a7c5d5470b317bdf16', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: 'afbd8bf04d7070fa8afe22f14496c2c24cdf222e', 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: '941de1ecb63c329f12c1e38833be15dc8d3283b5', 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

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'År',
     'drag-handle.drag-handle': 'Trækgreb',
     'drag-handle.drag-to-reorder': 'Træk for at omarrangere',
+    'resize-handle.resize': 'Ændr størrelsen på { region }',
+    'resize-handle.resize-this-region': 'Ændr størrelsen på dette område',
+    'resize-handle.drag': 'Træk for at ændre størrelsen',
+    'resize-handle.keys-left-right': 'Tryk på venstre- og højrepiltasterne',
+    'resize-handle.keys-up-down': 'Tryk på op- og nedpiltasterne',
+    'side-panel.resize-region': 'sidepanelet',
+    'side-panel.resize-region.named': 'panelet { label }',
     'chip-set.clear-all': 'Ryd alle',
     'snackbar.dismiss': 'Luk',
     'file.drag-and-drop-tips': 'Træk & slip filen her, eller klik for at gennemse.',

package/dist/collection/translations/de.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'Jahr',
     'drag-handle.drag-handle': 'Ziehgriff',
     'drag-handle.drag-to-reorder': 'Zum Neuordnen ziehen',
+    'resize-handle.resize': 'Größe von { region } ändern',
+    'resize-handle.resize-this-region': 'Größe dieses Bereichs ändern',
+    'resize-handle.drag': 'Zum Ändern der Größe ziehen',
+    'resize-handle.keys-left-right': 'Pfeiltasten nach links und rechts drücken',
+    'resize-handle.keys-up-down': 'Pfeiltasten nach oben und unten drücken',
+    'side-panel.resize-region': 'der Seitenleiste',
+    'side-panel.resize-region.named': 'dem Panel { label }',
     'chip-set.clear-all': 'Alles löschen',
     'snackbar.dismiss': 'Schließen',
     'file.drag-and-drop-tips': 'Ziehen Sie Ihre Datei hierher oder klicken Sie, um zu durchsuchen.',

package/dist/collection/translations/en.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'Year',
     'drag-handle.drag-handle': 'Drag handle',
     'drag-handle.drag-to-reorder': 'Drag to reorder',
+    'resize-handle.resize': 'Resize { region }',
+    'resize-handle.resize-this-region': 'Resize this region',
+    'resize-handle.drag': 'Drag to resize',
+    'resize-handle.keys-left-right': 'Press the left and right arrow keys',
+    'resize-handle.keys-up-down': 'Press the up and down arrow keys',
+    'side-panel.resize-region': 'side panel',
+    'side-panel.resize-region.named': '{ label } panel',
     'chip-set.clear-all': 'Clear all',
     'snackbar.dismiss': 'Dismiss',
     'file.drag-and-drop-tips': 'Drag & drop your file here, or click to browse.',

package/dist/collection/translations/fi.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'Vuosi',
     'drag-handle.drag-handle': 'Raahauskahva',
     'drag-handle.drag-to-reorder': 'Raahaa järjestelläksesi',
+    'resize-handle.resize': 'Muuta { region } kokoa',
+    'resize-handle.resize-this-region': 'Muuta tämän alueen kokoa',
+    'resize-handle.drag': 'Vedä muuttaaksesi kokoa',
+    'resize-handle.keys-left-right': 'Paina vasenta ja oikeaa nuolinäppäintä',
+    'resize-handle.keys-up-down': 'Paina ylä- ja alanuolinäppäintä',
+    'side-panel.resize-region': 'sivupaneelin',
+    'side-panel.resize-region.named': 'paneelin { label }',
     'chip-set.clear-all': 'Tyhjennä kaikki',
     'snackbar.dismiss': 'Sulje',
     'file.drag-and-drop-tips': 'Vedä & pudota tiedostosi tähän, tai napsauta selataksesi.',

package/dist/collection/translations/fr.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'Année',
     'drag-handle.drag-handle': 'Poignée de déplacement',
     'drag-handle.drag-to-reorder': 'Glissez pour réorganiser',
+    'resize-handle.resize': 'Redimensionner { region }',
+    'resize-handle.resize-this-region': 'Redimensionner cette zone',
+    'resize-handle.drag': 'Faites glisser pour redimensionner',
+    'resize-handle.keys-left-right': 'Appuyez sur les flèches gauche et droite',
+    'resize-handle.keys-up-down': 'Appuyez sur les flèches haut et bas',
+    'side-panel.resize-region': 'le panneau latéral',
+    'side-panel.resize-region.named': 'le panneau { label }',
     'chip-set.clear-all': 'Tout effacer',
     'snackbar.dismiss': 'Fermer',
     'file.drag-and-drop-tips': 'Glissez-déposez votre fichier ici, ou cliquez pour parcourir.',

package/dist/collection/translations/nl.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'Jaar',
     'drag-handle.drag-handle': 'Sleepgreep',
     'drag-handle.drag-to-reorder': 'Slepen om opnieuw te ordenen',
+    'resize-handle.resize': 'Grootte van { region } wijzigen',
+    'resize-handle.resize-this-region': 'Grootte van dit gebied wijzigen',
+    'resize-handle.drag': 'Sleep om de grootte te wijzigen',
+    'resize-handle.keys-left-right': 'Druk op de pijltoetsen links en rechts',
+    'resize-handle.keys-up-down': 'Druk op de pijltoetsen omhoog en omlaag',
+    'side-panel.resize-region': 'het zijpaneel',
+    'side-panel.resize-region.named': 'het paneel { label }',
     'chip-set.clear-all': 'Alles wissen',
     'snackbar.dismiss': 'Sluiten',
     'file.drag-and-drop-tips': 'Sleep een bestand hierheen of klik om te bladeren.',

package/dist/collection/translations/no.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'År',
     'drag-handle.drag-handle': 'Dra-håndtak',
     'drag-handle.drag-to-reorder': 'Dra for å omorganisere',
+    'resize-handle.resize': 'Endre størrelsen på { region }',
+    'resize-handle.resize-this-region': 'Endre størrelsen på denne regionen',
+    'resize-handle.drag': 'Dra for å endre størrelsen',
+    'resize-handle.keys-left-right': 'Trykk på venstre- og høyrepiltastene',
+    'resize-handle.keys-up-down': 'Trykk på opp- og nedpiltastene',
+    'side-panel.resize-region': 'sidepanelet',
+    'side-panel.resize-region.named': 'panelet { label }',
     'chip-set.clear-all': 'Fjern alle',
     'file.drag-and-drop-tips': 'Dra & slipp filen her, eller klikk for å bla gjennom.',
     'file.optimizing': 'Optimaliserer…',

package/dist/collection/translations/sv.js

@@ -29,6 +29,13 @@ export default {
     'date-picker.year.heading': 'År',
     'drag-handle.drag-handle': 'Draghandtag',
     'drag-handle.drag-to-reorder': 'Dra för att ändra ordning',
+    'resize-handle.resize': 'Ändra storlek på { region }',
+    'resize-handle.resize-this-region': 'Ändra storlek på den här regionen',
+    'resize-handle.drag': 'Dra för att ändra storlek',
+    'resize-handle.keys-left-right': 'Tryck på vänster- och högerpiltangenterna',
+    'resize-handle.keys-up-down': 'Tryck på upp- och nedpiltangenterna',
+    'side-panel.resize-region': 'sidopanelen',
+    'side-panel.resize-region.named': 'panelen { label }',
     'chip-set.clear-all': 'Rensa alla',
     'snackbar.dismiss': 'Stäng',
     'file.drag-and-drop-tips': 'Dra & släpp filen här eller klicka om du vill bläddra.',