Merge pull request #799 from deckgo/floating-editable-text

studio: floating editable text for diagramms

Author: peterpeterparker

CHANGELOG.md

@@ -42,14 +42,15 @@ David
 ### Web Components
 
 - core: v1.1.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/core/CHANGELOG.md))
+- drag-resize-rotate: v1.1.3 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/drag-resize-rotate/CHANGELOG.md))
 - highlight-code: v1.1.2 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/highlight-code/CHANGELOG.md))
 - social: v2.0.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/webcomponents/social/CHANGELOG.md))
 
 ### Others
 
 - gatsby-remark-highlight-code: v1.4.4 ([CHANGELOG](https://github.com/deckgo/gatsby-remark-highlight-code/blob/master/CHANGELOG.md))
 - slide-utils: v2.1.2 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/master/utils/slide/CHANGELOG.md))
-- starter kit: v2.6.0 ([CHANGELOG](https://github.com/deckgo/deckdeckgo-starter/blob/master/CHANGELOG.md))
+- starter kit: v2.6.1 ([CHANGELOG](https://github.com/deckgo/deckdeckgo-starter/blob/master/CHANGELOG.md))
 
 <a name="1.5.0"></a>
 

docs/CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - group `notes` in a single page
 - add new `header` and `footer`
+- property `text` of `@deckdeckgo/drag-resize-rotate`
 
 # 1.6.2 (2020-07-02)
 

docs/docs/components/app-components-drr/app-components-drr.md

@@ -83,12 +83,13 @@ The default slot is mandatory.
 
 This component offers the following options which could be set using attributes:
 
-| Attribute | Type                                | Default      | Description                                                                                                       |
-| --------- | ----------------------------------- | ------------ | ----------------------------------------------------------------------------------------------------------------- |
-| unit      | 'percentage', 'viewport' or 'px'    | 'percentage' | The component could be use with percentage, viewport (vw/vh) or pixels (px) units. All relative to the container. |
-| resize    | boolean                             | true         | Allow or not the resize actions                                                                                   |
-| drag      | 'x-axis', 'y-axis', 'all' or 'none' | 'all'        | Allow the component to be dragged in which direction                                                              |
-| rotation  | boolean                             | true         | Allow or not the rotation of the element                                                                          |
+| Attribute | Type                                | Default      | Description                                                                                                                                                                                         |
+| --------- | ----------------------------------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| unit      | 'percentage', 'viewport' or 'px'    | 'percentage' | The component could be use with percentage, viewport (vw/vh) or pixels (px) units. All relative to the container.                                                                                   |
+| resize    | boolean                             | true         | Allow or not the resize actions                                                                                                                                                                     |
+| drag      | 'x-axis', 'y-axis', 'all' or 'none' | 'all'        | Allow the component to be dragged in which direction                                                                                                                                                |
+| rotation  | boolean                             | true         | Allow or not the rotation of the element                                                                                                                                                            |
+| text      | boolean                             | false        | To be used if your slotted element is to be defined as `contentEditable`. Useful for text edition. Note that if turns to `true`, the property `resize` is going to be set to `false` automatically. |
 
 ### Event listeners
 

docs/package-lock.json

@@ -19,7 +19,7 @@
     "@deckdeckgo/core": "^1.1.0",
     "@deckdeckgo/deck-utils": "^2.3.1",
     "@deckdeckgo/demo": "^1.0.4",
-    "@deckdeckgo/drag-resize-rotate": "^1.0.2",
+    "@deckdeckgo/drag-resize-rotate": "^1.1.3",
     "@deckdeckgo/highlight-code": "^1.1.2",
     "@deckdeckgo/inline-editor": "^1.4.0",
     "@deckdeckgo/lazy-img": "^1.0.1",

docs/package.json

@@ -160,6 +160,15 @@ export class AppComponentsDrr {
                 <td>true</td>
                 <td>Allow or not the rotation of the element</td>
               </tr>
+              <tr>
+                <td>text</td>
+                <td>boolean</td>
+                <td>false</td>
+                <td>
+                  To be used if your slotted element is to be defined as <code>contentEditable</code>. Useful for text edition. Note that if turns to{' '}
+                  <code>true</code>, the property <code>resize</code> is going to be set to <code>false</code> automatically.
+                </td>
+              </tr>
             </tbody>
           </table>
           <h3 id="app-components-drr-event-listeners">Event listeners</h3>

docs/src/app/pages/docs/components/app-components-drr/app-components-drr.tsx

@@ -19,7 +19,7 @@
     "@deckdeckgo/core": "^1.1.0",
     "@deckdeckgo/deck-utils": "^2.3.1",
     "@deckdeckgo/demo": "^1.0.4",
-    "@deckdeckgo/drag-resize-rotate": "^1.0.2",
+    "@deckdeckgo/drag-resize-rotate": "^1.1.3",
     "@deckdeckgo/highlight-code": "^1.1.2",
     "@deckdeckgo/lazy-img": "^1.0.1",
     "@deckdeckgo/math": "^1.0.1",

remote/package-lock.json

@@ -21,7 +21,7 @@
     "@deckdeckgo/core": "^1.1.0",
     "@deckdeckgo/deck-utils": "^2.3.1",
     "@deckdeckgo/demo": "^1.0.4",
-    "@deckdeckgo/drag-resize-rotate": "^1.0.2",
+    "@deckdeckgo/drag-resize-rotate": "^1.1.3",
     "@deckdeckgo/highlight-code": "^1.1.2",
     "@deckdeckgo/inline-editor": "^1.4.0",
     "@deckdeckgo/lazy-img": "^1.0.1",