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

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.13
+ @date 2026-08-21T15:33:45.089Z
+ @hash a73559e
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -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"/>
@@ -925,7 +925,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 +970,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 +1089,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 +1511,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 +1606,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 +1722,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 +1757,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">
@@ -2971,7 +2973,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 +3486,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 +3593,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>
@@ -6562,7 +6563,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 +6608,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 +6744,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 +7131,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 +7219,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 +7925,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>
 
@@ -8024,7 +8029,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 +8045,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 +8217,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 +8514,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 +8557,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 +8917,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/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/helpers/figures/chart.d.ts

@@ -16,7 +16,7 @@ export declare class SpreadsheetChart {
     static fromStrDefinition(getters: CoreGetters, sheetId: UID, definition: ChartDefinition<string>): SpreadsheetChart;
     static fromDefinition(getters: CoreGetters, sheetId: UID, definition: ChartDefinition<Range>): SpreadsheetChart;
     static validate(validator: Validator, definition: ChartDefinition<string>): import("../..").CommandResult | import("../..").CommandResult[];
-    static transformDefinition(chartSheetId: UID, definition: ChartDefinition<string>, rangeAdapters: RangeAdapterFunctions): import("../../types/chart/line_chart").LineChartDefinition<string> | import("../../types/chart/pie_chart").PieChartDefinition<string> | import("../../types/chart/bar_chart").BarChartDefinition<string> | import("../../types/chart/scatter_chart").ScatterChartDefinition<string> | import("../../types/chart/combo_chart").ComboChartDefinition<string> | import("../../types/chart/waterfall_chart").WaterfallChartDefinition<string> | import("../../types/chart/pyramid_chart").PyramidChartDefinition<string> | import("../../types/chart/radar_chart").RadarChartDefinition<string> | import("../../types/chart/geo_chart").GeoChartDefinition<string> | import("../../types/chart/funnel_chart").FunnelChartDefinition<string> | import("../../types/chart/sunburst_chart").SunburstChartDefinition<string> | import("../../types/chart/tree_map_chart").TreeMapChartDefinition<string> | import("../../types/chart/calendar_chart").CalendarChartDefinition<string> | import("../../types/chart/scorecard_chart").ScorecardChartDefinition<string> | import("../../types/chart/gauge_chart").GaugeChartDefinition<string> | import("../../types/chart/bubble_chart").BubbleChartDefinition<string>;
+    static transformDefinition(chartSheetId: UID, definition: ChartDefinition<string>, rangeAdapters: RangeAdapterFunctions): import("../../types/chart/scorecard_chart").ScorecardChartDefinition | import("../../types/chart/line_chart").LineChartDefinition<string> | import("../../types/chart/pie_chart").PieChartDefinition<string> | import("../../types/chart/bar_chart").BarChartDefinition<string> | import("../../types/chart/scatter_chart").ScatterChartDefinition<string> | import("../../types/chart/combo_chart").ComboChartDefinition<string> | import("../../types/chart/waterfall_chart").WaterfallChartDefinition<string> | import("../../types/chart/pyramid_chart").PyramidChartDefinition<string> | import("../../types/chart/radar_chart").RadarChartDefinition<string> | import("../../types/chart/geo_chart").GeoChartDefinition<string> | import("../../types/chart/funnel_chart").FunnelChartDefinition<string> | import("../../types/chart/sunburst_chart").SunburstChartDefinition<string> | import("../../types/chart/tree_map_chart").TreeMapChartDefinition<string> | import("../../types/chart/calendar_chart").CalendarChartDefinition<string> | import("../../types/chart/gauge_chart").GaugeChartDefinition<string> | import("../../types/chart/bubble_chart").BubbleChartDefinition<string>;
     getRangeDefinition(): ChartDefinition<Range>;
     getDefinition(): ChartDefinition<string>;
     updateRanges(rangeAdapters: RangeAdapterFunctions): ChartDefinition<Range>;

package/dist/types/stores/main_viewport_store.d.ts

@@ -1,4 +1,5 @@
 import { Command } from "../types/commands";
+import { Get } from "../types/store_engine";
 import { SpreadsheetStore } from "./spreadsheet_store";
 /**
  * The goal of this store is to make its attached viewport store follow the active sheet
@@ -6,6 +7,8 @@ import { SpreadsheetStore } from "./spreadsheet_store";
 export declare class MainViewportStore extends SpreadsheetStore {
     private viewStore;
     private sheetIdAtFinalize;
+    constructor(get: Get);
+    private handleEvent;
     protected handle(cmd: Command): void;
     protected finalize(): void;
 }

package/dist/types/stores/viewports_store.d.ts

@@ -23,7 +23,6 @@ export declare class ViewportsStore extends SpreadsheetStore {
     private shouldRepositionViewports;
     displayedSheetId: UID;
     constructor(get: Get);
-    private handleEvent;
     handle(cmd: Command): void;
     finalize(): void;
     private setViewports;

package/dist/types/types/chart/chart.d.ts

@@ -24,7 +24,7 @@ import { BubbleChartDefinition, BubbleChartRuntime, BubbleColorMode } from "./bu
 export declare const CHART_TYPES: readonly ["line", "bar", "pie", "scorecard", "gauge", "scatter", "bubble", "combo", "waterfall", "pyramid", "radar", "geo", "funnel", "sunburst", "treemap", "calendar"];
 export type ChartType = (typeof CHART_TYPES)[number];
 export type ChartDefinitionWithDataSource<T extends string | Range = Range> = LineChartDefinition<T> | PieChartDefinition<T> | BarChartDefinition<T> | ScatterChartDefinition<T> | ComboChartDefinition<T> | WaterfallChartDefinition<T> | PyramidChartDefinition<T> | RadarChartDefinition<T> | GeoChartDefinition<T> | FunnelChartDefinition<T> | SunburstChartDefinition<T> | TreeMapChartDefinition<T> | CalendarChartDefinition<T>;
-export type ChartDefinition<T extends string | Range = string> = ChartDefinitionWithDataSource<T> | ScorecardChartDefinition<T> | GaugeChartDefinition<T> | BubbleChartDefinition<T>;
+export type ChartDefinition<T extends string | Range = string> = ChartDefinitionWithDataSource<T> | ScorecardChartDefinition | GaugeChartDefinition<T> | BubbleChartDefinition<T>;
 /**
  * `ChartTypeDefinition<"bar", Range>`
  * `ChartTypeDefinition<"bar", string>`
@@ -203,6 +203,8 @@ export interface ChartCreationContext {
     readonly bubbleColorMode?: BubbleColorMode;
     readonly annotationText?: string;
     readonly annotationLink?: string;
+    readonly scorecardKeyValueFormula?: string;
+    readonly scorecardBaselineFormula?: string;
 }
 export type ChartAxisFormats = {
     [axisId: string]: Format | undefined;

package/dist/types/types/chart/scorecard_chart.d.ts

@@ -1,12 +1,11 @@
 import { Color, Style } from "../misc";
-import { Range } from "../range";
 import { TitleDesign } from "./chart";
 import { NonDataSourceBaseChartDefinition } from "./common_chart";
-export interface ScorecardChartDefinition<T extends string | Range = string> extends NonDataSourceBaseChartDefinition {
+export interface ScorecardChartDefinition extends NonDataSourceBaseChartDefinition {
     readonly type: "scorecard";
-    readonly keyValue?: T;
+    readonly keyValue?: string;
     readonly keyDescr?: TitleDesign;
-    readonly baseline?: T;
+    readonly baseline?: string;
     readonly baselineMode: BaselineMode;
     readonly baselineDescr?: TitleDesign;
     readonly baselineColorUp: Color;

package/dist/types/types/commands.d.ts

@@ -834,8 +834,6 @@ export declare const enum CommandResult {
     InvalidXRange = "InvalidXRange",
     InvalidLabelRange = "InvalidLabelRange",
     InvalidBubbleSizeRange = "InvalidBubbleSizeRange",
-    InvalidScorecardKeyValue = "InvalidScorecardKeyValue",
-    InvalidScorecardBaseline = "InvalidScorecardBaseline",
     InvalidGaugeDataRange = "InvalidGaugeDataRange",
     EmptyGaugeRangeMin = "EmptyGaugeRangeMin",
     GaugeRangeMinNaN = "GaugeRangeMinNaN",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/o-spreadsheet",
-  "version": "19.5.0-alpha.12",
+  "version": "19.5.0-alpha.13",
   "description": "A spreadsheet component",
   "type": "module",
   "main": "dist/o_spreadsheet.cjs",
@@ -44,7 +44,8 @@
     "model-in-node": "npm run dist && node tools/run_in_node.mjs",
     "zipXlsx": "node tools/bundle_xlsx/zip_xlsx_demo.cjs",
     "unzipXlsx": "node tools/bundle_xlsx/unzip_xlsx_demo.cjs",
-    "runbot": "npm run check-formatting && npm run model-in-node && npm run test --"
+    "runbot": "npm run check-formatting && npm run model-in-node && npm run test --",
+    "update-icons": "node tools/bundle_icons/update_icons.cjs"
   },
   "browserslist": [
     "last 1 Chrome versions"