@micromag/editor 0.4.95 → 0.4.97

package/assets/css/styles.css

@@ -18,7 +18,7 @@
 .micromag-editor-buttons-screen-with-preview-button{display:block;position:relative;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index{background-color:rgba(0,0,0,.4);color:#fff;font-size:1.25rem}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{background-color:rgb(var(--bs-body-bg-rgb),.8);color:var(--bs-body-color);font-size:.8rem;padding:5px;text-align:center;word-break:break-word}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-deleteButton{cursor:pointer;font-size:.9em;font-weight:600;opacity:0;position:absolute;right:11%;top:4%;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;z-index:3}.micromag-editor-buttons-screen-with-preview-button:hover{-webkit-filter:grayscale(.5);filter:grayscale(.5)}.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-deleteButton,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-name{opacity:1}
 .micromag-editor-partials-screen-states-container{display:inline-block}.micromag-editor-partials-screen-states-button{min-height:75px;width:50px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;border-color:var(--mm-gray-600,#6c6c6c);color:#6c6c6c;color:var(--mm-gray-600,#6c6c6c)}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{background:transparent;border-color:#e9e9e9;border-color:var(--mm-gray-200,#e9e9e9);color:#e9e9e9;color:var(--mm-gray-200,#e9e9e9)}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{font-size:.75em;padding:0 .2em;text-align:left}.micromag-editor-partials-screen-states-settings{max-height:100px}
 .micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;padding:20px 0;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;overflow:hidden;width:100%;-ms-flex-positive:1;flex-grow:1;padding:0}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.micromag-editor-preview-container .micromag-editor-preview-preview{height:100%;position:relative;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{height:100%;position:relative}.micromag-editor-preview-container .micromag-editor-preview-devices{bottom:10px;position:absolute;right:10px}.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:540px){.micromag-editor-preview-container .micromag-editor-preview-top{display:block;overflow-x:auto;text-align:center;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{padding:50px 20px}}
-.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%;z-index:1;-ms-flex-align:center;align-items:center;background-color:transparent}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle .micromag-editor-sortable-sortable-tree-item-actions-icon{display:none;left:10px;position:absolute;top:10px;visibility:hidden}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-text{overflow:hidden;-ms-flex-positive:1;flex-grow:1;padding-left:.5rem;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-count{display:-ms-flexbox;display:flex;height:24px;position:absolute;right:-10px;top:-10px;width:24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;justify-content:center}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount{background-color:transparent;bottom:2px;right:3px;top:auto}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableInteraction{pointer-events:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-text,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse{bottom:0;display:-ms-flexbox;display:flex;height:30px;left:0;position:absolute;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse svg{margin-left:10px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse.micromag-editor-sortable-sortable-tree-item-actions-collapsed svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-children{position:relative;width:100%;z-index:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren .micromag-editor-sortable-sortable-tree-item-actions-inner{padding-bottom:30px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone{display:block;margin-left:10px;margin-top:5px;padding:0;pointer-events:none;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-inner{border-radius:10px;-webkit-box-shadow:0 15px 15px 0 rgba(34,33,81,.1);box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-right:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost:not(.micromag-editor-sortable-sortable-tree-item-actions-indicator){-webkit-filter:opacity(.6);filter:opacity(.6)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner>*{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner{border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:4px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator{margin-bottom:-1px;opacity:1;position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner{background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:10px;height:8px;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner>*{height:0;opacity:0}
+.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%;z-index:1;-ms-flex-align:center;align-items:center;background-color:transparent}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle .micromag-editor-sortable-sortable-tree-item-actions-icon{display:none;left:10px;position:absolute;top:10px;visibility:hidden}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-text{overflow:hidden;-ms-flex-positive:1;flex-grow:1;padding-left:.5rem;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-count{display:-ms-flexbox;display:flex;height:24px;position:absolute;right:-10px;top:-10px;width:24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;justify-content:center}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount{background-color:transparent;bottom:2px;right:3px;top:auto}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableInteraction{pointer-events:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-text,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse{bottom:0;display:-ms-flexbox;display:flex;height:30px;left:0;position:absolute;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse svg{margin-left:10px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse.micromag-editor-sortable-sortable-tree-item-actions-collapsed svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-children{position:relative;width:100%;z-index:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren .micromag-editor-sortable-sortable-tree-item-actions-inner{padding-bottom:30px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-opened{border-bottom-left-radius:0;border-bottom-right-radius:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone{display:block;margin-left:10px;margin-top:5px;padding:0;pointer-events:none;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-inner{border-radius:10px;-webkit-box-shadow:0 15px 15px 0 rgba(34,33,81,.1);box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-right:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost:not(.micromag-editor-sortable-sortable-tree-item-actions-indicator){-webkit-filter:opacity(.6);filter:opacity(.6)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner>*{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner{border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:4px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator{margin-bottom:-1px;opacity:1;position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner{background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:10px;height:8px;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner>*{height:0;opacity:0}
 .micromag-editor-sortable-sortable-tree-item-container{display:block}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-parent{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-child{bottom:-25px;-webkit-filter:brightness(60%);filter:brightness(60%);position:absolute;right:5px;width:75%;z-index:0}
 .micromag-editor-sortable-sortable-tree-item{padding-bottom:5px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-parent{padding-bottom:0}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group{padding-top:5px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group.micromag-editor-sortable-sortable-tree-isLastChild{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:4px;padding-bottom:6px}
 .micromag-editor-menus-screens-item,.micromag-editor-menus-screens-items{list-style:none;margin:0;padding:0}.micromag-editor-menus-screens-container{position:relative}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-items{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:-5px;padding:0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{display:block;padding:5px;position:relative;width:33.3%;z-index:2}@media screen and (min-width:540px){.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{width:20%}}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-button{display:block}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-screen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{background:rgba(#000,.9)}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-settings{position:absolute;right:0;top:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-noWrap .micromag-editor-menus-screens-items{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-items{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-item{width:100%}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-item{margin:5px;padding:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-button{width:100px}

package/es/index.d.ts

@@ -2,20 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Story, StoryTheme, DeviceScreen, ViewerTheme, MenuItem, ScreenDefinition } from '@micromag/core';
 import React from 'react';
 
-interface EditorContainerProps {
-    value?: Story | StoryTheme | null;
-    routes?: unknown;
-    memoryRouter?: boolean;
-    basePath?: string | null;
-    uppy?: {
-        transport?: string;
-    } | null;
-    googleApiKey?: string | null;
-    googleMapsLibraries?: string[];
-    screenNamespaces?: string[] | null;
-}
-declare function EditorContainer({ value, memoryRouter, routes, basePath, uppy, googleApiKey, googleMapsLibraries, screenNamespaces, ...props }: EditorContainerProps): react_jsx_runtime.JSX.Element;
-
 interface EditorProps {
     value?: Story | StoryTheme | null;
     deviceScreens?: DeviceScreen[];
@@ -29,6 +15,20 @@ interface EditorProps {
 }
 declare function Editor({ value, viewerTheme, isTheme, isCreateOpened, deviceScreens, mobileView: initialMobileView, onChange, fullscreen, className, }: EditorProps): react_jsx_runtime.JSX.Element;
 
+interface EditorContainerProps extends EditorProps {
+    value?: Story | StoryTheme | null;
+    routes?: unknown;
+    memoryRouter?: boolean;
+    basePath?: string | null;
+    uppy?: {
+        transport?: string;
+    } | null;
+    googleApiKey?: string | null;
+    googleMapsLibraries?: string[];
+    screenNamespaces?: string[] | null;
+}
+declare function EditorContainer({ value, memoryRouter, routes, basePath, uppy, googleApiKey, googleMapsLibraries, screenNamespaces, ...props }: EditorContainerProps): react_jsx_runtime.JSX.Element;
+
 interface ScreensMenuProps {
     items?: MenuItem[];
     withPreview?: boolean;

package/es/index.js

@@ -2432,10 +2432,10 @@ const sortableTreeKeyboardCoordinates = (context, indentationWidth) => (event, {
   return undefined;
 };
 
-var styles$7 = {"wrapper":"micromag-editor-sortable-sortable-tree-item-actions-wrapper","inner":"micromag-editor-sortable-sortable-tree-item-actions-inner","button":"micromag-editor-sortable-sortable-tree-item-actions-button","handle":"micromag-editor-sortable-sortable-tree-item-actions-handle","icon":"micromag-editor-sortable-sortable-tree-item-actions-icon","count":"micromag-editor-sortable-sortable-tree-item-actions-count","collapsedCount":"micromag-editor-sortable-sortable-tree-item-actions-collapsedCount","disableInteraction":"micromag-editor-sortable-sortable-tree-item-actions-disableInteraction","disableSelection":"micromag-editor-sortable-sortable-tree-item-actions-disableSelection","clone":"micromag-editor-sortable-sortable-tree-item-actions-clone","collapse":"micromag-editor-sortable-sortable-tree-item-actions-collapse","collapsed":"micromag-editor-sortable-sortable-tree-item-actions-collapsed","children":"micromag-editor-sortable-sortable-tree-item-actions-children","withChildren":"micromag-editor-sortable-sortable-tree-item-actions-withChildren","ghost":"micromag-editor-sortable-sortable-tree-item-actions-ghost","indicator":"micromag-editor-sortable-sortable-tree-item-actions-indicator"};
+var styles$7 = {"wrapper":"micromag-editor-sortable-sortable-tree-item-actions-wrapper","inner":"micromag-editor-sortable-sortable-tree-item-actions-inner","button":"micromag-editor-sortable-sortable-tree-item-actions-button","handle":"micromag-editor-sortable-sortable-tree-item-actions-handle","icon":"micromag-editor-sortable-sortable-tree-item-actions-icon","count":"micromag-editor-sortable-sortable-tree-item-actions-count","collapsedCount":"micromag-editor-sortable-sortable-tree-item-actions-collapsedCount","disableInteraction":"micromag-editor-sortable-sortable-tree-item-actions-disableInteraction","disableSelection":"micromag-editor-sortable-sortable-tree-item-actions-disableSelection","clone":"micromag-editor-sortable-sortable-tree-item-actions-clone","collapse":"micromag-editor-sortable-sortable-tree-item-actions-collapse","collapsed":"micromag-editor-sortable-sortable-tree-item-actions-collapsed","children":"micromag-editor-sortable-sortable-tree-item-actions-children","withChildren":"micromag-editor-sortable-sortable-tree-item-actions-withChildren","opened":"micromag-editor-sortable-sortable-tree-item-actions-opened","ghost":"micromag-editor-sortable-sortable-tree-item-actions-ghost","indicator":"micromag-editor-sortable-sortable-tree-item-actions-indicator"};
 
 const SortableTreeItemActions = function (t0) {
-  const $ = c(71);
+  const $ = c(72);
   let depth;
   let indentationWidth;
   let props;
@@ -2546,18 +2546,20 @@ const SortableTreeItemActions = function (t0) {
   const showCollapsedCount = t17 === undefined ? false : t17;
   const children = t18 === undefined ? null : t18;
   const containerRef = t19 === undefined ? null : t19;
-  const t20 = onCollapse !== null;
+  const t20 = !collapsed;
   const t21 = onCollapse !== null;
-  let t22;
-  if ($[23] !== clone || $[24] !== disableInteraction || $[25] !== disableSelection || $[26] !== ghost || $[27] !== indicator || $[28] !== t20 || $[29] !== t21) {
-    t22 = classNames([styles$7.wrapper, "text-body", {
+  const t22 = onCollapse !== null;
+  let t23;
+  if ($[23] !== clone || $[24] !== disableInteraction || $[25] !== disableSelection || $[26] !== ghost || $[27] !== indicator || $[28] !== t20 || $[29] !== t21 || $[30] !== t22) {
+    t23 = classNames([styles$7.wrapper, "text-body", {
+      [styles$7.opened]: t20,
       [styles$7.clone]: clone,
       [styles$7.ghost]: ghost,
       [styles$7.indicator]: indicator,
       [styles$7.disableSelection]: disableSelection,
       [styles$7.disableInteraction]: disableInteraction,
-      [styles$7.withChildren]: t20,
-      "bg-body-secondary": t21
+      [styles$7.withChildren]: t21,
+      "bg-body-secondary": t22
     }]);
     $[23] = clone;
     $[24] = disableInteraction;
@@ -2567,98 +2569,99 @@ const SortableTreeItemActions = function (t0) {
     $[28] = t20;
     $[29] = t21;
     $[30] = t22;
+    $[31] = t23;
   } else {
-    t22 = $[30];
+    t23 = $[31];
   }
-  const t23 = `${indentationWidth * depth}px`;
-  const t24 = `${5 * depth}px`;
-  let t25;
-  if ($[31] !== t23 || $[32] !== t24) {
-    t25 = {
-      marginLeft: t23,
-      marginRight: t24
+  const t24 = `${indentationWidth * depth}px`;
+  const t25 = `${5 * depth}px`;
+  let t26;
+  if ($[32] !== t24 || $[33] !== t25) {
+    t26 = {
+      marginLeft: t24,
+      marginRight: t25
     };
-    $[31] = t23;
     $[32] = t24;
     $[33] = t25;
-  } else {
-    t25 = $[33];
-  }
-  let t26;
-  if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-    t26 = classNames([styles$7.button, styles$7.handle]);
     $[34] = t26;
   } else {
     t26 = $[34];
   }
   let t27;
   if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /*#__PURE__*/jsx(FontAwesomeIcon, {
-      className: styles$7.icon,
-      icon: faGripLines
-    });
+    t27 = classNames([styles$7.button, styles$7.handle]);
     $[35] = t27;
   } else {
     t27 = $[35];
   }
   let t28;
-  if ($[36] !== handleProps) {
-    t28 = /*#__PURE__*/jsx("button", {
-      className: t26,
+  if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+    t28 = /*#__PURE__*/jsx(FontAwesomeIcon, {
+      className: styles$7.icon,
+      icon: faGripLines
+    });
+    $[36] = t28;
+  } else {
+    t28 = $[36];
+  }
+  let t29;
+  if ($[37] !== handleProps) {
+    t29 = /*#__PURE__*/jsx("button", {
+      className: t27,
       type: "button",
       ...handleProps,
-      children: t27
+      children: t28
     });
-    $[36] = handleProps;
-    $[37] = t28;
+    $[37] = handleProps;
+    $[38] = t29;
   } else {
-    t28 = $[37];
+    t29 = $[38];
   }
-  let t29;
-  if ($[38] !== clone || $[39] !== onRemove) {
-    t29 = !clone && onRemove ? /*#__PURE__*/jsx("button", {
+  let t30;
+  if ($[39] !== clone || $[40] !== onRemove) {
+    t30 = !clone && onRemove ? /*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onRemove,
       children: /*#__PURE__*/jsx(FontAwesomeIcon, {
         icon: faTimes
       })
     }) : null;
-    $[38] = clone;
-    $[39] = onRemove;
-    $[40] = t29;
+    $[39] = clone;
+    $[40] = onRemove;
+    $[41] = t30;
   } else {
-    t29 = $[40];
+    t30 = $[41];
   }
-  let t30;
-  if ($[41] !== childCount || $[42] !== clone || $[43] !== showCount) {
-    t30 = clone && showCount && childCount && childCount > 1 ? /*#__PURE__*/jsx("span", {
+  let t31;
+  if ($[42] !== childCount || $[43] !== clone || $[44] !== showCount) {
+    t31 = clone && showCount && childCount && childCount > 1 ? /*#__PURE__*/jsx("span", {
       className: styles$7.count,
       children: childCount
     }) : null;
-    $[41] = childCount;
-    $[42] = clone;
-    $[43] = showCount;
-    $[44] = t30;
+    $[42] = childCount;
+    $[43] = clone;
+    $[44] = showCount;
+    $[45] = t31;
   } else {
-    t30 = $[44];
+    t31 = $[45];
   }
-  let t31;
-  if ($[45] !== childCount || $[46] !== collapsed || $[47] !== onCollapse || $[48] !== showCollapsedCount) {
-    t31 = showCollapsedCount && onCollapse && collapsed && childCount !== null && childCount > 0 ? /*#__PURE__*/jsx("span", {
+  let t32;
+  if ($[46] !== childCount || $[47] !== collapsed || $[48] !== onCollapse || $[49] !== showCollapsedCount) {
+    t32 = showCollapsedCount && onCollapse && collapsed && childCount !== null && childCount > 0 ? /*#__PURE__*/jsx("span", {
       className: styles$7.collapsedCount,
       children: childCount
     }) : null;
-    $[45] = childCount;
-    $[46] = collapsed;
-    $[47] = onCollapse;
-    $[48] = showCollapsedCount;
-    $[49] = t31;
+    $[46] = childCount;
+    $[47] = collapsed;
+    $[48] = onCollapse;
+    $[49] = showCollapsedCount;
+    $[50] = t32;
   } else {
-    t31 = $[49];
+    t32 = $[50];
   }
-  let t32;
-  if ($[50] !== collapsed || $[51] !== depth || $[52] !== onCollapse) {
-    t32 = onCollapse && depth === 0 ? /*#__PURE__*/jsx("button", {
+  let t33;
+  if ($[51] !== collapsed || $[52] !== depth || $[53] !== onCollapse) {
+    t33 = onCollapse && depth === 0 ? /*#__PURE__*/jsx("button", {
       type: "button",
       onClick: onCollapse,
       className: classNames(styles$7.button, styles$7.collapse, collapsed && styles$7.collapsed),
@@ -2666,66 +2669,66 @@ const SortableTreeItemActions = function (t0) {
         icon: faAngleDown
       })
     }) : null;
-    $[50] = collapsed;
-    $[51] = depth;
-    $[52] = onCollapse;
-    $[53] = t32;
+    $[51] = collapsed;
+    $[52] = depth;
+    $[53] = onCollapse;
+    $[54] = t33;
   } else {
-    t32 = $[53];
+    t33 = $[54];
   }
-  let t33;
-  if ($[54] !== children) {
-    t33 = /*#__PURE__*/jsx("div", {
+  let t34;
+  if ($[55] !== children) {
+    t34 = /*#__PURE__*/jsx("div", {
       className: styles$7.children,
       children: children
     });
-    $[54] = children;
-    $[55] = t33;
+    $[55] = children;
+    $[56] = t34;
   } else {
-    t33 = $[55];
+    t34 = $[56];
   }
-  let t34;
-  if ($[56] !== containerRef || $[57] !== style || $[58] !== t28 || $[59] !== t29 || $[60] !== t30 || $[61] !== t31 || $[62] !== t32 || $[63] !== t33) {
-    t34 = /*#__PURE__*/jsxs("div", {
+  let t35;
+  if ($[57] !== containerRef || $[58] !== style || $[59] !== t29 || $[60] !== t30 || $[61] !== t31 || $[62] !== t32 || $[63] !== t33 || $[64] !== t34) {
+    t35 = /*#__PURE__*/jsxs("div", {
       className: styles$7.inner,
       ref: containerRef,
       style: style,
-      children: [t28, t29, t30, t31, t32, t33]
+      children: [t29, t30, t31, t32, t33, t34]
     });
-    $[56] = containerRef;
-    $[57] = style;
-    $[58] = t28;
+    $[57] = containerRef;
+    $[58] = style;
     $[59] = t29;
     $[60] = t30;
     $[61] = t31;
     $[62] = t32;
     $[63] = t33;
     $[64] = t34;
+    $[65] = t35;
   } else {
-    t34 = $[64];
+    t35 = $[65];
   }
-  let t35;
-  if ($[65] !== props || $[66] !== t22 || $[67] !== t25 || $[68] !== t34 || $[69] !== wrapperRef) {
-    t35 = /*#__PURE__*/jsx("div", {
-      className: t22,
+  let t36;
+  if ($[66] !== props || $[67] !== t23 || $[68] !== t26 || $[69] !== t35 || $[70] !== wrapperRef) {
+    t36 = /*#__PURE__*/jsx("div", {
+      className: t23,
       ref: wrapperRef,
-      style: t25,
+      style: t26,
       ...props,
-      children: t34
+      children: t35
     });
-    $[65] = props;
-    $[66] = t22;
-    $[67] = t25;
-    $[68] = t34;
-    $[69] = wrapperRef;
-    $[70] = t35;
+    $[66] = props;
+    $[67] = t23;
+    $[68] = t26;
+    $[69] = t35;
+    $[70] = wrapperRef;
+    $[71] = t36;
   } else {
-    t35 = $[70];
+    t36 = $[71];
   }
-  return t35;
+  return t36;
 };
 
-var styles$6 = {"container":"micromag-editor-sortable-sortable-tree-item-container","parent":"micromag-editor-sortable-sortable-tree-item-parent","child":"micromag-editor-sortable-sortable-tree-item-child"};
+var styles$6 = {"container":"micromag-editor-sortable-sortable-tree-item-container","child":"micromag-editor-sortable-sortable-tree-item-child"};
 
 const animateLayoutChanges = ({
   isSorting,
@@ -2921,7 +2924,7 @@ function SortableTreeItem(t0) {
   let t20;
   if ($[36] !== Component || $[37] !== value) {
     t20 = Component !== null ? /*#__PURE__*/jsx("div", {
-      className: styles$6.parent,
+      className: "shadow position-relative z-1",
       children: /*#__PURE__*/jsx(Component, {
         ...value
       })
@@ -3293,7 +3296,8 @@ function SortableTree({
           parentId: parentId_1 = null
         }) => parentId_1 === id_16) : null;
         return /*#__PURE__*/jsx("div", {
-          className: classNames([styles$5.item, 'pb-2', {
+          className: classNames([styles$5.item, {
+            'pb-2': onCollapse === null || collapsed_1,
             [styles$5.parent]: onCollapse !== null && !collapsed_1,
             [styles$5.group]: depth_0 === 1,
             'bg-body-secondary': depth_0 === 1,

package/es/styles.css

@@ -18,7 +18,7 @@
 .micromag-editor-buttons-screen-with-preview-button{display:block;position:relative;-webkit-transition:-webkit-filter .2s ease;transition:-webkit-filter .2s ease;transition:filter .2s ease;transition:filter .2s ease,-webkit-filter .2s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index{background-color:rgba(0,0,0,.4);color:#fff;font-size:1.25rem}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{display:-ms-flexbox;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;pointer-events:none;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-name{background-color:rgb(var(--bs-body-bg-rgb),.8);color:var(--bs-body-color);font-size:.8rem;padding:5px;text-align:center;word-break:break-word}.micromag-editor-buttons-screen-with-preview-button .micromag-editor-buttons-screen-with-preview-deleteButton{cursor:pointer;font-size:.9em;font-weight:600;opacity:0;position:absolute;right:11%;top:4%;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;z-index:3}.micromag-editor-buttons-screen-with-preview-button:hover{-webkit-filter:grayscale(.5);filter:grayscale(.5)}.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-deleteButton,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-index,.micromag-editor-buttons-screen-with-preview-button.micromag-editor-buttons-screen-with-preview-withIndex:hover .micromag-editor-buttons-screen-with-preview-name{opacity:1}
 .micromag-editor-partials-screen-states-container{display:inline-block}.micromag-editor-partials-screen-states-button{min-height:75px;width:50px}.micromag-editor-partials-screen-states-button.btn-outline-secondary{border-color:#6c6c6c;border-color:var(--mm-gray-600,#6c6c6c);color:#6c6c6c;color:var(--mm-gray-600,#6c6c6c)}.micromag-editor-partials-screen-states-button.btn-outline-secondary:hover{background:transparent;border-color:#e9e9e9;border-color:var(--mm-gray-200,#e9e9e9);color:#e9e9e9;color:var(--mm-gray-200,#e9e9e9)}.micromag-editor-partials-screen-states-addButton{border-style:dashed}.micromag-editor-partials-screen-states-title{font-size:.75em;padding:0 .2em;text-align:left}.micromag-editor-partials-screen-states-settings{max-height:100px}
 .micromag-editor-preview-container{position:relative}.micromag-editor-preview-container>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.micromag-editor-preview-container .micromag-editor-preview-top{display:none;padding:20px 0;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:100%;overflow:hidden;width:100%;-ms-flex-positive:1;flex-grow:1;padding:0}.micromag-editor-preview-container .micromag-editor-preview-bottom>.micromag-editor-preview-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;width:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.micromag-editor-preview-container .micromag-editor-preview-preview{height:100%;position:relative;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}.micromag-editor-preview-container .micromag-editor-preview-viewerContainer{height:100%;position:relative}.micromag-editor-preview-container .micromag-editor-preview-devices{bottom:10px;position:absolute;right:10px}.micromag-editor-preview-container .micromag-editor-preview-noStory,.micromag-editor-preview-container .micromag-editor-preview-story{height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:540px){.micromag-editor-preview-container .micromag-editor-preview-top{display:block;overflow-x:auto;text-align:center;width:100%}.micromag-editor-preview-container .micromag-editor-preview-bottom{padding:50px 20px}}
-.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%;z-index:1;-ms-flex-align:center;align-items:center;background-color:transparent}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle .micromag-editor-sortable-sortable-tree-item-actions-icon{display:none;left:10px;position:absolute;top:10px;visibility:hidden}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-text{overflow:hidden;-ms-flex-positive:1;flex-grow:1;padding-left:.5rem;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-count{display:-ms-flexbox;display:flex;height:24px;position:absolute;right:-10px;top:-10px;width:24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;justify-content:center}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount{background-color:transparent;bottom:2px;right:3px;top:auto}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableInteraction{pointer-events:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-text,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse{bottom:0;display:-ms-flexbox;display:flex;height:30px;left:0;position:absolute;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse svg{margin-left:10px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse.micromag-editor-sortable-sortable-tree-item-actions-collapsed svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-children{position:relative;width:100%;z-index:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren .micromag-editor-sortable-sortable-tree-item-actions-inner{padding-bottom:30px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone{display:block;margin-left:10px;margin-top:5px;padding:0;pointer-events:none;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-inner{border-radius:10px;-webkit-box-shadow:0 15px 15px 0 rgba(34,33,81,.1);box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-right:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost:not(.micromag-editor-sortable-sortable-tree-item-actions-indicator){-webkit-filter:opacity(.6);filter:opacity(.6)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner>*{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner{border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:4px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator{margin-bottom:-1px;opacity:1;position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner{background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:10px;height:8px;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner>*{height:0;opacity:0}
+.micromag-editor-sortable-sortable-tree-item-actions-wrapper{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:100%;position:relative;width:100%;z-index:1;-ms-flex-align:center;align-items:center;background-color:transparent}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle{border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-handle .micromag-editor-sortable-sortable-tree-item-actions-icon{display:none;left:10px;position:absolute;top:10px;visibility:hidden}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-text{overflow:hidden;-ms-flex-positive:1;flex-grow:1;padding-left:.5rem;text-overflow:ellipsis;white-space:nowrap}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-count{display:-ms-flexbox;display:flex;height:24px;position:absolute;right:-10px;top:-10px;width:24px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;justify-content:center}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapsedCount{background-color:transparent;bottom:2px;right:3px;top:auto}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableInteraction{pointer-events:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-text,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-count,.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-disableSelection .micromag-editor-sortable-sortable-tree-item-actions-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse{bottom:0;display:-ms-flexbox;display:flex;height:30px;left:0;position:absolute;width:100%;z-index:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse svg{margin-left:10px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-inner .micromag-editor-sortable-sortable-tree-item-actions-collapse.micromag-editor-sortable-sortable-tree-item-actions-collapsed svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper .micromag-editor-sortable-sortable-tree-item-actions-children{position:relative;width:100%;z-index:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-withChildren .micromag-editor-sortable-sortable-tree-item-actions-inner{padding-bottom:30px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-opened{border-bottom-left-radius:0;border-bottom-right-radius:0}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone{display:block;margin-left:10px;margin-top:5px;padding:0;pointer-events:none;width:100%}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-clone .micromag-editor-sortable-sortable-tree-item-actions-inner{border-radius:10px;-webkit-box-shadow:0 15px 15px 0 rgba(34,33,81,.1);box-shadow:0 15px 15px 0 rgba(34,33,81,.1);padding-right:24px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost:not(.micromag-editor-sortable-sortable-tree-item-actions-indicator){-webkit-filter:opacity(.6);filter:opacity(.6)}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner>*{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost .micromag-editor-sortable-sortable-tree-item-actions-inner{border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:4px}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator{margin-bottom:-1px;opacity:1;position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner{background-color:#a13dff;background-color:var(--mm-primary,#a13dff);border:1px solid #a13dff;border:1px solid var(--mm-primary,#a13dff);border-radius:10px;height:8px;padding:0;position:relative}.micromag-editor-sortable-sortable-tree-item-actions-wrapper.micromag-editor-sortable-sortable-tree-item-actions-ghost.micromag-editor-sortable-sortable-tree-item-actions-indicator .micromag-editor-sortable-sortable-tree-item-actions-inner>*{height:0;opacity:0}
 .micromag-editor-sortable-sortable-tree-item-container{display:block}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-parent{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);position:relative;z-index:1}.micromag-editor-sortable-sortable-tree-item-container .micromag-editor-sortable-sortable-tree-item-child{bottom:-25px;-webkit-filter:brightness(60%);filter:brightness(60%);position:absolute;right:5px;width:75%;z-index:0}
 .micromag-editor-sortable-sortable-tree-item{padding-bottom:5px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-parent{padding-bottom:0}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group{padding-top:5px}.micromag-editor-sortable-sortable-tree-item.micromag-editor-sortable-sortable-tree-group.micromag-editor-sortable-sortable-tree-isLastChild{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:4px;padding-bottom:6px}
 .micromag-editor-menus-screens-item,.micromag-editor-menus-screens-items{list-style:none;margin:0;padding:0}.micromag-editor-menus-screens-container{position:relative}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-items{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:-5px;padding:0}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{display:block;padding:5px;position:relative;width:33.3%;z-index:2}@media screen and (min-width:540px){.micromag-editor-menus-screens-container .micromag-editor-menus-screens-item{width:20%}}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-button{display:block}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-placeholder,.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-screen{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-preview{background:rgba(#000,.9)}.micromag-editor-menus-screens-container .micromag-editor-menus-screens-settings{position:absolute;right:0;top:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-noWrap .micromag-editor-menus-screens-items{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-items{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-isVertical .micromag-editor-menus-screens-item{width:100%}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-item{margin:5px;padding:0}.micromag-editor-menus-screens-container.micromag-editor-menus-screens-withPlaceholder .micromag-editor-menus-screens-button{width:100px}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/editor",
-    "version": "0.4.95",
+    "version": "0.4.97",
     "private": false,
     "description": "",
     "keywords": [
@@ -70,11 +70,11 @@
         "@fortawesome/fontawesome-svg-core": "^7.2.0",
         "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^3.2.0",
-        "@micromag/core": "^0.4.94",
-        "@micromag/elements": "^0.4.94",
-        "@micromag/fields": "^0.4.94",
-        "@micromag/screens": "^0.4.94",
-        "@micromag/viewer": "^0.4.95",
+        "@micromag/core": "^0.4.97",
+        "@micromag/elements": "^0.4.97",
+        "@micromag/fields": "^0.4.97",
+        "@micromag/screens": "^0.4.97",
+        "@micromag/viewer": "^0.4.97",
         "@panneau/modal-confirm": "^4.0.55",
         "@panneau/uppy": "^4.0.55",
         "classnames": "^2.2.6",
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "52e60b226dd15d18aa05bef61f3f3c380e19e39d",
+    "gitHead": "431ca98c054de6f4ea10efba50a54e3bab803a16",
     "types": "es/index.d.ts"
 }