@exmg/exm-markdown-editor 1.2.8 → 1.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -84,6 +84,6 @@ export declare class MarkdownEditorElementBase extends MarkdownBaseClass {
84
84
  handleInsertImage(url: string): void;
85
85
  updateValue(newValue?: string): void;
86
86
  private handleContainerClick;
87
- protected render(): import("lit-html").TemplateResult<1>;
87
+ protected render(): import("lit").TemplateResult<1>;
88
88
  }
89
89
  export {};
@@ -6,7 +6,7 @@ export declare class MarkdownEditorToolbarBase extends ExmgElement {
6
6
  upload: boolean;
7
7
  actions: ToolbarItem[];
8
8
  icons: ToolbarIcons;
9
- renderActionButtons(): import("lit-html").TemplateResult<1>[];
9
+ renderActionButtons(): import("lit").TemplateResult<1>[];
10
10
  action(action: string): void;
11
- protected render(): import("lit-html").TemplateResult<1>;
11
+ protected render(): import("lit").TemplateResult<1>;
12
12
  }
@@ -46,7 +46,7 @@ import { MarkdownEditorElementBase } from './exm-markdown-editor-base.js';
46
46
  * `--exm-markdown-editor-toolbar-color-disabled` | Toolbar text color disabled | `54% black`
47
47
  * `--exm-markdown-editor-preview-background` | Preview background color | `white`
48
48
  * `--exm-markdown-editor-toolbar-button-background-hover` | Toolbar icon border color | `#fafafa`
49
- * `--exm-markdown-editor-toolbar-seperator-color` | Toolbar seperator color | `#ddd`
49
+ * `--exm-markdown-editor-toolbar-separator-color` | Toolbar separator color | `#ddd`
50
50
  * `--exm-markdown-editor-code-hover` | Editor code part hover background color | `white`
51
51
  * `--exm-markdown-editor-code-color` | Editor code color | `black`
52
52
  * `--exm-markdown-editor-code-background` | Editor code background | `white`
@@ -50,7 +50,7 @@ import { style as markdownEditorStyles } from './styles/exm-markdown-editor-css.
50
50
  * `--exm-markdown-editor-toolbar-color-disabled` | Toolbar text color disabled | `54% black`
51
51
  * `--exm-markdown-editor-preview-background` | Preview background color | `white`
52
52
  * `--exm-markdown-editor-toolbar-button-background-hover` | Toolbar icon border color | `#fafafa`
53
- * `--exm-markdown-editor-toolbar-seperator-color` | Toolbar seperator color | `#ddd`
53
+ * `--exm-markdown-editor-toolbar-separator-color` | Toolbar separator color | `#ddd`
54
54
  * `--exm-markdown-editor-code-hover` | Editor code part hover background color | `white`
55
55
  * `--exm-markdown-editor-code-color` | Editor code color | `black`
56
56
  * `--exm-markdown-editor-code-background` | Editor code background | `white`
