v0.16.34

Docs

• Updated Components & JS guide with the new approach for the creation of Components with JS (the old one still works).
  The biggest advantage over the previous one is how the final code is created. With the old one, you could have the whole script content duplicated as many times as components of the same type (new script content will be output only once per type). The new approach avoids also issues with different JS minifiers (due to string templates).

Added

• Added script-props property to Component. Read the new Components & JS
• Wherever you add/remove/update a component you can now pass noCount option to avoid triggering the count of changes (eg. for skipping the Storage)

editor.addComponents('<div>New components</div>', { noCount: true });
// or
component.append('<div>New components</div>', { noCount: true });

• Added move() method to the Component

Changed

• Start using grapesjs-cli for the dev server and the build
• In UndoManager, start using noUndo option instead of avoidStore for skipping the trigger
• Rerender Component toolbar when necessary
• Keep track of selected components when turning on/off the preview

Fixed

• Avoid useless change counter updates #3189
• Properly hide all toolbars when a Component is removed #3175
• Pass properly the options when removing components and rules #3176
• Adjust editor listeners in PropertyView #3197
• Avoid twice the storage of src in Image components #3201
• Hide properly the toolbar on the preview on #3209

v0.16.30

Added

• Added Catalan language #3105
• Allow to pass el prop to Buttons from Panels module
• New getRules(selector) method added in CssComposer module
• Added and improved destroy method in all modules, in order to fix general memory leaks
• Added limitlessMax and limitlessMin props to InputNumber in order to allow showing calculated values from components #3147
• Added keydown event to handle up and down arrows in InputNumber #3158
• Added contains method to Component
• Started Symbol implementation (for now, only private APIs)

Changed

• Codemirror version upgrade #3106
• Improve number trait #3132
• Replaced node-sass with dart-sass #3148
• Apply avoidDefaults option also to Selectors in toJSON method

Fixed

• Clone properly the component with its related styles #3093
• Fix unbind of keymaps #2758
• Fix RTE update in text components #3069
• Fix update of properties on setTarget in StyleManager #3081
• Fix hover state in Layers #3065
• Prevent frame scroll on the first component drag #3134
• Parse single textnode as component #3034
• Prevent losing component id on undo/redo

v0.16.27

Added

• Expose PropertyFactory in StyleManager
• Added tools option to editor.refresh()
• Handle multiple selection in Layers
• Trigger change:style and change:style:PROPERTY event on selected componets during style update via Style Manager
• Added attributes option to the Modal.open() method #2592
  editor.Modal.open({ title: 'T', content: 'C', attributes: { class: 'custom-cls' } })
• Added parse:html and parse:css events for catching parsers results
• Added Polish language #3087

Changed

• Allow removing parent component from children #2940
• Fixed German translations #3024

Fixed

• Fixed for in loop in commands #3006
• Check only the component style for the target update #2657
• Avoid dragging in canvas non-draggable components #3014
• Destroy correctly the LayerManager #3005
• Prevent update trigger from TraitNumberView
• Fixed default value get in TraitNumberView
• Fixed non integer steps for slider property #3029
• Don't use display: block on visible sectors and properites in StyleManager #3067
• Rollback to the strikeThrough RTE command #3047
• Avoid style remove on blur from the text component #3069
• Fixed setTarget method in StyleManager #3081

v0.16.22

Added

• Expose options parameter to setStyle & setComponents #2872
• Added Korean language #2983
• New API for custom properties in Style Manager (similar to Traits)

Changed

• Made Helvetica sans-serif by default #2881
• Replace obsolete tag <strike> by <s> in RTE #2886
• Avoid adding, to components, empty parsed HTML strings
• Added options as a second argument of component.addAttributes method

Fixed

• Output properly boolean attributes from HTML string import (eg. required, disabled) #2844
• Update component tools box once image finished to load #2871
• Fixed retrieval of layers' visibility #2863
• Ensure resizer on the correct component #2876
• Disable component drag on preview #2904
• Render correctly the textnode component #2882
• Add list prop to video component (youtube related) #2887
• Ensure selected value in select Trait type #2896
• Fully clear hover state on mouseleave #2907
• Avoid infinite recursion in Firefox on component drag #2911
• Fixed editor.load bug with undo manager #2921
• Make textnodes correctly removable #2918
• Prevent error on editor.destroy() with selection #2953
• Update Style Manager on Layer visibility change #2938
• Prevent errors on body hover #2974
• Added listenToEl option in order to refresh the editor on scrollable elements #2722
• Put quotes around URLs in CSS property like background-image #2975
• Fixed retrieval of text component content with custom RTE #2977
• Fixed issues with the stack property in StyleManager

