mithril-materialized 3.3.3 → 3.3.5

package/dist/index.umd.js

@@ -878,6 +878,14 @@
             'M19 13H5v-2h14v2z', // minus
             'M0 0h24v24H0z', // background
         ],
+        light_mode: [
+            'M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.4 12.4a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41zm1.06-11a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.4a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z',
+            'M0 0h24v24H0z', // background
+        ],
+        dark_mode: [
+            'M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.39 5.39 0 0 1-4.4 2.26 5.4 5.4 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z',
+            'M0 0h24v24H0z', // background
+        ],
     };
     const MaterialIcon = () => {
         return {
@@ -7166,20 +7174,23 @@
                     showLabels && m('span.theme-switcher-label', labels.theme),
                     m('.theme-switcher-buttons', [
                         m('button.btn-flat', {
+                            type: 'button',
                             class: theme === 'light' ? 'active' : '',
                             onclick: () => handleThemeChange('light'),
                             title: labels.lightTitle,
-                        }, [m('i.material-icons', 'light_mode'), showLabels && m('span', labels.light)]),
+                        }, [m(MaterialIcon, { name: 'light_mode' }), showLabels && m('span', labels.light)]),
                         m('button.btn-flat', {
+                            type: 'button',
                             class: theme === 'auto' ? 'active' : '',
                             onclick: () => handleThemeChange('auto'),
                             title: labels.autoTitle,
                         }, [m('i.material-icons', 'brightness_auto'), showLabels && m('span', labels.auto)]),
                         m('button.btn-flat', {
+                            type: 'button',
                             class: theme === 'dark' ? 'active' : '',
                             onclick: () => handleThemeChange('dark'),
                             title: labels.darkTitle,
-                        }, [m('i.material-icons', 'dark_mode'), showLabels && m('span', labels.dark)]),
+                        }, [m(MaterialIcon, { name: 'dark_mode' }), showLabels && m('span', labels.dark)]),
                     ]),
                 ]);
             },
@@ -7200,16 +7211,16 @@
                 const currentTheme = ThemeManager.getEffectiveTheme();
                 const labels = Object.assign(Object.assign({}, defaultI18n$1), attrs.i18n);
                 return m('button.btn-flat.theme-toggle', {
+                    type: 'button',
                     class: attrs.className || '',
                     onclick: () => {
                         ThemeManager.toggle();
                     },
                     title: currentTheme === 'light' ? labels.switchToDark : labels.switchToLight,
-                    style: 'margin: 0; height: 64px; line-height: 64px; border-radius: 0; min-width: 64px; padding: 0;',
                 }, [
-                    m('i.material-icons', {
-                        style: 'color: inherit; font-size: 24px;',
-                    }, currentTheme === 'light' ? 'dark_mode' : 'light_mode'),
+                    m(MaterialIcon, {
+                        name: currentTheme === 'light' ? 'dark_mode' : 'light_mode',
+                    }),
                 ]);
             },
         };
