native-document 1.0.202 → 1.0.203

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.202",
+  "version": "1.0.203",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/components/drawer/Drawer.js

@@ -51,6 +51,7 @@ export default function Drawer(content = null, props = {}) {
         renderHeader: null,
         backdrop: true,
         isOpen: null,
+        closeIcon: null,
         props,
     };
     this.aria = {
@@ -341,4 +342,13 @@ Drawer.prototype.onOpen = function(handler) {
 Drawer.prototype.onClose = function(handler) {
     this.on('close', handler);
     return this;
+};
+
+/**
+ * @param {NdChild} icon
+ * @return {this}
+ */
+Drawer.prototype.closeIcon = function(icon) {
+    this.$description.closeIcon = icon;
+    return this;
 };

package/src/components/drawer/types/Drawer.d.ts

@@ -48,6 +48,7 @@ export interface DrawerInterface extends BaseComponent {
     hide(): void;
     onOpen(handler: (instance: DrawerInterface) => void): this;
     onClose(handler: (instance: DrawerInterface) => void): this;
+    closeIcon(icon: ValidChild): this;
 }
 
 

package/src/ui/components/drawer/DrawerRender.js

@@ -52,7 +52,7 @@ const buildDrawerHeader = ($desc, instance, closeFn) => {
             $desc.subtitle ? Paragraph({ class: 'drawer-sub-title' }, $desc.subtitle) : null,
         ]),
         $desc.closable
-            ? Button({ type: 'button', class: 'drawer-close', 'aria-label': 'Close menu' }, 'X').onClick(closeFn)
+            ? Button({ type: 'button', class: 'drawer-close', 'aria-label': 'Close menu' }, $desc.closeIcon ?? 'X').onClick(closeFn)
             : null,
     ];
 };