kritzel-react 0.1.1 → 0.1.3
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.
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { KritzelEditor as KritzelEditorElement, defineCustomElement as defineKritzelEditor } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
|
|
5
|
+
import { KritzelLineEndings as KritzelLineEndingsElement, defineCustomElement as defineKritzelLineEndings } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
|
|
6
|
+
import { KritzelOpacitySlider as KritzelOpacitySliderElement, defineCustomElement as defineKritzelOpacitySlider } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
|
|
7
|
+
import { KritzelShapeFill as KritzelShapeFillElement, defineCustomElement as defineKritzelShapeFill } from "../../../../kritzel-stencil/dist/components/kritzel-shape-fill.js";
|
|
5
8
|
export const KritzelEditor = /*@__PURE__*/ createComponent({
|
|
6
9
|
tagName: 'kritzel-editor',
|
|
7
10
|
elementClass: KritzelEditorElement,
|
|
@@ -14,3 +17,27 @@ export const KritzelEditor = /*@__PURE__*/ createComponent({
|
|
|
14
17
|
},
|
|
15
18
|
defineCustomElement: defineKritzelEditor
|
|
16
19
|
});
|
|
20
|
+
export const KritzelLineEndings = /*@__PURE__*/ createComponent({
|
|
21
|
+
tagName: 'kritzel-line-endings',
|
|
22
|
+
elementClass: KritzelLineEndingsElement,
|
|
23
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
24
|
+
react: React,
|
|
25
|
+
events: { onValueChange: 'valueChange' },
|
|
26
|
+
defineCustomElement: defineKritzelLineEndings
|
|
27
|
+
});
|
|
28
|
+
export const KritzelOpacitySlider = /*@__PURE__*/ createComponent({
|
|
29
|
+
tagName: 'kritzel-opacity-slider',
|
|
30
|
+
elementClass: KritzelOpacitySliderElement,
|
|
31
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
32
|
+
react: React,
|
|
33
|
+
events: { onValueChange: 'valueChange' },
|
|
34
|
+
defineCustomElement: defineKritzelOpacitySlider
|
|
35
|
+
});
|
|
36
|
+
export const KritzelShapeFill = /*@__PURE__*/ createComponent({
|
|
37
|
+
tagName: 'kritzel-shape-fill',
|
|
38
|
+
elementClass: KritzelShapeFillElement,
|
|
39
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
40
|
+
react: React,
|
|
41
|
+
events: { onValueChange: 'valueChange' },
|
|
42
|
+
defineCustomElement: defineKritzelShapeFill
|
|
43
|
+
});
|
|
@@ -3,11 +3,26 @@
|
|
|
3
3
|
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
4
|
*/
|
|
5
5
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
6
|
-
import { type KritzelBaseObject, type KritzelEditorCustomEvent, type KritzelUndoState } from "../../../../kritzel-stencil";
|
|
6
|
+
import { type KritzelBaseObject, type KritzelEditorCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelShapeFillCustomEvent, type KritzelUndoState, type LineArrowConfig, type ShapeFillType } from "../../../../kritzel-stencil";
|
|
7
7
|
import { KritzelEditor as KritzelEditorElement } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
|
|
8
|
+
import { KritzelLineEndings as KritzelLineEndingsElement } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
|
|
9
|
+
import { KritzelOpacitySlider as KritzelOpacitySliderElement } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
|
|
10
|
+
import { KritzelShapeFill as KritzelShapeFillElement } from "../../../../kritzel-stencil/dist/components/kritzel-shape-fill.js";
|
|
8
11
|
export type KritzelEditorEvents = {
|
|
9
12
|
onIsReady: EventName<KritzelEditorCustomEvent<HTMLElement>>;
|
|
10
13
|
onObjectsChange: EventName<KritzelEditorCustomEvent<KritzelBaseObject[]>>;
|
|
11
14
|
onUndoStateChange: EventName<KritzelEditorCustomEvent<KritzelUndoState>>;
|
|
12
15
|
};
|
|
13
16
|
export declare const KritzelEditor: StencilReactComponent<KritzelEditorElement, KritzelEditorEvents>;
|
|
17
|
+
export type KritzelLineEndingsEvents = {
|
|
18
|
+
onValueChange: EventName<KritzelLineEndingsCustomEvent<LineArrowConfig>>;
|
|
19
|
+
};
|
|
20
|
+
export declare const KritzelLineEndings: StencilReactComponent<KritzelLineEndingsElement, KritzelLineEndingsEvents>;
|
|
21
|
+
export type KritzelOpacitySliderEvents = {
|
|
22
|
+
onValueChange: EventName<CustomEvent<number>>;
|
|
23
|
+
};
|
|
24
|
+
export declare const KritzelOpacitySlider: StencilReactComponent<KritzelOpacitySliderElement, KritzelOpacitySliderEvents>;
|
|
25
|
+
export type KritzelShapeFillEvents = {
|
|
26
|
+
onValueChange: EventName<KritzelShapeFillCustomEvent<ShapeFillType>>;
|
|
27
|
+
};
|
|
28
|
+
export declare const KritzelShapeFill: StencilReactComponent<KritzelShapeFillElement, KritzelShapeFillEvents>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "kritzel-react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"homepage": "https://gitlab.com/kasual1/kritzel#readme",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@stencil/react-output-target": "^1.2.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"kritzel-stencil": "^0.1.
|
|
23
|
+
"kritzel-stencil": "^0.1.3"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|