@@ -7753,7 +7764,6 @@
             }
             finally {
                 state.isValidating = false;
-                m.redraw();
             }
         };
         const goToStep = async (stepIndex, attrs) => {
@@ -7785,8 +7795,6 @@
             if (onStepChange && oldStep !== stepIndex) {
                 onStepChange(stepIndex, steps[stepIndex].id || `step-${stepIndex}`);
             }
-            // Force redraw to update UI
-            m.redraw();
             return true;
         };
         const nextStep = async (attrs) => {

package/dist/material-icon.d.ts

@@ -5,6 +5,8 @@ declare const iconPaths: {
     readonly chevron: readonly ["M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z", "M0 0h24v24H0z"];
     readonly expand: readonly ["M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", "M0 0h24v24H0z"];
     readonly collapse: readonly ["M19 13H5v-2h14v2z", "M0 0h24v24H0z"];
+    readonly light_mode: readonly ["M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5M2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1m18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1M11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1m0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1M5.99 4.58a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41zm12.4 12.4a.996.996 0 0 0-1.41 0 .996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41zm1.06-11a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0zM7.05 18.4a.996.996 0 0 0 0-1.41.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0z", "M0 0h24v24H0z"];
+    readonly dark_mode: readonly ["M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.39 5.39 0 0 1-4.4 2.26 5.4 5.4 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z", "M0 0h24v24H0z"];
 };
 type IconName = keyof typeof iconPaths;
 export interface MaterialIconAttrs extends Attributes {

package/dist/pickers.css

@@ -30,15 +30,15 @@
   position: relative;
   overflow: visible;
 }
+.datepicker-controls .select-wrapper input:focus {
+  border-bottom: none;
+}
 .datepicker-controls .select-wrapper input {
   border-bottom: none;
   text-align: center;
   margin: 0;
   cursor: pointer;
 }
-.datepicker-controls .select-wrapper input:focus {
-  border-bottom: none;
-}
 .datepicker-controls .select-wrapper .caret {
   position: absolute;
   right: 0;
@@ -177,10 +177,6 @@
   text-decoration: none;
   color: var(--mm-text-secondary, rgba(0, 0, 0, 0.54));
 }
-.datepicker-table td {
-  border-radius: 50%;
-  padding: 0;
-}
 .datepicker-table td.is-today {
   color: var(--mm-primary-color, #26a69a);
 }
@@ -225,6 +221,10 @@
   background-color: var(--mm-border-color, rgba(0, 0, 0, 0.02));
   border-right: 1px solid var(--mm-border-color, rgba(0, 0, 0, 0.05));
 }
+.datepicker-table td {
+  border-radius: 50%;
+  padding: 0;
+}
 
 .datepicker-day-button {
   background-color: transparent;
@@ -457,15 +457,15 @@
   transition: transform 350ms, opacity 350ms;
 }
 
-.timepicker-dial-out {
-  opacity: 0;
-}
 .timepicker-dial-out.timepicker-hours {
   transform: scale(1.1, 1.1);
 }
 .timepicker-dial-out.timepicker-minutes {
   transform: scale(0.8, 0.8);
 }
+.timepicker-dial-out {
+  opacity: 0;
+}
 
 .timepicker-canvas {
   transition: opacity 175ms;

package/dist/utilities.css

@@ -2194,6 +2194,11 @@ table span.badge {
   font-feature-settings: "liga";
 }
 
+.chip:focus {
+  outline: none;
+  background-color: var(--mm-primary-color, #26a69a);
+  color: var(--mm-button-text, #fff);
+}
 .chip {
   display: inline-block;
   height: 32px;
@@ -2207,11 +2212,6 @@ table span.badge {
   margin-bottom: 5px;
   margin-right: 5px;
 }
-.chip:focus {
-  outline: none;
-  background-color: var(--mm-primary-color, #26a69a);
-  color: var(--mm-button-text, #fff);
-}
 .chip > img {
   float: left;
   margin: 0 8px 0 -12px;
@@ -2664,7 +2664,6 @@ td, th {
     border-spacing: 0;
     display: block;
     position: relative;
-    /* sort out borders */
   }
   table.responsive-table td:empty:before {
     content: " ";
@@ -2712,6 +2711,9 @@ td, th {
     border-bottom: none;
     padding: 0 10px;
   }
+  table.responsive-table {
+    /* sort out borders */
+  }
   table.responsive-table thead {
     border: 0;
     border-right: 1px solid rgba(0, 0, 0, 0.12);
@@ -2996,9 +2998,6 @@ td, th {
 .card.large {
   height: 500px;
 }
-.card.horizontal {
-  display: flex;
-}
 .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
   height: 100%;
   max-height: none;
@@ -3007,6 +3006,9 @@ td, th {
 .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
   height: 100%;
 }
+.card.horizontal {
+  display: flex;
+}
 .card.horizontal .card-image {
   max-width: 50%;
 }
@@ -3070,15 +3072,15 @@ td, th {
 .card .card-content .card-title i {
   line-height: 32px;
 }
+.card .card-action:last-child {
+  border-radius: 0 0 2px 2px;
+}
 .card .card-action {
   background-color: inherit;
   border-top: 1px solid rgba(160, 160, 160, 0.2);
   position: relative;
   padding: 16px 24px;
 }
-.card .card-action:last-child {
-  border-radius: 0 0 2px 2px;
-}
 .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
   color: #ffab40;
   margin-right: 24px;
@@ -3169,10 +3171,6 @@ td, th {
   }
 }
 
-.pulse {
-  overflow: visible;
-  position: relative;
-}
 .pulse::before {
   content: "";
   display: block;
@@ -3187,6 +3185,10 @@ td, th {
   animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
   z-index: -1;
 }
+.pulse {
+  overflow: visible;
+  position: relative;
+}
 
 @keyframes pulse-animation {
   0% {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mithril-materialized",
-  "version": "3.3.3",
+  "version": "3.3.5",
   "description": "A materialize library for mithril.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -72,7 +72,7 @@
   "author": "Erik Vullings <erik.vullings@gmail.com> (http://www.tno.nl)",
   "license": "MIT",
   "dependencies": {
-    "mithril": "^2.3.5"
+    "mithril": "^2.3.7"
   },
   "devDependencies": {
     "@playwright/test": "^1.55.0",
@@ -86,13 +86,13 @@
     "concurrently": "^9.2.1",
     "express": "^5.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.1.2",
+    "jest": "^30.1.3",
     "jest-environment-jsdom": "^30.1.2",
     "js-yaml": "^4.1.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.50.0",
+    "rollup": "^4.50.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.91.0",
+    "sass": "^1.92.1",
     "ts-jest": "^29.4.1",
     "tslib": "^2.8.1",
     "typedoc": "^0.28.12",