@@ -0,0 +1,22 @@
1
+ import type { StoryObj } from '@storybook/web-components-vite';
2
+ import { MarkdownEditorElement } from './exm-markdown-editor.js';
3
+ import { LitElement } from 'lit';
4
+ import './exm-markdown-editor.js';
5
+ export declare class MarkdownDemo extends LitElement {
6
+ static styles: import("lit").CSSResult[];
7
+ constructor();
8
+ render(): import("lit").TemplateResult<1>;
9
+ }
10
+ declare const meta: {
11
+ title: string;
12
+ tags: string[];
13
+ render: (args: MarkdownEditorElement) => import("lit").TemplateResult<1>;
14
+ argTypes: {
15
+ value: {
16
+ control: "text";
17
+ };
18
+ };
19
+ };
20
+ export default meta;
21
+ type Story = StoryObj<MarkdownEditorElement>;
22
+ export declare const Default: Story;
@@ -0,0 +1,57 @@
1
+ import { __decorate } from "tslib";
2
+ import { css, html, LitElement } from 'lit';
3
+ import { customElement } from 'lit/decorators.js';
4
+ import './exm-markdown-editor.js';
5
+ let MarkdownDemo = class MarkdownDemo extends LitElement {
6
+ constructor() {
7
+ super();
8
+ }
9
+ render() {
10
+ return html `
11
+ <div class="frame">
12
+ <p>Deprecated package</p>
13
+ <slot></slot>
14
+ </div>
15
+ `;
16
+ }
17
+ };
18
+ MarkdownDemo.styles = [
19
+ css `
20
+ .frame {
21
+ display: grid;
22
+ height: 550px;
23
+ }
24
+ `,
25
+ ];
26
+ MarkdownDemo = __decorate([
27
+ customElement('demo-markdown')
28
+ ], MarkdownDemo);
29
+ export { MarkdownDemo };
30
+ const meta = {
31
+ title: 'Packages/Markdown Editor (Deprecated)',
32
+ tags: ['autodocs'],
33
+ render: (args) => html `
34
+ <demo-markdown>
35
+ <exm-markdown-editor
36
+ style="height: 600px;min-height: 300px"
37
+ name="markdown"
38
+ label="Exm Markdown Demo"
39
+ value="${args.value}"
40
+ required
41
+ height="700"
42
+ supporting-text="Some extra description to explain what to do"
43
+ full-screen
44
+ ></exm-markdown-editor>
45
+ </demo-markdown>
46
+ `,
47
+ argTypes: {
48
+ value: { control: 'text' },
49
+ },
50
+ };
51
+ export default meta;
52
+ export const Default = {
53
+ args: {
54
+ value: '',
55
+ },
56
+ };
57
+ //# sourceMappingURL=exm-markdown-editor.stories.js.map
@@ -1,3 +1,3 @@
1
1
  export declare const toolbarIcons: {
2
- example_icon: import("lit-html").TemplateResult<1>;
2
+ example_icon: import("lit").TemplateResult<1>;
3
3
  };
package/README.md CHANGED
@@ -1,25 +1,26 @@
1
+ # Markdown editor element.
1
2
 
2
- # Markdown editor element.
3
- ### An out of the box customizable Markdown Editor for Exmachina
4
-
5
- ```
6
- <exm-markdown-editor markdown="# Header 1"></exm-markdown-editor>
7
- ```
8
- ## Styling
9
-
10
- Custom property | Description | Default
11
- ----------------|-------------|----------
12
- `--exm-markdown-editor-code-color` | Editor's text color | --md-sys-color-on-surface
13
- `--exm-markdown-editor-code-cursor-color` | Editor's cursor color | --md-sys-color-on-surface
14
- `--exm-markdown-editor-code-header-color` | H1 color in editor | #4a8fc0;
15
- `--exm-markdown-editor-code-inline-code-color` | Inline code color | #ea881f
16
- `--exm-markdown-editor-code-list-color` | Lists color | rgb(25, 165, 28)
17
- `--exm-markdown-editor-selected-code-color` | Selected text color | rgb(140, 140, 140)
18
- `--exm-markdown-editor-border-color` | Editor's border color | --md-sys-color-primary
19
- `--exm-markdown-editor-background-color` | Toolbar and default preview background | --md-sys-color-surface-container-high
20
- `--exm-markdown-editor-code-background-color` | Editor's background color when focused | --md-sys-color-surface-container-high
21
-
22
- ## Events:
23
- - change - where detail is current markdown value
24
- - insert-image - if the Editor is set to upload, it will trigger this event when the insert-image is clicked
25
-
3
+ ### (We have deprecated this package) An out of the box customizable Markdown Editor for Exmachina
4
+
5
+ ```
6
+ <exm-markdown-editor markdown="# Header 1"></exm-markdown-editor>
7
+ ```
8
+
9
+ ## Styling
10
+
11
+ | Custom property | Description | Default |
12
+ | ---------------------------------------------- | -------------------------------------- | ------------------------------------- |
13
+ | `--exm-markdown-editor-code-color` | Editor's text color | --md-sys-color-on-surface |
14
+ | `--exm-markdown-editor-code-cursor-color` | Editor's cursor color | --md-sys-color-on-surface |
15
+ | `--exm-markdown-editor-code-header-color` | H1 color in editor | #4a8fc0; |
16
+ | `--exm-markdown-editor-code-inline-code-color` | Inline code color | #ea881f |
17
+ | `--exm-markdown-editor-code-list-color` | Lists color | rgb(25, 165, 28) |
18
+ | `--exm-markdown-editor-selected-code-color` | Selected text color | rgb(140, 140, 140) |
19
+ | `--exm-markdown-editor-border-color` | Editor's border color | --md-sys-color-primary |
20
+ | `--exm-markdown-editor-background-color` | Toolbar and default preview background | --md-sys-color-surface-container-high |
21
+ | `--exm-markdown-editor-code-background-color` | Editor's background color when focused | --md-sys-color-surface-container-high |
22
+
23
+ ## Events:
24
+
25
+ - change - where detail is current markdown value
26
+ - insert-image - if the Editor is set to upload, it will trigger this event when the insert-image is clicked
@@ -84,6 +84,6 @@ export declare class MarkdownEditorElementBase extends MarkdownBaseClass {
84
84
  handleInsertImage(url: string): void;
85
85
  updateValue(newValue?: string): void;
86
86
  private handleContainerClick;
87
- protected render(): import("lit-html").TemplateResult<1>;
87
+ protected render(): import("lit").TemplateResult<1>;
88
88
  }
