kritzel-react 0.0.115 → 0.0.117

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

@@ -1,172 +1,12 @@
 '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 { KritzelTooltip as KritzelTooltipElement, defineCustomElement as defineKritzelTooltip } from "../../../../kritzel-stencil/dist/components/kritzel-tooltip.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 - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onTypeChange: 'typeChange' },
-    defineCustomElement: defineKritzelBrushStyle
-});
-export const KritzelColor = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-color',
-    elementClass: KritzelColorElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineKritzelColor
-});
-export const KritzelColorPalette = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-color-palette',
-    elementClass: KritzelColorPaletteElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onColorChange: 'colorChange' },
-    defineCustomElement: defineKritzelColorPalette
-});
-export const KritzelContextMenu = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-context-menu',
-    elementClass: KritzelContextMenuElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onActionSelected: 'actionSelected' },
-    defineCustomElement: defineKritzelContextMenu
-});
-export const KritzelControlBrushConfig = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-control-brush-config',
-    elementClass: KritzelControlBrushConfigElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onToolChange: 'toolChange' },
-    defineCustomElement: defineKritzelControlBrushConfig
-});
-export const KritzelControlTextConfig = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-control-text-config',
-    elementClass: KritzelControlTextConfigElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onToolChange: 'toolChange' },
-    defineCustomElement: defineKritzelControlTextConfig
-});
-export const KritzelControls = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-controls',
-    elementClass: KritzelControlsElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onControlsReady: 'controlsReady' },
-    defineCustomElement: defineKritzelControls
-});
-export const KritzelCursorTrail = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-cursor-trail',
-    elementClass: KritzelCursorTrailElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineKritzelCursorTrail
-});
-export const KritzelDropdown = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-dropdown',
-    elementClass: KritzelDropdownElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onValueChanged: 'valueChanged' },
-    defineCustomElement: defineKritzelDropdown
-});
 export const KritzelEditor = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-editor',
     elementClass: KritzelEditorElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onIsReady: 'isReady' },
     defineCustomElement: defineKritzelEditor
 });
-export const KritzelEngine = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-engine',
-    elementClass: KritzelEngineElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onEngineReady: 'engineReady',
-        onActiveToolChange: 'activeToolChange'
-    },
-    defineCustomElement: defineKritzelEngine
-});
-export const KritzelFont = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-font',
-    elementClass: KritzelFontElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineKritzelFont
-});
-export const KritzelFontFamily = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-font-family',
-    elementClass: KritzelFontFamilyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onFontFamilyChange: 'fontFamilyChange' },
-    defineCustomElement: defineKritzelFontFamily
-});
-export const KritzelFontSize = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-font-size',
-    elementClass: KritzelFontSizeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSizeChange: 'sizeChange' },
-    defineCustomElement: defineKritzelFontSize
-});
-export const KritzelIcon = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-icon',
-    elementClass: KritzelIconElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineKritzelIcon
-});
-export const KritzelStrokeSize = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-stroke-size',
-    elementClass: KritzelStrokeSizeElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onSizeChange: 'sizeChange' },
-    defineCustomElement: defineKritzelStrokeSize
-});
-export const KritzelTooltip = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-tooltip',
-    elementClass: KritzelTooltipElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {},
-    defineCustomElement: defineKritzelTooltip
-});
-export const KritzelUtilityPanel = /*@__PURE__*/ createComponent({
-    tagName: 'kritzel-utility-panel',
-    elementClass: KritzelUtilityPanelElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {
-        onUndo: 'undo',
-        onRedo: 'redo',
-        onDelete: 'delete'
-    },
-    defineCustomElement: defineKritzelUtilityPanel
-});

package/dist/index.js

@@ -1 +1,2 @@
 export * from './components/stencil-generated/components';
+export { KritzelText, KritzelPath, KritzelImage } from 'kritzel-stencil';

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

@@ -3,85 +3,9 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 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 { type KritzelEditorCustomEvent } from "../../../../kritzel-stencil";
 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 { KritzelTooltip as KritzelTooltipElement } from "../../../../kritzel-stencil/dist/components/kritzel-tooltip.js";
-import { KritzelUtilityPanel as KritzelUtilityPanelElement } from "../../../../kritzel-stencil/dist/components/kritzel-utility-panel.js";
-export type KritzelBrushStyleEvents = {
-    onTypeChange: EventName<CustomEvent<'pen' | 'highlighter'>>;
+export type KritzelEditorEvents = {
+    onIsReady: EventName<KritzelEditorCustomEvent<HTMLElement>>;
 };
-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>>;
-};
-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 = {
-    onControlsReady: EventName<CustomEvent<void>>;
-};
-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 = {
-    onEngineReady: EventName<CustomEvent<void>>;
-    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 KritzelTooltipEvents = NonNullable<unknown>;
-export declare const KritzelTooltip: StencilReactComponent<KritzelTooltipElement, KritzelTooltipEvents>;
-export type KritzelUtilityPanelEvents = {
-    onUndo: EventName<CustomEvent<void>>;
-    onRedo: EventName<CustomEvent<void>>;
-    onDelete: EventName<CustomEvent<void>>;
-};
-export declare const KritzelUtilityPanel: StencilReactComponent<KritzelUtilityPanelElement, KritzelUtilityPanelEvents>;

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from './components/stencil-generated/components';
+export { KritzelText, KritzelPath, KritzelImage } from 'kritzel-stencil';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kritzel-react",
-  "version": "0.0.115",
+  "version": "0.0.117",
   "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.115"
+    "kritzel-stencil": "^0.0.117"
   },
   "repository": {
     "type": "git",