feat(dees-form): register new input components (tags, list, wysiwyg, richtext) and emit change notification for richtext updates
This commit is contained in:
@@ -3,6 +3,6 @@
|
||||
*/
|
||||
export const commitinfo = {
|
||||
name: '@design.estate/dees-catalog',
|
||||
version: '3.44.0',
|
||||
version: '3.45.0',
|
||||
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
||||
}
|
||||
|
||||
@@ -22,6 +22,10 @@ import { DeesInputMultitoggle } from '../../00group-input/dees-input-multitoggle
|
||||
import { DeesInputPhone } from '../../00group-input/dees-input-phone/dees-input-phone.js';
|
||||
import { DeesInputToggle } from '../../00group-input/dees-input-toggle/dees-input-toggle.js';
|
||||
import { DeesInputTypelist } from '../../00group-input/dees-input-typelist/dees-input-typelist.js';
|
||||
import { DeesInputTags } from '../../00group-input/dees-input-tags/dees-input-tags.js';
|
||||
import { DeesInputList } from '../../00group-input/dees-input-list/dees-input-list.js';
|
||||
import { DeesInputWysiwyg } from '../../00group-input/dees-input-wysiwyg/dees-input-wysiwyg.js';
|
||||
import { DeesInputRichtext } from '../../00group-input/dees-input-richtext/component.js';
|
||||
import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
|
||||
import { DeesTable } from '../../00group-dataview/dees-table/index.js';
|
||||
import { demoFunc } from './dees-form.demo.js';
|
||||
@@ -41,6 +45,10 @@ const FORM_INPUT_TYPES = [
|
||||
DeesInputText,
|
||||
DeesInputToggle,
|
||||
DeesInputTypelist,
|
||||
DeesInputTags,
|
||||
DeesInputList,
|
||||
DeesInputWysiwyg,
|
||||
DeesInputRichtext,
|
||||
DeesTable,
|
||||
];
|
||||
|
||||
@@ -58,6 +66,10 @@ export type TFormInputElement =
|
||||
| DeesInputText
|
||||
| DeesInputToggle
|
||||
| DeesInputTypelist
|
||||
| DeesInputTags
|
||||
| DeesInputList
|
||||
| DeesInputWysiwyg
|
||||
| DeesInputRichtext
|
||||
| DeesTable<any>;
|
||||
|
||||
declare global {
|
||||
|
||||
@@ -269,6 +269,7 @@ export class DeesInputRichtext extends DeesInputBase<string> {
|
||||
onUpdate: ({ editor }) => {
|
||||
this.value = editor.getHTML();
|
||||
this.updateWordCount();
|
||||
this.changeSubject.next(this.value);
|
||||
this.dispatchEvent(
|
||||
new CustomEvent('input', {
|
||||
detail: { value: this.value },
|
||||
|
||||
Reference in New Issue
Block a user