v0.16.17

Added

• Added Bosnian locale file #2736
• Added Chinese (simplified) locale file #2804
• Added colorPicker option to color trait type, for color picker customization
• Added the possibility to change block attributes dynamically

Changed

• Render only visible blocks for external block containers
• Use postRender in ComponentScriptView
• Init a component by using class from attributes if classes property is missing #2836

Fixed

• Ensure selectors on CSS rule add
• Update external SCSS imports
• Prevent errors, in SelectComponent, from debounced functions #2802
• Fixed French translations
• Catch error and skip rendering of invalid Component definitions (eg. invalid attribute name) #2029
• Fixed video component issues #2773
• Trigger change on values with empty value #2835
• Fix remove unused styles #2800
• Prevent default for delete shortcut #2765

v0.16.12

Added

• Added Brazilian Portuguese language #2653
• Added closestType and empty methods to Component API
• Added disable property to the Block
• Added module aliases to the Editor object
  DomComponents -> Components
LayerManager -> Layers
CssComposer -> Css
StorageManager -> Storage
AssetManager -> Assets
BlockManager -> Blocks
TraitManager -> Traits
SelectorManager -> Selectors
StyleManager -> Styles
DeviceManager -> Devices

Changed

• Customize Sorter placeholder color via CSS #2662
• Add a default limit (500) of maximum steps in UndoManager
  Can be changed by config.undoManager.maximumStackLength option on init

Fixed

• Update canvas tools on input event trigger in components
• Fix borders not always toggling back when exiting preview #2689
• Close the color picker if click event happens on canvas #2695
• Avoid canvas errors by ensuring the view on the element render
• Fixed wrong toolbar position #2656
• Fixed major memory leaks in components
• Fixed TableRow model component #2697
• Fixes on color picker #2694

v0.16.3

Added

• Avoid rendering of private CSS properties (identified by __ prefix)
• Added Dutch language by @jorisros #2643
• Added Persian language by @majidh1 #2649
• Added prepend option to the stack style manager type

Fixed

• Escape selectors in CSS code #2624
• Fix custom panels not hidden in preview mode #2636
• Avoid multiple change events on style property change

v0.16.2

Added

• Added style:update and style:update:{property} events for StyleManager
• Added new component:drag events #2500
• Added a new svg-in component to handle better inner SVG elements
• Trigger component:drag events in Layers #2528
• Added German translation by @chickahoona #2578
• Added new config.assetManager.showUrlInput option. by @jcamejo #2602

Changed

• Refactored the canvas #2524
• Improved how the style property is taken in stack properties

Fixed

• Check property visibility on render #2497
• Fix Selector Manager styles for Firefox/IE/Edge #2490
• Update video attributes on render #2501
• Avoid useless attributes on nodes inside text components #2508
• Avoid 404 requests on background property change #2538
• Update style on block drop in absolute mode
• Check visibility borders on preview stop #2589
• Preserve the display value on layer hide #2571
• Check for the href value in appendStyles to avoid 404 errors #2605
• Fix ComponentImage's default src not being base64 encoded #2619

v0.15.10

Added

• Added new options for customization to config.selectorManager and the component-first selection via config.selectorManager.componentFirst option #2474
• Added state option in RTE actions to enable custom checks for enabling/disabling action buttons. Thanks @adriangroch #2429
• Added Spanish language. Thanks to @josfh2005 #2443
• Added French language. Thanks to @jmalapeer #2449

Changed

• Escape HTML characters when converting text node to HTML. Thanks @mcammisa #2446
• Use custom-name property on layer name edit
• Update layers view when component prop layerable changes #2433

Fixed

• Export correctly <body> when config.exportWrapper option is used #2096
• Fixed empty text after a drag of a component in editing mode #2452
• Destroy RTE module when editor.destroy is called #2469
• Calibrate the coordinates on toolbar click #2375
• Avoid dragging methods when no target is found #2478

v0.15.9

Docs

• Added documentation about I18n Module and its API

Changed

• Sync text component content with custom RTE #2292
• Removed FontAwesome from dependencies to load it asynchronously by the new cssIcons option #644

Added

• I18n module

Fixed

• Fixed text component issue on toolbar commands execution #2294
• Fixed Firefox bug with label editing #2332
• Fixed issues in absolute mode and components with scripts #2359
• Fixed body counter in Layers #2413
• Make integer property extendable #2360
• Fixed issue on component drag in absolute mode #2371
• Preserve selection after canvas:drop #2396
• Remove empty value from target trait #2411