@limetech/lime-elements 40.12.3 → 40.13.1

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

@@ -15,10 +15,16 @@ import { dispatchResizeEvent } from "../../util/dispatch-resize-event";
  * The slotted components can also emit the `changeTab` event to update anything
  * inside the actual tab, e.g. to change the icon, color or badge.
  *
+ * Set `allowTabReorder` to let the user reorder the tabs by dragging them. The
+ * panel does not change `tabs` itself. Listen for `reorderTab`, and give the
+ * panel the tabs in their new order. The tabs can be reordered with a mouse
+ * and a touch screen, but not yet with the keyboard.
+ *
  * @slot - Content to put inside the `limel-tab-panel`. Each slotted element
  * must have the `id` attribute equal to the id of the tab it belongs to.
  * @exampleComponent limel-example-tab-panel-basic
  * @exampleComponent limel-example-tab-panel-vertical
+ * @exampleComponent limel-example-tab-panel-reorder
  */
 export class TabPanel {
     constructor() {
@@ -31,6 +37,11 @@ export class TabPanel {
          * column, to the left of it.
          */
         this.orientation = 'horizontal';
+        /**
+         * Set to `true` to let the user reorder the tabs by dragging them. Listen
+         * for `reorderTab` and give the panel the tabs in their new order.
+         */
+        this.allowTabReorder = false;
         this.slotElements = [];
         this.handleChangeTabs = this.handleChangeTabs.bind(this);
         this.setSlotElements = this.setSlotElements.bind(this);
@@ -64,7 +75,7 @@ export class TabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '69b4a7ee8bbe366dd3a001e2d63a96c1680660c1', onChangeTab: this.handleChangeTabs }, h("div", { key: '5844651fd25248b2767127f6ca6ab5f02f03c347', class: "tab-panel" }, h("limel-tab-bar", { key: '0ef45e1bead572d950148b0e4f8b53c8d9f567ce', tabs: this.tabs, orientation: this.orientation }), h("div", { key: 'a8b336877c2bc9b1ebda32fd726d76be3957bbf3', class: "tab-content" }, h("slot", { key: '97e10533292738d2b4d0914eb9922cac0b396bb6' })))));
+        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();
@@ -165,6 +176,26 @@ export class TabPanel {
                 "reflect": true,
                 "attribute": "orientation",
                 "defaultValue": "'horizontal'"
+            },
+            "allowTabReorder": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to `true` to let the user reorder the tabs by dragging them. Listen\nfor `reorderTab` and give the panel the tabs in their new order."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "allow-tab-reorder",
+                "defaultValue": "false"
             }
         };
     }
@@ -191,6 +222,28 @@ export class TabPanel {
                         }
                     }
                 }
+            }, {
+                "method": "reorderTab",
+                "name": "reorderTab",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user has dragged a tab to a new place. The panel does\nnot change `tabs` itself. The tab stays where it was until `tabs` is set\nto the tabs in their new order."
+                },
+                "complexType": {
+                    "original": "TabReorderEvent",
+                    "resolved": "TabReorderEvent",
+                    "references": {
+                        "TabReorderEvent": {
+                            "location": "import",
+                            "path": "../tab-bar/tab.types",
+                            "id": "src/components/tab-bar/tab.types.ts::TabReorderEvent",
+                            "referenceLocation": "TabReorderEvent"
+                        }
+                    }
+                }
             }];
     }
     static get elementRef() { return "host"; }

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.',

package/dist/collection/util/drag-to-reorder.js

