@sme.up/ketchup 9.5.2 → 9.6.1

package/dist/collection/assets/editor-example-1.js

@@ -0,0 +1,52 @@
+let comp = document.getElementById('editor-html');
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log('kup-editor-autosave (html) ' + new Date().toISOString(), e);
+});
+
+let props = {
+    customStyle: '',
+    editorHeight: '400px',
+    initialEditType: 'wysiwyg',
+    initialValue:
+        '<div data-tomark-pass="">prova prova 123456 56<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">e vado a capo<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">ancora<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">e ancora</div>',
+    isReadOnly: false,
+    previewStyle: 'tab',
+    showSaveButton: true,
+    showToolbar: true,
+    autosaveTimer: 5000,
+};
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}
+
+comp = document.getElementById('editor-markdown');
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log(
+        'kup-editor-autosave (markdown) ' + new Date().toISOString(),
+        e
+    );
+});
+
+props = {
+    customStyle: '',
+    initialEditType: 'markdown',
+    initialValue: '# title 1 \n ## title2',
+    isReadOnly: false,
+    previewStyle: 'tab',
+    showSaveButton: false,
+    showToolbar: true,
+    autosaveTimer: 5000,
+};
+
+comp.style = '--kup-editor-height: 300px;';
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}

package/dist/collection/assets/editor.js

@@ -0,0 +1,60 @@
+const comp = document.getElementById('editor');
+
+comp.addEventListener('kup-editor-ready', (e) => {
+    console.log('Editor ready', e);
+});
+
+comp.addEventListener('kup-editor-save', (e) => {
+    console.log('Editor saved', e);
+});
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log('Editor auto saved', e);
+});
+
+const props = {
+    initialEditType: 'markdown',
+    initialValue: `<p><img src="https://uicdn.toast.com/toastui/img/tui-editor-bi.png" alt="image"></p>
+    <h1>Awesome Editor!</h1>
+    <p>It has been <em>released as opensource in 2018</em> and has <del>continually</del> evolved to <strong>receive 10k GitHub ⭐️ Stars</strong>.</p>
+    <h2>Create Instance</h2>
+    <p>You can create an instance with the following code and use <code data-backticks="1">getHtml()</code> and <code data-backticks="1">getMarkdown()</code> of the <a href="https://github.com/nhn/tui.editor">Editor</a>.</p>
+    <pre class="lang-js"><code data-language="js">co
+
+    &gt; See the table below for default options
+    &gt; &gt; More API information can be found in the document
+
+    | name | type | description |
+    | --- | --- | --- |
+    | el | HTMLElement | container element |
+
+    ## Featuress
+
+    * CommonMark + GFM Specifications
+       * Live Preview
+       * Scroll Sync
+       * Auto Indent
+       * Syntax Highlight
+            1. Markdown
+            2. Preview
+
+    ## Support Wrappers
+
+    &gt; * Wrappers
+    &gt;    1. [x] React
+    &gt;    2. [x] Vue
+    &gt;    3. [ ] Ember&lt;p&gt;My Custom value for editor&lt;/p&gt;
+    </code></pre>
+    `,
+    isReadOnly: false,
+    previewStyle: 'vertical',
+    showSaveButton: true,
+    showToolbar: true,
+    //   autosaveTimer: 2000
+};
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}

package/dist/collection/assets/index.js

@@ -102,6 +102,14 @@ components.data = [
         value: 'Echart',
         id: 'echart.html',
     },
+    {
+        value: 'Editor',
+        id: 'editor.html',
+    },
+    {
+        value: 'Editor example 1',
+        id: 'editor-example-1.html',
+    },
     {
         value: 'Family tree',
         id: 'family-tree.html',
@@ -178,6 +186,10 @@ components.data = [
         value: 'Planner example 4',
         id: 'planner-example-4.html',
     },
+    {
+        value: 'Planner example 5',
+        id: 'planner-example-5.html',
+    },
     {
         value: 'Progress Bar',
         id: 'progress-bar.html',

package/dist/collection/assets/planner-example-4.js

@@ -22101,11 +22101,11 @@ const phases = {
                     },
                     isEditable: false,
                     obj: {
-                        k: '20230904',
+                        k: '20210904',
                         p: '*YYMD',
                         t: 'D8',
                     },
-                    value: '2023-09-04',
+                    value: '2021-09-04',
                 },
                 STIPER: {
                     data: {
@@ -22297,11 +22297,11 @@ const phases = {
                     },
                     isEditable: false,
                     obj: {
-                        k: '20230522',
+                        k: '20210522',
                         p: '*YYMD',
                         t: 'D8',
                     },
-                    value: '2023-05-22',
+                    value: '2021-05-22',
                 },
                 DATFPO: {
                     data: {