kritzel-react 0.0.42 → 0.0.44

package/dist/components/stencil-generated/components.js

@@ -1,10 +1,74 @@
 'use client';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
+import { KritzelBrushStyle as KritzelBrushStyleElement, defineCustomElement as defineKritzelBrushStyle } from "../../../../kritzel-stencil/dist/components/kritzel-brush-style.js";
+import { KritzelColorPalette as KritzelColorPaletteElement, defineCustomElement as defineKritzelColorPalette } from "../../../../kritzel-stencil/dist/components/kritzel-color-palette.js";
+import { KritzelColor as KritzelColorElement, defineCustomElement as defineKritzelColor } from "../../../../kritzel-stencil/dist/components/kritzel-color.js";
+import { KritzelContextMenu as KritzelContextMenuElement, defineCustomElement as defineKritzelContextMenu } from "../../../../kritzel-stencil/dist/components/kritzel-context-menu.js";
+import { KritzelControlBrushConfig as KritzelControlBrushConfigElement, defineCustomElement as defineKritzelControlBrushConfig } from "../../../../kritzel-stencil/dist/components/kritzel-control-brush-config.js";
+import { KritzelControlTextConfig as KritzelControlTextConfigElement, defineCustomElement as defineKritzelControlTextConfig } from "../../../../kritzel-stencil/dist/components/kritzel-control-text-config.js";
 import { KritzelControls as KritzelControlsElement, defineCustomElement as defineKritzelControls } from "../../../../kritzel-stencil/dist/components/kritzel-controls.js";
+import { KritzelCursorTrail as KritzelCursorTrailElement, defineCustomElement as defineKritzelCursorTrail } from "../../../../kritzel-stencil/dist/components/kritzel-cursor-trail.js";
+import { KritzelDropdown as KritzelDropdownElement, defineCustomElement as defineKritzelDropdown } from "../../../../kritzel-stencil/dist/components/kritzel-dropdown.js";
 import { KritzelEditor as KritzelEditorElement, defineCustomElement as defineKritzelEditor } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
 import { KritzelEngine as KritzelEngineElement, defineCustomElement as defineKritzelEngine } from "../../../../kritzel-stencil/dist/components/kritzel-engine.js";
+import { KritzelFontFamily as KritzelFontFamilyElement, defineCustomElement as defineKritzelFontFamily } from "../../../../kritzel-stencil/dist/components/kritzel-font-family.js";
+import { KritzelFontSize as KritzelFontSizeElement, defineCustomElement as defineKritzelFontSize } from "../../../../kritzel-stencil/dist/components/kritzel-font-size.js";
+import { KritzelFont as KritzelFontElement, defineCustomElement as defineKritzelFont } from "../../../../kritzel-stencil/dist/components/kritzel-font.js";
 import { KritzelIcon as KritzelIconElement, defineCustomElement as defineKritzelIcon } from "../../../../kritzel-stencil/dist/components/kritzel-icon.js";
+import { KritzelStrokeSize as KritzelStrokeSizeElement, defineCustomElement as defineKritzelStrokeSize } from "../../../../kritzel-stencil/dist/components/kritzel-stroke-size.js";
+import { KritzelUtilityPanel as KritzelUtilityPanelElement, defineCustomElement as defineKritzelUtilityPanel } from "../../../../kritzel-stencil/dist/components/kritzel-utility-panel.js";
+export const KritzelBrushStyle = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-brush-style',
+    elementClass: KritzelBrushStyleElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onTypeChange: 'typeChange' },
+    defineCustomElement: defineKritzelBrushStyle
+});
+export const KritzelColor = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-color',
+    elementClass: KritzelColorElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineKritzelColor
+});
+export const KritzelColorPalette = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-color-palette',
+    elementClass: KritzelColorPaletteElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onColorChange: 'colorChange' },
+    defineCustomElement: defineKritzelColorPalette
+});
+export const KritzelContextMenu = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-context-menu',
+    elementClass: KritzelContextMenuElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onActionSelected: 'actionSelected',
+        onClose: 'close'
+    },
+    defineCustomElement: defineKritzelContextMenu
+});
+export const KritzelControlBrushConfig = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-control-brush-config',
+    elementClass: KritzelControlBrushConfigElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onToolChange: 'toolChange' },
+    defineCustomElement: defineKritzelControlBrushConfig
+});
+export const KritzelControlTextConfig = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-control-text-config',
+    elementClass: KritzelControlTextConfigElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onToolChange: 'toolChange' },
+    defineCustomElement: defineKritzelControlTextConfig
+});
 export const KritzelControls = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-controls',
     elementClass: KritzelControlsElement,
@@ -13,6 +77,22 @@ export const KritzelControls = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineKritzelControls
 });
