@odoo/o-spreadsheet 19.5.0-alpha.12 → 19.5.0-alpha.14

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 19.5.0-alpha.12
- @date 2026-08-19T09:47:04.804Z
- @hash 68ca68e
+ @version 19.5.0-alpha.14
+ @date 2026-08-29T09:17:10.223Z
+ @hash e8ad6ad
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -16,7 +16,7 @@
               <t t-else="" t-call="o-spreadsheet-Icon.TRIANGLE_EXCLAMATION"/>
             </div>
             <div class="d-flex flex-column overflow-hidden">
-              <span class="ps-2 text-truncate" t-out="msg"/>
+              <span class="ps-2" t-out="msg"/>
             </div>
           </div>
         </div>
@@ -665,7 +665,7 @@
         <div class="d-flex flex-fill align-items-center bottom-bar-menu border-top border-bottom">
           <Ripple>
             <div class="py-1 px-1 mx-2 ribbon-toggler" t-on-click="this.toggleRibbon">
-              <i class="o-icon oi oi-filled" data-icon="settings"/>
+              <i class="o-icon oi oi-filled" data-icon="settings_f"/>
             </div>
           </Ripple>
           <BottomBar onClick="this.props.onClick"/>
@@ -697,7 +697,11 @@
   <t t-name="o-spreadsheet-TableStyleEditorPanel">
     <div class="o-table-style-editor-panel">
       <Section title.translate="Style name">
-        <input type="text" class="o-input" t-custom-model="this.state.styleName"/>
+        <TextInput
+          value="this.state.styleName"
+          onChange="(value) => this.state.styleName = value"
+          alwaysShowBorder="true"
+        />
       </Section>
       <Section class="'pt-1'" title.translate="Style color">
         <RoundColorPicker
@@ -925,7 +929,7 @@
           t-if="this.props.isPinned"
           class="o-pin-panel o-sidePanelAction ms-auto rounded active"
           t-on-click="this.props.onTogglePinPanel">
-          <i class="oi" data-icon="keep"/>
+          <i class="oi" data-icon="push_pin"/>
         </div>
         <div
           class="o-sidePanelClose o-sidePanelAction rounded"
@@ -970,7 +974,7 @@
           t-if="this.props.isPinned"
           class="o-pin-panel o-sidePanelAction ms-auto rounded active"
           t-on-click="this.props.onTogglePinPanel">
-          <i class="oi" data-icon="keep"/>
+          <i class="oi" data-icon="push_pin"/>
         </div>
         <div
           class="o-sidePanelClose o-sidePanelAction rounded mb-1"
@@ -1089,17 +1093,17 @@
     <div class="o-pivot-panel d-flex flex-column h-100">
       <div class="o-panel d-flex">
         <div
-          class="o-sidePanel-tab o-panel-configuration d-flew flex-grow-1 text-center"
+          class="o-sidePanel-tab o-panel-configuration d-flex flex-grow-1 justify-content-center"
           t-att-class="this.state.panel !== 'configuration' ? 'inactive' : ''"
           t-on-click="this.switchPanel.bind(this, 'configuration')">
-          <i class="oi me-1" data-icon="tune"/>
+          <i class="oi me-2" data-icon="tune"/>
           Configuration
         </div>
         <div
-          class="o-sidePanel-tab o-panel-design d-flew flex-grow-1 text-center"
+          class="o-sidePanel-tab o-panel-design d-flex flex-grow-1 justify-content-center"
           t-att-class="this.state.panel !== 'design' ? 'inactive' : ''"
           t-on-click="this.switchPanel.bind(this, 'design')">
-          <i class="oi me-1" data-icon="design_services"/>
+          <i class="oi me-2" data-icon="design_services"/>
           Design
         </div>
       </div>
@@ -1511,14 +1515,14 @@
         <t t-if="measure.isHidden" t-set="hideTitle">Show</t>
         <t t-else="" t-set="hideTitle">Hide</t>
         <i