@@ -0,0 +1,116 @@
+import Sortable from "sortablejs";
+const DRAG_HANDLE_SELECTOR = '[data-drag-handle]';
+const DRAGGING_CONTAINER_CLASS = 'has-an-item-which-is-being-dragged';
+const ELEVATED_ITEM_CLASS = 'is-elevated';
+const ELEVATION_DURATION_MS = 1000;
+const TOUCH_DRAG_DELAY_MS = 200;
+const ANIMATION_DURATION_MS = 150;
+/**
+ * Lets the user reorder the children of a list with a drag handle.
+ *
+ * Every child of the list has a `data-reorder-id`, and the drag starts from
+ * an element with the `data-drag-handle` attribute inside a child.
+ */
+export class DragToReorder {
+    constructor(options) {
+        this.options = options;
+        this.orderBeforeDrag = [];
+        this.handleStart = (event) => {
+            var _a, _b;
+            this.orderBeforeDrag = this.readOrder();
+            this.nextSiblingBeforeDrag = (_a = event.item.nextElementSibling) !== null && _a !== void 0 ? _a : undefined;
+            (_b = this.container) === null || _b === void 0 ? void 0 : _b.classList.add(DRAGGING_CONTAINER_CLASS);
+            this.elevate(event.item);
+        };
+        this.handleEnd = (event) => {
+            var _a;
+            (_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.remove(DRAGGING_CONTAINER_CLASS);
+            this.keepElevatedBriefly(event.item);
+            const order = this.readOrder();
+            const id = event.item.dataset.reorderId;
+            const fromIndex = this.orderBeforeDrag.indexOf(id);
+            const toIndex = order.indexOf(id);
+            const nextSibling = this.nextSiblingBeforeDrag;
+            this.orderBeforeDrag = [];
+            this.nextSiblingBeforeDrag = undefined;
+            if (fromIndex === -1 || toIndex === -1 || fromIndex === toIndex) {
+                return;
+            }
+            if (this.options.revertDrop) {
+                this.putBack(event.item, nextSibling);
+            }
+            this.options.onReorder({ order, fromIndex, toIndex });
+        };
+    }
+    /**
+     * @param container - the list
+     * @param direction - the way the children are laid out. Leave it out to
+     * let SortableJS find out. Setting up the same list again without it keeps
+     * the direction that the list has.
+     */
+    setup(container, direction) {
+        if (this.getDraggableItems(container).length < 2) {
+            this.teardown();
+            return;
+        }
+        if (this.sortable && this.container === container) {
+            this.changeDirection(direction);
+            return;
+        }
+        this.teardown();
+        this.container = container;
+        this.direction = direction;
+        this.sortable = Sortable.create(container, Object.assign(Object.assign({ animation: ANIMATION_DURATION_MS, handle: DRAG_HANDLE_SELECTOR, draggable: this.options.draggable, delay: TOUCH_DRAG_DELAY_MS, delayOnTouchOnly: true }, (direction && { direction: direction })), { onStart: this.handleStart, onEnd: this.handleEnd }));
+    }
+    teardown() {
+        var _a, _b;
+        (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.sortable = undefined;
+        this.removeElevation();
+        (_b = this.container) === null || _b === void 0 ? void 0 : _b.classList.remove(DRAGGING_CONTAINER_CLASS);
+        this.container = undefined;
+        this.direction = undefined;
+        this.orderBeforeDrag = [];
+        this.nextSiblingBeforeDrag = undefined;
+    }
+    putBack(item, nextSibling) {
+        const isStillInList = (nextSibling === null || nextSibling === void 0 ? void 0 : nextSibling.parentNode) === this.container;
+        this.container.insertBefore(item, isStillInList ? nextSibling : null);
+    }
+    changeDirection(direction) {
+        if (!direction || direction === this.direction) {
+            return;
+        }
+        this.direction = direction;
+        this.sortable.option('direction', direction);
+    }
+    getDraggableItems(container) {
+        return [...container.children].filter((child) => child.matches(this.options.draggable));
+    }
+    readOrder() {
+        var _a, _b;
+        const children = [...((_b = (_a = this.container) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : [])];
+        return children
+            .filter((child) => {
+            return (child instanceof HTMLElement &&
+                child.dataset.reorderId !== undefined);
+        })
+            .map((child) => child.dataset.reorderId);
+    }
+    elevate(item) {
+        this.removeElevation();
+        item.classList.add(ELEVATED_ITEM_CLASS);
+        this.elevatedItem = item;
+    }
+    keepElevatedBriefly(item) {
+        this.elevate(item);
+        this.elevationTimeout = setTimeout(() => this.removeElevation(), ELEVATION_DURATION_MS);
+    }
+    removeElevation() {
+        var _a;
+        clearTimeout(this.elevationTimeout);
+        this.elevationTimeout = undefined;
+        (_a = this.elevatedItem) === null || _a === void 0 ? void 0 : _a.classList.remove(ELEVATED_ITEM_CLASS);
+        this.elevatedItem = undefined;
+    }
+}

package/dist/esm/{_baseForOwn-D5j7fHlv.js → _baseForOwn-vKFWmmaS.js}

@@ -1,4 +1,4 @@
-import { k as keys } from './_baseIsEqual-CyF4P8uM.js';
+import { k as keys } from './_baseIsEqual-B_JRErB0.js';
 
 /**
  * Creates a base function for methods like `_.forIn` and `_.forOwn`.

package/dist/esm/{_baseIsEqual-CyF4P8uM.js → _baseIsEqual-B_JRErB0.js}

@@ -1203,4 +1203,4 @@ function baseIsEqual(value, other, bitmask, customizer, stack) {
   return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
 }
 
-export { MapCache as M, SetCache as S, Uint8Array as U, Stack as a, baseIsEqual as b, cacheHas as c, arrayPush as d, arrayLikeKeys as e, stubArray as f, getAllKeys as g, getSymbols as h, baseGetAllKeys as i, keys as k, setToArray as s };
+export { MapCache as M, SetCache as S, Uint8Array as U, arrayPush as a, baseIsEqual as b, cacheHas as c, Stack as d, arrayLikeKeys as e, stubArray as f, getAllKeys as g, getSymbols as h, baseGetAllKeys as i, keys as k, setToArray as s };

package/dist/esm/{_baseIteratee-CpbczHY1.js → _baseIteratee-CVz7aes3.js}

@@ -1,4 +1,4 @@
-import { M as MapCache, a as Stack, b as baseIsEqual, k as keys } from './_baseIsEqual-CyF4P8uM.js';
+import { M as MapCache, d as Stack, b as baseIsEqual, k as keys } from './_baseIsEqual-B_JRErB0.js';
 import { S as Symbol, i as isObject } from './isObject-BJQylLSL.js';
 import { i as isArray } from './isArray-B8VKuhvH.js';
 import { i as isSymbol } from './isSymbol-ClAke5ga.js';

package/dist/esm/{_baseSet-Cw2IE6ZF.js → _baseSet-BUAq8NGm.js}

@@ -1,5 +1,5 @@
 import { a as assignValue } from './_assignValue-CEFvyZxO.js';
-import { c as castPath, a as toKey } from './_baseIteratee-CpbczHY1.js';
+import { c as castPath, a as toKey } from './_baseIteratee-CVz7aes3.js';
 import { i as isIndex } from './_isIndex-B--C3qwe.js';
 import { i as isObject } from './isObject-BJQylLSL.js';
 

package/dist/esm/{cloneDeep-DAbOtbs8.js → cloneDeep-Bcll-3f8.js}

@@ -1,4 +1,4 @@
-import { U as Uint8Array, a as Stack, g as getAllKeys } from './_baseIsEqual-CyF4P8uM.js';
+import { U as Uint8Array, d as Stack, g as getAllKeys } from './_baseIsEqual-B_JRErB0.js';
 import { a as assignValue } from './_assignValue-CEFvyZxO.js';
 import { d as isPrototype, g as getTag, e as baseUnary, n as nodeUtil, a as isBuffer } from './_getTag-BiAaLWvH.js';
 import { i as isObject, S as Symbol } from './isObject-BJQylLSL.js';