+export const KritzelCursorTrail = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-cursor-trail',
+    elementClass: KritzelCursorTrailElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineKritzelCursorTrail
+});
+export const KritzelDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-dropdown',
+    elementClass: KritzelDropdownElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onValueChanged: 'valueChanged' },
+    defineCustomElement: defineKritzelDropdown
+});
 export const KritzelEditor = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-editor',
     elementClass: KritzelEditorElement,
@@ -26,9 +106,33 @@ export const KritzelEngine = /*@__PURE__*/ createComponent({
     elementClass: KritzelEngineElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {},
+    events: { onActiveToolChange: 'activeToolChange' },
     defineCustomElement: defineKritzelEngine
 });
+export const KritzelFont = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-font',
+    elementClass: KritzelFontElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {},
+    defineCustomElement: defineKritzelFont
+});
+export const KritzelFontFamily = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-font-family',
+    elementClass: KritzelFontFamilyElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onFontFamilyChange: 'fontFamilyChange' },
+    defineCustomElement: defineKritzelFontFamily
+});
+export const KritzelFontSize = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-font-size',
+    elementClass: KritzelFontSizeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onSizeChange: 'sizeChange' },
+    defineCustomElement: defineKritzelFontSize
+});
 export const KritzelIcon = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-icon',
     elementClass: KritzelIconElement,
@@ -37,3 +141,23 @@ export const KritzelIcon = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineKritzelIcon
 });
+export const KritzelStrokeSize = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-stroke-size',
+    elementClass: KritzelStrokeSizeElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: { onSizeChange: 'sizeChange' },
+    defineCustomElement: defineKritzelStrokeSize
+});
+export const KritzelUtilityPanel = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-utility-panel',
+    elementClass: KritzelUtilityPanelElement,
+    // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
+    react: React,
+    events: {
+        onUndo: 'undo',
+        onRedo: 'redo',
+        onDelete: 'delete'
+    },
+    defineCustomElement: defineKritzelUtilityPanel
+});

package/dist/types/components/stencil-generated/components.d.ts

@@ -2,16 +2,81 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type ContextMenuItem, type KritzelBaseTool, type KritzelBrushTool, type KritzelContextMenuCustomEvent, type KritzelControlBrushConfigCustomEvent, type KritzelControlTextConfigCustomEvent, type KritzelEngineCustomEvent, type KritzelTextTool } from "../../../../kritzel-stencil";
+import { KritzelBrushStyle as KritzelBrushStyleElement } from "../../../../kritzel-stencil/dist/components/kritzel-brush-style.js";
+import { KritzelColorPalette as KritzelColorPaletteElement } from "../../../../kritzel-stencil/dist/components/kritzel-color-palette.js";
+import { KritzelColor as KritzelColorElement } from "../../../../kritzel-stencil/dist/components/kritzel-color.js";
+import { KritzelContextMenu as KritzelContextMenuElement } from "../../../../kritzel-stencil/dist/components/kritzel-context-menu.js";
+import { KritzelControlBrushConfig as KritzelControlBrushConfigElement } from "../../../../kritzel-stencil/dist/components/kritzel-control-brush-config.js";
+import { KritzelControlTextConfig as KritzelControlTextConfigElement } from "../../../../kritzel-stencil/dist/components/kritzel-control-text-config.js";
 import { KritzelControls as KritzelControlsElement } from "../../../../kritzel-stencil/dist/components/kritzel-controls.js";
+import { KritzelCursorTrail as KritzelCursorTrailElement } from "../../../../kritzel-stencil/dist/components/kritzel-cursor-trail.js";
+import { KritzelDropdown as KritzelDropdownElement } from "../../../../kritzel-stencil/dist/components/kritzel-dropdown.js";
 import { KritzelEditor as KritzelEditorElement } from "../../../../kritzel-stencil/dist/components/kritzel-editor.js";
 import { KritzelEngine as KritzelEngineElement } from "../../../../kritzel-stencil/dist/components/kritzel-engine.js";
+import { KritzelFontFamily as KritzelFontFamilyElement } from "../../../../kritzel-stencil/dist/components/kritzel-font-family.js";
+import { KritzelFontSize as KritzelFontSizeElement } from "../../../../kritzel-stencil/dist/components/kritzel-font-size.js";
+import { KritzelFont as KritzelFontElement } from "../../../../kritzel-stencil/dist/components/kritzel-font.js";
 import { KritzelIcon as KritzelIconElement } from "../../../../kritzel-stencil/dist/components/kritzel-icon.js";