-          t-att-data-icon="measure.isHidden ? 'visibility_off' : 'visibility'"
+          t-att-data-icon="measure.isHidden ? 'visibility_off_f' : 'visibility_f'"
           t-att-title="hideTitle"
-          class="o-button-icon pe-1 ps-2 oi"
+          class="o-button-icon pe-1 ps-1 oi"
           t-on-click="this.toggleMeasureVisibility"
         />
         <i
-          class="o-button-icon pe-1 ps-2 oi oi-filled"
-          data-icon="settings"
+          class="o-button-icon pe-1 ps-1 oi oi-filled"
+          data-icon="settings_f"
           title="Show values as"
           t-on-click="this.openShowValuesAs"
         />
@@ -1606,8 +1610,8 @@
         <div class="d-flex flex-rows">
           <t t-call-slot="upper-right-icons"/>
           <i
-            class="o-button-icon oi oi-filled pe-1 ps-2"
-            data-icon="delete"
+            class="o-button-icon oi oi-filled pe-1 ps-1"
+            data-icon="delete_f"
             t-if="this.props.onRemoved"
             t-on-click="() => this.props.onRemoved(this.props.dimension)"
           />
@@ -1722,7 +1726,7 @@
               />
               <i
                 class="o-button-icon ps-3 oi oi-filled"
-                data-icon="delete"
+                data-icon="delete_f"
                 t-on-click="() => this.onDeleteGroup(group_index)"
               />
             </div>
@@ -1757,8 +1761,10 @@
           <div class="d-flex flex-column gap-1">
             <div class="d-flex justify-content-center mb-3">
               <button class="o-button" t-on-click="this.startProfiling">
-                <i class="oi me-1" data-icon="refresh"/>
-                Re-analyze
+                <div class="d-flex justify-content-center align-content-center">
+                  <i class="oi me-1" data-icon="refresh"/>
+                  Re-analyze
+                </div>
               </button>
             </div>
             <div class="d-flex justify-content-between">
@@ -2070,7 +2076,8 @@
               type="text"
               class="o-input o-input-without-count o-replace"
               t-on-keydown="this.onKeydownReplace"
-              t-custom-model="this.store.toReplace"
+              t-att-value="this.store.toReplace"
+              t-on-input="this.onReplaceInput"
               placeholder="e.g. 'replace me'"
             />
           </div>
@@ -2971,7 +2978,7 @@
   <t t-name="o-spreadsheet-CogWheelMenu">
     <span
       class="oi oi-filled os-cog-wheel-menu-icon o-button-icon"
-      data-icon="settings"
+      data-icon="settings_f"
       t-on-click="this.toggleMenu"
       t-ref="this.buttonRef"
     />
@@ -3484,23 +3491,22 @@
   <t t-name="o-spreadsheet-ScorecardChartConfigPanel">
     <div>
       <Section class="'o-data-series'" title.translate="Key value">
-        <SelectionInput
-          ranges="[this.getKeyValueRange()]"
-          isInvalid="this.isKeyValueInvalid"
-          hasSingleRange="true"
-          required="true"
-          onSelectionChanged="(ranges) => this.onKeyValueRangeChanged(ranges)"
-          onSelectionConfirmed="() => this.updateKeyValueRange()"
+        <StandaloneComposer
+          placeholder.translate="Formula"
+          title.translate=""
+          composerContent="this.getKeyValue()"
+          defaultRangeSheetId="this.env.model.getters.getActiveSheetId()"
+          onConfirm.bind="this.onConfirmKeyValue"
         />
       </Section>
       <Section class="'o-data-labels'" title.translate="Baseline configuration">
         <div class="o-section-subtitle">Value</div>
