Released v0.29.2

packages/stencil-library/custom-elements.json

@@ -16,7 +16,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Defines the type of automatic completion the browser could use.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+              "description": "Defines the type of automatic completion the browser could use.\r\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
               "default": "\"off\"",
               "required": false
             },
@@ -57,7 +57,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "How many suggestions to preload in pixels of their height.\nThis is used to calculate the virtual scroll height and request\nmore items before they get into view.",
+              "description": "How many suggestions to preload in pixels of their height.\r\nThis is used to calculate the virtual scroll height and request\r\nmore items before they get into view.",
               "default": "1000",
               "required": false
             },
@@ -74,7 +74,7 @@
               "type": {
                 "text": "number | undefined"
               },
-              "description": "The total amount of suggestions for the given search query.\nThis can be used to show virtual scroll and pagination progressive feeding.\nThe needMoreItems event should be used to request more items.",
+              "description": "The total amount of suggestions for the given search query.\r\nThis can be used to show virtual scroll and pagination progressive feeding.\r\nThe needMoreItems event should be used to request more items.",
               "required": false
             },
             {
@@ -140,7 +140,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Fires when the search query has changed.\nThis is almost like valueInput, but it is debounced\nand can be used to trigger a search query without overloading\nAPI endpoints while typing."
+              "description": "Fires when the search query has changed.\r\nThis is almost like valueInput, but it is debounced\r\nand can be used to trigger a search query without overloading\r\nAPI endpoints while typing."
             },
             {
               "name": "valueChange",

packages/stencil-library/package.json

@@ -70,13 +70,13 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.1",
     "@eslint/js": "^9.39.2",
-    "@stencil/core": "4.43.0",
+    "@stencil/core": "4.43.2",
     "@stencil/eslint-plugin": "1.1.0",
     "@stencil/react-output-target": "^1.2.0",
     "@stencil/sass": "^3.0.4",
-    "@storybook/addon-a11y": "10.2.10",
-    "@storybook/addon-docs": "10.2.10",
-    "@storybook/web-components-vite": "10.2.10",
+    "@storybook/addon-a11y": "10.2.13",
+    "@storybook/addon-docs": "10.2.13",
+    "@storybook/web-components-vite": "10.2.13",
     "@timkendrick/monaco-editor": "^0.0.9",
     "@types/jest": "^29.5.14",
     "@typescript-eslint/eslint-plugin": "^8.30.1",
@@ -89,7 +89,7 @@
     "babel-loader": "^10.0.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.16.0",
-    "eslint-plugin-storybook": "10.2.10",
+    "eslint-plugin-storybook": "10.2.13",
     "gh-pages": "^6.0.0",
     "jiti": "^2.4.2",
     "license-checker-rseidelsohn": "^4.2.6",
@@ -98,7 +98,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.1.0",
     "rollup-plugin-node-polyfills": "^0.2.1",
-    "storybook": "10.2.10",
+    "storybook": "10.2.13",
     "ts-node": "^10.9.2",
     "typescript": "5.9.3",
     "typescript-debounce-decorator": "^0.0.18",

packages/stencil-library/src/components/dnn-dropzone/readme.md

@@ -5,6 +5,44 @@
 <!-- Auto Generated Below -->
 
 
+## Usage
+
+### HTML
+
+### Most basic usage
+
+```html
+<dnn-dropzone id="dz"></dnn-dropzone>
+
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const dz = document.getElementById('dz');
+    dz.addEventListener('filesSelected', e => console.log('files', e.detail));
+  });
+</script>
+```
+
+Notes:
+- `dnn-dropzone` emits `filesSelected` with the selected FileList.
+
+
+### JSX-TSX
+
+### JSX / TSX usage
+
+```tsx
+render() {
+  return (
+    <dnn-dropzone onFilesSelected={e => console.log(e.detail)} />
+  );
+}
+```
+
+Notes:
+- Use a framework ref to call methods on the element if needed.
+
+
+
 ## Properties
 
 | Property            | Attribute           | Description                                                                                                                                   | Type                        | Default     |

packages/stencil-library/src/components/dnn-dropzone/usage/HTML.md

@@ -0,0 +1,15 @@
+### Most basic usage
+
+```html
+<dnn-dropzone id="dz"></dnn-dropzone>
+
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const dz = document.getElementById('dz');
+    dz.addEventListener('filesSelected', e => console.log('files', e.detail));
+  });
+</script>
+```
+
+Notes:
+- `dnn-dropzone` emits `filesSelected` with the selected FileList.

packages/stencil-library/src/components/dnn-dropzone/usage/JSX-TSX.md

@@ -0,0 +1,12 @@
+### JSX / TSX usage
+
+```tsx
+render() {
+  return (
+    <dnn-dropzone onFilesSelected={e => console.log(e.detail)} />
+  );
+}
+```
+
+Notes:
+- Use a framework ref to call methods on the element if needed.

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

@@ -132,12 +132,23 @@ export class DnnInput {
   }
 
   private handleInput(e: InputEvent): void {
-    if (this.type === "number" && e.data === "-") {
-      // Ignore the minus sign if the input type is number
-      return;
-    }
     var value = (e.target as HTMLInputElement).value;
-    this.value = value;
+    if (this.type === "number") {
+      value = value.replace(/,/g, '.');
+      if (value === "") {
+        this.value = "";
+      }
+      else if (!isNaN(Number(value))) {
+        this.value = Number(value);
+      }
+      else {
+        this.value = value;
+      }
+    }
+    else{
+      this.value = value;
+    }
+
     var valid = this.inputField.checkValidity();
     this.valid = valid;
     this.valueInput.emit(this.value);

packages/stencil-library/vscode-data.json

@@ -10,7 +10,7 @@
       "attributes": [
         {
           "name": "autocomplete",
-          "description": "Defines the type of automatic completion the browser could use.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"
+          "description": "Defines the type of automatic completion the browser could use.\r\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"
         },
         {
           "name": "disabled",
@@ -30,15 +30,15 @@
         },
         {
           "name": "preload-threshold-pixels",
-          "description": "How many suggestions to preload in pixels of their height.\nThis is used to calculate the virtual scroll height and request\nmore items before they get into view."
+          "description": "How many suggestions to preload in pixels of their height.\r\nThis is used to calculate the virtual scroll height and request\r\nmore items before they get into view."
         },
         {
           "name": "required",
           "description": "Defines whether the field requires having a value."
         },
         {
           "name": "total-suggestions",
-          "description": "The total amount of suggestions for the given search query.\nThis can be used to show virtual scroll and pagination progressive feeding.\nThe needMoreItems event should be used to request more items."
+          "description": "The total amount of suggestions for the given search query.\r\nThis can be used to show virtual scroll and pagination progressive feeding.\r\nThe needMoreItems event should be used to request more items."
         },
         {
           "name": "value",