89
89
  export {};
@@ -1,4 +1,4 @@
1
- import { __decorate } from 'tslib';
1
+ import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
2
2
  import { nothing, html } from 'lit';
3
3
  import { property, query, state } from 'lit/decorators.js';
4
4
  import { defaultConfiguration } from './utils/configurations.js';
@@ -6,7 +6,7 @@ export declare class MarkdownEditorToolbarBase extends ExmgElement {
6
6
  upload: boolean;
7
7
  actions: ToolbarItem[];
8
8
  icons: ToolbarIcons;
9
- renderActionButtons(): import("lit-html").TemplateResult<1>[];
9
+ renderActionButtons(): import("lit").TemplateResult<1>[];
10
10
  action(action: string): void;
11
- protected render(): import("lit-html").TemplateResult<1>;
11
+ protected render(): import("lit").TemplateResult<1>;
12
12
  }
@@ -1,4 +1,4 @@
1
- import { __decorate } from 'tslib';
1
+ import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
2
2
  import { html } from 'lit';
3
3
  import { toolbarActions } from './actions.js';
4
4
  import { toolbarIcons } from './icons.js';
@@ -1,4 +1,4 @@
1
- import { __decorate } from 'tslib';
1
+ import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
2
2
  import { customElement } from 'lit/decorators.js';
3
3
  import { MarkdownEditorToolbarBase } from './exm-markdown-editor-toolbar-base.js';
4
4
  import { style } from './styles/exm-markdown-editor-toolbar-css.js';
@@ -46,7 +46,7 @@ import { MarkdownEditorElementBase } from './exm-markdown-editor-base.js';
46
46
  * `--exm-markdown-editor-toolbar-color-disabled` | Toolbar text color disabled | `54% black`
47
47
  * `--exm-markdown-editor-preview-background` | Preview background color | `white`
48
48
  * `--exm-markdown-editor-toolbar-button-background-hover` | Toolbar icon border color | `#fafafa`
49
- * `--exm-markdown-editor-toolbar-seperator-color` | Toolbar seperator color | `#ddd`
49
+ * `--exm-markdown-editor-toolbar-separator-color` | Toolbar separator color | `#ddd`
50
50
  * `--exm-markdown-editor-code-hover` | Editor code part hover background color | `white`
