@odoo/o-spreadsheet 18.4.0-alpha.7 → 18.4.0-alpha.9

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 18.4.0-alpha.7
- @date 2025-06-06T09:33:32.216Z
- @hash 2bfbe64
+ @version 18.4.0-alpha.9
+ @date 2025-06-19T18:24:11.505Z
+ @hash 6d4d685
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -1485,9 +1485,21 @@
       required="true"
       hasSingleRange="true"
     />
+    <t t-foreach="values" t-as="value" t-key="value_index">
+      <div class="o-dv-list-values p-1 d-flex align-items-center">
+        <div class="me-2">
+          <RoundColorPicker
+            currentColor="props.criterion.colors?.[value] || '#E7E9ED'"
+            onColorPicked="(c) => this.onColorChanged(c, value)"
+          />
+        </div>
+        <input type="text" class="o-input" t-att-value="value" disabled="1"/>
+      </div>
+    </t>
 
     <div class="o-section-subtitle mt-4">Display style</div>
     <select class="o-dv-display-style o-input" t-on-change="onChangedDisplayStyle">
+      <option t-att-selected="props.criterion.displayStyle === 'chip'" value="chip">Chip</option>
       <option t-att-selected="props.criterion.displayStyle === 'arrow'" value="arrow">Arrow</option>
       <option t-att-selected="props.criterion.displayStyle === 'plainText'" value="plainText">
         Plain text
@@ -1498,6 +1510,12 @@
   <t t-name="o-spreadsheet-ListCriterionForm">
     <t t-foreach="displayedValues" t-as="value" t-key="value_index">
       <div class="o-dv-list-values d-flex align-items-center">
+        <div class="me-1">
+          <RoundColorPicker
+            currentColor="props.criterion.colors?.[value] || '#E7E9ED'"
+            onColorPicked="(c) => this.onColorChanged(c, value)"
+          />
+        </div>
         <CriterionInput
           value="props.criterion.values[value_index]"
           onValueChanged="(v) => this.onValueChanged(v, value_index)"
@@ -1521,6 +1539,7 @@
 
     <div class="o-section-subtitle">Display style</div>
     <select class="o-dv-display-style o-input" t-on-change="onChangedDisplayStyle">
+      <option t-att-selected="props.criterion.displayStyle === 'chip'" value="chip">Chip</option>
       <option t-att-selected="props.criterion.displayStyle === 'arrow'" value="arrow">Arrow</option>
       <option t-att-selected="props.criterion.displayStyle === 'plainText'" value="plainText">
         Plain text
@@ -4067,8 +4086,8 @@
           <div
             t-att-title="getName(menuItem)"
             t-att-data-name="menuItem.id"
-            t-on-click="(ev) => this.props.onClickMenu?.(menuItem, ev)"
-            t-on-auxclick="(ev) => this.props.onClickMenu?.(menuItem, ev)"
+            t-on-click="(ev) => this.onClickMenu(menuItem, ev)"
+            t-on-auxclick="(ev) => this.onClickMenu(menuItem, ev)"
             t-on-mouseover="(ev) => this.props.onMouseOver?.(menuItem, ev)"
             t-on-mouseenter="(ev) => this.onMouseEnter?.(menuItem, ev)"
             t-on-mouseleave="(ev) => this.onMouseLeave?.(menuItem)"
@@ -5762,7 +5781,7 @@
         class="w-100 o-input my-2"
         t-ref="filterMenuSearchBar"
         type="text"
-        t-model="state.textFilter"
+        t-on-input="updateSearch"
         placeholder="Search..."
         t-on-keydown="onKeyDown"
       />
@@ -5775,7 +5794,7 @@
       t-ref="filterValueList"
       t-on-click="this.clearScrolledToValue"
       t-on-scroll="this.clearScrolledToValue">
-      <t t-foreach="displayedValues" t-as="value" t-key="value.string">
+      <t t-foreach="state.displayedValues" t-as="value" t-key="value.string">
         <FilterMenuValueItem
           onClick="() => this.checkValue(value)"
           onMouseMove="() => this.onMouseMove(value)"
@@ -5786,7 +5805,13 @@
         />
       </t>
       <div
-        t-if="displayedValues.length === 0"
+        t-if="state.hasMoreValues"
+        class="o-filter-load-more o-button-link d-flex justify-content-center py-1"
+        t-on-click="this.loadMoreValues">
+        Load more...
+      </div>
+      <div
+        t-if="state.displayedValues.length === 0"
         class="o-filter-menu-no-values d-flex align-items-center justify-content-center w-100 h-100 ">
         No results
       </div>
@@ -6345,7 +6370,7 @@
               t-as="content"
               t-key="content_index"
               t-att-class="content.classes?.join(' ')"
-              t-attf-style="color: {{content.color || '#000000'}};"
+              t-att-style="getCss(content)"
               t-esc="content.value"
             />
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "18.4.0-alpha.7",
+  "version": "18.4.0-alpha.9",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",