@odoo/o-spreadsheet 17.3.0-alpha.3 → 17.3.0-alpha.4

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 17.3.0-alpha.3
- @date 2024-04-10T12:29:04.461Z
- @hash 80b5056
+ @version 17.3.0-alpha.4
+ @date 2024-04-15T11:03:33.066Z
+ @hash a32a1df
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -1005,6 +1005,9 @@
         position="menuState.position"
         onClose="() => this.closeMenu()"
       />
+      <t t-foreach="staticTables" t-as="table" t-key="table.id">
+        <TableResizer table="table"/>
+      </t>
       <VerticalScrollBar topOffset="HEADER_HEIGHT"/>
       <HorizontalScrollBar leftOffset="HEADER_WIDTH"/>
       <div class="o-scrollbar corner"/>
@@ -2927,7 +2930,7 @@ https://fontawesome.com/license -->
     </tr>
   </t>
 
-  <t t-name="o-spreadsheet-LineBarPieConfigPanel">
+  <t t-name="o-spreadsheet-GenericChartConfigPanel">
     <div>
       <ChartDataSeries
         ranges="this.getDataSeriesRanges()"
@@ -2954,7 +2957,7 @@ https://fontawesome.com/license -->
     </div>
   </t>
 
-  <t t-name="o-spreadsheet-LineBarPieDesignPanel">
+  <t t-name="o-spreadsheet-GenericChartDesignPanel">
     <div>
       <Section class="'o-chart-background-color'">
         <t t-set-slot="title">Background color</t>
@@ -3247,6 +3250,93 @@ https://fontawesome.com/license -->
     </Section>
   </t>
 
+  <t t-name="o-spreadsheet-WaterfallChartDesignPanel">
+    <div>
+      <Section class="'o-chart-background-color'">
+        <t t-set-slot="title">Background color</t>
+        <div class="d-flex align-items-center">
+          <span class="me-2">Select a color...</span>
+          <RoundColorPicker
+            currentColor="props.definition.background"
+            onColorPicked="(color) => this.updateColor('background', color)"
+          />
+        </div>
+      </Section>
+      <ChartTitle title="title" update.bind="updateTitle"/>
+      <Section>
+        <t t-set-slot="title">Vertical axis position</t>
+        <select
+          t-att-value="props.definition.verticalAxisPosition"
+          class="o-input o-chart-vertical-axis-position"
+          t-on-change="(ev) => this.updateSelect('verticalAxisPosition', ev)">
+          <option value="left">Left</option>
+          <option value="right">Right</option>
+        </select>
+      </Section>
+      <Section>
+        <t t-set-slot="title">Legend position</t>
+        <select
+          t-att-value="props.definition.legendPosition"
+          class="o-input o-chart-legend-position"
+          t-on-change="(ev) => this.updateSelect('legendPosition', ev)">
+          <option value="none">None</option>
+          <option value="top">Top</option>
+          <option value="bottom">Bottom</option>
+          <option value="left">Left</option>
+          <option value="right">Right</option>
+        </select>
+      </Section>
+      <Section>
+        <t t-set-slot="title">Waterfall options</t>
+        <t t-set="firstValueAsSubtotal">Use first value as subtotal</t>
+        <Checkbox
+          name="'firstValueAsSubtotal'"
+          label="firstValueAsSubtotal"
+          value="props.definition.firstValueAsSubtotal"
+          onChange.bind="onUpdateFirstValueAsSubtotal"
+        />
+        <t t-set="showSubTotalsLabel">Show subtotals at the end of series</t>
+        <Checkbox
+          name="'showSubTotals'"
+          label="showSubTotalsLabel"
+          value="props.definition.showSubTotals"
+          onChange.bind="onUpdateShowSubTotals"
+        />
+        <t t-set="showConnectorLinesLabel">Show connector lines</t>
+        <Checkbox
+          name="'showConnectorLines'"
+          label="showConnectorLinesLabel"
+          value="props.definition.showConnectorLines"
+          onChange.bind="onUpdateShowConnectorLines"
+        />
+      </Section>
+      <Section>
+        <t t-set-slot="title">Waterfall colors</t>
+        <div class="o-waterfall-positive-color d-flex align-items-center mb-1">
+          <RoundColorPicker
+            currentColor="positiveValuesColor"
+            onColorPicked="(color) => this.updateColor('positiveValuesColor', color)"
+          />
+          <span class="ps-2">Color of positive values</span>
+        </div>
+        <div class="o-waterfall-negative-color d-flex align-items-center mb-1">
+          <RoundColorPicker
+            currentColor="negativeValuesColor"
+            onColorPicked="(color) => this.updateColor('negativeValuesColor', color)"
+          />
+          <span class="ps-2">Color of negative values</span>
+        </div>
+        <div class="o-waterfall-subtotal-color d-flex align-items-center">
+          <RoundColorPicker
+            currentColor="subTotalValuesColor"
+            onColorPicked="(color) => this.updateColor('subTotalValuesColor', color)"
+          />
+          <span class="ps-2">Color of subtotals</span>
+        </div>
+      </Section>
+    </div>
+  </t>
+
   <t t-name="o-spreadsheet.Checkbox">
     <label
       class="o-checkbox"
@@ -4478,6 +4568,14 @@ https://fontawesome.com/license -->
     />
   </t>
 
+  <t t-name="o-spreadsheet-TableResizer">
+    <div
+      class="o-table-resizer position-absolute"
+      t-att-style="containerStyle"
+      t-on-pointerdown="onMouseDown"
+    />
+  </t>
+
   <t t-name="o-spreadsheet-TableStylePicker">
     <div class="o-table-style-picker d-flex flew-row justify-content-between ps-1">
       <div class="d-flex flex-row overflow-hidden">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "17.3.0-alpha.3",
+  "version": "17.3.0-alpha.4",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o-spreadsheet.cjs.js",
@@ -102,6 +102,7 @@
   "dependencies": {
     "@odoo/owl": "2.2.10",
     "bootstrap": "^5.1.3",
+    "font-awesome": "^4.7.0",
     "rbush": "^3.0.1"
   },
   "jest": {