@odoo/o-spreadsheet 17.5.0-alpha.2 → 17.5.0-alpha.3

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.5.0-alpha.2
- @date 2024-07-24T10:26:42.931Z
- @hash 15fd5a8
+ @version 17.5.0-alpha.3
+ @date 2024-08-02T08:25:42.475Z
+ @hash 767725f
 -->
 <odoo>
   <t t-name="o-spreadsheet-ActionButton">
@@ -596,7 +596,6 @@
         focus="focus"
         inputStyle="composerStyle"
         onComposerContentFocused.bind="onFocus"
-        delimitation="delimitation"
         composerStore="composerStore"
       />
     </div>
@@ -3135,6 +3134,53 @@
               t-on-change="(ev) => this.updateDataSeriesLabel(ev)"
             />
           </Section>
+          <Section class="'pt-0 px-0 o-show-trend-line'" t-if="!props.definition.horizontal">
+            <t t-set="showTrendLineLabel">Show trend line</t>
+            <t t-set="trend" t-value="getTrendLineConfiguration()"/>
+            <t t-set="trendType" t-value="getTrendType(trend)"/>
+            <Checkbox
+              name="'showTrendLine'"
+              label="showTrendLineLabel"
+              value="trend !== undefined and trend.display"
+              onChange.bind="toggleDataTrend"
+            />
+            <div t-if="trend !== undefined and trend.display">
+              <div class="d-flex py-1">
+                <div class="w-100 pe-1">
+                  <span class="o-section-title">Type</span>
+                  <select class="o-input trend-type-selector" t-on-change="this.onChangeTrendType">
+                    <option value="linear" t-att-selected="trendType === 'linear'">Linear</option>
+                    <option value="exponential" t-att-selected="trendType === 'exponential'">
+                      Exponential
+                    </option>
+                    <option value="polynomial" t-att-selected="trendType === 'polynomial'">
+                      Polynomial
+                    </option>
+                    <option value="logarithmic" t-att-selected="trendType === 'logarithmic'">
+                      Logarithmic
+                    </option>
+                  </select>
+                </div>
+                <div class="w-50" t-if="trendType === 'polynomial'">
+                  <span class="o-section-title">Degree</span>
+                  <input
+                    t-att-value="trend.order"
+                    type="number"
+                    class="w-100 o-input o-number-input trend-order-input"
+                    t-on-change="this.onChangePolynomialDegree"
+                    min="1"
+                  />
+                </div>
+              </div>
+              <div class="d-flex align-items-center">
+                <span class="o-section-title mb-0 pe-2">Trend line color</span>
+                <RoundColorPicker
+                  currentColor="getTrendLineColor()"
+                  onColorPicked.bind="updateTrendLineColor"
+                />
+              </div>
+            </div>
+          </Section>
         </Section>
       </t>
     </SidePanelCollapsible>
@@ -4678,9 +4724,12 @@
   <t t-name="o-spreadsheet-PivotDimension">
     <div
       class="border py-1 px-2 d-flex flex-column shadow-sm pivot-dimension"
-      t-att-class="{'bg-danger': !props.dimension.isValid}">
+      t-att-class="{'pivot-dimension-invalid': !props.dimension.isValid}">
       <div class="d-flex flex-row justify-content-between align-items-center">
         <div class="d-flex align-items-center overflow-hidden text-nowrap">
+          <span class="text-danger me-1" t-if="!props.dimension.isValid">
+            <t t-call="o-spreadsheet-Icon.TRIANGLE_EXCLAMATION"/>
+          </span>
           <TextInput
             t-if="props.onNameUpdated"
             value="props.dimension.displayName"
@@ -4690,7 +4739,7 @@
           <span t-else="1" class="fw-bold" t-esc="props.dimension.displayName"/>
         </div>
         <i
-          class="btn fa fa-times pe-0"
+          class="btn fa fa-times pe-0 ms-auto"
           t-if="props.onRemoved"
           t-on-click="() => props.onRemoved(props.dimension)"
         />
@@ -4997,7 +5046,7 @@
         <div class="o-sidePanelClose" t-on-click="close">✕</div>
       </div>
       <div class="o-sidePanelBody-container d-flex flex-grow-1 ">
-        <div class="o-sidePanel-handle-container d-flex align-items-center">
+        <div class="o-sidePanel-handle-container">
           <div
             class="o-sidePanel-handle"
             t-on-pointerdown="startHandleDrag"

package/package.json

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