-        <SelectionInput
-          ranges="[this.getBaselineRange()]"
-          isInvalid="this.isBaselineInvalid"
-          hasSingleRange="true"
-          onSelectionChanged="(ranges) => this.onBaselineRangeChanged(ranges)"
-          onSelectionConfirmed="() => this.updateBaselineRange()"
+        <StandaloneComposer
+          placeholder.translate="Formula"
+          title.translate=""
+          composerContent="this.getBaseline()"
+          defaultRangeSheetId="this.env.model.getters.getActiveSheetId()"
+          onConfirm.bind="this.onConfirmBaseline"
         />
         <div class="o-section-subtitle">Format</div>
         <Select
@@ -3592,17 +3598,17 @@
     <div class="o-chart d-flex flex-column h-100" t-if="this.chartId">
       <div class="o-panel d-flex">
         <div
-          class="o-sidePanel-tab o-panel-configuration d-flew flex-grow-1 text-center"
+          class="o-sidePanel-tab o-panel-configuration d-flex flex-grow-1 justify-content-center"
           t-att-class="this.store.panel !== 'configuration' ? 'inactive' : ''"
           t-on-click="this.switchPanel.bind(this, 'configuration')">
-          <i class="oi me-1" data-icon="tune"/>
+          <i class="oi me-2" data-icon="tune"/>
           Configuration
         </div>
         <div
-          class="o-sidePanel-tab o-panel-design d-flew flex-grow-1 text-center"
+          class="o-sidePanel-tab o-panel-design d-flex flex-grow-1 justify-content-center"
           t-att-class="this.store.panel !== 'design' ? 'inactive' : ''"
           t-on-click="this.switchPanel.bind(this, 'design')">
-          <i class="oi me-1" data-icon="design_services"/>
+          <i class="oi me-2" data-icon="design_services"/>
           Design
         </div>
       </div>
@@ -5843,7 +5849,8 @@
             title="Link label"
             placeholder="e.g. 'Link label'"
             class="o-input"
-            t-custom-model="this.state.label"
+            t-att-value="this.state.label"
+            t-on-input="(ev) => this.state.label = ev.target.value"
           />
         </div>
 
@@ -5860,8 +5867,8 @@
               placeholder="e.g. 'http://www.odoo.com'"
               title="Link URL"
               t-ref="this.urlInput"
-              t-custom-model="this.state.url"
-              t-on-input="this.computeLinks"
+              t-att-value="this.state.url"
+              t-on-input="this.onLinkUrlInput"
             />
           </t>
           <t t-else="">
@@ -6562,7 +6569,7 @@
   </t>
   <t t-name="o-spreadsheet-Icon.FULLSCREEN_IN">
     <div class="o-icon">
-      <i class="oi" data-icon="open_in_full"/>
+      <i class="oi" data-icon="expand_content"/>
     </div>
   </t>
   <t t-name="o-spreadsheet-Icon.EDIT">
@@ -6607,7 +6614,7 @@
   </t>
   <t t-name="o-spreadsheet-Icon.TRASH_FILLED">
     <div class="o-icon">
-      <i class="oi oi-filled" data-icon="delete"/>
+      <i class="oi oi-filled" data-icon="delete_f"/>
     </div>
   </t>
   <t t-name="o-spreadsheet-Icon.REFRESH">
@@ -6743,7 +6750,7 @@
   </t>
   <t t-name="o-spreadsheet-Icon.FILTER_ICON_ACTIVE">
     <div class="o-icon filter-icon-active">
-      <i class="oi oi-filled" data-icon="filter_alt"/>
+      <i class="oi oi-filled" data-icon="filter_alt_f"/>
     </div>
   </t>
   <t t-name="o-spreadsheet-Icon.SEARCH">
@@ -7130,12 +7137,12 @@
   </t>
   <t t-name="o-spreadsheet-Icon.LOCK">
     <div class="o-icon">
-      <i class="oi" data-icon="lock"/>
+      <i class="oi" data-icon="lock_f"/>
     </div>
   </t>
   <t t-name="o-spreadsheet-Icon.UNLOCK">
     <div class="o-icon">
