@open-rap/compiler 0.0.0-stage → 0.1.0

package/dist/gen/ui/static.js

@@ -0,0 +1,2901 @@
+/**
+ * The fixed files of the generated UI: bootstrap, component, manifest, and the generic
+ * controllers of the List Report and the Object Page, driven by `model/layout.json`.
+ * Plain OpenUI5 1.136 (sap.m, sap.f, sap.uxap, sap.ui.layout), ODataModel V4.
+ */
+const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+export function indexHtml(layout) {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${esc(layout.title)}</title>
+  <script id="sap-ui-bootstrap" src="../resources/sap-ui-core.js"
+    data-sap-ui-theme="sap_horizon"
+    data-sap-ui-async="true"
+    data-sap-ui-compat-version="edge"
+    data-sap-ui-resource-roots='{"rapt.app": "./"}'
+    data-sap-ui-on-init="module:sap/ui/core/ComponentSupport"></script>
+  <style>html, body { height: 100%; margin: 0; }</style>
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body class="sapUiBody" id="content">
+  <div data-sap-ui-component data-name="rapt.app" data-id="container" data-height="100%" data-settings='{"id": "rapt"}' style="height: 100%"></div>
+</body>
+</html>
+`;
+}
+/**
+ * The content of the shell page sits between the shell bar and the bottom of the window: the
+ * inline `height: 100%` that sap.m.App writes on its ancestors would push it one shell bar below
+ * the window, and the document would scroll as well as the page.
+ */
+export const SHELL_STYLE = `.raptShell > section { height: auto !important; }
+`;
+/** Filter bar of the list report: fields and buttons aligned on the bottom of the inputs. */
+export const STYLE = `${SHELL_STYLE}.raptFilterBar { column-gap: 1rem; row-gap: 0.5rem; }
+.raptFilterBar .raptFilterItem { margin: 0; }
+.raptFilterBar .raptFilterButtons { margin-left: auto; align-items: flex-end; }
+.raptChartArea { padding: 0 0 1rem 0; }
+.raptChart { width: 100%; box-sizing: border-box; padding: 0.5rem 0; }
+.raptChart svg { display: block; }
+.raptChartLabel { font-family: var(--sapFontFamily); font-size: 11px; fill: var(--sapContent_LabelColor, #556b82); }
+.raptChartGrid { stroke: var(--sapList_BorderColor, #e5e5e5); stroke-width: 1; }
+.raptChartItem { cursor: pointer; opacity: 0.9; }
+.raptChartItem:hover { opacity: 1; }
+.raptChartSelected { stroke: var(--sapContent_FocusColor, #0070f2); stroke-width: 3; opacity: 1; }
+.raptChartHole { fill: var(--sapTile_Background, #fff); }
+.raptChartEmpty { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--sapContent_LabelColor); }
+.raptCards { gap: 1rem; padding-top: 1rem; }
+.raptCards .raptCard { max-width: 100%; }
+`;
+export function manifest(layout) {
+    const routes = [];
+    const targets = {};
+    // the start page (D53): an Overview Page, a form to create (form entry), or a list report
+    const startPage = layout.pages.find((p) => p.set === layout.start);
+    if (layout.overview !== undefined) {
+        routes.push({ pattern: "", name: "Overview", target: "Overview" });
+        targets["Overview"] = { name: "Overview", id: "Overview", level: 0 };
+    }
+    else if (startPage?.floorplan === "formEntry") {
+        routes.push({ pattern: "", name: `${startPage.set}FormEntry`, target: `${startPage.set}Object` });
+    }
+    for (const page of layout.pages) {
+        if (page.list !== undefined) {
+            const start = page.set === layout.start && layout.overview === undefined && page.floorplan !== "formEntry";
+            routes.push({ pattern: start ? "" : `${page.set}`, name: `${page.set}List`, target: `${page.set}List` });
+            targets[`${page.set}List`] = { name: `${page.set}List`, id: `${page.set}List`, level: 1 };
+        }
+        if (page.insertable) {
+            routes.push({ pattern: `${page.set}/new`, name: `${page.set}New`, target: `${page.set}Object` });
+        }
+        routes.push({ pattern: `${page.set}({key})`, name: `${page.set}Object`, target: `${page.set}Object` });
+        targets[`${page.set}Object`] = { name: `${page.set}Object`, id: `${page.set}Object`, level: page.list === undefined ? 3 : 2 };
+    }
+    return `${JSON.stringify({
+        "_version": "1.65.0",
+        "sap.app": {
+            id: "rapt.app",
+            type: "application",
+            title: layout.title,
+            applicationVersion: { version: "1.0.0" },
+            dataSources: {
+                mainService: { uri: layout.servicePath, type: "OData", settings: { odataVersion: "4.0" } },
+                layout: { uri: "model/layout.json", type: "JSON" },
+            },
+        },
+        "sap.ui": { technology: "UI5", deviceTypes: { desktop: true, tablet: true, phone: true } },
+        "sap.ui5": {
+            rootView: { viewName: "rapt.app.view.App", type: "XML", id: "appView" },
+            dependencies: { minUI5Version: "1.136.0", libs: { "sap.m": {}, "sap.f": {}, "sap.uxap": {}, "sap.ui.layout": {} } },
+            contentDensities: { compact: true, cozy: true },
+            models: {
+                "": { dataSource: "mainService", preload: true, settings: { autoExpandSelect: true, earlyRequests: true, operationMode: "Server" } },
+                layout: { dataSource: "layout", type: "sap.ui.model.json.JSONModel" },
+            },
+            routing: {
+                config: { routerClass: "sap.m.routing.Router", type: "View", viewType: "XML", path: "rapt.app.view", controlId: "app", controlAggregation: "pages", async: true },
+                routes,
+                targets,
+            },
+        },
+    }, null, 2)}\n`;
+}
+/**
+ * The root view: the pages of the application in an App; above them the shell bar of the
+ * launchpad (D37) when the application is served behind one (home, user, logout).
+ */
+export const APP_VIEW = `<mvc:View controllerName="rapt.app.controller.App" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:f="sap.f" displayBlock="true" height="100%">
+  <Page id="shell" showHeader="{= !!\${ui>/shell} }" enableScrolling="false" class="raptShell">
+    <customHeader>
+      <f:ShellBar id="shellBar" title="{ui>/shell/title}" secondTitle="{ui>/shell/launchpad}" homeIcon="{ui>/shell/logo}" homeIconTooltip="Home" homeIconPressed=".onHome" avatarPressed=".onAvatarPressed">
+        <f:profile>
+          <Avatar id="avatar" initials="{ui>/shell/user/initials}" tooltip="{ui>/shell/user/name}"/>
+        </f:profile>
+      </f:ShellBar>
+    </customHeader>
+    <content>
+      <App id="app"/>
+    </content>
+  </Page>
+</mvc:View>
+`;
+export const APP_CONTROLLER = `sap.ui.define([
+  "sap/ui/core/mvc/Controller",
+  "sap/m/ResponsivePopover",
+  "sap/m/VBox",
+  "sap/m/Text",
+  "sap/m/Button"
+], function (Controller, ResponsivePopover, VBox, Text, Button) {
+  "use strict";
+
+  /** The shell bar of the launchpad the application is served behind (D37). */
+  return Controller.extend("rapt.app.controller.App", {
+    onHome: function () {
+      window.location.assign(this.getView().getModel("ui").getProperty("/shell/home") || "/");
+    },
+
+    onAvatarPressed: function (oEvent) {
+      if (!this._oUserMenu) {
+        var oShell = this.getView().getModel("ui").getProperty("/shell");
+        var aItems = [];
+        if (oShell.user.id !== oShell.user.name) {
+          aItems.push(new Text({ text: oShell.user.id }));
+        }
+        if (!oShell.logout) {
+          aItems.push(new Text({ text: "Development user (no login)" }));
+        }
+        this._oUserMenu = new ResponsivePopover(this.createId("userMenu"), { title: oShell.user.name, placement: "Bottom", contentMinWidth: "12rem" });
+        if (aItems.length > 0) {
+          this._oUserMenu.addContent(new VBox({ items: aItems }).addStyleClass("sapUiSmallMargin"));
+        }
+        if (oShell.logout) {
+          this._oUserMenu.setBeginButton(new Button(this.createId("logout"), {
+            text: "Sign Out",
+            icon: "sap-icon://log",
+            press: function () {
+              window.location.assign(oShell.logout);
+            }
+          }));
+        }
+        this.getView().addDependent(this._oUserMenu);
+      }
+      this._oUserMenu.openBy(oEvent.getParameter("avatar"));
+    }
+  });
+});
+`;
+export const COMPONENT = `sap.ui.define([
+  "sap/ui/core/UIComponent",
+  "sap/ui/model/json/JSONModel",
+  "sap/ui/core/Messaging"
+], function (UIComponent, JSONModel, Messaging) {
+  "use strict";
+
+  return UIComponent.extend("rapt.app.Component", {
+    metadata: { manifest: "json", interfaces: ["sap.ui.core.IAsyncContentCreation"] },
+
+    init: function () {
+      UIComponent.prototype.init.apply(this, arguments);
+      var oUi = new JSONModel({ editMode: false, createMode: false, draft: false, busy: false, tableSelected: false, childSelected: false, permissions: {}, user: undefined, collab: { users: [] } });
+      var that = this;
+      this._aUserCallbacks = [];
+      this.setModel(oUi, "ui");
+      this.setModel(Messaging.getMessageModel(), "message");
+      // the creations the user may perform (global authorization): Create is hidden otherwise
+      var sService = this.getManifestEntry("/sap.app/dataSources/mainService/uri");
+      fetch(sService + "$permissions", { credentials: "same-origin", headers: { accept: "application/json" } })
+        .then(function (oResponse) { return oResponse.ok ? oResponse.json() : {}; })
+        .then(function (oPermissions) {
+          oUi.setProperty("/permissions", oPermissions);
+          // the user, for the draft markers (D58)
+          oUi.setProperty("/user", oPermissions.$user || "");
+          that._fireUser();
+        })
+        .catch(function () { /* the permissions stay unknown: every button is shown */ oUi.setProperty("/user", ""); that._fireUser(); });
+      // behind a launchpad (D37): its shell bar above the pages; standalone, the request fails
+      var sTitle = this.getManifestEntry("/sap.app/title");
+      fetch("/launchpad/config", { credentials: "same-origin", headers: { accept: "application/json" } })
+        .then(function (oResponse) { return oResponse.ok ? oResponse.json() : undefined; })
+        .then(function (oLaunchpad) {
+          if (oLaunchpad && oLaunchpad.user) {
+            oUi.setProperty("/shell", { title: sTitle, launchpad: oLaunchpad.title, home: oLaunchpad.home || "/", logo: oLaunchpad.logo || "", user: oLaunchpad.user, logout: oLaunchpad.logout || "" });
+          }
+        })
+        .catch(function () { /* not behind a launchpad */ });
+      this.getRouter().initialize();
+    },
+
+    /** Calls back with the user once known (from $permissions). */
+    whenUser: function (fnCallback) {
+      var sUser = this.getModel("ui").getProperty("/user");
+      if (sUser !== undefined) {
+        fnCallback(sUser);
+      } else {
+        this._aUserCallbacks.push(fnCallback);
+      }
+    },
+
+    _fireUser: function () {
+      var sUser = this.getModel("ui").getProperty("/user");
+      (this._aUserCallbacks || []).splice(0).forEach(function (fn) { fn(sUser); });
+    },
+
+    /** A change was saved: the lists show it when the user comes back to them. */
+    markStale: function () {
+      this._iVersion = (this._iVersion || 0) + 1;
+    },
+
+    /** Whether the list of an entity set must be refreshed (a change since it was last shown). */
+    takeStale: function (sSet) {
+      this._mSeen = this._mSeen || {};
+      var bStale = (this._mSeen[sSet] || 0) !== (this._iVersion || 0);
+      this._mSeen[sSet] = this._iVersion || 0;
+      return bStale;
+    },
+
+    /** The transient context of an instance being created (List Report → Object Page). */
+    setTransient: function (oContext) {
+      this._oTransient = oContext;
+    },
+
+    getTransient: function () {
+      return this._oTransient;
+    }
+  });
+});
+`;
+/** Helpers shared by the controllers: layout lookups, key predicates, actions. */
+export const SUPPORT = `sap.ui.define([
+  "sap/m/Dialog",
+  "sap/m/Button",
+  "sap/m/Label",
+  "sap/m/Input",
+  "sap/m/DatePicker",
+  "sap/m/CheckBox",
+  "sap/ui/layout/form/SimpleForm",
+  "sap/ui/core/Messaging",
+  "sap/m/TableSelectDialog",
+  "sap/m/Column",
+  "sap/m/ColumnListItem",
+  "sap/m/Text",
+  "sap/ui/model/Filter",
+  "sap/m/Select",
+  "sap/ui/core/Item"
+], function (Dialog, Button, Label, Input, DatePicker, CheckBox, SimpleForm, Messaging, TableSelectDialog, Column, ColumnListItem, Text, Filter, Select, Item) {
+  "use strict";
+
+  function pad(n) {
+    return String(n).padStart(2, "0");
+  }
+
+  var support = {
+    page: function (oController, sSet) {
+      return oController.getOwnerComponent().getModel("layout").getProperty("/pages").find(function (p) {
+        return p.set === sSet;
+      });
+    },
+
+    action: function (oPage, sName, aActions) {
+      return (aActions || oPage.actions).find(function (a) {
+        return a.name === sName;
+      });
+    },
+
+    /** The key of an instance as written in the URL: \`3f25…\` or \`A='x',B=1\`. */
+    keyOf: function (sPath) {
+      var iOpen = sPath.lastIndexOf("(");
+      return sPath.slice(iOpen + 1, sPath.length - 1);
+    },
+
+    keyPredicate: function (oPage, oData) {
+      var aKeys = oPage.keys.map(function (sKey) {
+        var vValue = oData[sKey];
+        var sEdm = oPage.fields[sKey] ? oPage.fields[sKey].edm : "Edm.String";
+        var sText = sEdm === "Edm.String" ? "'" + String(vValue).replace(/'/g, "''") + "'" : String(vValue);
+        return { key: sKey, text: sText };
+      });
+      return aKeys.length === 1 ? aKeys[0].text : aKeys.map(function (k) { return k.key + "=" + k.text; }).join(",");
+    },
+
+    dateText: function (oDate) {
+      return oDate.getFullYear() + "-" + pad(oDate.getMonth() + 1) + "-" + pad(oDate.getDate());
+    },
+
+    /** Asks for the parameters of an action; resolves null when cancelled. */
+    askParameters: function (oView, oAction) {
+      if (oAction.parameters.length === 0) {
+        return Promise.resolve({});
+      }
+      return new Promise(function (resolve) {
+        var aControls = [];
+        var aContent = [];
+        oAction.parameters.forEach(function (oParameter) {
+          var oControl;
+          if (oParameter.kind === "date") {
+            oControl = new DatePicker({ valueFormat: "yyyy-MM-dd" });
+          } else if (oParameter.kind === "boolean") {
+            oControl = new CheckBox();
+          } else if (oParameter.kind === "enum") {
+            oControl = new Select({ forceSelection: true, items: oParameter.options.map(function (o) { return new Item({ key: o.key, text: o.text }); }) });
+          } else if (oParameter.valueHelp) {
+            oControl = new Input({ showValueHelp: true });
+            oControl.attachValueHelpRequest(function () {
+              var oInput = this;
+              support.valueHelp(oView, oParameter.valueHelp, false).then(function (aValues) {
+                if (aValues.length > 0) {
+                  oInput.setValue(aValues[0]);
+                }
+              });
+            }, oControl);
+          } else {
+            oControl = new Input({ type: oParameter.kind === "integer" || oParameter.kind === "decimal" ? "Number" : "Text" });
+          }
+          aControls.push({ parameter: oParameter, control: oControl });
+          aContent.push(new Label({ text: oParameter.label, labelFor: oControl }), oControl);
+        });
+        var oDialog = new Dialog({
+          title: oAction.label,
+          content: [new SimpleForm({ editable: true, content: aContent })],
+          beginButton: new Button({
+            text: oAction.label,
+            type: "Emphasized",
+            press: function () {
+              var oValues = {};
+              aControls.forEach(function (o) {
+                var p = o.parameter;
+                if (p.kind === "boolean") {
+                  oValues[p.name] = o.control.getSelected();
+                } else if (p.kind === "enum") {
+                  oValues[p.name] = o.control.getSelectedKey();
+                } else if (p.kind === "integer") {
+                  oValues[p.name] = o.control.getValue() === "" ? 0 : Number(o.control.getValue());
+                } else {
+                  oValues[p.name] = o.control.getValue();
+                }
+              });
+              oDialog.close();
+              resolve(oValues);
+            }
+          }),
+          endButton: new Button({
+            text: "Cancel",
+            press: function () {
+              oDialog.close();
+              resolve(null);
+            }
+          }),
+          afterClose: function () {
+            oDialog.destroy();
+          }
+        });
+        oView.addDependent(oDialog);
+        oDialog.open();
+      });
+    },
+
+    /** Calls an action (or a function); resolves its return value context, or null when cancelled. */
+    invoke: function (oView, oPage, oAction, oContext) {
+      return support.askParameters(oView, oAction).then(function (oValues) {
+        if (oValues === null) {
+          return null;
+        }
+        Messaging.removeAllMessages();
+        var oModel = oView.getModel();
+        var oOperation = oAction.static
+          ? oModel.bindContext("/" + oPage.set + "/" + oAction.qualified + "(...)")
+          : oModel.bindContext(oAction.qualified + "(...)", oContext, { $$inheritExpandSelect: true });
+        Object.keys(oValues).forEach(function (sName) {
+          oOperation.setParameter(sName, oValues[sName]);
+        });
+        return oOperation.invoke();
+      });
+    },
+
+    /** The descriptions of the values of a value help (text entity), by value: { EUR: "Euro" }. */
+    valueHelpTexts: function (oView, oHelp) {
+      if (!oHelp.text) {
+        return Promise.resolve({});
+      }
+      var sService = oView.getModel().getServiceUrl();
+      var sLanguage = (navigator.language || "en").slice(0, 2).toUpperCase();
+      var sKey = { EN: "E", DE: "D", FR: "F", ES: "S", IT: "I", PT: "P", NL: "N", JA: "J", ZH: "1", RU: "R", PL: "L" }[sLanguage] || "E";
+      var oText = oHelp.text;
+      var sFilter = oText.language ? "&$filter=" + encodeURIComponent(oText.language + " eq '" + sKey + "' or " + oText.language + " eq 'E'") : "";
+      return fetch(sService + oText.set + "?$select=" + [oText.key, oText.element].concat(oText.language ? [oText.language] : []).join(",") + sFilter, {
+        credentials: "same-origin",
+        headers: { accept: "application/json" }
+      }).then(function (oResponse) {
+        return oResponse.ok ? oResponse.json() : { value: [] };
+      }).then(function (oData) {
+        var mTexts = {};
+        (oData.value || []).forEach(function (oRow) {
+          var sValue = String(oRow[oText.key]);
+          if (mTexts[sValue] === undefined || (oText.language && oRow[oText.language] === sKey)) {
+            mTexts[sValue] = oRow[oText.element];
+          }
+        });
+        return mTexts;
+      }).catch(function () {
+        return {};
+      });
+    },
+
+    /**
+     * Opens the value help of a field; resolves the chosen values (none when cancelled). With the
+     * context of the instance, the bindings of usage filter restrict the list, and the chosen rows
+     * are given as second argument (results of the additional bindings).
+     */
+    valueHelp: function (oView, oHelp, bMulti, oContext) {
+      return support.valueHelpTexts(oView, oHelp).then(function (mTexts) {
+        return support._valueHelpDialog(oView, oHelp, bMulti, mTexts, oContext);
+      });
+    },
+
+    /** The filters of the additional bindings of usage filter, from the values of the instance. */
+    valueHelpFilters: function (oHelp, oContext) {
+      if (!oContext || !oHelp.bindings) {
+        return [];
+      }
+      return oHelp.bindings.filter(function (b) {
+        var vValue = oContext.getProperty(b.local);
+        return b.usage !== "result" && vValue !== undefined && vValue !== null && vValue !== "";
+      }).map(function (b) {
+        return new Filter(b.element, "EQ", oContext.getProperty(b.local));
+      });
+    },
+
+    /** Copies the elements of a chosen row to the local elements (additional bindings of usage result). */
+    applyValueHelpResults: function (oHelp, oContext, oRow) {
+      (oHelp.bindings || []).forEach(function (b) {
+        if (b.usage !== "filter" && oRow && oRow[b.element] !== undefined) {
+          oContext.setProperty(b.local, oRow[b.element]);
+        }
+      });
+    },
+
+    /**
+     * Checks a typed value against the value help (useForValidation) and fills the additional
+     * bindings of usage result; resolves false when the value is not in the list.
+     */
+    checkValueHelp: function (oView, oHelp, oContext, sValue) {
+      if (sValue === "" || sValue === null || sValue === undefined) {
+        return Promise.resolve(true);
+      }
+      var aConditions = [oHelp.element + " eq '" + String(sValue).replace(/'/g, "''") + "'"];
+      support.valueHelpFilters(oHelp, oContext).forEach(function (oFilter) {
+        aConditions.push(oFilter.getPath() + " eq '" + String(oFilter.getValue1()).replace(/'/g, "''") + "'");
+      });
+      return fetch(oView.getModel().getServiceUrl() + oHelp.set + "?$top=1&$filter=" + encodeURIComponent(aConditions.join(" and ")), {
+        credentials: "same-origin",
+        headers: { accept: "application/json" }
+      }).then(function (oResponse) {
+        return oResponse.ok ? oResponse.json() : { value: [] };
+      }).then(function (oData) {
+        var oRow = (oData.value || [])[0];
+        if (oRow) {
+          support.applyValueHelpResults(oHelp, oContext, oRow);
+        }
+        return oRow !== undefined;
+      }).catch(function () {
+        return true;
+      });
+    },
+
+    /** The columns of a value help: its elements, and the description of the text entity after the value. */
+    valueHelpColumns: function (oHelp, mTexts) {
+      var aColumns = oHelp.columns.slice();
+      if (Object.keys(mTexts).length > 0) {
+        aColumns.splice(1, 0, { property: oHelp.element, label: oHelp.text.label, string: false, text: true });
+      }
+      return aColumns;
+    },
+
+    /** The binding of the rows of a value help: the elements of the columns and of the additional bindings. */
+    valueHelpItems: function (oHelp, aColumns, mTexts, aBase) {
+      return {
+        path: "/" + oHelp.set,
+        parameters: { $count: true, $select: aColumns.filter(function (c) { return !c.text; }).map(function (c) { return c.property; }).concat((oHelp.bindings || []).map(function (b) { return b.element; })).filter(function (p, i, a) { return a.indexOf(p) === i; }).join(",") },
+        filters: aBase.length === 0 ? undefined : new Filter({ filters: aBase, and: true }),
+        template: new ColumnListItem({
+          cells: aColumns.map(function (c) {
+            return c.text
+              ? new Text({ text: { path: c.property, formatter: function (v) { return mTexts[v] || ""; } } })
+              : new Text({ text: "{" + c.property + "}" });
+          })
+        })
+      };
+    },
+
+    /** The filter of a search in a value help: a text column or a description contains the value. */
+    valueHelpSearch: function (oHelp, mTexts, sSearch, aBase) {
+      var sValue = (sSearch || "").trim();
+      var aFilters = oHelp.columns.filter(function (c) { return c.string; }).map(function (c) {
+        return new Filter({ path: c.property, operator: "Contains", value1: sValue, caseSensitive: false });
+      });
+      // values whose description matches
+      var sLower = sValue.toLowerCase();
+      Object.keys(mTexts).filter(function (k) {
+        return String(mTexts[k]).toLowerCase().indexOf(sLower) >= 0;
+      }).slice(0, 30).forEach(function (k) {
+        aFilters.push(new Filter(oHelp.element, "EQ", k));
+      });
+      var aAll = aBase.slice();
+      if (sValue !== "" && aFilters.length > 0) {
+        aAll.push(new Filter({ filters: aFilters, and: false }));
+      }
+      return aAll.length === 0 ? [] : new Filter({ filters: aAll, and: true });
+    },
+
+    _valueHelpDialog: function (oView, oHelp, bMulti, mTexts, oContext) {
+      var aColumns = support.valueHelpColumns(oHelp, mTexts);
+      return new Promise(function (resolve) {
+        var bDone = false;
+        var aBase = support.valueHelpFilters(oHelp, oContext);
+        var done = function (aValues, aRows) {
+          if (!bDone) {
+            bDone = true;
+            resolve(aValues);
+            if (aRows && aRows.length > 0 && oContext) {
+              support.applyValueHelpResults(oHelp, oContext, aRows[0]);
+            }
+          }
+        };
+        var oDialog = new TableSelectDialog({
+          title: oHelp.label,
+          multiSelect: bMulti,
+          growing: true,
+          growingThreshold: 50,
+          columns: aColumns.map(function (c) {
+            return new Column({ header: new Text({ text: c.label }) });
+          }),
+          search: function (oEvent) {
+            oEvent.getSource().getBinding("items").filter(support.valueHelpSearch(oHelp, mTexts, oEvent.getParameter("value"), aBase));
+          },
+          confirm: function (oEvent) {
+            var aItems = oEvent.getParameter("selectedItems") || [];
+            done(aItems.map(function (oItem) {
+              return String(oItem.getBindingContext().getProperty(oHelp.element));
+            }), aItems.map(function (oItem) {
+              return oItem.getBindingContext().getObject();
+            }));
+          },
+          cancel: function () {
+            done([]);
+          },
+          afterClose: function () {
+            done([]);
+            oDialog.destroy();
+          }
+        });
+        oDialog.bindAggregation("items", support.valueHelpItems(oHelp, aColumns, mTexts, aBase));
+        oView.addDependent(oDialog);
+        oDialog.open();
+      });
+    },
+
+    errorText: function (oError) {
+      var aMessages = Messaging.getMessageModel().getData().filter(function (m) {
+        return m.getType() === "Error";
+      });
+      if (aMessages.length > 0) {
+        return aMessages.map(function (m) { return m.getMessage(); }).join("\\n");
+      }
+      return oError && oError.message ? oError.message : "The request failed";
+    }
+  };
+  return support;
+});
+`;
+/**
+ * The conditions of the filter fields (D51, D68), written as in SAP Fiori elements: `=x`, `!=x`,
+ * `>x`, `>=x`, `<x`, `<=x`, `a...b`, `*x*`, `x*`, `*x`, `<empty>`, and the exclusions `!(…)`; a
+ * value alone is "contains" for a free text, "equal" otherwise. The operators of a field depend on
+ * its type and on `@Consumption.filter.selectionType`. Pure functions (no control): unit tested in
+ * Node.js with a stub of `sap.ui.define`.
+ */
+export const FILTERS = `sap.ui.define([
+  "sap/ui/model/Filter",
+  "sap/ui/model/FilterOperator",
+  "sap/ui/core/format/DateFormat"
+], function (Filter, FilterOperator, DateFormat) {
+  "use strict";
+
+  var NUMERIC = { integer: true, decimal: true, amount: true };
+  var DAYS = { date: true, datetime: true };
+  var PREFIXES = [["!=", "NE"], [">=", "GE"], ["<=", "LE"], [">", "GT"], ["<", "LT"], ["=", "EQ"]];
+  var SIGNS = { EQ: "=", NE: "!=", GT: ">", GE: ">=", LT: "<", LE: "<=" };
+  var EMPTY = "<empty>";
+  /** The operators of "Define Conditions"; an exclusion names the operator it negates. */
+  var OPERATORS = {
+    EQ: { text: "equal to", values: 1 },
+    Contains: { text: "contains", values: 1 },
+    StartsWith: { text: "starts with", values: 1 },
+    EndsWith: { text: "ends with", values: 1 },
+    BT: { text: "between", values: 2 },
+    LT: { text: "less than", values: 1 },
+    LE: { text: "less than or equal to", values: 1 },
+    GT: { text: "greater than", values: 1 },
+    GE: { text: "greater than or equal to", values: 1 },
+    Empty: { text: "empty", values: 0 },
+    NE: { text: "not equal to", values: 1, exclude: "EQ" },
+    NotContains: { text: "does not contain", values: 1, exclude: "Contains" },
+    NotStartsWith: { text: "does not start with", values: 1, exclude: "StartsWith" },
+    NotEndsWith: { text: "does not end with", values: 1, exclude: "EndsWith" },
+    NB: { text: "not between", values: 2, exclude: "BT" },
+    NOTLT: { text: "not less than", values: 1, exclude: "LT" },
+    NOTLE: { text: "not less than or equal to", values: 1, exclude: "LE" },
+    NOTGT: { text: "not greater than", values: 1, exclude: "GT" },
+    NOTGE: { text: "not greater than or equal to", values: 1, exclude: "GE" },
+    NotEmpty: { text: "not empty", values: 0, exclude: "Empty" }
+  };
+  var COMPARISONS = ["EQ", "BT", "LT", "LE", "GT", "GE"];
+  var PATTERNS = { Contains: true, StartsWith: true, EndsWith: true, NotContains: true, NotStartsWith: true, NotEndsWith: true };
+  /** The exclusions of comparisons as the opposite comparison: not less than 5 is 5 or more. */
+  var OPPOSITE = { NOTLT: "GE", NOTLE: "GT", NOTGT: "LE", NOTGE: "LT" };
+
+  function negation(sOp) {
+    return Object.keys(OPERATORS).find(function (k) { return OPERATORS[k].exclude === sOp; });
+  }
+
+  function pad(n) {
+    return String(n).padStart(2, "0");
+  }
+
+  /** A date typed or picked: ISO (yyyy-MM-dd), or in the format of the locale. */
+  function day(sValue) {
+    var aIso = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(sValue);
+    if (aIso) {
+      var oDate = new Date(Date.UTC(Number(aIso[1]), Number(aIso[2]) - 1, Number(aIso[3])));
+      return oDate.getUTCMonth() === Number(aIso[2]) - 1 && oDate.getUTCDate() === Number(aIso[3]) ? sValue : null;
+    }
+    if (!DateFormat) {
+      return null;
+    }
+    var oParsed = ["medium", "short", "long"].map(function (sStyle) {
+      return DateFormat.getDateInstance({ style: sStyle }).parse(sValue);
+    }).find(function (o) { return o && !isNaN(o.getTime()); });
+    return oParsed ? oParsed.getFullYear() + "-" + pad(oParsed.getMonth() + 1) + "-" + pad(oParsed.getDate()) : null;
+  }
+
+  /** The value of a condition as kept in the token key: dates in ISO, times as HH:mm:ss; null when invalid. */
+  function normalize(oField, sValue) {
+    var s = String(sValue === null || sValue === undefined ? "" : sValue).trim();
+    if (DAYS[oField.kind]) {
+      return s === "" ? null : day(s);
+    }
+    if (oField.kind === "time") {
+      var aTime = /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/.exec(s);
+      return aTime && Number(aTime[1]) < 24 && Number(aTime[2]) < 60 ? pad(aTime[1]) + ":" + aTime[2] + ":" + (aTime[3] || "00") : null;
+    }
+    return valid(oField, s) ? s : null;
+  }
+
+  function valid(oField, sValue) {
+    if (sValue === "") {
+      return false;
+    }
+    if (NUMERIC[oField.kind]) {
+      return /^[-+]?\\d*[.,]?\\d+$/.test(sValue);
+    }
+    if (oField.kind === "digits") {
+      return /^\\d+$/.test(sValue) && (!oField.maxLength || sValue.length <= oField.maxLength);
+    }
+    if (oField.kind === "uuid") {
+      return /^[0-9a-fA-F-]+$/.test(sValue);
+    }
+    return true;
+  }
+
+  var filters = {
+    /** The operators allowed for a field: its type, then \`@Consumption.filter.selectionType\` (FilterExpressionRestrictions). */
+    operators: function (oField) {
+      var aInclude;
+      if (oField.kind === "boolean" || oField.kind === "enum") {
+        return ["EQ"];
+      }
+      if (oField.kind === "uuid") {
+        aInclude = ["EQ"];
+      } else if (oField.kind === "text") {
+        aInclude = ["EQ", "Contains", "StartsWith", "EndsWith", "BT", "LT", "LE", "GT", "GE", "Empty"];
+      } else if (DAYS[oField.kind] || oField.kind === "time") {
+        aInclude = COMPARISONS.concat(["Empty"]);
+      } else {
+        aInclude = COMPARISONS.slice();
+      }
+      var sAllowed = oField.filter && oField.filter.expressions;
+      if (sAllowed === "SingleValue") {
+        return ["EQ"];
+      }
+      if (sAllowed === "SingleRange" || sAllowed === "MultiRange") {
+        aInclude = aInclude.filter(function (op) { return COMPARISONS.indexOf(op) >= 0; });
+      }
+      // one range: no exclusion
+      return sAllowed === "SingleRange" ? aInclude : aInclude.concat(aInclude.map(negation).filter(Boolean));
+    },
+
+    /** The label of an operator ("equal to"), and the number of its values (0, 1 or 2). */
+    label: function (sOp) {
+      return OPERATORS[sOp] ? OPERATORS[sOp].text : sOp;
+    },
+
+    valueCount: function (sOp) {
+      return OPERATORS[sOp] ? OPERATORS[sOp].values : 1;
+    },
+
+    /** An exclusion: and'ed with the other conditions of the field (the included ones are or'ed). */
+    isExclude: function (sOp) {
+      return !!(OPERATORS[sOp] && OPERATORS[sOp].exclude);
+    },
+
+    /** The operator of a value typed alone: "contains" for a free text, "equal to" for a key or a value help. */
+    defaultOperator: function (oField) {
+      return oField.kind === "text" && !oField.key && !oField.valueHelp && filters.operators(oField).indexOf("Contains") >= 0 ? "Contains" : "EQ";
+    },
+
+    /** The condition of an operator and its values (the rows of "Define Conditions"); null when not valid for the field. */
+    condition: function (oField, sOp, aValues) {
+      if (!OPERATORS[sOp] || filters.operators(oField).indexOf(sOp) < 0) {
+        return null;
+      }
+      var aNormalized = (aValues || []).slice(0, OPERATORS[sOp].values).map(function (v) { return normalize(oField, v); });
+      if (aNormalized.length < OPERATORS[sOp].values || aNormalized.some(function (v) { return v === null; })) {
+        return null;
+      }
+      return { op: sOp, values: aNormalized };
+    },
+
+    /** The condition of a text typed in a filter field (or of a token key); null when it is not valid for the field. */
+    parse: function (oField, sText) {
+      var oRead = filters._read(oField, String(sText).trim());
+      return oRead ? filters.condition(oField, oRead.op, oRead.values) : null;
+    },
+
+    _read: function (oField, sValue) {
+      if (sValue === "") {
+        return null;
+      }
+      if (sValue === EMPTY) {
+        return { op: "Empty", values: [] };
+      }
+      if (sValue.indexOf("!(") === 0 && sValue[sValue.length - 1] === ")") {
+        var oInner = filters._read(oField, sValue.slice(2, -1).trim());
+        var sNot = oInner && negation(oInner.op);
+        return sNot ? { op: sNot, values: oInner.values } : null;
+      }
+      var iRange = sValue.indexOf("...");
+      var aDays = DAYS[oField.kind] && iRange < 0 ? sValue.split(" - ") : [];
+      if (iRange > 0 && !/^[!<>=]/.test(sValue)) {
+        return { op: "BT", values: [sValue.slice(0, iRange).trim(), sValue.slice(iRange + 3).trim()] };
+      }
+      if (aDays.length === 2) {
+        return { op: "BT", values: [aDays[0].trim(), aDays[1].trim()] };
+      }
+      var aPrefix = PREFIXES.find(function (p) { return sValue.indexOf(p[0]) === 0; });
+      if (aPrefix) {
+        return { op: aPrefix[1], values: [sValue.slice(aPrefix[0].length).trim()] };
+      }
+      if (oField.kind === "text" && sValue.length > 1 && sValue[0] === "*" && sValue[sValue.length - 1] === "*") {
+        return { op: "Contains", values: [sValue.slice(1, -1)] };
+      }
+      if (oField.kind === "text" && sValue.length > 1 && sValue[sValue.length - 1] === "*") {
+        return { op: "StartsWith", values: [sValue.slice(0, -1)] };
+      }
+      if (oField.kind === "text" && sValue.length > 1 && sValue[0] === "*") {
+        return { op: "EndsWith", values: [sValue.slice(1)] };
+      }
+      return { op: filters.defaultOperator(oField), values: [sValue] };
+    },
+
+    /** The text of a condition, kept as the key of its token (parsed back by parse). */
+    text: function (oCondition) {
+      var v = oCondition.values;
+      switch (oCondition.op) {
+        case "Empty": return EMPTY;
+        case "BT": return v[0] + "..." + v[1];
+        case "Contains": return "*" + v[0] + "*";
+        case "StartsWith": return v[0] + "*";
+        case "EndsWith": return "*" + v[0];
+        default:
+          if (SIGNS[oCondition.op]) {
+            return SIGNS[oCondition.op] + v[0];
+          }
+          return "!(" + filters.text({ op: OPERATORS[oCondition.op].exclude, values: v }) + ")";
+      }
+    },
+
+    /**
+     * The text shown in the token, as SAP Fiori elements: "equal to" without its sign (with the
+     * description of a value help: "Euro (EUR)"), exclusions as \`!(…)\`, dates in the format of the locale.
+     */
+    display: function (oField, oCondition, sDescription) {
+      var aValues = oCondition.values.map(function (v) { return filters.format(oField, v); });
+      if (oCondition.op === "EQ") {
+        return sDescription ? sDescription + " (" + aValues[0] + ")" : aValues[0];
+      }
+      if (oCondition.op === "NE") {
+        return "!(=" + aValues[0] + ")";
+      }
+      return filters.text({ op: oCondition.op, values: aValues });
+    },
+
+    /** A value as shown to the user (a date in the medium format of the locale). */
+    format: function (oField, sValue) {
+      if (DAYS[oField.kind] && DateFormat && /^\\d{4}-\\d{2}-\\d{2}$/.test(sValue)) {
+        var a = sValue.split("-");
+        return DateFormat.getDateInstance({ style: "medium" }).format(new Date(Number(a[0]), Number(a[1]) - 1, Number(a[2])));
+      }
+      return sValue;
+    },
+
+    /** The value sent to the service: NUMC with its leading zeros, decimal point. */
+    value: function (oField, sValue) {
+      if (oField.kind === "digits" && oField.maxLength && /^\\d+$/.test(sValue)) {
+        return sValue.padStart(oField.maxLength, "0");
+      }
+      if (NUMERIC[oField.kind]) {
+        return sValue.replace(",", ".").replace(/^\\+/, "");
+      }
+      if (oField.kind === "uuid") {
+        return sValue.toLowerCase();
+      }
+      return sValue;
+    },
+
+    /** The filter of a condition. */
+    filter: function (oField, oCondition) {
+      var v = oCondition.values.map(function (s) { return filters.value(oField, s); });
+      var sPath = oField.property;
+      var sOp = OPPOSITE[oCondition.op] || oCondition.op;
+      if (sOp === "Empty" || sOp === "NotEmpty") {
+        // a text is empty when initial ('') or null; another type when null
+        var bNot = sOp === "NotEmpty";
+        var oNull = new Filter(sPath, bNot ? FilterOperator.NE : FilterOperator.EQ, null);
+        return oField.edm === "Edm.String" ? new Filter({ filters: [new Filter(sPath, bNot ? FilterOperator.NE : FilterOperator.EQ, ""), oNull], and: bNot }) : oNull;
+      }
+      if (oField.kind === "datetime") {
+        return filters._days(sPath, sOp, v);
+      }
+      if (sOp === "BT" || sOp === "NB") {
+        return new Filter({ path: sPath, operator: FilterOperator[sOp], value1: v[0], value2: v[1] });
+      }
+      if (PATTERNS[sOp]) {
+        return new Filter({ path: sPath, operator: FilterOperator[sOp], value1: v[0], caseSensitive: false });
+      }
+      return new Filter({ path: sPath, operator: FilterOperator[sOp], value1: v[0], caseSensitive: oField.kind === "text" ? true : undefined });
+    },
+
+    /** A condition on the days of a date-time (Edm.DateTimeOffset): whole days, UTC. */
+    _days: function (sPath, sOp, v) {
+      var start = function (s) { return s + "T00:00:00Z"; };
+      var next = function (s) {
+        var oNext = new Date(s + "T00:00:00Z");
+        oNext.setUTCDate(oNext.getUTCDate() + 1);
+        return oNext.toISOString().slice(0, 10) + "T00:00:00Z";
+      };
+      var range = function (sFrom, sTo, bNot) {
+        return new Filter({
+          filters: [
+            new Filter(sPath, bNot ? FilterOperator.LT : FilterOperator.GE, start(sFrom)),
+            new Filter(sPath, bNot ? FilterOperator.GE : FilterOperator.LT, next(sTo))
+          ],
+          and: !bNot
+        });
+      };
+      switch (sOp) {
+        case "EQ": return range(v[0], v[0], false);
+        case "NE": return range(v[0], v[0], true);
+        case "BT": return range(v[0], v[1], false);
+        case "NB": return range(v[0], v[1], true);
+        case "LT": return new Filter(sPath, FilterOperator.LT, start(v[0]));
+        case "LE": return new Filter(sPath, FilterOperator.LT, next(v[0]));
+        case "GT": return new Filter(sPath, FilterOperator.GE, next(v[0]));
+        default: return new Filter(sPath, FilterOperator.GE, start(v[0]));
+      }
+    },
+
+    /** The filter of the conditions of one field: included values or'ed, exclusions and'ed. */
+    fieldFilter: function (oField, aConditions) {
+      var aInclude = [];
+      var aExclude = [];
+      aConditions.forEach(function (c) {
+        (filters.isExclude(c.op) ? aExclude : aInclude).push(filters.filter(oField, c));
+      });
+      var aParts = [];
+      if (aInclude.length === 1) {
+        aParts.push(aInclude[0]);
+      } else if (aInclude.length > 1) {
+        aParts.push(new Filter({ filters: aInclude, and: false }));
+      }
+      aParts = aParts.concat(aExclude);
+      if (aParts.length === 0) {
+        return null;
+      }
+      return aParts.length === 1 ? aParts[0] : new Filter({ filters: aParts, and: true });
+    },
+
+    /**
+     * A filter as an OData $filter expression (the chart of the Analytical List Page and the counts
+     * of the worklist tabs send their own requests). mFields: property → field of the layout.
+     */
+    toOData: function (oFilter, mFields) {
+      if (!oFilter) {
+        return "";
+      }
+      var aInner = oFilter.aFilters || (oFilter.getFilters && oFilter.getFilters()) || (oFilter.spec && oFilter.spec.filters);
+      if (aInner && aInner.length) {
+        var bAnd = oFilter.bAnd !== undefined ? oFilter.bAnd : oFilter.spec ? !!oFilter.spec.and : !!(oFilter.isAnd && oFilter.isAnd());
+        return "(" + aInner.map(function (f) { return filters.toOData(f, mFields); }).join(bAnd ? " and " : " or ") + ")";
+      }
+      var sPath = oFilter.sPath || (oFilter.spec && oFilter.spec.path);
+      var sOp = oFilter.sOperator || (oFilter.spec && oFilter.spec.operator);
+      var v1 = oFilter.oValue1 !== undefined ? oFilter.oValue1 : oFilter.spec && oFilter.spec.value1;
+      var v2 = oFilter.oValue2 !== undefined ? oFilter.oValue2 : oFilter.spec && oFilter.spec.value2;
+      var bCaseInsensitive = oFilter.bCaseSensitive === false || (oFilter.spec && oFilter.spec.caseSensitive === false);
+      var oField = (mFields && mFields[sPath]) || { edm: "Edm.String" };
+      var literal = function (v) {
+        if (v === null || v === undefined) { return "null"; }
+        if (oField.edm === "Edm.String") { return "'" + String(v).replace(/'/g, "''") + "'"; }
+        return String(v);
+      };
+      var sLeft = bCaseInsensitive ? "tolower(" + sPath + ")" : sPath;
+      var lit = function (v) { return bCaseInsensitive ? "tolower(" + literal(v) + ")" : literal(v); };
+      switch (sOp) {
+        case "BT": return "(" + sPath + " ge " + literal(v1) + " and " + sPath + " le " + literal(v2) + ")";
+        case "NB": return "(" + sPath + " lt " + literal(v1) + " or " + sPath + " gt " + literal(v2) + ")";
+        case "Contains": return "contains(" + sLeft + "," + lit(v1) + ")";
+        case "StartsWith": return "startswith(" + sLeft + "," + lit(v1) + ")";
+        case "EndsWith": return "endswith(" + sLeft + "," + lit(v1) + ")";
+        case "NotContains": return "not contains(" + sLeft + "," + lit(v1) + ")";
+        case "NotStartsWith": return "not startswith(" + sLeft + "," + lit(v1) + ")";
+        case "NotEndsWith": return "not endswith(" + sLeft + "," + lit(v1) + ")";
+        default: return sPath + " " + String(sOp).toLowerCase() + " " + literal(v1);
+      }
+    }
+  };
+  return filters;
+});
+`;
+/**
+ * The value help of a filter field (D68), as in SAP Fiori elements, built from sap.m (the value
+ * help dialog of sap.ui.comp / sap.ui.mdc is SAPUI5 only): "Search and Select" lists the values of
+ * the value help, "Define Conditions" has one operator and its values per row, and the selected
+ * items and conditions are tokens below.
+ */
+export const CONDITIONS = `sap.ui.define([
+  "sap/m/Dialog",
+  "sap/m/Button",
+  "sap/m/IconTabBar",
+  "sap/m/IconTabFilter",
+  "sap/m/VBox",
+  "sap/m/HBox",
+  "sap/m/FlexItemData",
+  "sap/m/Select",
+  "sap/ui/core/Item",
+  "sap/m/Input",
+  "sap/m/DatePicker",
+  "sap/m/TimePicker",
+  "sap/m/SearchField",
+  "sap/m/Table",
+  "sap/m/Column",
+  "sap/m/Text",
+  "sap/m/Title",
+  "sap/m/Tokenizer",
+  "sap/m/Token",
+  "sap/m/ScrollContainer",
+  "sap/ui/model/json/JSONModel",
+  "rapt/app/controller/support",
+  "rapt/app/controller/filters"
+], function (Dialog, Button, IconTabBar, IconTabFilter, VBox, HBox, FlexItemData, Select, Item, Input, DatePicker, TimePicker, SearchField, Table, Column, Text, Title, Tokenizer, Token, ScrollContainer, JSONModel, support, filters) {
+  "use strict";
+
+  function blank(sOp) {
+    return { op: sOp, v1: "", v2: "", error: false };
+  }
+
+  function dialog(oView, oField, aInitial, mTexts) {
+    var oHelp = oField.valueHelp;
+    var aOperators = filters.operators(oField);
+    var bSingle = !!(oField.filter && oField.filter.single);
+    var bSelect = !!oHelp;
+    var bDefine = !(bSelect && aOperators.length === 1);
+    var sDefault = filters.defaultOperator(oField);
+    var oModel = new JSONModel({ items: [], rows: [] });
+    var aItems = [];
+    var aRows = [];
+    aInitial.forEach(function (c) {
+      if (bSelect && c.condition.op === "EQ") {
+        aItems.push({ value: c.condition.values[0], text: c.text });
+      } else if (bDefine) {
+        aRows.push({ op: c.condition.op, v1: c.condition.values[0] || "", v2: c.condition.values[1] || "", error: false });
+      }
+    });
+    if (bDefine && aRows.length === 0) {
+      aRows.push(blank(sDefault));
+    }
+    oModel.setData({ items: aItems, rows: aRows });
+
+    var isBlank = function (r) {
+      return filters.valueCount(r.op) > 0 && String(r.v1 || "").trim() === "" && String(r.v2 || "").trim() === "";
+    };
+    var rowCondition = function (r) {
+      return isBlank(r) ? null : filters.condition(oField, r.op, [r.v1, r.v2]);
+    };
+    var itemText = function (sValue) {
+      return filters.display(oField, { op: "EQ", values: [sValue] }, mTexts[sValue]);
+    };
+
+    return new Promise(function (resolve) {
+      var bDone = false;
+      var done = function (aResult) {
+        if (!bDone) {
+          bDone = true;
+          resolve(aResult);
+        }
+      };
+      var oTable;
+      var oTokenizer;
+      var oTitle;
+
+      /** Selects the rows of the table that are chosen items. */
+      var syncSelection = function () {
+        if (!oTable) {
+          return;
+        }
+        var aValues = oModel.getProperty("/items").map(function (it) { return filters.value(oField, String(it.value)); });
+        oTable.getItems().forEach(function (oItem) {
+          var oContext = oItem.getBindingContext();
+          if (oContext) {
+            oItem.setSelected(aValues.indexOf(filters.value(oField, String(oContext.getProperty(oHelp.element)))) >= 0);
+          }
+        });
+      };
+
+      /** The tokens of the chosen items and of the valid conditions. */
+      var refresh = function () {
+        var aCurrentRows = oModel.getProperty("/rows");
+        if (bSingle && aCurrentRows.some(rowCondition) && oModel.getProperty("/items").length > 0) {
+          oModel.setProperty("/items", []);
+          syncSelection();
+        }
+        oTokenizer.destroyTokens();
+        oModel.getProperty("/items").forEach(function (it, i) {
+          oTokenizer.addToken(new Token({ key: "i" + i, text: it.text }));
+        });
+        aCurrentRows.forEach(function (r, i) {
+          var oCondition = rowCondition(r);
+          if (oCondition || isBlank(r)) {
+            oModel.setProperty("/rows/" + i + "/error", false);
+          }
+          if (oCondition) {
+            oTokenizer.addToken(new Token({ key: "r" + i, text: filters.display(oField, oCondition) }));
+          }
+        });
+        oTitle.setText("Selected Items and Conditions (" + oTokenizer.getTokens().length + ")");
+      };
+
+      var removeRow = function (i) {
+        var aList = oModel.getProperty("/rows").slice();
+        aList.splice(i, 1);
+        if (aList.length === 0) {
+          aList.push(blank(sDefault));
+        }
+        oModel.setProperty("/rows", aList);
+      };
+
+      var valueControl = function (sProperty, bSecond, oContext) {
+        var oControl;
+        if (oField.kind === "date" || oField.kind === "datetime") {
+          oControl = new DatePicker({ valueFormat: "yyyy-MM-dd", value: "{cond>" + sProperty + "}" });
+        } else if (oField.kind === "time") {
+          oControl = new TimePicker({ valueFormat: "HH:mm:ss", value: "{cond>" + sProperty + "}" });
+        } else {
+          oControl = new Input({
+            value: "{cond>" + sProperty + "}",
+            showValueHelp: bSelect,
+            valueHelpRequest: function () {
+              support.valueHelp(oView, oHelp, false).then(function (aValues) {
+                if (aValues.length > 0) {
+                  oModel.setProperty(oContext.getPath() + "/" + sProperty, aValues[0]);
+                  refresh();
+                }
+              });
+            }
+          });
+        }
+        oControl.bindProperty("visible", { path: "cond>op", formatter: function (sOp) { return filters.valueCount(sOp) > (bSecond ? 1 : 0); } });
+        oControl.bindProperty("valueState", { path: "cond>error", formatter: function (bError) { return bError ? "Error" : "None"; } });
+        oControl.setValueStateText("Enter a valid value");
+        oControl.setLayoutData(new FlexItemData({ growFactor: 1, baseSize: "0" }));
+        return oControl.addStyleClass("raptConditionValue");
+      };
+
+      var oRows = new VBox(oView.createId("conditionsRows"), {
+        items: {
+          path: "cond>/rows",
+          factory: function (sId, oContext) {
+            return new HBox(sId, {
+              alignItems: "Center",
+              items: [
+                new Select({
+                  width: "15rem",
+                  selectedKey: "{cond>op}",
+                  items: aOperators.map(function (op) { return new Item({ key: op, text: filters.label(op) }); }),
+                  change: refresh
+                }).addStyleClass("raptConditionOperator"),
+                new HBox({
+                  layoutData: new FlexItemData({ growFactor: 1, baseSize: "0" }),
+                  items: [valueControl("v1", false, oContext), valueControl("v2", true, oContext)]
+                }),
+                new Button({
+                  icon: "sap-icon://decline",
+                  type: "Transparent",
+                  tooltip: "Remove Condition",
+                  press: function () {
+                    removeRow(Number(oContext.getPath().split("/").pop()));
+                    refresh();
+                  }
+                })
+              ]
+            }).addStyleClass("raptConditionRow");
+          }
+        }
+      });
+      var oAdd = new Button(oView.createId("conditionsAdd"), {
+        text: "Add",
+        icon: "sap-icon://add",
+        visible: !bSingle,
+        press: function () {
+          oModel.setProperty("/rows", oModel.getProperty("/rows").concat([blank(sDefault)]));
+        }
+      });
+      // with a value help, the tabs scroll and the tokens stay visible below them
+      var scroll = function (oContent) {
+        return bSelect ? new ScrollContainer({ height: "22rem", vertical: true, horizontal: false, content: [oContent] }) : oContent;
+      };
+      var oDefine = scroll(new VBox({ items: [oRows, new HBox({ justifyContent: "End", items: [oAdd] })] }).addStyleClass("sapUiTinyMarginTop"));
+      var oSearch;
+
+      var oSelect;
+      if (bSelect) {
+        var aColumns = support.valueHelpColumns(oHelp, mTexts);
+        oTable = new Table(oView.createId("conditionsTable"), {
+          mode: bSingle ? "SingleSelectLeft" : "MultiSelect",
+          includeItemInSelection: true,
+          growing: true,
+          growingThreshold: 20,
+          columns: aColumns.map(function (c) { return new Column({ header: new Text({ text: c.label }) }); }),
+          updateFinished: syncSelection,
+          selectionChange: function (oEvent) {
+            var bSelected = oEvent.getParameter("selected");
+            var aList = bSingle && bSelected ? [] : oModel.getProperty("/items").slice();
+            (oEvent.getParameter("listItems") || []).forEach(function (oItem) {
+              var sValue = String(oItem.getBindingContext().getProperty(oHelp.element));
+              var iIndex = aList.findIndex(function (it) { return filters.value(oField, String(it.value)) === filters.value(oField, sValue); });
+              if (bSelected && iIndex < 0) {
+                aList.push({ value: sValue, text: itemText(sValue) });
+              } else if (!bSelected && iIndex >= 0) {
+                aList.splice(iIndex, 1);
+              }
+            });
+            oModel.setProperty("/items", aList);
+            if (bSingle && bSelected && bDefine) {
+              oModel.setProperty("/rows", [blank(sDefault)]);
+            }
+            refresh();
+          }
+        });
+        oTable.bindAggregation("items", support.valueHelpItems(oHelp, aColumns, mTexts, []));
+        oSearch = new SearchField(oView.createId("conditionsSearch"), {
+          width: "100%",
+          search: function (oEvent) {
+            oTable.getBinding("items").filter(support.valueHelpSearch(oHelp, mTexts, oEvent.getParameter("query"), []));
+          }
+        });
+        oSelect = new VBox({ items: [oSearch.addStyleClass("sapUiTinyMarginTop"), scroll(oTable)] });
+      }
+
+      var oMain = oSelect && bDefine
+        ? new IconTabBar(oView.createId("conditionsTabs"), {
+          expandable: false,
+          selectedKey: aItems.length === 0 && aInitial.length > 0 ? "define" : "select",
+          items: [
+            new IconTabFilter({ key: "select", text: "Search and Select", content: [oSelect] }),
+            new IconTabFilter({ key: "define", text: "Define Conditions", content: [oDefine] })
+          ]
+        }).addStyleClass("sapUiNoContentPadding")
+        : oSelect || oDefine;
+      oTitle = new Title({ text: "", level: "H6" }).addStyleClass("sapUiSmallMarginTop sapUiTinyMarginBottom");
+      oTokenizer = new Tokenizer(oView.createId("conditionsTokens"), {
+        width: "100%",
+        renderMode: "Loose",
+        tokenDelete: function (oEvent) {
+          var aKeys = (oEvent.getParameter("tokens") || []).map(function (t) { return t.getKey(); });
+          var aRowIndexes = [];
+          oModel.setProperty("/items", oModel.getProperty("/items").filter(function (_it, i) { return aKeys.indexOf("i" + i) < 0; }));
+          aKeys.forEach(function (k) {
+            if (k[0] === "r") {
+              aRowIndexes.push(Number(k.slice(1)));
+            }
+          });
+          aRowIndexes.sort(function (a, b) { return b - a; }).forEach(removeRow);
+          syncSelection();
+          refresh();
+        }
+      });
+
+      var oDialog = new Dialog(oView.createId("conditions"), {
+        title: oField.label,
+        contentWidth: bSelect ? "60rem" : "46rem",
+        initialFocus: oSearch,
+        resizable: true,
+        draggable: true,
+        content: [new VBox({ items: [oMain, oTitle, oTokenizer] }).addStyleClass("sapUiSmallMargin")],
+        beginButton: new Button(oView.createId("conditionsOk"), {
+          text: "OK",
+          type: "Emphasized",
+          press: function () {
+            var bError = false;
+            var aConditions = [];
+            oModel.getProperty("/rows").forEach(function (r, i) {
+              var oCondition = rowCondition(r);
+              var bWrong = !oCondition && !isBlank(r);
+              oModel.setProperty("/rows/" + i + "/error", bWrong);
+              bError = bError || bWrong;
+              if (oCondition) {
+                aConditions.push({ condition: oCondition, text: filters.display(oField, oCondition) });
+              }
+            });
+            if (bError) {
+              if (oMain.setSelectedKey) {
+                oMain.setSelectedKey("define");
+              }
+              return;
+            }
+            var aResult = oModel.getProperty("/items").map(function (it) {
+              return { condition: { op: "EQ", values: [it.value] }, text: it.text };
+            }).concat(aConditions).filter(function (c, i, a) {
+              return a.findIndex(function (o) { return filters.text(o.condition) === filters.text(c.condition); }) === i;
+            });
+            done(bSingle ? aResult.slice(-1) : aResult);
+            oDialog.close();
+          }
+        }),
+        endButton: new Button(oView.createId("conditionsCancel"), {
+          text: "Cancel",
+          press: function () {
+            oDialog.close();
+          }
+        }),
+        afterClose: function () {
+          done(null);
+          oDialog.destroy();
+        }
+      });
+      oDialog.setModel(oModel, "cond");
+      oModel.attachPropertyChange(refresh);
+      oView.addDependent(oDialog);
+      refresh();
+      oDialog.open();
+    });
+  }
+
+  return {
+    /**
+     * Opens the value help of a filter field. aConditions: the current conditions, [{ condition,
+     * text }]; resolves the new ones, or null when cancelled.
+     */
+    open: function (oView, oField, aConditions) {
+      var oTexts = oField.valueHelp ? support.valueHelpTexts(oView, oField.valueHelp) : Promise.resolve({});
+      return oTexts.then(function (mTexts) {
+        return dialog(oView, oField, aConditions, mTexts);
+      });
+    }
+  };
+});
+`;
+/**
+ * A chart of the Analytical List Page and of the cards (D53): an SVG drawn by the control itself —
+ * columns, bars, line, pie, donut — from the groups of a `$apply` (OpenUI5 has no chart library:
+ * sap.viz exists in SAPUI5 only). Clicking a column selects its dimension value (event select).
+ */
+export const CHART = `sap.ui.define(["sap/ui/core/Control"], function (Control) {
+  "use strict";
+
+  var COLORS = ["var(--sapChart_OrderedColor_1, #168eff)", "var(--sapChart_OrderedColor_2, #c87b00)", "var(--sapChart_OrderedColor_3, #75980b)", "var(--sapChart_OrderedColor_4, #df1278)", "var(--sapChart_OrderedColor_5, #8b47d7)", "var(--sapChart_OrderedColor_6, #049f9a)"];
+
+  function esc(s) {
+    return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  }
+
+  function fmt(n) {
+    var a = Math.abs(n);
+    if (a >= 1e9) { return (n / 1e9).toFixed(1) + "B"; }
+    if (a >= 1e6) { return (n / 1e6).toFixed(1) + "M"; }
+    if (a >= 1e4) { return (n / 1e3).toFixed(1) + "K"; }
+    return Math.round(n * 100) / 100 + "";
+  }
+
+  return Control.extend("rapt.app.controller.Chart", {
+    metadata: {
+      properties: {
+        type: { type: "string", defaultValue: "column" },
+        height: { type: "sap.ui.core.CSSSize", defaultValue: "16rem" },
+        selected: { type: "string", defaultValue: "" },
+        noDataText: { type: "string", defaultValue: "No data" }
+      },
+      events: { select: { parameters: { value: { type: "string" } } } }
+    },
+
+    /** aRows: [{ key, label, values: [number…] }]; aMeasures: [label…]. */
+    setData: function (aRows, aMeasures) {
+      this._aRows = aRows || [];
+      this._aMeasures = aMeasures || [];
+      this.invalidate();
+      return this;
+    },
+
+    getData: function () {
+      return this._aRows || [];
+    },
+
+    renderer: {
+      apiVersion: 2,
+      render: function (rm, oChart) {
+        rm.openStart("div", oChart);
+        rm.class("raptChart");
+        rm.style("height", oChart.getHeight());
+        rm.openEnd();
+        rm.unsafeHtml(oChart._svg());
+        rm.close("div");
+      }
+    },
+
+    _svg: function () {
+      var aRows = this._aRows || [];
+      var aMeasures = this._aMeasures || [];
+      var sType = this.getType();
+      var sSelected = this.getSelected();
+      if (aRows.length === 0) {
+        return "<div class='raptChartEmpty'>" + esc(this.getNoDataText()) + "</div>";
+      }
+      var W = 640, H = 260, L = 56, B = 48, T = 12, R = 12;
+      var aParts = ["<svg viewBox='0 0 " + W + " " + H + "' width='100%' height='100%' preserveAspectRatio='xMidYMid meet' role='img'>"];
+      var legend = aMeasures.length > 1 ? aMeasures.map(function (m, i) {
+        return "<rect x='" + (L + i * 140) + "' y='" + (H - 14) + "' width='10' height='10' fill='" + COLORS[i % COLORS.length] + "'/><text x='" + (L + i * 140 + 14) + "' y='" + (H - 5) + "' class='raptChartLabel'>" + esc(m) + "</text>";
+      }).join("") : "";
+      if (sType === "pie" || sType === "donut") {
+        var total = aRows.reduce(function (t, r) { return t + Math.max(0, r.values[0] || 0); }, 0) || 1;
+        var cx = 150, cy = H / 2, r = 100, a0 = -Math.PI / 2;
+        aRows.forEach(function (row, i) {
+          var v = Math.max(0, row.values[0] || 0);
+          var a1 = a0 + (v / total) * Math.PI * 2;
+          var large = a1 - a0 > Math.PI ? 1 : 0;
+          var x0 = cx + r * Math.cos(a0), y0 = cy + r * Math.sin(a0), x1 = cx + r * Math.cos(a1), y1 = cy + r * Math.sin(a1);
+          var path = aRows.length === 1 ? "M" + (cx - r) + "," + cy + "a" + r + "," + r + " 0 1,0 " + (2 * r) + ",0a" + r + "," + r + " 0 1,0 " + (-2 * r) + ",0" : "M" + cx + "," + cy + "L" + x0 + "," + y0 + "A" + r + "," + r + " 0 " + large + ",1 " + x1 + "," + y1 + "Z";
+          aParts.push("<path d='" + path + "' fill='" + COLORS[i % COLORS.length] + "' data-value='" + esc(row.key) + "' class='raptChartItem" + (sSelected === row.key ? " raptChartSelected" : "") + "'><title>" + esc(row.label) + ": " + esc(fmt(v)) + "</title></path>");
+          aParts.push("<rect x='300' y='" + (20 + i * 22) + "' width='12' height='12' fill='" + COLORS[i % COLORS.length] + "'/><text x='318' y='" + (31 + i * 22) + "' class='raptChartLabel'>" + esc(row.label) + " (" + esc(fmt(v)) + ")</text>");
+          a0 = a1;
+        });
+        if (sType === "donut") {
+          aParts.push("<circle cx='" + cx + "' cy='" + cy + "' r='55' class='raptChartHole'/>");
+        }
+        aParts.push("</svg>");
+        return aParts.join("");
+      }
+      var max = 0, min = 0;
+      aRows.forEach(function (row) {
+        row.values.forEach(function (v) { max = Math.max(max, v || 0); min = Math.min(min, v || 0); });
+      });
+      if (max === min) { max = min + 1; }
+      var plotW = W - L - R, plotH = H - T - B;
+      var horizontal = sType === "bar";
+      var scale = function (v) { return (v - min) / (max - min); };
+      // axis and grid
+      for (var g = 0; g <= 4; g++) {
+        var gv = min + (max - min) * g / 4;
+        if (horizontal) {
+          var gx = L + plotW * g / 4;
+          aParts.push("<line x1='" + gx + "' y1='" + T + "' x2='" + gx + "' y2='" + (T + plotH) + "' class='raptChartGrid'/><text x='" + gx + "' y='" + (T + plotH + 14) + "' text-anchor='middle' class='raptChartLabel'>" + esc(fmt(gv)) + "</text>");
+        } else {
+          var gy = T + plotH - plotH * g / 4;
+          aParts.push("<line x1='" + L + "' y1='" + gy + "' x2='" + (L + plotW) + "' y2='" + gy + "' class='raptChartGrid'/><text x='" + (L - 6) + "' y='" + (gy + 4) + "' text-anchor='end' class='raptChartLabel'>" + esc(fmt(gv)) + "</text>");
+        }
+      }
+      var n = aRows.length, m = Math.max(1, aMeasures.length);
+      var band = (horizontal ? plotH : plotW) / n;
+      if (sType === "line") {
+        for (var k = 0; k < m; k++) {
+          var pts = aRows.map(function (row, i) { return (L + band * (i + 0.5)) + "," + (T + plotH - plotH * scale(row.values[k] || 0)); });
+          aParts.push("<polyline points='" + pts.join(" ") + "' fill='none' stroke='" + COLORS[k % COLORS.length] + "' stroke-width='2'/>");
+          aRows.forEach(function (row, i) {
+            aParts.push("<circle cx='" + (L + band * (i + 0.5)) + "' cy='" + (T + plotH - plotH * scale(row.values[k] || 0)) + "' r='5' fill='" + COLORS[k % COLORS.length] + "' data-value='" + esc(row.key) + "' class='raptChartItem" + (sSelected === row.key ? " raptChartSelected" : "") + "'><title>" + esc(row.label) + ": " + esc(fmt(row.values[k] || 0)) + "</title></circle>");
+          });
+        }
+      } else {
+        var bar = band * 0.7 / m;
+        aRows.forEach(function (row, i) {
+          for (var k = 0; k < m; k++) {
+            var v = row.values[k] || 0;
+            var size = (horizontal ? plotW : plotH) * Math.abs(scale(v) - scale(0));
+            var start = band * i + band * 0.15 + bar * k;
+            var cls = "raptChartItem" + (sSelected === row.key ? " raptChartSelected" : "");
+            var tip = "<title>" + esc(row.label) + (m > 1 ? " – " + esc(aMeasures[k]) : "") + ": " + esc(fmt(v)) + "</title>";
+            if (horizontal) {
+              aParts.push("<rect x='" + (L + plotW * Math.min(scale(v), scale(0))) + "' y='" + (T + start) + "' width='" + size + "' height='" + bar + "' fill='" + COLORS[k % COLORS.length] + "' data-value='" + esc(row.key) + "' class='" + cls + "'>" + tip + "</rect>");
+            } else {
+              aParts.push("<rect x='" + (L + start) + "' y='" + (T + plotH - plotH * Math.max(scale(v), scale(0))) + "' width='" + bar + "' height='" + size + "' fill='" + COLORS[k % COLORS.length] + "' data-value='" + esc(row.key) + "' class='" + cls + "'>" + tip + "</rect>");
+            }
+          }
+        });
+      }
+      // category labels
+      aRows.forEach(function (row, i) {
+        var label = String(row.label).length > 14 ? String(row.label).slice(0, 13) + "…" : String(row.label);
+        if (horizontal) {
+          aParts.push("<text x='" + (L - 6) + "' y='" + (T + band * (i + 0.5) + 4) + "' text-anchor='end' class='raptChartLabel'>" + esc(label) + "</text>");
+        } else {
+          aParts.push("<text x='" + (L + band * (i + 0.5)) + "' y='" + (T + plotH + 16) + "' text-anchor='middle' class='raptChartLabel'>" + esc(label) + "</text>");
+        }
+      });
+      aParts.push(legend);
+      aParts.push("</svg>");
+      return aParts.join("");
+    },
+
+    onclick: function (oEvent) {
+      var oTarget = oEvent.target && oEvent.target.closest ? oEvent.target.closest("[data-value]") : null;
+      if (!oTarget) {
+        return;
+      }
+      var sValue = oTarget.getAttribute("data-value");
+      this.setSelected(this.getSelected() === sValue ? "" : sValue);
+      this.fireSelect({ value: this.getSelected() });
+    }
+  });
+});
+`;
+/** The Overview Page (D53): counts of the list cards, data of the chart and KPI cards, navigation. */
+export const OVERVIEW_CONTROLLER = `sap.ui.define([
+  "sap/ui/core/mvc/Controller",
+  "sap/ui/model/json/JSONModel",
+  "sap/ui/core/format/NumberFormat",
+  "rapt/app/controller/support"
+], function (Controller, JSONModel, NumberFormat, support) {
+  "use strict";
+
+  var oNumber = NumberFormat.getFloatInstance({ style: "short", maxFractionDigits: 1 });
+
+  return Controller.extend("rapt.app.controller.Overview", {
+    onInit: function () {
+      this._oOvp = new JSONModel({ counts: {}, kpi: {} });
+      this.getView().setModel(this._oOvp, "ovp");
+      this._bFirst = true;
+      this.getOwnerComponent().getRouter().getRoute("Overview").attachPatternMatched(this._onMatched, this);
+    },
+
+    _cards: function () {
+      return this.getOwnerComponent().getModel("layout").getProperty("/overview/cards") || [];
+    },
+
+    _service: function () {
+      return this.getOwnerComponent().getManifestEntry("/sap.app/dataSources/mainService/uri");
+    },
+
+    _onMatched: function () {
+      var that = this;
+      var bStale = this.getOwnerComponent().takeStale("Overview");
+      this._cards().forEach(function (oCard) {
+        if (oCard.type === "chart") {
+          that._loadChart(oCard);
+        } else if (oCard.type === "kpi") {
+          that._loadKpi(oCard);
+        } else if (bStale && !that._bFirst) {
+          var oControl = that.byId(oCard.id + (oCard.type === "list" ? "_list" : "_table"));
+          if (oControl && oControl.getBinding("items")) {
+            oControl.getBinding("items").refresh();
+          }
+        }
+      });
+      this._bFirst = false;
+    },
+
+    _get: function (oCard, sQuery) {
+      return fetch(this._service() + oCard.set + "?" + sQuery, { credentials: "same-origin", headers: { accept: "application/json" } })
+        .then(function (r) { return r.ok ? r.json() : { value: [] }; });
+    },
+
+    _loadChart: function (oCard) {
+      var oSpec = oCard.chart;
+      var oChart = this.byId(oCard.id + "_chart");
+      var sApply = (oCard.filter ? "filter(" + oCard.filter + ")/" : "") + "groupby((" + oSpec.dimension.property + "),aggregate(" + oSpec.measures.map(function (m) {
+        return m.property + " with " + m.aggregation + " as " + m.property;
+      }).join(",") + "))";
+      this._get(oCard, "$apply=" + encodeURIComponent(sApply) + "&$orderby=" + encodeURIComponent(oSpec.dimension.property) + "&$top=20").then(function (oData) {
+        oChart.setData((oData.value || []).map(function (row) {
+          var v = row[oSpec.dimension.property];
+          return { key: v === null ? "" : String(v), label: v === null || v === "" ? "(empty)" : String(v), values: oSpec.measures.map(function (m) { return Number(row[m.property]) || 0; }) };
+        }), oSpec.measures.map(function (m) { return m.label; }));
+      });
+    },
+
+    /** A KPI: the aggregate of a measure (per currency or unit when it has one), or the count. */
+    _loadKpi: function (oCard) {
+      var oKpi = oCard.kpi;
+      var that = this;
+      var sAggregate = oKpi.aggregation === "count" || !oKpi.property ? "$count as Value" : oKpi.property + " with " + oKpi.aggregation + " as Value";
+      var sApply = (oCard.filter ? "filter(" + oCard.filter + ")/" : "") + (oKpi.unit ? "groupby((" + oKpi.unit + "),aggregate(" + sAggregate + "))" : "aggregate(" + sAggregate + ")");
+      this._get(oCard, "$apply=" + encodeURIComponent(sApply) + (oKpi.unit ? "&$orderby=Value%20desc" : "")).then(function (oData) {
+        var aRows = oData.value || [];
+        var oFirst = aRows[0] || { Value: 0 };
+        that._oOvp.setProperty("/kpi/" + oCard.id, {
+          number: oNumber.format(Number(oFirst.Value) || 0),
+          unit: oKpi.unit ? (oFirst[oKpi.unit] || "") : "",
+          details: oKpi.label + (oKpi.aggregation === "count" ? "" : " (" + oKpi.aggregation + ")"),
+          text: aRows.length > 1 ? aRows.slice(1, 4).map(function (r) { return oNumber.format(Number(r.Value) || 0) + " " + (r[oKpi.unit] || ""); }).join(" · ") : ""
+        });
+      });
+    },
+
+    _card: function (oControl) {
+      var oParent = oControl;
+      while (oParent && !(oParent.data && oParent.data("card"))) {
+        oParent = oParent.getParent();
+      }
+      var sId = oParent ? oParent.data("card") : "";
+      return this._cards().find(function (c) { return c.id === sId; });
+    },
+
+    onCardUpdated: function (oEvent) {
+      var oCard = this._card(oEvent.getSource());
+      var oBinding = oEvent.getSource().getBinding("items");
+      if (oCard && oBinding && oBinding.isLengthFinal()) {
+        this._oOvp.setProperty("/counts/" + oCard.id, oEvent.getParameter("total") + "");
+      }
+    },
+
+    onCardHeader: function (oEvent) {
+      var oCard = this._card(oEvent.getSource());
+      if (oCard && oCard.navigable) {
+        this.getOwnerComponent().getRouter().navTo(oCard.set + "List");
+      }
+    },
+
+    onCardChartSelect: function (oEvent) {
+      this.onCardHeader(oEvent);
+    },
+
+    onCardItem: function (oEvent) {
+      var oCard = this._card(oEvent.getSource());
+      var oContext = oEvent.getSource().getBindingContext();
+      if (oCard && oContext) {
+        this.getOwnerComponent().getRouter().navTo(oCard.set + "Object", { key: support.keyOf(oContext.getPath()) });
+      }
+    }
+  });
+});
+`;
+export const LIST_CONTROLLER = `sap.ui.define([
+  "sap/ui/core/mvc/Controller",
+  "sap/ui/model/Filter",
+  "sap/ui/model/Sorter",
+  "sap/ui/model/json/JSONModel",
+  "sap/m/MessageBox",
+  "sap/m/MessageToast",
+  "sap/m/Token",
+  "sap/m/SelectDialog",
+  "sap/m/StandardListItem",
+  "sap/m/p13n/Popup",
+  "sap/m/p13n/SelectionPanel",
+  "sap/m/p13n/SortPanel",
+  "rapt/app/controller/support",
+  "rapt/app/controller/filters",
+  "rapt/app/controller/conditions",
+  "rapt/app/controller/variants"
+], function (Controller, Filter, Sorter, JSONModel, MessageBox, MessageToast, Token, SelectDialog, StandardListItem, P13nPopup, SelectionPanel, SortPanel, support, filters, conditions, variants) {
+  "use strict";
+
+  function id(sName) {
+    return sName.replace(/[^A-Za-z0-9_]/g, "_");
+  }
+
+  var STANDARD = "standard";
+
+  return Controller.extend("rapt.app.controller.List", {
+    onInit: function () {
+      this._sSet = this.byId("page").data("set");
+      var oPage = this._page();
+      var oVisible = {};
+      oPage.list.filterFields.forEach(function (f) {
+        oVisible[f.property] = oPage.list.selectionFields.some(function (s) { return s.property === f.property; });
+      });
+      this._oLr = new JSONModel({ visible: oVisible, columns: {}, sort: [], active: 0, summary: "Filtered By: None", tableTitle: oPage.typeNamePlural, count: undefined, variant: STANDARD, defaultVariant: STANDARD, modified: false, variants: [{ key: STANDARD, title: oPage.typeNamePlural, author: "", changeable: false, favorite: true }], view: "both", chartSelection: "", tab: "all", tabCounts: {} });
+      this._aFilters = [];
+      this.getView().setModel(this._oLr, "lr");
+      this._oStandard = this._state();
+      if (oPage.draft) {
+        // the draft condition needs the user (D58)
+        var oList = this;
+        this.getOwnerComponent().whenUser(function () {
+          // once the table is bound to the model
+          var fnApply = function () {
+            if (oList.byId("table").getBinding("items")) {
+              oList._applyTableFilters();
+            } else {
+              setTimeout(fnApply, 50);
+            }
+          };
+          fnApply();
+        });
+      }
+      // the default values of the filters (@Consumption.filter.defaultValue, D57)
+      var bDefaults = false;
+      oPage.list.filterFields.forEach(function (f) {
+        if (f.filter && f.filter.defaultValue !== undefined) {
+          bDefaults = true;
+          this._oStandard.filters[f.property] = f.kind === "boolean" || f.kind === "enum" ? f.filter.defaultValue : ["=" + f.filter.defaultValue];
+          if (this._oStandard.visible.indexOf(f.property) < 0) {
+            this._oStandard.visible.push(f.property);
+          }
+        }
+      }, this);
+      this._bFilterDefaults = bDefaults;
+      // the bindings of other pages do not see the changes of this one: refresh when coming back
+      var oRouter = this.getOwnerComponent().getRouter();
+      var oRoute = oRouter.getRoute(this._sSet + "List");
+      if (oRoute) {
+        oRoute.attachPatternMatched(this._onListMatched, this);
+      }
+      var that = this;
+      // the chart of an Analytical List Page, the counts of the tabs of a worklist (D53)
+      this._loadChart();
+      this._loadTabCounts();
+      this._oStore = variants.store(this.getOwnerComponent(), this._sSet + "List");
+      this._oStore.load().then(function (oData) {
+        var aItems = [that._oLr.getProperty("/variants/0")].concat(oData.items.map(function (v) {
+          return { key: v.key, title: v.title, author: "", changeable: true, favorite: v.favorite !== false, content: v.content };
+        }));
+        that._oLr.setProperty("/variants", aItems);
+        var sDefault = aItems.some(function (v) { return v.key === oData.defaultKey; }) ? oData.defaultKey : STANDARD;
+        that._oLr.setProperty("/defaultVariant", sDefault);
+        if (sDefault !== STANDARD || that._bFilterDefaults) {
+          that._selectVariant(sDefault);
+        }
+      });
+    },
+
+    _page: function () {
+      return support.page(this, this._sSet);
+    },
+
+    _onListMatched: function () {
+      if (this.getOwnerComponent().takeStale(this._sSet)) {
+        this._loadChart();
+        this._loadTabCounts();
+        this.byId("table").getBinding("items").refresh();
+        this.byId("table").removeSelections(true);
+        this.getView().getModel("ui").setProperty("/tableSelected", false);
+      }
+    },
+
+    _field: function (sProperty) {
+      return this._page().list.filterFields.find(function (f) { return f.property === sProperty; });
+    },
+
+    /** The filters, the search, the visible filters and columns, the sort order: a variant. */
+    _state: function () {
+      var oState = { filters: {}, search: "", visible: [], hidden: [], sort: this._oLr.getProperty("/sort").slice() };
+      var oVisible = this._oLr.getProperty("/visible");
+      var oColumns = this._oLr.getProperty("/columns");
+      this._page().list.filterFields.forEach(function (oField) {
+        if (oVisible[oField.property]) {
+          oState.visible.push(oField.property);
+        }
+        var oControl = this.byId("filter_" + id(oField.property));
+        if (!oControl) {
+          return;
+        }
+        if (oField.kind === "boolean" || oField.kind === "enum") {
+          if (oControl.getSelectedKey() !== "") {
+            oState.filters[oField.property] = oControl.getSelectedKey();
+          }
+        } else if (oControl.getTokens().length > 0) {
+          // the conditions as texts (=x, *x*, a...b, !(…)): the keys of the tokens (D68)
+          oState.filters[oField.property] = oControl.getTokens().map(function (t) { return t.getKey(); });
+        }
+      }, this);
+      Object.keys(oColumns).forEach(function (sProperty) {
+        if (oColumns[sProperty] === false) {
+          oState.hidden.push(sProperty);
+        }
+      });
+      if (this.byId("search")) {
+        oState.search = this.byId("search").getValue();
+      }
+      return oState;
+    },
+
+    _applyState: function (oState) {
+      var oVisible = {};
+      var oColumns = {};
+      this._page().list.filterFields.forEach(function (oField) {
+        oVisible[oField.property] = oState.visible.indexOf(oField.property) >= 0;
+        var oControl = this.byId("filter_" + id(oField.property));
+        var vValue = oState.filters[oField.property];
+        if (!oControl) {
+          return;
+        }
+        if (oField.kind === "boolean" || oField.kind === "enum") {
+          oControl.setSelectedKey(vValue || "");
+        } else {
+          if (vValue && !Array.isArray(vValue)) {
+            // a date range of a variant saved before D68: { from, to }
+            vValue = vValue.from ? [vValue.to ? vValue.from + "..." + vValue.to : "=" + vValue.from] : [];
+          }
+          oControl.setValue("");
+          oControl.setValueState("None");
+          oControl.setTokens((vValue || []).map(function (sText) {
+            var oCondition = filters.parse(oField, sText);
+            return oCondition ? this._token(oField, oCondition) : null;
+          }, this).filter(Boolean));
+          this._describe(oControl, oField);
+        }
+      }, this);
+      oState.hidden.forEach(function (sProperty) { oColumns[sProperty] = false; });
+      this._oLr.setProperty("/visible", oVisible);
+      this._oLr.setProperty("/columns", oColumns);
+      this._oLr.setProperty("/sort", oState.sort.slice());
+      if (this.byId("search")) {
+        this.byId("search").setValue(oState.search || "");
+      }
+      this._applySort();
+      this.onSearch();
+      this._oLr.setProperty("/modified", false);
+    },
+
+    _applySort: function () {
+      var oBinding = this.byId("table").getBinding("items");
+      oBinding.sort(this._oLr.getProperty("/sort").map(function (s) { return new Sorter(s.key, s.descending); }));
+    },
+
+    /** Turns the text typed in a filter field into a token (condition). */
+    _commitText: function (oControl) {
+      var sText = oControl.getValue();
+      if (sText.trim() === "") {
+        oControl.setValueState("None");
+        return true;
+      }
+      var oCondition = filters.parse(this._field(oControl.data("property")), sText);
+      if (!oCondition) {
+        oControl.setValueState("Error");
+        oControl.setValueStateText("Enter a valid value or condition (=, !=, >, >=, <, <=, a...b, *x*)");
+        return false;
+      }
+      var oField = this._field(oControl.data("property"));
+      var sKey = filters.text(oCondition);
+      if (oField.filter && oField.filter.single) {
+        oControl.removeAllTokens();
+      }
+      if (!oControl.getTokens().some(function (t) { return t.getKey() === sKey; })) {
+        oControl.addToken(this._token(oField, oCondition));
+        this._describe(oControl, oField);
+      }
+      oControl.setValue("");
+      oControl.setValueState("None");
+      return true;
+    },
+
+    /** The token of a condition: its text as key (parsed by onSearch, kept in variants), shown as in SAP Fiori elements. */
+    _token: function (oField, oCondition, sText) {
+      return new Token({ key: filters.text(oCondition), text: sText || filters.display(oField, oCondition) });
+    },
+
+    /** Shows the descriptions of the values of a value help in the "equal to" tokens: "Euro (EUR)". */
+    _describe: function (oControl, oField) {
+      if (!oField.valueHelp || !oField.valueHelp.text) {
+        return;
+      }
+      this._mTexts = this._mTexts || {};
+      if (!this._mTexts[oField.property]) {
+        this._mTexts[oField.property] = support.valueHelpTexts(this.getView(), oField.valueHelp);
+      }
+      this._mTexts[oField.property].then(function (mTexts) {
+        oControl.getTokens().forEach(function (t) {
+          var oCondition = filters.parse(oField, t.getKey());
+          if (oCondition && oCondition.op === "EQ" && mTexts[oCondition.values[0]] !== undefined) {
+            t.setText(filters.display(oField, oCondition, mTexts[oCondition.values[0]]));
+          }
+        });
+      });
+    },
+
+    onFilterSubmit: function (oEvent) {
+      if (this._commitText(oEvent.getSource())) {
+        this.onSearch();
+      }
+    },
+
+    onFilterChange: function () {
+      this._oLr.setProperty("/modified", true);
+      this._summarize();
+    },
+
+    onSearch: function () {
+      var oPage = this._page();
+      var aFilters = [];
+      var bValid = true;
+      oPage.list.filterFields.forEach(function (oField) {
+        var oControl = this.byId("filter_" + id(oField.property));
+        if (!oControl) {
+          return;
+        }
+        var oFilter = null;
+        // a mandatory filter (@Consumption.filter.mandatory, D57)
+        if (oField.filter && oField.filter.mandatory) {
+          var bEmpty = oControl.getTokens ? oControl.getTokens().length === 0 && oControl.getValue() === "" : oControl.getSelectedKey() === "";
+          oControl.setValueState(bEmpty ? "Error" : "None");
+          if (bEmpty) {
+            oControl.setValueStateText("Fill in this filter");
+            bValid = false;
+          }
+        }
+        if (oField.kind === "boolean") {
+          var sKey = oControl.getSelectedKey();
+          oFilter = sKey === "" ? null : new Filter(oField.property, "EQ", sKey === "true");
+        } else if (oField.kind === "enum") {
+          var sMember = oControl.getSelectedKey();
+          oFilter = sMember === "" ? null : new Filter(oField.property, "EQ", sMember);
+        } else {
+          bValid = this._commitText(oControl) && bValid;
+          var aConditions = oControl.getTokens().map(function (t) { return filters.parse(oField, t.getKey()); }).filter(Boolean);
+          oFilter = filters.fieldFilter(oField, aConditions);
+        }
+        if (oFilter) {
+          aFilters.push(oFilter);
+        }
+      }, this);
+      if (!bValid) {
+        return;
+      }
+      var oBinding = this.byId("table").getBinding("items");
+      if (oPage.list.searchable && this.byId("search")) {
+        var sSearch = this.byId("search").getValue().trim();
+        oBinding.changeParameters({ $search: sSearch === "" ? undefined : sSearch });
+      }
+      this._aFilters = aFilters;
+      this._applyTableFilters();
+      this._loadChart();
+      this._loadTabCounts();
+      this._summarize();
+    },
+
+    /** The filters of the filter bar, and the value selected in the chart (Analytical List Page). */
+    _applyTableFilters: function () {
+      var aFilters = this._aFilters.slice();
+      var oChart = this._page().charts[0];
+      var sSelection = this._oLr.getProperty("/chartSelection");
+      if (this._page().floorplan === "analyticalListPage" && oChart && sSelection !== "") {
+        aFilters.push(new Filter(oChart.dimension.property, "EQ", sSelection));
+      }
+      // the members of an enumeration type (D55): OpenUI5 does not write their literals, they go
+      // to the $filter parameter of the binding (with the draft condition of the list)
+      var oPage = this._page();
+      var aEnum = [];
+      aFilters = aFilters.filter(function (oFilter) {
+        var oField = (oPage.fields || {})[oFilter.getPath()];
+        if (oField && oField.kind === "enum" && !oFilter.getFilters()) {
+          aEnum.push(oFilter.getPath() + " eq '" + String(oFilter.getValue1()).replace(/'/g, "''") + "'");
+          return false;
+        }
+        return true;
+      });
+      var oBinding = this.byId("table").getBinding("items");
+      if (!oBinding) {
+        return;
+      }
+      var sDraft = this._draftClause();
+      if (aEnum.length > 0 || this._bEnumFilter || sDraft !== "") {
+        var aClauses = (sDraft === "" ? [] : ["(" + sDraft + ")"]).concat(aEnum);
+        var sFilter = aClauses.length > 0 ? aClauses.join(" and ") : undefined;
+        if (sFilter !== this._sParameterFilter) {
+          this._sParameterFilter = sFilter;
+          oBinding.changeParameters({ $filter: sFilter });
+        }
+        this._bEnumFilter = aEnum.length > 0;
+      }
+      oBinding.filter(aFilters.length > 0 ? new Filter({ filters: aFilters, and: true }) : []);
+    },
+
+    /**
+     * The draft condition of the list (D58), as Fiori Elements: all (the own drafts, and the
+     * active instances without an own draft), own drafts, locked by another user, no changes.
+     */
+    _draftClause: function () {
+      if (!this._page().draft) {
+        return "";
+      }
+      var sMe = String(this.getOwnerComponent().getModel("ui").getProperty("/user") || "").replace(/'/g, "''");
+      var oStatus = this.byId("filter_EditingStatus");
+      var sStatus = oStatus ? oStatus.getSelectedKey() : "";
+      if (sStatus === "own") {
+        return "IsActiveEntity eq false";
+      }
+      if (sStatus === "locked") {
+        return "IsActiveEntity eq true and HasDraftEntity eq true" + (sMe ? " and DraftAdministrativeData/InProcessByUser ne '" + sMe + "'" : "");
+      }
+      if (sStatus === "unchanged") {
+        return "IsActiveEntity eq true and HasDraftEntity eq false";
+      }
+      return sMe ? "IsActiveEntity eq false or HasDraftEntity eq false or DraftAdministrativeData/InProcessByUser ne '" + sMe + "'" : "IsActiveEntity eq true or HasActiveEntity eq false";
+    },
+
+    _service: function () {
+      return this.getOwnerComponent().getManifestEntry("/sap.app/dataSources/mainService/uri");
+    },
+
+    /** The $filter of the filter bar, for the requests of the chart and of the tab counts. */
+    _odataFilter: function (sExtra) {
+      var sFilter = this._aFilters.length > 0 ? filters.toOData(new Filter({ filters: this._aFilters, and: true }), this._page().fields) : "";
+      return [sFilter, sExtra].filter(Boolean).join(" and ");
+    },
+
+    _searchParameter: function () {
+      var oSearch = this.byId("search");
+      var sSearch = oSearch ? oSearch.getValue().trim() : "";
+      return sSearch === "" ? "" : "&$search=" + encodeURIComponent(sSearch);
+    },
+
+    /** The chart of the Analytical List Page: the groups of its dimension ($apply). */
+    _loadChart: function () {
+      var oPage = this._page();
+      var oSpec = oPage.charts[0];
+      var oChart = this.byId("chart");
+      if (oPage.floorplan !== "analyticalListPage" || !oSpec || !oChart) {
+        return;
+      }
+      var sFilter = this._odataFilter();
+      var sApply = (sFilter ? "filter(" + sFilter + ")/" : "") + "groupby((" + oSpec.dimension.property + "),aggregate(" + oSpec.measures.map(function (m) {
+        return m.property + " with " + m.aggregation + " as " + m.property;
+      }).join(",") + "))";
+      var that = this;
+      fetch(this._service() + this._sSet + "?$apply=" + encodeURIComponent(sApply) + "&$orderby=" + encodeURIComponent(oSpec.dimension.property) + "&$top=50" + this._searchParameter(), { credentials: "same-origin", headers: { accept: "application/json" } })
+        .then(function (r) { return r.ok ? r.json() : { value: [] }; })
+        .then(function (oData) {
+          oChart.setData((oData.value || []).map(function (row) {
+            var v = row[oSpec.dimension.property];
+            return { key: v === null ? "" : String(v), label: v === null || v === "" ? "(empty)" : String(v), values: oSpec.measures.map(function (m) { return Number(row[m.property]) || 0; }) };
+          }), oSpec.measures.map(function (m) { return m.label; }));
+          that._oChartRows = oData.value || [];
+        })
+        .catch(function () { oChart.setData([], []); });
+    },
+
+    onChartSelect: function (oEvent) {
+      this._oLr.setProperty("/chartSelection", oEvent.getParameter("value"));
+      this._applyTableFilters();
+    },
+
+    onViewSwitch: function (oEvent) {
+      this._oLr.setProperty("/view", oEvent.getParameter("item").getKey());
+    },
+
+    /** Worklist: a tab is a selection variant (@UI.selectionVariant), its filter a parameter of the list. */
+    onWorklistTab: function (oEvent) {
+      var sKey = oEvent.getParameter("key");
+      var oVariant = this._page().selectionVariants.find(function (v) { return v.key === sKey; });
+      this._oLr.setProperty("/tab", sKey);
+      var sDraft = this._draftClause();
+      var sFilter = [sDraft, oVariant && oVariant.filter ? oVariant.filter : ""].filter(Boolean).map(function (f) { return "(" + f + ")"; }).join(" and ");
+      this.byId("table").getBinding("items").changeParameters({ $filter: sFilter || undefined });
+    },
+
+    _loadTabCounts: function () {
+      var oPage = this._page();
+      if (oPage.floorplan !== "worklist" || oPage.selectionVariants.length === 0) {
+        return;
+      }
+      var that = this;
+      var aTabs = [{ key: "all" }].concat(oPage.selectionVariants);
+      aTabs.forEach(function (oTab) {
+        var sFilter = that._odataFilter(oTab.filter ? "(" + oTab.filter + ")" : "");
+        fetch(that._service() + that._sSet + "/$count" + (sFilter ? "?$filter=" + encodeURIComponent(sFilter) : "?") + that._searchParameter(), { credentials: "same-origin" })
+          .then(function (r) { return r.ok ? r.text() : ""; })
+          .then(function (sCount) { that._oLr.setProperty("/tabCounts/" + oTab.key, sCount.trim()); })
+          .catch(function () { /* no count */ });
+      });
+    },
+
+    /** "Filtered By: …" in the collapsed header, the count of "Adapt Filters (n)". */
+    _summarize: function () {
+      var oState = this._state();
+      var aLabels = [];
+      Object.keys(oState.filters).forEach(function (sProperty) {
+        var oField = this._field(sProperty);
+        var vValue = oState.filters[sProperty];
+        aLabels.push(oField.label + (Array.isArray(vValue) && vValue.length > 1 ? " (" + vValue.length + ")" : ""));
+      }, this);
+      if (oState.search && oState.search.trim() !== "") {
+        aLabels.unshift("Search");
+      }
+      this._oLr.setProperty("/active", aLabels.length);
+      this._oLr.setProperty("/summary", "Filtered By: " + (aLabels.length === 0 ? "None" : aLabels.join(", ")));
+    },
+
+    onClearFilters: function () {
+      if (this.byId("filter_EditingStatus")) {
+        this.byId("filter_EditingStatus").setSelectedKey("");
+      }
+      var oState = this._state();
+      oState.filters = {};
+      oState.search = "";
+      this._applyState(oState);
+      this._oLr.setProperty("/modified", true);
+    },
+
+    onAdaptFilters: function () {
+      var that = this;
+      var oVisible = this._oLr.getProperty("/visible");
+      var oDialog = new SelectDialog({
+        title: "Adapt Filters",
+        multiSelect: true,
+        rememberSelections: false,
+        items: this._page().list.filterFields.map(function (f) {
+          return new StandardListItem({ title: f.label, description: f.property, selected: oVisible[f.property] === true });
+        }),
+        search: function (oEvent) {
+          var sValue = (oEvent.getParameter("value") || "").toLowerCase();
+          oEvent.getSource().getItems().forEach(function (oItem) {
+            oItem.setVisible(oItem.getTitle().toLowerCase().indexOf(sValue) >= 0);
+          });
+        },
+        confirm: function (oEvent) {
+          var aSelected = (oEvent.getParameter("selectedItems") || []).map(function (oItem) { return oItem.getDescription(); });
+          var oNew = {};
+          that._page().list.filterFields.forEach(function (f) {
+            oNew[f.property] = aSelected.indexOf(f.property) >= 0;
+          });
+          var oState = that._state();
+          oState.visible = aSelected;
+          // a hidden filter does not filter
+          Object.keys(oState.filters).forEach(function (sProperty) {
+            if (!oNew[sProperty]) {
+              delete oState.filters[sProperty];
+            }
+          });
+          that._applyState(oState);
+          that._oLr.setProperty("/modified", true);
+        },
+        afterClose: function () {
+          oDialog.destroy();
+        }
+      });
+      this.getView().addDependent(oDialog);
+      oDialog.open();
+    },
+
+    onTableSettings: function (oEvent) {
+      var that = this;
+      var oTable = this._page().list.table;
+      var oColumns = this._oLr.getProperty("/columns");
+      var aSort = this._oLr.getProperty("/sort");
+      var oSelection = new SelectionPanel({ title: "Columns", showHeader: true, enableCount: true, enableReorder: false });
+      oSelection.setP13nData(oTable.columns.map(function (c) {
+        return { key: c.property, label: c.label, visible: oColumns[c.property] !== false };
+      }));
+      var oSort = new SortPanel({ title: "Sort" });
+      oSort.setP13nData(oTable.columns.map(function (c) {
+        var oSorted = aSort.find(function (s) { return s.key === c.property; });
+        return { key: c.property, label: c.label, sorted: !!oSorted, descending: oSorted ? oSorted.descending : false };
+      }));
+      var oPopup = new P13nPopup({
+        title: "View Settings",
+        panels: [oSelection, oSort],
+        close: function (oClose) {
+          if (oClose.getParameter("reason") === "Ok") {
+            var oNew = {};
+            oSelection.getP13nData().forEach(function (o) {
+              if (!o.visible) {
+                oNew[o.key] = false;
+              }
+            });
+            that._oLr.setProperty("/columns", oNew);
+            that._oLr.setProperty("/sort", oSort.getP13nData().filter(function (o) { return o.sorted; }).map(function (o) {
+              return { key: o.key, descending: !!o.descending };
+            }));
+            that._applySort();
+            that._oLr.setProperty("/modified", true);
+          }
+          oPopup.destroy();
+        }
+      });
+      this.getView().addDependent(oPopup);
+      oPopup.open(oEvent.getSource());
+    },
+
+    /** The value help of a filter field: "Search and Select" (value help) and "Define Conditions" (D68). */
+    onFilterValueHelp: function (oEvent) {
+      var oControl = oEvent.getSource();
+      var oField = this._field(oControl.data("property"));
+      var that = this;
+      if (!this._commitText(oControl)) {
+        oControl.setValue("");
+        oControl.setValueState("None");
+      }
+      var aCurrent = oControl.getTokens().map(function (t) {
+        var oCondition = filters.parse(oField, t.getKey());
+        return oCondition ? { condition: oCondition, text: t.getText() } : null;
+      }).filter(Boolean);
+      conditions.open(this.getView(), oField, aCurrent).then(function (aConditions) {
+        if (!aConditions) {
+          return;
+        }
+        oControl.setTokens(aConditions.map(function (c) { return that._token(oField, c.condition, c.text); }));
+        oControl.setValueState("None");
+        that.onFilterChange();
+      });
+    },
+
+    _items: function () {
+      return this._oLr.getProperty("/variants");
+    },
+
+    _selectVariant: function (sKey) {
+      var oItem = this._items().find(function (v) { return v.key === sKey; });
+      this._oLr.setProperty("/variant", oItem ? sKey : STANDARD);
+      this._applyState(oItem && oItem.content ? oItem.content : this._oStandard);
+    },
+
+    onVariantSelect: function (oEvent) {
+      this._selectVariant(oEvent.getParameter("key"));
+    },
+
+    _persist: function () {
+      var sDefault = this._oLr.getProperty("/defaultVariant");
+      this._oStore.save({
+        defaultKey: sDefault,
+        items: this._items().filter(function (v) { return v.key !== STANDARD; }).map(function (v) {
+          return { key: v.key, title: v.title, favorite: v.favorite, content: v.content };
+        })
+      }).catch(function () {
+        MessageToast.show("The view could not be saved");
+      });
+    },
+
+    onVariantSave: function (oEvent) {
+      var sKey = oEvent.getParameter("key") || ("v" + Date.now());
+      var aItems = this._items().slice();
+      var oContent = this._state();
+      if (oEvent.getParameter("overwrite")) {
+        aItems = aItems.map(function (v) { return v.key === sKey ? Object.assign({}, v, { content: oContent }) : v; });
+      } else {
+        aItems.push({ key: sKey, title: oEvent.getParameter("name"), author: "", changeable: true, favorite: true, content: oContent });
+      }
+      this._oLr.setProperty("/variants", aItems);
+      if (oEvent.getParameter("def")) {
+        this._oLr.setProperty("/defaultVariant", sKey);
+      }
+      this._oLr.setProperty("/variant", sKey);
+      this._oLr.setProperty("/modified", false);
+      this._persist();
+    },
+
+    onVariantManage: function (oEvent) {
+      var aDeleted = oEvent.getParameter("deleted") || [];
+      var aRenamed = oEvent.getParameter("renamed") || [];
+      var aFavorites = oEvent.getParameter("fav") || [];
+      var aItems = this._items().filter(function (v) { return aDeleted.indexOf(v.key) < 0; }).map(function (v) {
+        var oRename = aRenamed.find(function (r) { return r.key === v.key; });
+        var oFavorite = aFavorites.find(function (f) { return f.key === v.key; });
+        return Object.assign({}, v, oRename ? { title: oRename.name } : {}, oFavorite ? { favorite: oFavorite.visible } : {});
+      });
+      this._oLr.setProperty("/variants", aItems);
+      var sDefault = oEvent.getParameter("def");
+      if (sDefault !== undefined) {
+        this._oLr.setProperty("/defaultVariant", sDefault);
+      }
+      if (aDeleted.indexOf(this._oLr.getProperty("/defaultVariant")) >= 0) {
+        this._oLr.setProperty("/defaultVariant", STANDARD);
+      }
+      if (aDeleted.indexOf(this._oLr.getProperty("/variant")) >= 0) {
+        this._selectVariant(STANDARD);
+      }
+      this._persist();
+    },
+
+    onUpdateFinished: function (oEvent) {
+      var iTotal = oEvent.getParameter("total");
+      var sPlural = this.byId("tableTitle").data("plural");
+      var oBinding = this.byId("table").getBinding("items");
+      var bKnown = oBinding && oBinding.isLengthFinal();
+      this._oLr.setProperty("/tableTitle", bKnown ? sPlural + " (" + iTotal + ")" : sPlural);
+    },
+
+    onSelectionChange: function () {
+      this.getView().getModel("ui").setProperty("/tableSelected", !!this.byId("table").getSelectedItem());
+    },
+
+    onItemPress: function (oEvent) {
+      var oContext = oEvent.getSource().getBindingContext();
+      this.getOwnerComponent().getRouter().navTo(this._sSet + "Object", { key: support.keyOf(oContext.getPath()) });
+    },
+
+    onCreate: function () {
+      var oModel = this.getView().getModel();
+      var that = this;
+      if (this._page().draft) {
+        // draft (D54): a new draft at once, then its object page in edit mode
+        var oDraft = oModel.bindList("/" + this._sSet, undefined, undefined, undefined, { $$updateGroupId: "$auto" }).create({});
+        oDraft.created().then(function () {
+          that.getOwnerComponent().markStale();
+          that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyOf(oDraft.getPath()) });
+        }, function (oError) {
+          MessageBox.error(support.errorText(oError));
+        });
+        return;
+      }
+      var oBinding = oModel.bindList("/" + this._sSet, undefined, undefined, undefined, { $$updateGroupId: "changes" });
+      this.getOwnerComponent().setTransient(oBinding.create({}));
+      this.getOwnerComponent().getRouter().navTo(this._sSet + "New");
+    },
+
+    onDelete: function () {
+      var oItem = this.byId("table").getSelectedItem();
+      if (!oItem) {
+        return;
+      }
+      var oContext = oItem.getBindingContext();
+      var that = this;
+      MessageBox.confirm("Delete this object?", {
+        onClose: function (sAction) {
+          if (sAction !== MessageBox.Action.OK) {
+            return;
+          }
+          oContext.delete("$auto").then(function () {
+            that.getView().getModel("ui").setProperty("/tableSelected", false);
+            MessageToast.show("Object deleted");
+          }, function (oError) {
+            MessageBox.error(support.errorText(oError));
+          });
+        }
+      });
+    },
+
+    onAction: function (oEvent) {
+      var oButton = oEvent.getSource();
+      var oPage = this._page();
+      var oAction = support.action(oPage, oButton.data("action"), oPage.list.table.actions);
+      var oItem = this.byId("table").getSelectedItem();
+      var oContext = oItem ? oItem.getBindingContext() : undefined;
+      var that = this;
+      if (!oAction || (!oAction.static && !oContext)) {
+        return;
+      }
+      support.invoke(this.getView(), oPage, oAction, oContext).then(function (oResult) {
+        if (oResult === null) {
+          return;
+        }
+        MessageToast.show(oAction.label + ": done");
+        that.byId("table").getBinding("items").refresh();
+        if ((oAction.factory || oAction.static) && oResult && oAction.returnsEntity) {
+          that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyPredicate(oPage, oResult.getObject()) });
+        }
+      }, function (oError) {
+        MessageBox.error(support.errorText(oError));
+      });
+    }
+  });
+});
+`;
+/**
+ * The views (variants) of a user: saved by the service (`$variants`, a table of the database,
+ * per user), in the local storage of the browser when the service does not keep them.
+ */
+export const VARIANTS = `sap.ui.define([], function () {
+  "use strict";
+
+  function local(sKey) {
+    return {
+      load: function () {
+        try {
+          return Promise.resolve(JSON.parse(window.localStorage.getItem(sKey) || "null") || { items: [] });
+        } catch (e) {
+          return Promise.resolve({ items: [] });
+        }
+      },
+      save: function (oData) {
+        try {
+          window.localStorage.setItem(sKey, JSON.stringify(oData));
+        } catch (e) {
+          return Promise.reject(e);
+        }
+        return Promise.resolve();
+      }
+    };
+  }
+
+  return {
+    store: function (oComponent, sPage) {
+      var sService = oComponent.getManifestEntry("/sap.app/dataSources/mainService/uri");
+      var sUrl = sService + "$variants?page=" + encodeURIComponent(sPage);
+      var oLocal = local("rapt.variants." + sService + sPage);
+      var bServer = true;
+      return {
+        load: function () {
+          return fetch(sUrl, { credentials: "same-origin", headers: { accept: "application/json" } }).then(function (oResponse) {
+            if (!oResponse.ok) {
+              throw new Error(String(oResponse.status));
+            }
+            return oResponse.json();
+          }).then(function (oData) {
+            return { items: oData.items || [], defaultKey: oData.defaultKey };
+          }).catch(function () {
+            bServer = false;
+            return oLocal.load();
+          });
+        },
+        save: function (oData) {
+          if (!bServer) {
+            return oLocal.save(oData);
+          }
+          return fetch(sService, { method: "HEAD", credentials: "same-origin", headers: { "X-CSRF-Token": "Fetch" } }).then(function (oHead) {
+            return fetch(sUrl, {
+              method: "PUT",
+              credentials: "same-origin",
+              headers: { "content-type": "application/json", "X-CSRF-Token": oHead.headers.get("X-CSRF-Token") || "" },
+              body: JSON.stringify(oData)
+            });
+          }).then(function (oResponse) {
+            if (!oResponse.ok) {
+              throw new Error(String(oResponse.status));
+            }
+          });
+        }
+      };
+    }
+  };
+});
+`;
+export const OBJECT_CONTROLLER = `sap.ui.define([
+  "sap/ui/core/mvc/Controller",
+  "sap/ui/core/Messaging",
+  "sap/m/MessageBox",
+  "sap/m/MessageToast",
+  "sap/m/MessagePopover",
+  "sap/m/MessageItem",
+  "sap/ui/core/routing/History",
+  "rapt/app/controller/support",
+  "sap/m/Dialog",
+  "sap/m/Button",
+  "sap/m/Input",
+  "sap/m/Label",
+  "sap/m/VBox"
+], function (Controller, Messaging, MessageBox, MessageToast, MessagePopover, MessageItem, History, support, Dialog, Button, Input, Label, VBox) {
+  "use strict";
+
+  return Controller.extend("rapt.app.controller.Object", {
+    onInit: function () {
+      this._sSet = this.byId("page").data("set");
+      var oRouter = this.getOwnerComponent().getRouter();
+      oRouter.getRoute(this._sSet + "Object").attachPatternMatched(this._onObjectMatched, this);
+      var oNew = oRouter.getRoute(this._sSet + "New");
+      if (oNew) {
+        oNew.attachPatternMatched(this._onNewMatched, this);
+      }
+      // form entry (D53): the start page creates, again and again
+      var oFormEntry = oRouter.getRoute(this._sSet + "FormEntry");
+      if (oFormEntry) {
+        oFormEntry.attachPatternMatched(this._onFormEntryMatched, this);
+      }
+    },
+
+    _page: function () {
+      return support.page(this, this._sSet);
+    },
+
+    _ui: function () {
+      return this.getView().getModel("ui");
+    },
+
+    _mode: function (bEdit, bCreate) {
+      this._ui().setProperty("/editMode", bEdit);
+      this._ui().setProperty("/createMode", bCreate);
+      this._ui().setProperty("/childSelected", false);
+    },
+
+    /** Collaborative draft (D59): the users of the draft, the changes of the others (polling). */
+    _startCollab: function () {
+      var that = this;
+      this._loadCollabUsers();
+      this._iCollab = setInterval(function () {
+        var oModel = that.getView().getModel();
+        if (!that._ui().getProperty("/draft") || oModel.hasPendingChanges()) {
+          return;
+        }
+        var oBinding = that.getView().getElementBinding();
+        if (oBinding) {
+          oBinding.refresh();
+        }
+        that._loadCollabUsers();
+      }, 5000);
+    },
+
+    _stopCollab: function () {
+      if (this._iCollab) {
+        clearInterval(this._iCollab);
+        this._iCollab = undefined;
+      }
+    },
+
+    _loadCollabUsers: function () {
+      var oContext = this.getView().getBindingContext();
+      var oUi = this._ui();
+      var sService = this.getOwnerComponent().getManifestEntry("/sap.app/dataSources/mainService/uri");
+      if (!oContext) {
+        return;
+      }
+      oContext.requestProperty("DraftUUID").then(function (sUuid) {
+        if (!sUuid) {
+          return undefined;
+        }
+        return fetch(sService + "DraftAdministrativeUser?$orderby=UserID&$filter=" + encodeURIComponent("DraftUUID eq " + sUuid), { credentials: "same-origin", headers: { accept: "application/json" } })
+          .then(function (r) { return r.ok ? r.json() : { value: [] }; })
+          .then(function (oData) {
+            oUi.setProperty("/collab/users", (oData.value || []).map(function (u) {
+              return { UserID: u.UserID, initials: String(u.UserID).slice(0, 2).toUpperCase(), owner: u.UserAccessRole === "O" };
+            }));
+          });
+      }).catch(function () { /* the list stays as it was */ });
+    },
+
+    /** Invites a user to the collaborative draft: the action Share (D59). */
+    onInvite: function () {
+      var that = this;
+      var oInput = new Input({ placeholder: "User ID", width: "100%" });
+      var oDialog = new Dialog({
+        title: "Invite Users",
+        content: [new VBox({ items: [new Label({ text: "User", labelFor: oInput }), oInput] }).addStyleClass("sapUiSmallMargin")],
+        beginButton: new Button({
+          text: "Invite",
+          type: "Emphasized",
+          press: function () {
+            var sUser = oInput.getValue().trim();
+            oDialog.close();
+            if (sUser === "") {
+              return;
+            }
+            that._draftAction("Share", { Users: [{ UserID: sUser, UserAccessRole: "E" }], ShareAll: false }).then(function () {
+              MessageToast.show(sUser.toUpperCase() + " can now edit the draft");
+              that._loadCollabUsers();
+            }, function (oError) {
+              MessageBox.error(support.errorText(oError));
+            });
+          }
+        }),
+        endButton: new Button({ text: "Cancel", press: function () { oDialog.close(); } }),
+        afterClose: function () { oDialog.destroy(); }
+      });
+      this.getView().addDependent(oDialog);
+      oDialog.open();
+    },
+
+    _onObjectMatched: function (oEvent) {
+      // changes left behind (back button in edit mode) must not be sent with the next save
+      this.getView().getModel().resetChanges("changes");
+      this._mode(false, false);
+      Messaging.removeAllMessages();
+      var sKey = oEvent.getParameter("arguments").key;
+      // a draft (D54): edited at once, each change saved in the draft
+      var bDraft = /IsActiveEntity=false/.test(sKey);
+      this._ui().setProperty("/draft", bDraft);
+      this.getView().bindElement({
+        path: "/" + this._sSet + "(" + sKey + ")",
+        parameters: { $$updateGroupId: bDraft ? "$auto" : "changes" }
+      });
+      this._stopCollab();
+      if (bDraft) {
+        // each change is saved in the draft: "Saving draft..." then "Draft saved" (D58)
+        var oIndicator = this.byId("draftStatus");
+        var oBinding = this.getView().getElementBinding();
+        if (oIndicator && oBinding && !oBinding._raptIndicator) {
+          oBinding._raptIndicator = true;
+          oBinding.attachPatchSent(function () { oIndicator.showDraftSaving(); });
+          oBinding.attachPatchCompleted(function (oPatch) {
+            if (oPatch.getParameter("success")) {
+              oIndicator.showDraftSaved();
+            } else {
+              oIndicator.clearDraftState();
+            }
+          });
+        }
+        if (this.byId("collab")) {
+          this._startCollab();
+        }
+      }
+      if (bDraft) {
+        // a new draft (no active instance) is a creation: its keys may still be entered
+        var that = this;
+        var sService = this.getOwnerComponent().getManifestEntry("/sap.app/dataSources/mainService/uri");
+        this._bHasActive = true;
+        fetch(sService + this._sSet + "(" + sKey + ")?$select=HasActiveEntity", { credentials: "same-origin", headers: { accept: "application/json" } })
+          .then(function (r) { return r.ok ? r.json() : { HasActiveEntity: true }; })
+          .then(function (oData) {
+            that._bHasActive = oData.HasActiveEntity !== false;
+            that._mode(true, !that._bHasActive);
+          }, function () {
+            that._mode(true, false);
+          });
+      }
+    },
+
+    /** Runs an action of the draft on the bound instance; resolves the context it returns. */
+    _draftAction: function (sName, oParameters) {
+      var oView = this.getView();
+      var oNamespace = oView.getModel("layout").getProperty("/namespace");
+      // Share returns nothing: no inherited $expand / $select (D59)
+      var oAction = oView.getModel().bindContext(oNamespace + "." + sName + "(...)", oView.getBindingContext(), sName === "Share" ? {} : { $$inheritExpandSelect: true });
+      Object.keys(oParameters || {}).forEach(function (sParameter) {
+        oAction.setParameter(sParameter, oParameters[sParameter]);
+      });
+      return oAction.invoke("$auto");
+    },
+
+    _onFormEntryMatched: function () {
+      this._bFormEntry = true;
+      this._newTransient();
+      this._onNewMatched();
+    },
+
+    /** A new instance to create, when none was prepared (form entry, link to …/new). */
+    _newTransient: function () {
+      var oBinding = this.getView().getModel().bindList("/" + this._sSet, undefined, undefined, undefined, { $$updateGroupId: "changes" });
+      this.getOwnerComponent().setTransient(oBinding.create({}));
+    },
+
+    _onNewMatched: function (oEvent) {
+      if (oEvent) {
+        this._bFormEntry = false;
+      }
+      if (!this.getOwnerComponent().getTransient()) {
+        this._newTransient();
+      }
+      var oContext = this.getOwnerComponent().getTransient();
+      Messaging.removeAllMessages();
+      this.getView().unbindElement();
+      this.getView().setBindingContext(oContext);
+      this._mode(true, true);
+    },
+
+    _back: function () {
+      if (History.getInstance().getPreviousHash() !== undefined) {
+        window.history.go(-1);
+      } else {
+        this.getOwnerComponent().getRouter().navTo(this.getOwnerComponent().getModel("layout").getProperty("/start") + "List", {}, true);
+      }
+    },
+
+    /** Leaves the page, after a confirmation when changes are not saved. */
+    _leave: function (fnLeave) {
+      var oModel = this.getView().getModel();
+      var that = this;
+      if (this._ui().getProperty("/draft")) {
+        // leaving a draft, as Fiori Elements: keep it for later, or discard it (D58)
+        var oContext = this.getView().getBindingContext();
+        MessageBox.show("Do you want to keep the draft of your changes?", {
+          title: "Leave Page",
+          actions: ["Keep Draft", "Discard Draft", MessageBox.Action.CANCEL],
+          emphasizedAction: "Keep Draft",
+          onClose: function (sAction) {
+            if (sAction === "Keep Draft") {
+              that._stopCollab();
+              that.getOwnerComponent().markStale();
+              fnLeave();
+            } else if (sAction === "Discard Draft" && oContext) {
+              oContext.delete("$auto").then(function () {
+                that._stopCollab();
+                that.getOwnerComponent().markStale();
+                MessageToast.show("Draft discarded");
+                fnLeave();
+              }, function (oError) {
+                MessageBox.error(support.errorText(oError));
+              });
+            }
+          }
+        });
+        return;
+      }
+      if (!this._ui().getProperty("/editMode") || !oModel.hasPendingChanges("changes")) {
+        fnLeave();
+        return;
+      }
+      MessageBox.confirm("Discard the changes?", {
+        onClose: function (sAction) {
+          if (sAction === MessageBox.Action.OK) {
+            oModel.resetChanges("changes");
+            that.getOwnerComponent().setTransient(undefined);
+            that._mode(false, false);
+            fnLeave();
+          }
+        }
+      });
+    },
+
+    onNavList: function () {
+      var oRouter = this.getOwnerComponent().getRouter();
+      var sStart = this.getOwnerComponent().getModel("layout").getProperty("/start");
+      this._leave(function () {
+        oRouter.navTo(sStart + "List", {}, false);
+      });
+    },
+
+    onNavBack: function () {
+      var that = this;
+      this._leave(function () {
+        that._back();
+      });
+    },
+
+    onValueHelp: function (oEvent) {
+      var oInput = oEvent.getSource();
+      var sProperty = oInput.data("property");
+      var oField = this._page().fields[sProperty] || this._childField(oInput, sProperty);
+      if (!oField || !oField.valueHelp) {
+        return;
+      }
+      var oContext = oInput.getBindingContext();
+      support.valueHelp(this.getView(), oField.valueHelp, false, oContext).then(function (aValues) {
+        if (aValues.length > 0) {
+          oContext.setProperty(sProperty, aValues[0]);
+          oInput.setValueState("None");
+        }
+      });
+    },
+
+    /** A value typed or chosen in a field with a value help: validation, additional bindings. */
+    onValueHelpChange: function (oEvent) {
+      var oControl = oEvent.getSource();
+      var sProperty = oControl.data("property");
+      var oField = this._page().fields[sProperty] || this._childField(oControl, sProperty);
+      var oContext = oControl.getBindingContext();
+      if (!oField || !oField.valueHelp || !oContext) {
+        return;
+      }
+      var oHelp = oField.valueHelp;
+      var oItem = oEvent.getParameter("selectedItem") || (oControl.getSelectedItem && oControl.getSelectedItem());
+      if (oItem) {
+        // drop-down list: the row of the chosen item
+        support.applyValueHelpResults(oHelp, oContext, oItem.getBindingContext().getObject());
+        oControl.setValueState("None");
+        return;
+      }
+      var sValue = oControl.getValue ? oControl.getValue() : "";
+      support.checkValueHelp(this.getView(), oHelp, oContext, sValue).then(function (bFound) {
+        if (!bFound && oHelp.validation) {
+          oControl.setValueState("Error");
+          oControl.setValueStateText("Enter a valid value: " + sValue + " is not in " + oHelp.label);
+        } else {
+          oControl.setValueState("None");
+        }
+      });
+    },
+
+    /** The field of a child table (the input is in a row of a table of the page). */
+    _childField: function (oInput, sProperty) {
+      var oParent = oInput.getParent();
+      while (oParent && !(oParent.data && oParent.data("set"))) {
+        oParent = oParent.getParent();
+      }
+      var oPage = oParent ? support.page(this, oParent.data("set")) : undefined;
+      return oPage ? oPage.fields[sProperty] : undefined;
+    },
+
+    onEdit: function () {
+      Messaging.removeAllMessages();
+      if (this._page().draft) {
+        // draft (D54): Edit opens the draft of the instance
+        var that = this;
+        this._ui().setProperty("/busy", true);
+        this._draftAction("Edit", { PreserveChanges: false }).then(function (oDraft) {
+          that._ui().setProperty("/busy", false);
+          that.getOwnerComponent().markStale();
+          that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyOf(oDraft.getPath()) }, true);
+        }, function (oError) {
+          that._ui().setProperty("/busy", false);
+          MessageBox.error(support.errorText(oError));
+        });
+        return;
+      }
+      this._mode(true, false);
+    },
+
+    onSave: function () {
+      if (this._ui().getProperty("/draft")) {
+        this._activate();
+        return;
+      }
+      var oView = this.getView();
+      var oModel = oView.getModel();
+      var oUi = this._ui();
+      var that = this;
+      var bCreate = oUi.getProperty("/createMode");
+      var oContext = oView.getBindingContext();
+      Messaging.removeAllMessages();
+      oUi.setProperty("/busy", true);
+      oModel.submitBatch("changes").then(function () {
+        oUi.setProperty("/busy", false);
+        if (oModel.hasPendingChanges("changes")) {
+          MessageBox.error(support.errorText());
+          return;
+        }
+        that.getOwnerComponent().markStale();
+        if (bCreate) {
+          return oContext.created().then(function () {
+            that.getOwnerComponent().setTransient(undefined);
+            if (that._bFormEntry) {
+              // form entry: a new, empty form
+              MessageToast.show("Object created");
+              that._newTransient();
+              that._onNewMatched();
+              return;
+            }
+            that._mode(false, false);
+            MessageToast.show("Object created");
+            that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyOf(oContext.getPath()) }, true);
+          });
+        }
+        that._mode(false, false);
+        MessageToast.show("Changes saved");
+      }, function (oError) {
+        oUi.setProperty("/busy", false);
+        MessageBox.error(support.errorText(oError));
+      });
+    },
+
+    /** Save of a draft: Activate, then the active instance (D54). */
+    _activate: function () {
+      var that = this;
+      var oUi = this._ui();
+      Messaging.removeAllMessages();
+      oUi.setProperty("/busy", true);
+      this.getView().getModel().submitBatch("$auto").then(function () {
+        return that._draftAction("Activate");
+      }).then(function (oActive) {
+        oUi.setProperty("/busy", false);
+        that.getOwnerComponent().markStale();
+        MessageToast.show(oUi.getProperty("/createMode") ? "Object created" : "Changes saved");
+        that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyOf(oActive.getPath()) }, true);
+      }, function (oError) {
+        oUi.setProperty("/busy", false);
+        MessageBox.error(support.errorText(oError));
+      });
+    },
+
+    onCancel: function () {
+      if (this._ui().getProperty("/draft")) {
+        // draft (D54): Discard, back to the active instance (or the list)
+        var that = this;
+        var oContext = this.getView().getBindingContext();
+        MessageBox.confirm(that._bHasActive ? "Discard all changes?" : "Discard this draft?", {
+          title: "Discard Draft",
+          actions: ["Discard", MessageBox.Action.CANCEL],
+          emphasizedAction: "Discard",
+          onClose: function (sAction) {
+            if (sAction !== "Discard") {
+              return;
+            }
+            that._stopCollab();
+            var bHasActive = that._bHasActive;
+            var sActive = support.keyOf(oContext.getPath()).replace("IsActiveEntity=false", "IsActiveEntity=true");
+            // DELETE of the draft root discards the draft (D54)
+            oContext.delete("$auto").then(function () {
+              that.getOwnerComponent().markStale();
+              MessageToast.show("Draft discarded");
+              if (bHasActive) {
+                that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: sActive }, true);
+              } else {
+                that._back();
+              }
+            }, function (oError) {
+              MessageBox.error(support.errorText(oError));
+            });
+          }
+        });
+        return;
+      }
+      var bCreate = this._ui().getProperty("/createMode");
+      this.getView().getModel().resetChanges("changes");
+      Messaging.removeAllMessages();
+      this._mode(false, false);
+      if (bCreate && this._bFormEntry) {
+        this._newTransient();
+        this._onNewMatched();
+      } else if (bCreate) {
+        this.getOwnerComponent().setTransient(undefined);
+        this._back();
+      }
+    },
+
+    onDelete: function () {
+      var oContext = this.getView().getBindingContext();
+      var that = this;
+      MessageBox.confirm("Delete this object?", {
+        onClose: function (sAction) {
+          if (sAction !== MessageBox.Action.OK) {
+            return;
+          }
+          oContext.delete("$auto").then(function () {
+            that.getOwnerComponent().markStale();
+            MessageToast.show("Object deleted");
+            that._back();
+          }, function (oError) {
+            MessageBox.error(support.errorText(oError));
+          });
+        }
+      });
+    },
+
+    onAction: function (oEvent) {
+      var oPage = this._page();
+      var oAction = support.action(oPage, oEvent.getSource().data("action"));
+      var oContext = this.getView().getBindingContext();
+      var that = this;
+      if (!oAction) {
+        return;
+      }
+      support.invoke(this.getView(), oPage, oAction, oContext).then(function (oResult) {
+        if (oResult === null) {
+          return;
+        }
+        MessageToast.show(oAction.label + ": done");
+        that.getOwnerComponent().markStale();
+        if (oAction.factory && oResult && oAction.returnsEntity) {
+          that.getOwnerComponent().getRouter().navTo(that._sSet + "Object", { key: support.keyPredicate(oPage, oResult.getObject()) });
+          return;
+        }
+        that.getView().getElementBinding().refresh();
+      }, function (oError) {
+        MessageBox.error(support.errorText(oError));
+      });
+    },
+
+    onCreateChild: function (oEvent) {
+      var oTable = this.byId(oEvent.getSource().data("table"));
+      oTable.getBinding("items").create({}, true);
+    },
+
+    onDeleteChild: function (oEvent) {
+      var oTable = this.byId(oEvent.getSource().data("table"));
+      var oItem = oTable.getSelectedItem();
+      if (oItem) {
+        oItem.getBindingContext().delete(this._ui().getProperty("/draft") ? "$auto" : "changes");
+        this._ui().setProperty("/childSelected", false);
+      }
+    },
+
+    onChildSelectionChange: function (oEvent) {
+      this._ui().setProperty("/childSelected", !!oEvent.getSource().getSelectedItem());
+    },
+
+    onChildPress: function (oEvent) {
+      if (this._ui().getProperty("/editMode")) {
+        return;
+      }
+      var oItem = oEvent.getSource();
+      var sSet = oItem.getParent().data("set");
+      this.getOwnerComponent().getRouter().navTo(sSet + "Object", { key: support.keyOf(oItem.getBindingContext().getPath()) });
+    },
+
+    onMessages: function (oEvent) {
+      if (!this._oPopover) {
+        this._oPopover = new MessagePopover({
+          items: { path: "message>/", template: new MessageItem({ type: "{message>type}", title: "{message>message}", subtitle: "{message>additionalText}" }) }
+        });
+        this.getView().addDependent(this._oPopover);
+      }
+      this._oPopover.toggle(oEvent.getSource());
+    }
+  });
+});
+`;
+//# sourceMappingURL=static.js.map