+import { KritzelStrokeSize as KritzelStrokeSizeElement } from "../../../../kritzel-stencil/dist/components/kritzel-stroke-size.js";
+import { KritzelUtilityPanel as KritzelUtilityPanelElement } from "../../../../kritzel-stencil/dist/components/kritzel-utility-panel.js";
+export type KritzelBrushStyleEvents = {
+    onTypeChange: EventName<CustomEvent<'pen' | 'highlighter'>>;
+};
+export declare const KritzelBrushStyle: StencilReactComponent<KritzelBrushStyleElement, KritzelBrushStyleEvents>;
+export type KritzelColorEvents = NonNullable<unknown>;
+export declare const KritzelColor: StencilReactComponent<KritzelColorElement, KritzelColorEvents>;
+export type KritzelColorPaletteEvents = {
+    onColorChange: EventName<CustomEvent<string>>;
+};
+export declare const KritzelColorPalette: StencilReactComponent<KritzelColorPaletteElement, KritzelColorPaletteEvents>;
+export type KritzelContextMenuEvents = {
+    onActionSelected: EventName<KritzelContextMenuCustomEvent<ContextMenuItem>>;
+    onClose: EventName<CustomEvent<void>>;
+};
+export declare const KritzelContextMenu: StencilReactComponent<KritzelContextMenuElement, KritzelContextMenuEvents>;
+export type KritzelControlBrushConfigEvents = {
+    onToolChange: EventName<KritzelControlBrushConfigCustomEvent<KritzelBrushTool>>;
+};
+export declare const KritzelControlBrushConfig: StencilReactComponent<KritzelControlBrushConfigElement, KritzelControlBrushConfigEvents>;
+export type KritzelControlTextConfigEvents = {
+    onToolChange: EventName<KritzelControlTextConfigCustomEvent<KritzelTextTool>>;
+};
+export declare const KritzelControlTextConfig: StencilReactComponent<KritzelControlTextConfigElement, KritzelControlTextConfigEvents>;
 export type KritzelControlsEvents = NonNullable<unknown>;
 export declare const KritzelControls: StencilReactComponent<KritzelControlsElement, KritzelControlsEvents>;
+export type KritzelCursorTrailEvents = NonNullable<unknown>;
+export declare const KritzelCursorTrail: StencilReactComponent<KritzelCursorTrailElement, KritzelCursorTrailEvents>;
+export type KritzelDropdownEvents = {
+    onValueChanged: EventName<CustomEvent<string>>;
+};
+export declare const KritzelDropdown: StencilReactComponent<KritzelDropdownElement, KritzelDropdownEvents>;
 export type KritzelEditorEvents = NonNullable<unknown>;
 export declare const KritzelEditor: StencilReactComponent<KritzelEditorElement, KritzelEditorEvents>;
-export type KritzelEngineEvents = NonNullable<unknown>;
+export type KritzelEngineEvents = {
+    onActiveToolChange: EventName<KritzelEngineCustomEvent<KritzelBaseTool>>;
+};
 export declare const KritzelEngine: StencilReactComponent<KritzelEngineElement, KritzelEngineEvents>;
+export type KritzelFontEvents = NonNullable<unknown>;
+export declare const KritzelFont: StencilReactComponent<KritzelFontElement, KritzelFontEvents>;
+export type KritzelFontFamilyEvents = {
+    onFontFamilyChange: EventName<CustomEvent<string>>;
+};
+export declare const KritzelFontFamily: StencilReactComponent<KritzelFontFamilyElement, KritzelFontFamilyEvents>;
+export type KritzelFontSizeEvents = {
+    onSizeChange: EventName<CustomEvent<number>>;
+};
+export declare const KritzelFontSize: StencilReactComponent<KritzelFontSizeElement, KritzelFontSizeEvents>;
 export type KritzelIconEvents = NonNullable<unknown>;
 export declare const KritzelIcon: StencilReactComponent<KritzelIconElement, KritzelIconEvents>;
+export type KritzelStrokeSizeEvents = {
+    onSizeChange: EventName<CustomEvent<number>>;
+};
+export declare const KritzelStrokeSize: StencilReactComponent<KritzelStrokeSizeElement, KritzelStrokeSizeEvents>;
+export type KritzelUtilityPanelEvents = {
+    onUndo: EventName<CustomEvent<void>>;
+    onRedo: EventName<CustomEvent<void>>;
+    onDelete: EventName<CustomEvent<void>>;
+};
+export declare const KritzelUtilityPanel: StencilReactComponent<KritzelUtilityPanelElement, KritzelUtilityPanelEvents>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kritzel-react",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "homepage": "https://gitlab.com/kasual1/kritzel#readme",
   "license": "ISC",
   "main": "dist/index.js",
@@ -20,7 +20,7 @@
     "@stencil/react-output-target": "^0.7.4"
   },
   "peerDependencies": {
-    "kritzel-stencil": "^0.0.42"
+    "kritzel-stencil": "^0.0.44"
   },
   "repository": {
     "type": "git",