Released v0.27.2

packages/stencil-library/.storybook/main.ts

@@ -1,5 +1,4 @@
 import type { StorybookConfig } from '@storybook/web-components-vite';
-
 import { join, dirname } from "path"
 
 /**
@@ -12,7 +11,7 @@ function getAbsolutePath(value: string): any {
 const config: StorybookConfig = {
   "stories": [
     "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../src/components/**/*.stories.@(js|jsx|mjs|ts|tsx)",
   ],
   "addons": [
     getAbsolutePath('@storybook/addon-essentials'),

packages/stencil-library/eslint.config.ts

@@ -36,6 +36,8 @@ export default (tseslint.config(
             ".storybook/**/*",
             "eslint.config.ts",
             "stencil.config.ts",
+            "storybook-static",
+            "types"
         ],
     },
     {

packages/stencil-library/package.json

@@ -55,8 +55,8 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.1.0",
     "@eslint/js": "^9.24.0",
+    "@stencil/core": "4.29.3",
     "@stencil/eslint-plugin": "1.0.0",
-    "@stencil/core": "4.29.2",
     "@stencil/react-output-target": "^0.5.1",
     "@stencil/sass": "^3.0.4",
     "@storybook/addon-a11y": "^8.6.12",
@@ -68,7 +68,7 @@
     "@storybook/web-components": "^8.6.12",
     "@storybook/web-components-vite": "^8.6.12",
     "@timkendrick/monaco-editor": "^0.0.9",
-    "@types/jest": "^29.5.10",
+    "@types/jest": "^29.5.14",
     "@typescript-eslint/eslint-plugin": "^8.30.1",
     "@typescript-eslint/parser": "^8.30.1",
     "@typescript-eslint/rule-tester": "^8.30.1",
@@ -97,6 +97,6 @@
     "vitest": "^3.1.1"
   },
   "dependencies": {
-    "jodit": "^4.2.27"
+    "jodit": "^4.6.2"
   }
 }

packages/stencil-library/src/components/dnn-autocomplete/dnn-button.stories.ts → packages/stencil-library/src/components/dnn-autocomplete/dnn-autocomplete.stories.ts

@@ -1,10 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
-import { html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
+import { html } from 'lit';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/AutoComplete',
@@ -13,7 +10,7 @@ const meta: Meta = {
   parameters: {
     docs: {
       description: {
-        component: readme.default,
+        component: readme,
       }
     }
   },

packages/stencil-library/src/components/dnn-button/dnn-button.stories.ts

@@ -3,7 +3,7 @@ import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Button',

packages/stencil-library/src/components/dnn-checkbox/dnn-checkbox.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta : Meta = {
     title: 'Elements/Checkbox',

packages/stencil-library/src/components/dnn-chevron/dnn-chevron.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta : Meta = {

packages/stencil-library/src/components/dnn-collapsible/dnn-collapsible.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: "Elements/Collapsible",

packages/stencil-library/src/components/dnn-color-input/dnn-color-input.stories.ts

@@ -3,7 +3,7 @@ import { html, nothing, TemplateResult } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Color Input',

packages/stencil-library/src/components/dnn-color-picker/dnn-color-picker.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/dnn-dropzone/dnn-dropzone.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/dnn-image-cropper/dnn-image-cropper.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: 'Elements/Image Cropper',

packages/stencil-library/src/components/dnn-input/dnn-input.stories.ts

@@ -3,7 +3,7 @@ import { html, nothing, TemplateResult } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Input',

packages/stencil-library/src/components/dnn-modal/dnn-modal.stories.ts

@@ -3,7 +3,7 @@ import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: 'Elements/Modal',

packages/stencil-library/src/components/dnn-permissions-grid/dnn-permissions-grid.stories.ts

@@ -4,7 +4,7 @@ import { IPermissions } from "./permissions-interface";
 import { IRoleGroup } from "./role-group-interface";
 import { IRole } from "./role-interface";
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: "Elements/Permissions Grid",

packages/stencil-library/src/components/dnn-progress-bar/dnn-progress-bar.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Progress Bar',

packages/stencil-library/src/components/dnn-richtext/dnn-richtext.tsx

@@ -2,11 +2,12 @@ import { Component, Host, h, Prop, Event, EventEmitter, Watch, AttachInternals,
 import { Jodit } from "jodit";
 import type { Config } from "jodit/types/config";
 import { decodeHtml } from '../../utilities/stringUtilities';
+import { DeepPartial } from 'jodit/types/types';
 
 @Component({
   tag: 'dnn-richtext',
   styleUrl: 'dnn-richtext.scss',
-  shadow: true,
+  shadow: false,
   formAssociated: true,
 })
 export class DnnRichtext {
@@ -66,16 +67,17 @@ export class DnnRichtext {
   }
 
   componentDidLoad(){
-    var mergedOptions : Config = {
+    var mergedOptions : Partial<Config> = {
       ...this.dnnDefaultOptions,
       ...this.options,
       shadowRoot: this.host.shadowRoot,
     };
+
     if (this.customizeOptions != undefined){
-      mergedOptions = this.customizeOptions(mergedOptions);
+      mergedOptions = this.customizeOptions(mergedOptions as Config);
     }
     this.plugins.forEach(plugin => Jodit.plugins.add(plugin.name, plugin.callback));
-    this.editor = Jodit.make(this.textArea, mergedOptions);
+    this.editor = Jodit.make(this.textArea, (mergedOptions as DeepPartial<Config>));
     this.editor.value = decodeHtml(this.value ?? "");
     this.setFormValue();
     this.editor.e.on('input', () => this.valueInput.emit(this.editor.value));

packages/stencil-library/src/components/dnn-searchbox/dnn-searchbox.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: "Elements/Searchbox",

packages/stencil-library/src/components/dnn-select/dnn-select.stories.ts

@@ -3,7 +3,7 @@ import { html, nothing, TemplateResult } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Select',

packages/stencil-library/src/components/dnn-sort-icon/dnn-sort-icon.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from "lit";
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: "Elements/Sort Icon",

packages/stencil-library/src/components/dnn-tab/dnn-tab.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/dnn-tabs/dnn-tabs.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/dnn-textarea/dnn-textarea.stories.ts

@@ -3,7 +3,7 @@ import { html, nothing, TemplateResult } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
   title: 'Elements/Textarea',

packages/stencil-library/src/components/dnn-toggle/dnn-toggle.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/dnn-treeview-item/dnn-treeview-item.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 import exp from 'constants';
 
 

packages/stencil-library/src/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 const meta: Meta = {
     title: 'Elements/Vertical Overflow Menu',

packages/stencil-library/src/components/dnn-vertical-splitview/dnn-vertical-splitview.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { actions } from '@storybook/addon-actions';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/components/examples/dnn-example-form/dnn-example-form.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
-import readme from "./readme.md";
+import readme from "./readme.md?raw";
 
 
 const meta: Meta = {

packages/stencil-library/src/utilities/stringUtilities.ts

@@ -15,7 +15,7 @@ export function getReadableFileSizeString (fileSizeInBytes: number) : string {
 
 /** Takes an html encoded string and converts it to actual decoded html. */
 export function decodeHtml(html: string) : string {
-  if (html != undefined){
+  if (html == undefined){
     return '';
   }
 

packages/stencil-library/types/raw-md.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md?raw' {
+    const content: string;
+    export default content;
+}