diff --git a/changelog.md b/changelog.md index e7961c5..6061692 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2026-03-10 - 3.45.0 - feat(dees-form) +register new input components (tags, list, wysiwyg, richtext) and emit change notification for richtext updates + +- Added imports and registration of DeesInputTags, DeesInputList, DeesInputWysiwyg, and DeesInputRichtext in dees-form +- Extended TFormInputElement union type to include the new input components +- DeesInputRichtext now calls changeSubject.next(this.value) in the editor onUpdate handler to propagate changes + ## 2026-03-10 - 3.44.0 - feat(appui-tabs) add support for left/right tab action buttons and content tab action APIs diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 83d4dfc..a74fca4 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -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.' } diff --git a/ts_web/elements/00group-form/dees-form/dees-form.ts b/ts_web/elements/00group-form/dees-form/dees-form.ts index ce780f9..6849345 100644 --- a/ts_web/elements/00group-form/dees-form/dees-form.ts +++ b/ts_web/elements/00group-form/dees-form/dees-form.ts @@ -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; declare global { diff --git a/ts_web/elements/00group-input/dees-input-richtext/component.ts b/ts_web/elements/00group-input/dees-input-richtext/component.ts index d0baabb..9a3fc65 100644 --- a/ts_web/elements/00group-input/dees-input-richtext/component.ts +++ b/ts_web/elements/00group-input/dees-input-richtext/component.ts @@ -269,6 +269,7 @@ export class DeesInputRichtext extends DeesInputBase { onUpdate: ({ editor }) => { this.value = editor.getHTML(); this.updateWordCount(); + this.changeSubject.next(this.value); this.dispatchEvent( new CustomEvent('input', { detail: { value: this.value },