-      <i class="oi" data-icon="lock_open"/>
+      <i class="oi" data-icon="lock_open_f"/>
     </div>
   </t>
   <t t-name="o-spreadsheet-Icon.PRINT">
@@ -7218,6 +7225,11 @@
       />
     </svg>
   </t>
+  <t t-name="o-spreadsheet-Icon.MORE_MENU">
+    <div class="o-icon">
+      <i class="oi" data-icon="more_vert"/>
+    </div>
+  </t>
 
   <t t-name="o-spreadsheet-IconPicker">
     <div class="o-icon-picker bg-white">
@@ -7919,12 +7931,11 @@
       class="o-figure-menu position-absolute m-2 align-items-center"
       t-if="this.shouldShowMenuButton">
       <div
-        class="o-figure-menu-item btn oi rounded p-1"
-        data-icon="more_vert"
-        t-on-click="this.showMenu"
+        class="o-figure-menu-item d-flex align-items-center justify-content-center rounded p-1"
         t-ref="this.menuButtonRef"
-        t-on-contextmenu.prevent.stop="this.showMenu"
-      />
+        t-on-click="this.showMenu">
+        <t t-call="o-spreadsheet-Icon.MORE_MENU"/>
+      </div>
     </div>
   </t>
 
@@ -7950,7 +7961,7 @@
                 style="this.getFigureStyle(figureUI)"
                 class="this.getFigureClass(figureUI)"
                 onMouseDown="(ev) => this.startDraggingFigure(figureUI, ev)"
-                onClickAnchor="(dirX, dirY, ev) => this.startResize(figureUI, dirX, dirY, ev)"
+                onClickAnchor.bind="this.resizeAllSelectedFigures"
               />
             </t>
           </div>
@@ -8024,7 +8035,9 @@
           t-att-class="{'active': this.menuState.isOpen}"
           t-ref="this.carouselTabsDropdownRef"
           t-on-click="this.toggleMenu">
-          <div class="oi" data-icon="keyboard_arrow_down"/>
+          <div class="o-icon">
+            <i class="oi" data-icon="keyboard_arrow_down"/>
+          </div>
           <MenuPopover
             t-if="this.menuState.isOpen"
             menuId="this.menuId"
@@ -8038,14 +8051,14 @@
           t-if="this.env.model.getters.isDashboard()"
           t-att-title="this.fullScreenButtonTitle"
           class="o-carousel-full-screen-button oi o-carousel-button rounded p-1 ms-1"
-          t-att-data-icon="this.props.isFullScreen ? 'close_fullscreen' : 'open_in_full'"
+          t-att-data-icon="this.props.isFullScreen ? 'close_fullscreen' : 'expand_content'"
           t-on-click="this.toggleFullScreen"
         />
         <div
           t-if="!this.env.model.getters.isDashboard()"
           class="o-carousel-menu-button o-carousel-button rounded ms-1"
           t-on-click="this.openContextMenu">
-          <div class="oi" data-icon="more_vert"/>
+          <t t-call="o-spreadsheet-Icon.MORE_MENU"/>
         </div>
       </div>
       <div
@@ -8210,11 +8223,11 @@
           </div>
         </t>
         <t t-if="this.isMenuAvailable()">
-          <button
-            class="o-chart-menu-item btn text-muted lh-1 p-1 oi"
-            data-icon="more_vert"
-            t-on-click="this.openContextMenu"
-          />
+          <div
+            class="o-chart-menu-item border-0 lh-1 p-1 d-flex align-items-center justify-content-center rounded"
+            t-on-click="this.openContextMenu">
+            <t t-call="o-spreadsheet-Icon.MORE_MENU"/>
+          </div>
         </t>
       </div>
       <InfoPopover
@@ -8507,8 +8520,8 @@
           t-on-pointerdown.prevent.stop=""
           t-on-pointerup.stop=""
           class="oi-stack position-absolute translate-middle force-open-assistant fs-4">