51
51
  * `--exm-markdown-editor-code-color` | Editor code color | `black`
52
52
  * `--exm-markdown-editor-code-background` | Editor code background | `white`
@@ -1,4 +1,4 @@
1
- import { __decorate } from 'tslib';
1
+ import { __decorate } from './node_modules/.bun/@rollup_plugin-typescript@12.3.0_8b7a8dd02ef2c96b/node_modules/tslib/tslib.es6.js';
2
2
  import { customElement } from 'lit/decorators.js';
3
3
  import { MarkdownEditorElementBase } from './exm-markdown-editor-base.js';
4
4
  import { style as style$1 } from './styles/exm-markdown-codemirror-css.js';
@@ -51,7 +51,7 @@ import { style } from './styles/exm-markdown-editor-css.js';
51
51
  * `--exm-markdown-editor-toolbar-color-disabled` | Toolbar text color disabled | `54% black`
52
52
  * `--exm-markdown-editor-preview-background` | Preview background color | `white`
53
53
  * `--exm-markdown-editor-toolbar-button-background-hover` | Toolbar icon border color | `#fafafa`
54
- * `--exm-markdown-editor-toolbar-seperator-color` | Toolbar seperator color | `#ddd`
54
+ * `--exm-markdown-editor-toolbar-separator-color` | Toolbar separator color | `#ddd`
55
55
  * `--exm-markdown-editor-code-hover` | Editor code part hover background color | `white`
56
56
  * `--exm-markdown-editor-code-color` | Editor code color | `black`
57
57
  * `--exm-markdown-editor-code-background` | Editor code background | `white`
@@ -0,0 +1,22 @@
1
+ import type { StoryObj } from '@storybook/web-components-vite';
2
+ import { MarkdownEditorElement } from './exm-markdown-editor.js';
3
+ import { LitElement } from 'lit';
4
+ import './exm-markdown-editor.js';
5
+ export declare class MarkdownDemo extends LitElement {
6
+ static styles: import("lit").CSSResult[];
7
+ constructor();
8
+ render(): import("lit").TemplateResult<1>;
9
+ }
10
+ declare const meta: {
11
+ title: string;
12
+ tags: string[];
13
+ render: (args: MarkdownEditorElement) => import("lit").TemplateResult<1>;
14
+ argTypes: {
15
+ value: {
16
+ control: "text";
17
+ };
18
+ };
19
+ };
20
+ export default meta;
21
+ type Story = StoryObj<MarkdownEditorElement>;
22
+ export declare const Default: Story;
package/dist/icons.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const toolbarIcons: {
2
- example_icon: import("lit-html").TemplateResult<1>;
2
+ example_icon: import("lit").TemplateResult<1>;
3
3
  };
@@ -0,0 +1,31 @@
1
+ /******************************************************************************
2
+ Copyright (c) Microsoft Corporation.
3
+
4
+ Permission to use, copy, modify, and/or distribute this software for any
5
+ purpose with or without fee is hereby granted.
6
+
7
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
8
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
9
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
10
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
11
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
12
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
13
+ PERFORMANCE OF THIS SOFTWARE.
14
+ ***************************************************************************** */
15
+ /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
16
+
17
+
18
+ function __decorate(decorators, target, key, desc) {
19
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
20
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
21
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
22
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
23
+ }
24
+
25
+ typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
26
+ var e = new Error(message);
27
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
28
+ };
29
+
30
+ export { __decorate };
31
+ //# sourceMappingURL=tslib.es6.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@exmg/exm-markdown-editor",
3
- "version": "1.2.8",
3
+ "version": "1.2.9",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -52,5 +52,5 @@
52
52
  "publishConfig": {
53
53
  "access": "public"
54
54
  },
55
- "gitHead": "e1496408e91a3861a0eb532a05ebae18320ac591"
55
+ "gitHead": "c27c4ffabda0c6a509df58537017af65719d1e57"
56
56
  }