mithril-materialized 3.5.5 → 3.5.6

package/dist/index.esm.js

@@ -3300,8 +3300,8 @@ const InputField = (type, defaultClass = '') => () => {
             const shouldValidate = !isNonInteractive && (validate || type === 'email' || type === 'url' || isNumeric);
             return m('.input-field', { className: cn, style }, [
                 iconName ? m('i.material-icons.prefix', iconName) : undefined,
-                m('input', Object.assign(Object.assign({ class: shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
-                    placeholder, value: controlled ? value : undefined, class: type === 'range' && attrs.vertical ? 'range-slider vertical' : undefined, style: type === 'range' && attrs.vertical
+                m('input', Object.assign(Object.assign({ class: type === 'range' && attrs.vertical ? 'range-slider vertical' : shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
+                    placeholder, value: controlled ? value : undefined, style: type === 'range' && attrs.vertical
                         ? {
                             height: attrs.height || '200px',
                             width: '6px',
@@ -4894,7 +4894,7 @@ const ModalPanel = () => {
                     closeModal(attrs);
                 }
             }
-            const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, } = attrs;
+            const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, closeOnButtonClick = true, } = attrs;
             const modalClasses = [
                 'modal',
                 className || '',
@@ -4991,7 +4991,7 @@ const ModalPanel = () => {
                         }, buttons.map((buttonProps) => m(FlatButton, Object.assign(Object.assign({}, buttonProps), { className: `modal-close ${buttonProps.className || ''}`, onclick: (e) => {
                                 if (buttonProps.onclick)
                                     buttonProps.onclick(e);
-                                closeModal(attrs);
+                                closeOnButtonClick && closeModal(attrs);
                             } })))),
                 ]),
             ]);
@@ -5169,6 +5169,7 @@ const defaultOptions = {
     autoClose: false,
     twelveHour: true,
     vibrate: true,
+    roundBy5: false,
     onOpen: () => { },
     onOpenStart: () => { },
     onOpenEnd: () => { },
@@ -5220,7 +5221,7 @@ const TimePicker = () => {
         const clickPos = getPos(e);
         state.dx = clickPos.x - state.x0;
         state.dy = clickPos.y - state.y0;
-        setHand(state.dx, state.dy, false);
+        setHand(state.dx, state.dy, options.roundBy5);
         document.addEventListener('mousemove', handleDocumentClickMove);
         document.addEventListener('touchmove', handleDocumentClickMove);
         document.addEventListener('mouseup', handleDocumentClickEnd);
@@ -5232,7 +5233,7 @@ const TimePicker = () => {
         const x = clickPos.x - state.x0;
         const y = clickPos.y - state.y0;
         state.moved = true;
-        setHand(x, y, false);
+        setHand(x, y, options.roundBy5);
         m.redraw();
     };
     const handleDocumentClickEnd = (e) => {

package/dist/index.js

@@ -3302,8 +3302,8 @@ const InputField = (type, defaultClass = '') => () => {
             const shouldValidate = !isNonInteractive && (validate || type === 'email' || type === 'url' || isNumeric);
             return m('.input-field', { className: cn, style }, [
                 iconName ? m('i.material-icons.prefix', iconName) : undefined,
-                m('input', Object.assign(Object.assign({ class: shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
-                    placeholder, value: controlled ? value : undefined, class: type === 'range' && attrs.vertical ? 'range-slider vertical' : undefined, style: type === 'range' && attrs.vertical
+                m('input', Object.assign(Object.assign({ class: type === 'range' && attrs.vertical ? 'range-slider vertical' : shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
+                    placeholder, value: controlled ? value : undefined, style: type === 'range' && attrs.vertical
                         ? {
                             height: attrs.height || '200px',
                             width: '6px',
@@ -4896,7 +4896,7 @@ const ModalPanel = () => {
                     closeModal(attrs);
                 }
             }
-            const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, } = attrs;
+            const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, closeOnButtonClick = true, } = attrs;
             const modalClasses = [
                 'modal',
                 className || '',
@@ -4993,7 +4993,7 @@ const ModalPanel = () => {
                         }, buttons.map((buttonProps) => m(FlatButton, Object.assign(Object.assign({}, buttonProps), { className: `modal-close ${buttonProps.className || ''}`, onclick: (e) => {
                                 if (buttonProps.onclick)
                                     buttonProps.onclick(e);
-                                closeModal(attrs);
+                                closeOnButtonClick && closeModal(attrs);
                             } })))),
                 ]),
             ]);
@@ -5171,6 +5171,7 @@ const defaultOptions = {
     autoClose: false,
     twelveHour: true,
     vibrate: true,
+    roundBy5: false,
     onOpen: () => { },
     onOpenStart: () => { },
     onOpenEnd: () => { },
@@ -5222,7 +5223,7 @@ const TimePicker = () => {
         const clickPos = getPos(e);
         state.dx = clickPos.x - state.x0;
         state.dy = clickPos.y - state.y0;
-        setHand(state.dx, state.dy, false);
+        setHand(state.dx, state.dy, options.roundBy5);
         document.addEventListener('mousemove', handleDocumentClickMove);
         document.addEventListener('touchmove', handleDocumentClickMove);
         document.addEventListener('mouseup', handleDocumentClickEnd);
@@ -5234,7 +5235,7 @@ const TimePicker = () => {
         const x = clickPos.x - state.x0;
         const y = clickPos.y - state.y0;
         state.moved = true;
-        setHand(x, y, false);
+        setHand(x, y, options.roundBy5);
         m.redraw();
     };
     const handleDocumentClickEnd = (e) => {

package/dist/index.umd.js

@@ -3304,8 +3304,8 @@
                 const shouldValidate = !isNonInteractive && (validate || type === 'email' || type === 'url' || isNumeric);
                 return m('.input-field', { className: cn, style }, [
                     iconName ? m('i.material-icons.prefix', iconName) : undefined,
-                    m('input', Object.assign(Object.assign({ class: shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
-                        placeholder, value: controlled ? value : undefined, class: type === 'range' && attrs.vertical ? 'range-slider vertical' : undefined, style: type === 'range' && attrs.vertical
+                    m('input', Object.assign(Object.assign({ class: type === 'range' && attrs.vertical ? 'range-slider vertical' : shouldValidate ? 'validate' : undefined }, params), { type, tabindex: 0, id,
+                        placeholder, value: controlled ? value : undefined, style: type === 'range' && attrs.vertical
                             ? {
                                 height: attrs.height || '200px',
                                 width: '6px',
@@ -4898,7 +4898,7 @@
                         closeModal(attrs);
                     }
                 }
-                const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, } = attrs;
+                const { id, title, description, fixedFooter, bottomSheet, buttons, richContent, className, showCloseButton = true, closeOnBackdropClick = true, closeOnButtonClick = true, } = attrs;
                 const modalClasses = [
                     'modal',
                     className || '',
@@ -4995,7 +4995,7 @@
                             }, buttons.map((buttonProps) => m(FlatButton, Object.assign(Object.assign({}, buttonProps), { className: `modal-close ${buttonProps.className || ''}`, onclick: (e) => {
                                     if (buttonProps.onclick)
                                         buttonProps.onclick(e);
-                                    closeModal(attrs);
+                                    closeOnButtonClick && closeModal(attrs);
                                 } })))),
                     ]),
                 ]);
@@ -5173,6 +5173,7 @@
         autoClose: false,
         twelveHour: true,
         vibrate: true,
+        roundBy5: false,
         onOpen: () => { },
         onOpenStart: () => { },
         onOpenEnd: () => { },
@@ -5224,7 +5225,7 @@
             const clickPos = getPos(e);
             state.dx = clickPos.x - state.x0;
             state.dy = clickPos.y - state.y0;
-            setHand(state.dx, state.dy, false);
+            setHand(state.dx, state.dy, options.roundBy5);
             document.addEventListener('mousemove', handleDocumentClickMove);
             document.addEventListener('touchmove', handleDocumentClickMove);
             document.addEventListener('mouseup', handleDocumentClickEnd);
@@ -5236,7 +5237,7 @@
             const x = clickPos.x - state.x0;
             const y = clickPos.y - state.y0;
             state.moved = true;
-            setHand(x, y, false);
+            setHand(x, y, options.roundBy5);
             m.redraw();
         };
         const handleDocumentClickEnd = (e) => {

package/dist/modal.d.ts

@@ -27,10 +27,12 @@ export interface ModalAttrs extends Attributes {
     onToggle?: (open: boolean) => void;
     /** Called when modal is closed */
     onClose?: () => void;
-    /** Show close button in top right */
+    /** Show close button in top right (default true) */
     showCloseButton?: boolean;
-    /** Close modal when clicking backdrop */
+    /** Close modal when clicking backdrop (default true) */
     closeOnBackdropClick?: boolean;
+    /** Close modal when clicking a button (default true) */
+    closeOnButtonClick?: boolean;
     /** Close modal when pressing escape key */
     closeOnEsc?: boolean;
 }

package/dist/timepicker.d.ts

@@ -19,6 +19,7 @@ export interface TimepickerOptions {
     autoClose?: boolean;
     twelveHour?: boolean;
     vibrate?: boolean;
+    roundBy5?: boolean;
     onOpen?: () => void;
     onOpenStart?: () => void;
     onOpenEnd?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mithril-materialized",
-  "version": "3.5.5",
+  "version": "3.5.6",
   "description": "A materialize library for mithril.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -38,7 +38,7 @@
     "build": "rollup -c rollup.config.mjs && npm run build:css-min",
     "build:css-min": "sass --no-source-map --style=compressed --no-charset ./src/index.scss ./dist/index.min.css && npm run build:css-modules",
     "build:css-modules": "sass --no-source-map ./src/core.scss ./dist/core.css && sass --no-source-map ./src/components.scss ./dist/components.css && sass --no-source-map ./src/forms.scss ./dist/forms.css && sass --no-source-map ./src/pickers.scss ./dist/pickers.css && sass --no-source-map ./src/advanced.scss ./dist/advanced.css && sass --no-source-map ./src/utilities.scss ./dist/utilities.css",
-    "dev": "concurrently \"rollup -c rollup.config.mjs -w\" \"npm run css:watch\"",
+    "dev": "concurrently \"rollup -c rollup.config.mjs -w\" \"pnpm run css:watch\"",
     "start": "pnpm run dev",
     "clean": "rimraf dist node_modules/.cache",
     "test": "jest",
@@ -55,7 +55,7 @@
     "dry-run": "npm publish --dry-run",
     "sass:watch": "sass --watch ./sass/materialize.scss ./dist/index.css",
     "css:watch": "sass --watch --no-source-map --style=compressed --no-charset ./src/index.scss ./dist/index.min.css",
-    "dev:full": "npm run dev & npm run css:watch",
+    "dev:full": "pnpm run dev & pnpm run css:watch",
     "patch-release": "npm run clean && npm run build && npm version patch --force -m \"Patch release\" && npm publish && git push --follow-tags",
     "minor-release": "npm run clean && npm run build && npm version minor --force -m \"Minor release\" && npm publish && git push --follow-tags",
     "major-release": "npm run clean && npm run build && npm version major --force -m \"Major release\" && npm publish && git push --follow-tags"
@@ -72,30 +72,29 @@
   "author": "Erik Vullings <erik.vullings@gmail.com> (http://www.tno.nl)",
   "license": "MIT",
   "dependencies": {
-    "mithril": "^2.3.7"
+    "mithril": "^2.3.8"
   },
   "devDependencies": {
-    "@playwright/test": "^1.56.1",
+    "@playwright/test": "^1.57.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
     "@types/mithril": "^2.2.7",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.23",
     "concurrently": "^9.2.1",
-    "express": "^5.1.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "js-yaml": "^4.1.0",
-    "rimraf": "^6.1.0",
-    "rollup": "^4.52.5",
+    "js-yaml": "^4.1.1",
+    "rimraf": "^6.1.2",
+    "rollup": "^4.54.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.93.2",
-    "ts-jest": "^29.4.5",
+    "sass": "^1.97.1",
+    "ts-jest": "^29.4.6",
     "tslib": "^2.8.1",
-    "typedoc": "^0.28.14",
+    "typedoc": "^0.28.15",
     "typescript": "^5.9.3"
   }
 }