-          <i class="oi oi-filled oi-stack-1x o-composer-assistant-icon-bg" data-icon="circle"/>
-          <i class="oi oi-filled oi-stack-1x" data-icon="help"/>
+          <i class="oi oi-filled oi-stack-1x o-composer-assistant-icon-bg" data-icon="circle_f"/>
+          <i class="oi oi-filled oi-stack-1x" data-icon="help_f"/>
         </span>
         <div
           class="o-composer w-100 text-start"
@@ -8550,8 +8563,8 @@
           t-on-click="this.closeAssistant"
           t-on-pointerdown.prevent.stop=""
           class="oi-stack position-absolute top-0 start-100 translate-middle fs-4">
-          <i class="oi oi-filled oi-stack-1x o-composer-assistant-icon-bg" data-icon="circle"/>
-          <i class="oi oi-filled oi-stack-1x" data-icon="cancel"/>
+          <i class="oi oi-filled oi-stack-1x o-composer-assistant-icon-bg" data-icon="circle_f"/>
+          <i class="oi oi-filled oi-stack-1x" data-icon="cancel_f"/>
         </span>
         <div class="o-composer-assistant overflow-auto" t-att-style="this.assistantStyle">
           <FunctionDescriptionProvider
@@ -8910,7 +8923,7 @@
         t-att-title="this.sheetName"
         t-att-data-id="this.props.sheetId"
         t-att-class="{active: this.isSheetActive}">
-        <span t-if="this.isSheetLocked" class="me-1">
+        <span t-if="this.isSheetLocked" class="me-1 lock-icon">
           <t t-call="o-spreadsheet-Icon.LOCK"/>
         </span>
         <span

package/dist/types/components/figures/figure_container/figure_container.d.ts

