kritzel-react 0.1.7 → 0.1.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.
|
@@ -1,10 +1,37 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { KritzelBackToContent as KritzelBackToContentElement, defineCustomElement as defineKritzelBackToContent } from "../../../../kritzel-stencil/dist/components/kritzel-back-to-content.js";
|
|
5
|
+
import { KritzelDialog as KritzelDialogElement, defineCustomElement as defineKritzelDialog } from "../../../../kritzel-stencil/dist/components/kritzel-dialog.js";
|
|
4
6
|
import { KritzelEditor as KritzelEditorElement, defineCustomElement as defineKritzelEditor } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
|
|
7
|
+
import { KritzelExport as KritzelExportElement, defineCustomElement as defineKritzelExport } from "../../../../kritzel-stencil/dist/components/kritzel-export.js";
|
|
5
8
|
import { KritzelLineEndings as KritzelLineEndingsElement, defineCustomElement as defineKritzelLineEndings } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
|
|
9
|
+
import { KritzelMasterDetail as KritzelMasterDetailElement, defineCustomElement as defineKritzelMasterDetail } from "../../../../kritzel-stencil/dist/components/kritzel-master-detail.js";
|
|
10
|
+
import { KritzelMoreMenu as KritzelMoreMenuElement, defineCustomElement as defineKritzelMoreMenu } from "../../../../kritzel-stencil/dist/components/kritzel-more-menu.js";
|
|
11
|
+
import { KritzelNumericInput as KritzelNumericInputElement, defineCustomElement as defineKritzelNumericInput } from "../../../../kritzel-stencil/dist/components/kritzel-numeric-input.js";
|
|
6
12
|
import { KritzelOpacitySlider as KritzelOpacitySliderElement, defineCustomElement as defineKritzelOpacitySlider } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
|
|
13
|
+
import { KritzelSettings as KritzelSettingsElement, defineCustomElement as defineKritzelSettings } from "../../../../kritzel-stencil/dist/components/kritzel-settings.js";
|
|
7
14
|
import { KritzelShapeFill as KritzelShapeFillElement, defineCustomElement as defineKritzelShapeFill } from "../../../../kritzel-stencil/dist/components/kritzel-shape-fill.js";
|
|
15
|
+
import { KritzelSlideToggle as KritzelSlideToggleElement, defineCustomElement as defineKritzelSlideToggle } from "../../../../kritzel-stencil/dist/components/kritzel-slide-toggle.js";
|
|
16
|
+
export const KritzelBackToContent = /*@__PURE__*/ createComponent({
|
|
17
|
+
tagName: 'kritzel-back-to-content',
|
|
18
|
+
elementClass: KritzelBackToContentElement,
|
|
19
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
20
|
+
react: React,
|
|
21
|
+
events: { onBackToContent: 'backToContent' },
|
|
22
|
+
defineCustomElement: defineKritzelBackToContent
|
|
23
|
+
});
|
|
24
|
+
export const KritzelDialog = /*@__PURE__*/ createComponent({
|
|
25
|
+
tagName: 'kritzel-dialog',
|
|
26
|
+
elementClass: KritzelDialogElement,
|
|
27
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
28
|
+
react: React,
|
|
29
|
+
events: {
|
|
30
|
+
onDialogOpen: 'dialogOpen',
|
|
31
|
+
onDialogClose: 'dialogClose'
|
|
32
|
+
},
|
|
33
|
+
defineCustomElement: defineKritzelDialog
|
|
34
|
+
});
|
|
8
35
|
export const KritzelEditor = /*@__PURE__*/ createComponent({
|
|
9
36
|
tagName: 'kritzel-editor',
|
|
10
37
|
elementClass: KritzelEditorElement,
|
|
@@ -17,6 +44,17 @@ export const KritzelEditor = /*@__PURE__*/ createComponent({
|
|
|
17
44
|
},
|
|
18
45
|
defineCustomElement: defineKritzelEditor
|
|
19
46
|
});
|
|
47
|
+
export const KritzelExport = /*@__PURE__*/ createComponent({
|
|
48
|
+
tagName: 'kritzel-export',
|
|
49
|
+
elementClass: KritzelExportElement,
|
|
50
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
51
|
+
react: React,
|
|
52
|
+
events: {
|
|
53
|
+
onExportPng: 'exportPng',
|
|
54
|
+
onExportSvg: 'exportSvg'
|
|
55
|
+
},
|
|
56
|
+
defineCustomElement: defineKritzelExport
|
|
57
|
+
});
|
|
20
58
|
export const KritzelLineEndings = /*@__PURE__*/ createComponent({
|
|
21
59
|
tagName: 'kritzel-line-endings',
|
|
22
60
|
elementClass: KritzelLineEndingsElement,
|
|
@@ -25,6 +63,30 @@ export const KritzelLineEndings = /*@__PURE__*/ createComponent({
|
|
|
25
63
|
events: { onValueChange: 'valueChange' },
|
|
26
64
|
defineCustomElement: defineKritzelLineEndings
|
|
27
65
|
});
|
|
66
|
+
export const KritzelMasterDetail = /*@__PURE__*/ createComponent({
|
|
67
|
+
tagName: 'kritzel-master-detail',
|
|
68
|
+
elementClass: KritzelMasterDetailElement,
|
|
69
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
70
|
+
react: React,
|
|
71
|
+
events: { onItemSelect: 'itemSelect' },
|
|
72
|
+
defineCustomElement: defineKritzelMasterDetail
|
|
73
|
+
});
|
|
74
|
+
export const KritzelMoreMenu = /*@__PURE__*/ createComponent({
|
|
75
|
+
tagName: 'kritzel-more-menu',
|
|
76
|
+
elementClass: KritzelMoreMenuElement,
|
|
77
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
78
|
+
react: React,
|
|
79
|
+
events: { onItemSelect: 'itemSelect' },
|
|
80
|
+
defineCustomElement: defineKritzelMoreMenu
|
|
81
|
+
});
|
|
82
|
+
export const KritzelNumericInput = /*@__PURE__*/ createComponent({
|
|
83
|
+
tagName: 'kritzel-numeric-input',
|
|
84
|
+
elementClass: KritzelNumericInputElement,
|
|
85
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
86
|
+
react: React,
|
|
87
|
+
events: { onValueChange: 'valueChange' },
|
|
88
|
+
defineCustomElement: defineKritzelNumericInput
|
|
89
|
+
});
|
|
28
90
|
export const KritzelOpacitySlider = /*@__PURE__*/ createComponent({
|
|
29
91
|
tagName: 'kritzel-opacity-slider',
|
|
30
92
|
elementClass: KritzelOpacitySliderElement,
|
|
@@ -33,6 +95,14 @@ export const KritzelOpacitySlider = /*@__PURE__*/ createComponent({
|
|
|
33
95
|
events: { onValueChange: 'valueChange' },
|
|
34
96
|
defineCustomElement: defineKritzelOpacitySlider
|
|
35
97
|
});
|
|
98
|
+
export const KritzelSettings = /*@__PURE__*/ createComponent({
|
|
99
|
+
tagName: 'kritzel-settings',
|
|
100
|
+
elementClass: KritzelSettingsElement,
|
|
101
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
102
|
+
react: React,
|
|
103
|
+
events: { onSettingsChange: 'settingsChange' },
|
|
104
|
+
defineCustomElement: defineKritzelSettings
|
|
105
|
+
});
|
|
36
106
|
export const KritzelShapeFill = /*@__PURE__*/ createComponent({
|
|
37
107
|
tagName: 'kritzel-shape-fill',
|
|
38
108
|
elementClass: KritzelShapeFillElement,
|
|
@@ -41,3 +111,11 @@ export const KritzelShapeFill = /*@__PURE__*/ createComponent({
|
|
|
41
111
|
events: { onValueChange: 'valueChange' },
|
|
42
112
|
defineCustomElement: defineKritzelShapeFill
|
|
43
113
|
});
|
|
114
|
+
export const KritzelSlideToggle = /*@__PURE__*/ createComponent({
|
|
115
|
+
tagName: 'kritzel-slide-toggle',
|
|
116
|
+
elementClass: KritzelSlideToggleElement,
|
|
117
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
118
|
+
react: React,
|
|
119
|
+
events: { onCheckedChange: 'checkedChange' },
|
|
120
|
+
defineCustomElement: defineKritzelSlideToggle
|
|
121
|
+
});
|
|
@@ -3,26 +3,71 @@
|
|
|
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 KritzelLineEndingsCustomEvent, type KritzelShapeFillCustomEvent, type KritzelUndoState, type LineArrowConfig, type ShapeFillType } from "../../../../kritzel-stencil";
|
|
6
|
+
import { type IKritzelDialogCloseEvent, type IKritzelMasterDetailSelectEvent, type IKritzelMenuItem, type KritzelBackToContentCustomEvent, type KritzelBaseObject, type KritzelDialogCustomEvent, type KritzelEditorCustomEvent, type KritzelExportCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelMasterDetailCustomEvent, type KritzelMoreMenuCustomEvent, type KritzelNumericInputCustomEvent, type KritzelOpacitySliderCustomEvent, type KritzelSettingsConfig, type KritzelSettingsCustomEvent, type KritzelShapeFillCustomEvent, type KritzelSlideToggleCustomEvent, type KritzelUndoState, type LineArrowConfig, type ShapeFillType } from "../../../../kritzel-stencil";
|
|
7
|
+
import { KritzelBackToContent as KritzelBackToContentElement } from "../../../../kritzel-stencil/dist/components/kritzel-back-to-content.js";
|
|
8
|
+
import { KritzelDialog as KritzelDialogElement } from "../../../../kritzel-stencil/dist/components/kritzel-dialog.js";
|
|
7
9
|
import { KritzelEditor as KritzelEditorElement } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
|
|
10
|
+
import { KritzelExport as KritzelExportElement } from "../../../../kritzel-stencil/dist/components/kritzel-export.js";
|
|
8
11
|
import { KritzelLineEndings as KritzelLineEndingsElement } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
|
|
12
|
+
import { KritzelMasterDetail as KritzelMasterDetailElement } from "../../../../kritzel-stencil/dist/components/kritzel-master-detail.js";
|
|
13
|
+
import { KritzelMoreMenu as KritzelMoreMenuElement } from "../../../../kritzel-stencil/dist/components/kritzel-more-menu.js";
|
|
14
|
+
import { KritzelNumericInput as KritzelNumericInputElement } from "../../../../kritzel-stencil/dist/components/kritzel-numeric-input.js";
|
|
9
15
|
import { KritzelOpacitySlider as KritzelOpacitySliderElement } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
|
|
16
|
+
import { KritzelSettings as KritzelSettingsElement } from "../../../../kritzel-stencil/dist/components/kritzel-settings.js";
|
|
10
17
|
import { KritzelShapeFill as KritzelShapeFillElement } from "../../../../kritzel-stencil/dist/components/kritzel-shape-fill.js";
|
|
18
|
+
import { KritzelSlideToggle as KritzelSlideToggleElement } from "../../../../kritzel-stencil/dist/components/kritzel-slide-toggle.js";
|
|
19
|
+
export type KritzelBackToContentEvents = {
|
|
20
|
+
onBackToContent: EventName<KritzelBackToContentCustomEvent<void>>;
|
|
21
|
+
};
|
|
22
|
+
export declare const KritzelBackToContent: StencilReactComponent<KritzelBackToContentElement, KritzelBackToContentEvents>;
|
|
23
|
+
export type KritzelDialogEvents = {
|
|
24
|
+
onDialogOpen: EventName<KritzelDialogCustomEvent<void>>;
|
|
25
|
+
onDialogClose: EventName<KritzelDialogCustomEvent<IKritzelDialogCloseEvent>>;
|
|
26
|
+
};
|
|
27
|
+
export declare const KritzelDialog: StencilReactComponent<KritzelDialogElement, KritzelDialogEvents>;
|
|
11
28
|
export type KritzelEditorEvents = {
|
|
12
29
|
onIsReady: EventName<KritzelEditorCustomEvent<HTMLElement>>;
|
|
13
30
|
onObjectsChange: EventName<KritzelEditorCustomEvent<KritzelBaseObject[]>>;
|
|
14
31
|
onUndoStateChange: EventName<KritzelEditorCustomEvent<KritzelUndoState>>;
|
|
15
32
|
};
|
|
16
33
|
export declare const KritzelEditor: StencilReactComponent<KritzelEditorElement, KritzelEditorEvents>;
|
|
34
|
+
export type KritzelExportEvents = {
|
|
35
|
+
onExportPng: EventName<KritzelExportCustomEvent<void>>;
|
|
36
|
+
onExportSvg: EventName<KritzelExportCustomEvent<void>>;
|
|
37
|
+
};
|
|
38
|
+
export declare const KritzelExport: StencilReactComponent<KritzelExportElement, KritzelExportEvents>;
|
|
17
39
|
export type KritzelLineEndingsEvents = {
|
|
18
40
|
onValueChange: EventName<KritzelLineEndingsCustomEvent<LineArrowConfig>>;
|
|
19
41
|
};
|
|
20
42
|
export declare const KritzelLineEndings: StencilReactComponent<KritzelLineEndingsElement, KritzelLineEndingsEvents>;
|
|
43
|
+
export type KritzelMasterDetailEvents = {
|
|
44
|
+
onItemSelect: EventName<KritzelMasterDetailCustomEvent<IKritzelMasterDetailSelectEvent>>;
|
|
45
|
+
};
|
|
46
|
+
export declare const KritzelMasterDetail: StencilReactComponent<KritzelMasterDetailElement, KritzelMasterDetailEvents>;
|
|
47
|
+
export type KritzelMoreMenuEvents = {
|
|
48
|
+
onItemSelect: EventName<KritzelMoreMenuCustomEvent<{
|
|
49
|
+
item: IKritzelMenuItem;
|
|
50
|
+
parent: IKritzelMenuItem;
|
|
51
|
+
}>>;
|
|
52
|
+
};
|
|
53
|
+
export declare const KritzelMoreMenu: StencilReactComponent<KritzelMoreMenuElement, KritzelMoreMenuEvents>;
|
|
54
|
+
export type KritzelNumericInputEvents = {
|
|
55
|
+
onValueChange: EventName<KritzelNumericInputCustomEvent<number>>;
|
|
56
|
+
};
|
|
57
|
+
export declare const KritzelNumericInput: StencilReactComponent<KritzelNumericInputElement, KritzelNumericInputEvents>;
|
|
21
58
|
export type KritzelOpacitySliderEvents = {
|
|
22
|
-
onValueChange: EventName<
|
|
59
|
+
onValueChange: EventName<KritzelOpacitySliderCustomEvent<number>>;
|
|
23
60
|
};
|
|
24
61
|
export declare const KritzelOpacitySlider: StencilReactComponent<KritzelOpacitySliderElement, KritzelOpacitySliderEvents>;
|
|
62
|
+
export type KritzelSettingsEvents = {
|
|
63
|
+
onSettingsChange: EventName<KritzelSettingsCustomEvent<KritzelSettingsConfig>>;
|
|
64
|
+
};
|
|
65
|
+
export declare const KritzelSettings: StencilReactComponent<KritzelSettingsElement, KritzelSettingsEvents>;
|
|
25
66
|
export type KritzelShapeFillEvents = {
|
|
26
67
|
onValueChange: EventName<KritzelShapeFillCustomEvent<ShapeFillType>>;
|
|
27
68
|
};
|
|
28
69
|
export declare const KritzelShapeFill: StencilReactComponent<KritzelShapeFillElement, KritzelShapeFillEvents>;
|
|
70
|
+
export type KritzelSlideToggleEvents = {
|
|
71
|
+
onCheckedChange: EventName<KritzelSlideToggleCustomEvent<boolean>>;
|
|
72
|
+
};
|
|
73
|
+
export declare const KritzelSlideToggle: StencilReactComponent<KritzelSlideToggleElement, KritzelSlideToggleEvents>;
|
package/package.json
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "kritzel-react",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"homepage": "https://gitlab.com/kasual1/kritzel#readme",
|
|
5
|
-
"license": "ISC",
|
|
6
|
-
"main": "dist/index.js",
|
|
7
|
-
"module": "dist/index.js",
|
|
8
|
-
"types": "dist/types/index.d.ts",
|
|
9
|
-
"directories": {
|
|
10
|
-
"lib": "lib",
|
|
11
|
-
"test": "__tests__"
|
|
12
|
-
},
|
|
13
|
-
"files": [
|
|
14
|
-
"dist"
|
|
15
|
-
],
|
|
16
|
-
"publishConfig": {
|
|
17
|
-
"access": "public"
|
|
18
|
-
},
|
|
19
|
-
"dependencies": {
|
|
20
|
-
"@stencil/react-output-target": "^1.2.0"
|
|
21
|
-
},
|
|
22
|
-
"peerDependencies": {
|
|
23
|
-
"kritzel-stencil": "^0.1.
|
|
24
|
-
},
|
|
25
|
-
"repository": {
|
|
26
|
-
"type": "git",
|
|
27
|
-
"url": "git+ssh://git@gitlab.com/kasual1/kritzel.git"
|
|
28
|
-
},
|
|
29
|
-
"scripts": {
|
|
30
|
-
"test": "node ./__tests__/react-library.test.js",
|
|
31
|
-
"build": "npm run tsc",
|
|
32
|
-
"tsc": "tsc -p . --outDir ./dist",
|
|
33
|
-
"clean": "rimraf dist node_modules",
|
|
34
|
-
"bump": "npm version patch",
|
|
35
|
-
"release": "npm publish"
|
|
36
|
-
},
|
|
37
|
-
"devDependencies": {
|
|
38
|
-
"@types/react": "^19.2.7",
|
|
39
|
-
"react": "^19.2.3",
|
|
40
|
-
"react-dom": "^19.2.3",
|
|
41
|
-
"typescript": "^5.9.3"
|
|
42
|
-
}
|
|
43
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "kritzel-react",
|
|
3
|
+
"version": "0.1.9",
|
|
4
|
+
"homepage": "https://gitlab.com/kasual1/kritzel#readme",
|
|
5
|
+
"license": "ISC",
|
|
6
|
+
"main": "dist/index.js",
|
|
7
|
+
"module": "dist/index.js",
|
|
8
|
+
"types": "dist/types/index.d.ts",
|
|
9
|
+
"directories": {
|
|
10
|
+
"lib": "lib",
|
|
11
|
+
"test": "__tests__"
|
|
12
|
+
},
|
|
13
|
+
"files": [
|
|
14
|
+
"dist"
|
|
15
|
+
],
|
|
16
|
+
"publishConfig": {
|
|
17
|
+
"access": "public"
|
|
18
|
+
},
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"@stencil/react-output-target": "^1.2.0"
|
|
21
|
+
},
|
|
22
|
+
"peerDependencies": {
|
|
23
|
+
"kritzel-stencil": "^0.1.9"
|
|
24
|
+
},
|
|
25
|
+
"repository": {
|
|
26
|
+
"type": "git",
|
|
27
|
+
"url": "git+ssh://git@gitlab.com/kasual1/kritzel.git"
|
|
28
|
+
},
|
|
29
|
+
"scripts": {
|
|
30
|
+
"test": "node ./__tests__/react-library.test.js",
|
|
31
|
+
"build": "npm run tsc",
|
|
32
|
+
"tsc": "tsc -p . --outDir ./dist",
|
|
33
|
+
"clean": "rimraf dist node_modules",
|
|
34
|
+
"bump": "npm version patch",
|
|
35
|
+
"release": "npm publish"
|
|
36
|
+
},
|
|
37
|
+
"devDependencies": {
|
|
38
|
+
"@types/react": "^19.2.7",
|
|
39
|
+
"react": "^19.2.3",
|
|
40
|
+
"react-dom": "^19.2.3",
|
|
41
|
+
"typescript": "^5.9.3"
|
|
42
|
+
}
|
|
43
|
+
}
|