kmaterialize 2.3.3-1.0.32 → 2.3.3-1.0.33

package/components/gantt/_gantt.scss

@@ -67,7 +67,7 @@
   }
   .gantt-task-name { font-weight: 600; overflow-wrap: anywhere; line-height: 1.4; }
   .gantt-task-detail { color: var(--md-sys-color-on-surface-variant); font-size: 12px; overflow-wrap: anywhere; }
-  .gantt-label.gantt-selectable-label { padding-left: calc(24px + var(--checkbox-size)); }
+  .gantt-label.gantt-selectable-label { padding-left: calc(30px + var(--checkbox-size)); }
   input.gantt-select { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }
   .gantt-row.is-selected .gantt-label { background: var(--md-sys-color-primary-container); color: var(--md-sys-color-on-primary-container); }
   .gantt-row.is-selected .gantt-bar { box-shadow: 0 0 0 2px var(--md-sys-color-primary); }

package/components/gantt/gantt.ts

@@ -390,8 +390,14 @@ export class Gantt extends Component<GanttOptions> {
     const selector = event.target instanceof Element ? event.target.closest<HTMLElement>('[data-gantt-select]') : null;
     if (selector) {
       const id = selector.dataset.ganttSelect;
-      this.setSelectedTaskIds(this._selected.has(id) ? this.getSelectedTaskIds().filter(item => item !== id) : [...this.getSelectedTaskIds(), id]);
-      this._selectionAnchor = id;
+      if (event.shiftKey && this._selectionAnchor) {
+        this._selectForInteraction(id, event);
+      } else {
+        this.setSelectedTaskIds(this._selected.has(id) ? this.getSelectedTaskIds().filter(item => item !== id) : [...this.getSelectedTaskIds(), id]);
+        this._selectionAnchor = id;
+      }
+      // A repeated range may not re-render; undo the native toggle in that case.
+      if (selector instanceof HTMLInputElement) selector.checked = this._selected.has(id);
       return;
     }
     const target = event.target instanceof Element ? event.target.closest<HTMLElement>('[data-gantt-task]') : null;

package/components/gantt/ganttSpec.js

@@ -484,6 +484,27 @@ describe('Gantt multi-task selection', function () {
     expect(host.querySelectorAll('.gantt-row.is-selected').length).toBe(0);
   });
 
+  it('selects inclusive checkbox ranges in either direction and retains the anchor', function () {
+    const checkbox = id => host.querySelector(`[data-gantt-select="${id}"]`);
+    const shiftClick = id => checkbox(id).dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, shiftKey: true }));
+    const selection = jasmine.createSpy('selection');
+    chart.options.onSelectionChange = selection;
+    checkbox('m').click();
+    shiftClick('a');
+    expect(chart.getSelectedTaskIds()).toEqual(['a', 'b', 'c', 'm']);
+    expect(host.querySelectorAll('.gantt-select:checked').length).toBe(4);
+    shiftClick('a');
+    expect(checkbox('a').checked).toBeTrue();
+    expect(selection).toHaveBeenCalledTimes(2);
+    shiftClick('c');
+    expect(chart.getSelectedTaskIds()).toEqual(['c', 'm']);
+    chart.setSelectedTaskIds([]);
+    checkbox('a').click();
+    shiftClick('m');
+    expect(chart.getSelectedTaskIds()).toEqual(['a', 'b', 'c', 'm']);
+    expect(chart.getTasks()).toEqual(original);
+  });
+
   it('cancels all previewed dates together and retains selection through zoom and views', function () {
     chart.setSelectedTaskIds(['a', 'b']);
     pointer('pointerdown', 400, button('b')); pointer('pointermove', 496); key('Escape');

package/dist/css/materialize.colors.min.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.3.3-1.0.32 (https://materializeweb.com)
+* Materialize v2.3.3-1.0.33 (https://materializeweb.com)
 * Copyright 2014-2026 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */

package/dist/css/materialize.css

@@ -1,5 +1,5 @@
 /*!
-* Materialize v2.3.3-1.0.32 (https://materializeweb.com)
+* Materialize v2.3.3-1.0.33 (https://materializeweb.com)
 * Copyright 2014-2026 Materialize
 * MIT License (https://raw.githubusercontent.com/materializecss/materialize/master/LICENSE)
 */
@@ -14404,7 +14404,7 @@ button.btn-floating {
   overflow-wrap: anywhere;
 }
 .gantt .gantt-label.gantt-selectable-label {
-  padding-left: calc(24px + var(--checkbox-size));
+  padding-left: calc(30px + var(--checkbox-size));
 }
 .gantt input.gantt-select {
   position: absolute;