@@ -100,6 +100,10 @@ export declare class FiguresContainer extends Component<SpreadsheetChildEnv> {
     private rectToCss;
     private getContainerRect;
     get selectedRectStyle(): string;
+    get maxDimensions(): {
+        maxX: import("../../..").Pixel;
+        maxY: import("../../..").Pixel;
+    };
     private getInverseViewportPositionStyle;
     private getFigureContainer;
     private getDndFigureRect;
@@ -107,7 +111,7 @@ export declare class FiguresContainer extends Component<SpreadsheetChildEnv> {
     private isMenuClick;
     startDraggingFigure(figureUI: FigureUI, ev: MouseEvent): void;
     /**
-     * Initialize the resize of a figure with mouse movements
+     * Initialize the resize of the selected figures with mouse movements
      *
      * @param dirX X direction of the resize. -1 : resize from the left border of the figure, 0 : no resize in X, 1 :
      * resize from the right border of the figure
@@ -115,7 +119,7 @@ export declare class FiguresContainer extends Component<SpreadsheetChildEnv> {
      * resize from the bottom border of the figure
      * @param ev Mouse Event
      */
-    startResize(figureUI: FigureUI, dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
+    resizeAllSelectedFigures(dirX: ResizeDirection, dirY: ResizeDirection, ev: MouseEvent): void;
     private getOtherFigures;
     getFigureStyle(figureUI: FigureUI): string;
     getFigureClass(figureUI: FigureUI): string;

package/dist/types/components/helpers/figure_drag_helper.d.ts

@@ -1,11 +1,11 @@
 import { FigureUI } from "../../types/figure";
 import { PixelPosition } from "../../types/misc";
-import { SheetDOMScrollInfo } from "../../types/rendering";
+import { DOMDimension, Rect, SheetDOMScrollInfo } from "../../types/rendering";
 export declare function dragFigureForMove({ x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, initialFigures: FigureUI[], { maxX, maxY }: {
     maxX: number;
     maxY: number;
 }, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo): FigureUI[];
-export declare function dragFigureForResize(initialFigure: FigureUI, dirX: -1 | 0 | 1, dirY: -1 | 0 | 1, { x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, keepRatio: boolean, minFigSize: number, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo, { maxX, maxY }: {
+export declare function dragFigureForResize(initialRect: Rect, dirX: -1 | 0 | 1, dirY: -1 | 0 | 1, { x: mouseX, y: mouseY }: PixelPosition, { x: mouseInitialX, y: mouseInitialY }: PixelPosition, keepRatio: boolean, minFigSize: DOMDimension, { scrollX: initialScrollX, scrollY: initialScrollY }: SheetDOMScrollInfo, { scrollX, scrollY }: SheetDOMScrollInfo, { maxX, maxY }: {
     maxX: number;
     maxY: number;
-}): FigureUI;
+}): Rect;

package/dist/types/components/helpers/figure_snap_helper.d.ts

@@ -1,5 +1,6 @@
 import { FigureUI } from "../../types/figure";
 import { Pixel, UID } from "../../types/misc";
+import { Rect } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 export type HFigureAxisType = "top" | "bottom" | "vCenter";
 export type VFigureAxisType = "right" | "left" | "hCenter";
@@ -9,8 +10,10 @@ export interface SnapLine<T extends HFigureAxisType | VFigureAxisType> {
     snappedAxisType: T;
     position: Pixel;
 }
-interface SnapReturn {
+interface SnapMoveReturn extends SnapReturn {
     snappedFigures: FigureUI[];
+}
+export interface SnapReturn {
     verticalSnapLine?: SnapLine<VFigureAxisType>;
     horizontalSnapLine?: SnapLine<HFigureAxisType>;
 }
@@ -18,10 +21,12 @@ interface SnapReturn {
  * Try to snap the given figure to other figures when moving the figure, and return the snapped
  * figure and the possible snap lines, if any were found
  */
-export declare function snapForMove(env: SpreadsheetChildEnv, figuresToSnap: FigureUI[], otherFigures: FigureUI[]): SnapReturn;
+export declare function snapForMove(env: SpreadsheetChildEnv, figuresToSnap: FigureUI[], otherFigures: FigureUI[]): SnapMoveReturn;
 /**
  * Try to snap the given figure to the other figures when resizing the figure, and return the snapped
  * figure and the possible snap lines, if any were found
  */
-export declare function snapForResize(env: SpreadsheetChildEnv, resizeDirX: -1 | 0 | 1, resizeDirY: -1 | 0 | 1, figureToSnap: FigureUI, otherFigures: FigureUI[]): SnapReturn;
+export declare function snapForResize(env: SpreadsheetChildEnv, resizeDirX: -1 | 0 | 1, resizeDirY: -1 | 0 | 1, rect: Rect, otherFigures: FigureUI[]): {
+    snappedRect: Rect;
+} & SnapReturn;
 export {};

package/dist/types/components/link/link_editor/link_editor.d.ts

@@ -35,6 +35,7 @@ export declare class LinkEditor extends Component<SpreadsheetChildEnv> {
     private state;
     private viewStore;
     setup(): void;
+    onLinkUrlInput(ev: InputEvent): void;
     computeLinks(): void;
     get linkProposalByCategory(): Record<string, LinkProposal>;
     get defaultState(): LinkState;

package/dist/types/components/side_panel/carousel_panel/carousel_panel.d.ts

@@ -45,7 +45,7 @@ export declare class CarouselPanel extends Component<SpreadsheetChildEnv> {
     getPreviewDivStyle(item: CarouselItem): string;
     getItemId(item: CarouselItem): string;
     addNewChartToCarousel(ev: MouseEvent): void;
-    get supportedChartTypes(): Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
+    get supportedChartTypes(): Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
     closePopover(): void;
     onSelectChartType(type: string): void;
     get hasDataView(): boolean;

package/dist/types/components/side_panel/chart/chart_type_picker_popover/chart_type_picker_popover.d.ts

@@ -12,23 +12,23 @@ export declare class ChartTypePickerPopover extends Component<SpreadsheetChildEn
         onClose: () => void;
         onSelectSubType: (type: string) => void;
         supportedTypes: {
-            add: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst") => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
+            add: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst") => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
             clear: () => void;
-            delete: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst") => boolean;
-            forEach: (callbackfn: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst", value2: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst", set: Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">) => void, thisArg?: any) => void;
-            has: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst") => boolean;
+            delete: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst") => boolean;
+            forEach: (callbackfn: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst", value2: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst", set: Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">) => void, thisArg?: any) => void;
+            has: (value: "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst") => boolean;
             readonly size: number;
-            entries: () => SetIterator<["line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst", "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst"]>;
-            keys: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
-            values: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
-            union: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst" | U>;
-            intersection: <U>(other: ReadonlySetLike<U>) => Set<("line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst") & U>;
-            difference: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
-            symmetricDifference: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst" | U>;
+            entries: () => SetIterator<["line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst", "line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst"]>;
+            keys: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
+            values: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
+            union: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst" | U>;
+            intersection: <U>(other: ReadonlySetLike<U>) => Set<("line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst") & U>;
+            difference: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
+            symmetricDifference: <U>(other: ReadonlySetLike<U>) => Set<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst" | U>;
             isSubsetOf: (other: ReadonlySetLike<unknown>) => boolean;
             isSupersetOf: (other: ReadonlySetLike<unknown>) => boolean;
             isDisjointFrom: (other: ReadonlySetLike<unknown>) => boolean;
-            [Symbol.iterator]: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "geo" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "sunburst">;
+            [Symbol.iterator]: () => SetIterator<"line" | "calendar" | "bar" | "scatter" | "bubble" | "pie" | "radar" | "treemap" | "funnel" | "scorecard" | "gauge" | "combo" | "waterfall" | "pyramid" | "geo" | "sunburst">;
             readonly [Symbol.toStringTag]: string;
         };
         popoverProps: {

package/dist/types/components/side_panel/chart/scorecard_chart_panel/scorecard_chart_config_panel.d.ts

@@ -2,32 +2,28 @@ import { Component } from "../../../../owl3_compatibility_layer";
 import { BaselineMode, ScorecardChartDefinition } from "../../../../types/chart/scorecard_chart";
 import { ValueAndLabel } from "../../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../../types/spreadsheet_env";
+import { StandaloneComposer } from "../../../composer/standalone_composer/standalone_composer";
 import { Select } from "../../../select/select";
-import { SelectionInput } from "../../../selection_input/selection_input";
 import { Section } from "../../components/section/section";
 import { ChartErrorSection } from "../building_blocks/error_section/error_section";
 import { ChartSidePanelProps } from "../common";
 export declare class ScorecardChartConfigPanel extends Component<SpreadsheetChildEnv> {
     static template: string;
     static components: {
-        SelectionInput: typeof SelectionInput;
         ChartErrorSection: typeof ChartErrorSection;
         Section: typeof Section;
         Select: typeof Select;
+        StandaloneComposer: typeof StandaloneComposer;
     };
     protected props: ChartSidePanelProps<ScorecardChartDefinition>;
     private state;
     private keyValue;
     private baseline;
     get errorMessages(): string[];
-    get isKeyValueInvalid(): boolean;
-    get isBaselineInvalid(): boolean;
-    onKeyValueRangeChanged(ranges: string[]): void;
-    updateKeyValueRange(): void;
-    getKeyValueRange(): string;
-    onBaselineRangeChanged(ranges: string[]): void;
-    updateBaselineRange(): void;
-    getBaselineRange(): string;
+    onConfirmKeyValue(keyValue: string): void;
+    getKeyValue(): string;
+    onConfirmBaseline(baseline: string): void;
+    getBaseline(): string;
     updateBaselineMode(baselineMode: BaselineMode): void;
     get baselineModeOptions(): ValueAndLabel[];
 }

package/dist/types/components/side_panel/find_and_replace/find_and_replace.d.ts

@@ -34,6 +34,7 @@ export declare class FindAndReplacePanel extends Component<SpreadsheetChildEnv>
     setup(): void;
     onFocusSearch(): void;
     onSearchInput(ev: InputEvent): void;
+    onReplaceInput(ev: InputEvent): void;
     onKeydownPanel(ev: KeyboardEvent): void;
     onKeydownSearch(ev: KeyboardEvent): void;
     onKeydownReplace(ev: KeyboardEvent): void;

package/dist/types/components/side_panel/find_and_replace/find_and_replace_store.d.ts

@@ -5,7 +5,7 @@ import { SpreadsheetStore } from "../../../stores/spreadsheet_store";
 import { SearchOptions } from "../../../types/find_and_replace";
 import { Get } from "../../../types/store_engine";
 export declare class FindAndReplaceStore extends SpreadsheetStore implements HighlightProvider {
-    mutators: readonly ["updateSearchOptions", "updateSearchContent", "searchFormulas", "selectPreviousMatch", "selectNextMatch", "replace"];
+    mutators: readonly ["updateSearchOptions", "updateSearchContent", "updateReplaceContent", "searchFormulas", "selectPreviousMatch", "selectNextMatch", "replace"];
     private allSheetsMatches;
     private activeSheetMatches;
     private specificRangeMatches;
@@ -28,6 +28,7 @@ export declare class FindAndReplaceStore extends SpreadsheetStore implements Hig
     constructor(get: Get);
     get searchMatches(): CellPosition[];
     updateSearchContent(toSearch: string): void;
+    updateReplaceContent(toReplace: string): void;
     updateSearchOptions(searchOptions: Partial<SearchOptions>): void;
     searchFormulas(showFormula: boolean): void;
     selectPreviousMatch(): void;

package/dist/types/components/side_panel/table_style_editor_panel/table_style_editor_panel.d.ts

@@ -3,6 +3,7 @@ import { Color } from "../../../types/misc";
 import { SpreadsheetChildEnv } from "../../../types/spreadsheet_env";
 import { TableConfig, TableStyle, TableStyleTemplateName } from "../../../types/table";
 import { TableStylePreview } from "../../tables/table_style_preview/table_style_preview";
+import { TextInput } from "../../text_input/text_input";
 import { RoundColorPicker } from "../components/round_color_picker/round_color_picker";
 import { Section } from "../components/section/section";
 interface State {
@@ -17,6 +18,7 @@ export declare class TableStyleEditorPanel extends Component<SpreadsheetChildEnv
         Section: typeof Section;
         RoundColorPicker: typeof RoundColorPicker;
         TableStylePreview: typeof TableStylePreview;
+        TextInput: typeof TextInput;
     };
     protected props: import("@odoo/owl").Props<{
         onCloseSidePanel: () => void;

package/dist/types/constants.d.ts

@@ -113,7 +113,6 @@ export declare const DEFAULT_SCORECARD_HEIGHT = 101;
 export declare const DEFAULT_SCORECARD_WIDTH = 213;
 export declare const FIGURE_BORDER_WIDTH = 1;
 export declare const ACTIVE_BORDER_WIDTH = 2;
-export declare const MIN_FIG_SIZE = 80;
 export declare const MAX_CHAR_LABEL = 20;
 export declare const FIGURE_ID_SPLITTER = "??";
 export declare const DEFAULT_GAUGE_LOWER_COLOR = "#EA6175";

package/dist/types/helpers/color_themes.d.ts

@@ -0,0 +1,2 @@
+import { ColorThemeName, GridRenderingTheme } from "../types/rendering";
+export declare const COLOR_THEMES: Record<ColorThemeName, GridRenderingTheme>;