@ng-native/fabric 0.13.0 → 0.14.0

package/dist/css.d.ts

@@ -487,6 +487,11 @@ export interface StyleSheet {
         /** The weights a variable font covers, `font-weight: 100 900`, in place of one `weight`. */
         readonly weightRange?: readonly [number, number];
         readonly style?: string;
+        /**
+         * The name inside the face's file, which the build reads where it can. SwiftUI finds a face by
+         * this name only, and not by the name it is registered under.
+         */
+        readonly postScriptName?: string;
     }[];
 }
 export interface StyleCache {
@@ -549,7 +554,7 @@ export interface StyleCache {
 export declare function fills(child: StyleTarget): boolean;
 /** What the matcher needs of a node. The engine's node satisfies this structurally. */
 export interface StyleTarget {
-    readonly name: string;
+    readonly tag: string;
     readonly parent: StyleTarget | null;
     /**
      * Needed only by the selectors that ask about a node's place among its siblings, which is why
@@ -1179,6 +1184,16 @@ export declare class StyleResolver {
  * property, `[style.--gap]`, and read that in the stylesheet.
  */
 export declare function boundDeclaration(prop: string, token: TokenValue | undefined, on?: string): DeferredDeclaration | null;
+/** Whether `text` is a `line-height` below zero, which a browser drops: `-1.5`, `-1em`, `-2px`. */
+export declare const isNegativeLineHeight: (prop: string, text: string) => boolean;
+/**
+ * A bound declaration of a length in `em` or a viewport unit, `[style.width]="'2em'"`, as the
+ * deferred declaration the compiler writes for the same value in a rule: measured where it is
+ * used, against the font size in scope. A viewport unit is measured against the viewport, and
+ * again when it changes. A `line-height` with no unit is the number a rule hands down. Null for
+ * any other value, and for a property that takes no length.
+ */
+export declare function boundRelativeLength(prop: string, text: string, on?: string): DeferredDeclaration | null;
 /** `hsl()` reads a channels token as hue, saturation and lightness; `rgb()` as sRGB. */
 type ChannelSpace = 'rgb' | 'hsl';
 /**

package/dist/css.js

@@ -252,8 +252,8 @@ function matchesValue(value, operator, expected) {
         case 'substring':
             return value.includes(expected);
         case 'includes':
-            // `~=` matches one whole word of a space-separated list.
-            return value.split(/\s+/).includes(expected);
+            // `~=` matches one whole word of a list split at CSS's spaces, which a no-break space is not.
+            return value.split(CSS_SPACE).includes(expected);
         case 'dash-match':
             // `|=` matches the value itself or the value followed by a hyphen, as `lang` uses.
             return value === expected || value.startsWith(`${expected}-`);
@@ -288,7 +288,7 @@ function matchesCompound(node, compound, sheet) {
                 return false;
         }
     }
-    if (compound.type !== undefined && compound.type !== node.name)
+    if (compound.type !== undefined && compound.type !== node.tag)
         return false;
     if (compound.own !== undefined && !ownedBy(node, compound, sheet))
         return false;
@@ -511,8 +511,8 @@ function bitsAbove(node) {
         if (up.classes)
             for (const className of up.classes)
                 add(bitOf('.', className));
-        if (up.name !== undefined)
-            add(bitOf('<', up.name));
+        if (up.tag !== undefined)
+            add(bitOf('<', up.tag));
         const id = up.props?.['nativeID'];
         if (typeof id === 'string')
             add(bitOf('#', id));
@@ -918,7 +918,7 @@ function countPosition(node, siblings, fromEnd, ofType) {
     let position = 0;
     let seen = 0;
     for (const sibling of siblings) {
-        if (!isElement(sibling) || (ofType && sibling.name !== node.name))
+        if (!isElement(sibling) || (ofType && sibling.tag !== node.tag))
             continue;
         seen++;
         if (sibling === node)
@@ -1115,7 +1115,7 @@ function reach(node, index, found) {
     };
     if (index.universal.length)
         found.push(...index.universal);
-    take(`type:${node.name}`);
+    take(`type:${node.tag}`);
     const id = node.props['nativeID'];
     if (typeof id === 'string')
         take(`id:${id}`);
@@ -1460,7 +1460,7 @@ function boxAround(rule) {
 }
 /** Whether a rule among these could be for a node: never no where one is. */
 function writtenFor(of, node) {
-    if (of.any || of.types.has(node.name))
+    if (of.any || of.types.has(node.tag))
         return true;
     for (const name of node.classes ?? [])
         if (of.classes.has(name))
@@ -3321,6 +3321,47 @@ export function boundDeclaration(prop, token, on) {
         ...(token && isDerived(token) ? { fallbackToken: token } : {}),
     };
 }
+/** A CSS number: `1.5`, `+1.5`, `.5`, `1e0`, `-2`. */
+const CSS_NUMBER = String.raw `[+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?`;
+/** A length in `em` or a viewport unit, the whole value: `2em`, `-0.5em`, `50vw`. */
+const RELATIVE_LENGTH = new RegExp(String.raw `^\s*(${CSS_NUMBER})(em|vw|vh|vmin|vmax)\s*$`, 'i');
+/** A number with no unit, as a `line-height` is written: a multiple of the font size. */
+const UNITLESS = new RegExp(String.raw `^\s*(${CSS_NUMBER})\s*$`, 'i');
+/** A negative `line-height`, of a number or a length, which CSS has no value for. */
+const NEGATIVE = new RegExp(String.raw `^\s*-(?:\d|\.\d)`);
+/** Whether `text` is a `line-height` below zero, which a browser drops: `-1.5`, `-1em`, `-2px`. */
+export const isNegativeLineHeight = (prop, text) => prop === 'lineHeight' && NEGATIVE.test(text);
+/**
+ * A bound declaration of a length in `em` or a viewport unit, `[style.width]="'2em'"`, as the
+ * deferred declaration the compiler writes for the same value in a rule: measured where it is
+ * used, against the font size in scope. A viewport unit is measured against the viewport, and
+ * again when it changes. A `line-height` with no unit is the number a rule hands down. Null for
+ * any other value, and for a property that takes no length.
+ */
+export function boundRelativeLength(prop, text, on) {
+    const kind = boundKind(prop);
+    if (kind !== 'length' && kind !== 'lineHeight')
+        return null;
+    const relative = RELATIVE_LENGTH.exec(text);
+    if (relative) {
+        const unit = relative[2].toLowerCase();
+        return {
+            props: [prop],
+            ...(on === undefined ? {} : { on }),
+            compute: { unit, factor: Number(relative[1]) },
+        };
+    }
+    // A line height with no unit is a number each text under it multiplies its own font size by,
+    // not the points it comes to here: the compiler writes the same for it in a rule.
+    const unitless = kind === 'lineHeight' ? UNITLESS.exec(text) : null;
+    if (!unitless)
+        return null;
+    return {
+        props: [prop],
+        ...(on === undefined ? {} : { on }),
+        compute: { unit: 'em', factor: Number(unitless[1]), multiple: true },
+    };
+}
 /** The names a `var()` tries in turn: its own, then each `var()` nested as its fallback. */
 function aliasesOf(token) {
     const names = [];