panelui-native 0.75.0 → 0.76.0

package/lib/module/components/ai-input/ai-input-growth.js

@@ -0,0 +1,62 @@
+"use strict";
+
+/**
+ * How tall the composer's field is allowed to be.
+ *
+ * Separated from the component because it is the one piece of AI Input with a
+ * right answer that can be checked without a device: a composer that opens at
+ * the wrong height, or grows past where it was told to stop, is a bug nobody
+ * notices until the send button is off the bottom of the screen.
+ *
+ * ## Bounds, not a measured height
+ *
+ * The obvious way to grow a field is to measure its content and set a height
+ * from it. That is a loop with a different answer on each platform — the
+ * measurement reports the text's height on one and the clipped height of the
+ * box we just set on another, where the field can then never grow at all.
+ *
+ * So nothing is measured. The field is given a floor and a ceiling and left to
+ * size itself between them, which is the layout engine's job and which it does
+ * without telling anybody. Past the ceiling a multiline field scrolls its own
+ * content, and that is the whole mechanism.
+ */
+
+/** Type size and the leading it is given, per `size`. */
+export const AI_INPUT_METRICS = {
+  sm: {
+    fontSize: 15,
+    lineHeight: 20,
+    padding: 10
+  },
+  md: {
+    fontSize: 16,
+    lineHeight: 22,
+    padding: 12
+  },
+  lg: {
+    fontSize: 17,
+    lineHeight: 24,
+    padding: 14
+  }
+};
+/** The box a whole number of lines asks for: the lines, plus both paddings. */
+export function heightForLines(metrics, lines) {
+  return lines * metrics.lineHeight + metrics.padding * 2;
+}
+/**
+ * The floor and ceiling a field grows between.
+ *
+ * At least one line, so an empty composer is the size of an empty composer.
+ * Never below the floor, so a `maxRows` under `minRows` — a caller
+ * contradicting itself — resolves to the height that was asked for outright
+ * rather than to one shorter than the field was told to open at.
+ */
+export function growthBounds(metrics, minRows, maxRows) {
+  const floor = Math.max(1, Math.floor(minRows) || 1);
+  const ceiling = Math.max(floor, Math.floor(maxRows) || floor);
+  return {
+    minHeight: heightForLines(metrics, floor),
+    maxHeight: heightForLines(metrics, ceiling)
+  };
+}
+//# sourceMappingURL=ai-input-growth.js.map

package/lib/module/components/ai-input/ai-input-growth.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AI_INPUT_METRICS","sm","fontSize","lineHeight","padding","md","lg","heightForLines","metrics","lines","growthBounds","minRows","maxRows","floor","Math","max","ceiling","minHeight","maxHeight"],"sourceRoot":"../../../../src","sources":["components/ai-input/ai-input-growth.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAG,CAAC;EACjDC,EAAE,EAAE;IAAEH,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAG,CAAC;EACjDE,EAAE,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAG;AAClD,CAAU;AASV;AACA,OAAO,SAASG,cAAcA,CAACC,OAAsB,EAAEC,KAAa,EAAU;EAC5E,OAAOA,KAAK,GAAGD,OAAO,CAACL,UAAU,GAAGK,OAAO,CAACJ,OAAO,GAAG,CAAC;AACzD;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,YAAYA,CAC1BF,OAAsB,EACtBG,OAAe,EACfC,OAAe,EACD;EACd,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACD,KAAK,CAACF,OAAO,CAAC,IAAI,CAAC,CAAC;EACnD,MAAMK,OAAO,GAAGF,IAAI,CAACC,GAAG,CAACF,KAAK,EAAEC,IAAI,CAACD,KAAK,CAACD,OAAO,CAAC,IAAIC,KAAK,CAAC;EAC7D,OAAO;IACLI,SAAS,EAAEV,cAAc,CAACC,OAAO,EAAEK,KAAK,CAAC;IACzCK,SAAS,EAAEX,cAAc,CAACC,OAAO,EAAEQ,OAAO;EAC5C,CAAC;AACH","ignoreList":[]}