npm - @ng-native/icons - Versions diffs - 0.11.0 → 0.13.0 - Mend

@ng-native/icons 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/ng-icon.d.ts CHANGED Viewed

@@ -20,7 +20,9 @@
  * The two things ng-icons expresses in CSS become inputs here. `color` is set on the host, which
  * is what native paints a `currentColor` brush from - so a bound colour changes every stroke in
  * the icon without re-parsing it. `strokeWidth` fills in `var(--ng-icon__stroke-width, 1.5)`,
- * which is how the heroicons outline set carries its weight.
+ * which is how the heroicons outline set carries its weight. `provideNgIconsConfig` sets the
+ * defaults of both and of `size`, and `provideNgIconLoader` is asked for a name no `provideIcons`
+ * has, as on the web.
  */
 import { type Signal } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -30,6 +32,16 @@ export declare class NgIcon {
     private readonly engine;
     /** Every `provideIcons` in scope, innermost last, which is how ng-icons layers them. */
     private readonly icons;
+    /** `provideNgIconsConfig`: the size, colour and stroke width an icon has without its own. */
+    private readonly config;
+    /** `provideNgIconLoader`: where an icon no `provideIcons` has comes from. */
+    private readonly loader;
+    /** `withCaching()`: what the loader already answered, so it is asked once per name. */
+    private readonly cache;
+    private readonly injector;
+    private readonly errors;
+    /** A static `aria-label`, which labels the icon as `accessibilityLabel` does. */
+    private readonly ariaLabel;
     /** The key the icon was provided under: `heroBookOpen`, or `hero-book-open`. */
     readonly name: import("@angular/core").InputSignal<string | undefined>;
     /** Markup, for an icon that comes from somewhere other than a provider. */
@@ -40,13 +52,22 @@ export declare class NgIcon {
      * text around it, and sized by a `font-size` on it or above it, or by a width and height.
      */
     readonly size: import("@angular/core").InputSignalWithTransform<number | undefined, string | number | undefined>;
-    /** What a `currentColor` stroke or fill paints as. Native resolves it, so binding is cheap. */
+    /**
+     * What a `currentColor` stroke or fill paints as. It is the host's `color` style, so a `var()`
+     * resolves against the tokens in scope, and native paints it, so binding is cheap.
+     */
     readonly color: import("@angular/core").InputSignal<string | undefined>;
     /** Fills in `var(--ng-icon__stroke-width, …)`, which is how an outline set carries its weight. */
     readonly strokeWidth: import("@angular/core").InputSignal<string | number | undefined>;
     /** Absent leaves the icon out of the accessibility tree, which is right for a decorative one. */
     readonly accessibilityLabel: import("@angular/core").InputSignal<string | undefined>;
-    /** The size as an inline style, or nothing for the stylesheet's `1em` to stand. */
+    /** The label a screen reader reads: the input, or a static `aria-label`. */
+    protected readonly label: Signal<string | undefined>;
+    /** How many times the icon has asked the loader, so only the newest answer is drawn. */
+    private asks;
+    /** The markup the loader answered with, and the name it was asked for. */
+    private readonly loaded;
+    /** The size as an inline style, or nothing for the stylesheet's size to stand. */
     protected readonly style: Signal<{
         width?: undefined;
         height?: undefined;
@@ -60,6 +81,13 @@ export declare class NgIcon {
     private readonly root;
     protected readonly viewBox: Signal<Record<string, unknown>>;
     constructor();
+    /** The icon `provideIcons` has under this name, the nearest one first. */
+    private provided;
+    /** Asks the loader for an icon no `provideIcons` has, as `@ng-icons/core` does. */
+    private load;
+    /** The loader's answer for a name, through the `withCaching()` cache when there is one. */
+    private request;
+    private reportMissing;
     private draw;
     private append;
     /**

package/dist/ng-icon.js CHANGED Viewed

@@ -20,11 +20,13 @@
  * The two things ng-icons expresses in CSS become inputs here. `color` is set on the host, which
  * is what native paints a `currentColor` brush from - so a bound colour changes every stroke in
  * the icon without re-parsing it. `strokeWidth` fills in `var(--ng-icon__stroke-width, 1.5)`,
- * which is how the heroicons outline set carries its weight.
+ * which is how the heroicons outline set carries its weight. `provideNgIconsConfig` sets the
+ * defaults of both and of `size`, and `provideNgIconLoader` is asked for a name no `provideIcons`
+ * has, as on the web.
  */
-import { Component, ElementRef, Renderer2, computed, effect, inject, input, numberAttribute, } from '@angular/core';
+import { Component, ElementRef, ErrorHandler, HostAttributeToken, Injector, Renderer2, computed, effect, inject, input, numberAttribute, runInInjectionContext, signal, untracked, } from '@angular/core';
 import { claimHost, HostEngine } from '@ng-native/fabric';
-import { NgIconsToken } from '@ng-icons/core';
+import { NgIconCacheToken, NgIconConfigToken, NgIconLoaderToken, NgIconsToken, } from '@ng-icons/core';
 import { parseSvg } from "./parse-svg.js";
 import { registerSvgComponents } from "./svg-elements.js";
 import { PAINT, SVG_ELEMENTS, UNDRAWN, gradientProps, isGradient, isTokenPaint, nativeProps, own, stopColor, styleAttributes, textProps, viewBoxProps, } from "./svg-props.js";
@@ -52,12 +54,39 @@ function pointsOf(value) {
     const points = rem ? Number(rem[1]) * 16 : numberAttribute(px ? px[1] : value, Number.NaN);
     return Number.isNaN(points) ? undefined : points;
 }
+/** A loader's answer as a promise: it may be a string, a promise or an observable. */
+function settled(result) {
+    if (typeof result === 'string')
+        return Promise.resolve(result);
+    const observable = result;
+    if (typeof observable?.subscribe !== 'function')
+        return Promise.resolve(result);
+    // The last value once it completes, which is what ng-icons' `toPromise()` waits for.
+    return new Promise((resolve, reject) => {
+        let last;
+        result.subscribe({
+            next: (value) => (last = value),
+            error: reject,
+            complete: () => resolve(last),
+        });
+    });
+}
 export class NgIcon {
     host = inject(ElementRef).nativeElement;
     renderer = inject(Renderer2);
     engine = inject(HostEngine);
     /** Every `provideIcons` in scope, innermost last, which is how ng-icons layers them. */
     icons = inject(NgIconsToken, { optional: true }) ?? [];
+    /** `provideNgIconsConfig`: the size, colour and stroke width an icon has without its own. */
+    config = inject(NgIconConfigToken, { optional: true }) ?? {};
+    /** `provideNgIconLoader`: where an icon no `provideIcons` has comes from. */
+    loader = inject(NgIconLoaderToken, { optional: true });
+    /** `withCaching()`: what the loader already answered, so it is asked once per name. */
+    cache = inject(NgIconCacheToken, { optional: true });
+    injector = inject(Injector);
+    errors = inject(ErrorHandler);
+    /** A static `aria-label`, which labels the icon as `accessibilityLabel` does. */
+    ariaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
     /** The key the icon was provided under: `heroBookOpen`, or `hero-book-open`. */
     name = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
@@ -69,17 +98,28 @@ export class NgIcon {
      * `size="32"` is read as the number it spells. With none, the icon is `1em`: as big as the
      * text around it, and sized by a `font-size` on it or above it, or by a width and height.
      */
-    size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: (value) => pointsOf(value) });
-    /** What a `currentColor` stroke or fill paints as. Native resolves it, so binding is cheap. */
-    color = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+    size = input(pointsOf(this.config.size), { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: (value) => pointsOf(value) });
+    /**
+     * What a `currentColor` stroke or fill paints as. It is the host's `color` style, so a `var()`
+     * resolves against the tokens in scope, and native paints it, so binding is cheap.
+     */
+    color = input(this.config.color, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
     /** Fills in `var(--ng-icon__stroke-width, …)`, which is how an outline set carries its weight. */
-    strokeWidth = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
+    strokeWidth = input(this.config.strokeWidth, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strokeWidth" }] : /* istanbul ignore next */ []));
     /** Absent leaves the icon out of the accessibility tree, which is right for a decorative one. */
     accessibilityLabel = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "accessibilityLabel" }] : /* istanbul ignore next */ []));
-    /** The size as an inline style, or nothing for the stylesheet's `1em` to stand. */
+    /** The label a screen reader reads: the input, or a static `aria-label`. */
+    label = computed(() => this.accessibilityLabel() ?? this.ariaLabel ?? undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** How many times the icon has asked the loader, so only the newest answer is drawn. */
+    asks = 0;
+    /** The markup the loader answered with, and the name it was asked for. */
+    loaded = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+    /** The size as an inline style, or nothing for the stylesheet's size to stand. */
     style = computed(() => {
         const size = this.size();
         return size === undefined ? {} : { width: size, height: size };
@@ -95,17 +135,16 @@ export class NgIcon {
         const name = this.name();
         if (name === undefined)
             return undefined;
-        const key = toPropertyName(name);
-        // Reversed, because a nearer `provideIcons` should win over one further up the tree.
-        for (const set of [...this.icons].reverse()) {
-            const markup = own(set, key);
-            if (markup)
-                return markup;
-        }
-        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
-            console.warn(`[angular-native] no icon named ${name}. Pass it to provideIcons() from the set it ` +
-                `belongs to, the same way you would on the web.`);
-        }
+        const provided = this.provided(name);
+        if (provided)
+            return provided;
+        const loaded = this.loaded();
+        if (loaded?.name === name && loaded.svg)
+            return loaded.svg;
+        // Still loading: the warning waits for the loader's answer.
+        if (this.loader && loaded?.name !== name)
+            return undefined;
+        this.reportMissing(name);
         return undefined;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "markup" }] : /* istanbul ignore next */ []));
@@ -128,6 +167,58 @@ export class NgIcon {
         // The shapes are created rather than templated: an icon's tree is data, and a template that
         // could express it would be a component per tag with a recursive switch between them.
         effect(() => this.draw());
+        effect(() => this.load());
+    }
+    /** The icon `provideIcons` has under this name, the nearest one first. */
+    provided(name) {
+        const key = toPropertyName(name);
+        // Reversed, because a nearer `provideIcons` should win over one further up the tree.
+        for (const set of [...this.icons].reverse()) {
+            const markup = own(set, key);
+            if (markup)
+                return markup;
+        }
+        return undefined;
+    }
+    /** Asks the loader for an icon no `provideIcons` has, as `@ng-icons/core` does. */
+    load() {
+        const name = this.name();
+        const ask = ++this.asks;
+        if (!this.loader || this.svg() !== undefined || name === undefined)
+            return;
+        if (this.provided(name))
+            return;
+        this.request(this.loader, name).then((svg) => {
+            // The icon asked again while the loader was answering, so this answer is out of date.
+            if (ask === this.asks)
+                this.loaded.set({ name, svg });
+        }, (error) => this.errors.handleError(error));
+    }
+    /** The loader's answer for a name, through the `withCaching()` cache when there is one. */
+    async request(loader, name) {
+        const cached = this.cache?.get(name);
+        if (cached !== undefined)
+            return cached;
+        // Untracked, so a signal the loader reads does not ask it again when that signal changes.
+        const answer = settled(untracked(() => runInInjectionContext(this.injector, () => loader(name))));
+        this.cache?.set(name, answer);
+        try {
+            const svg = await answer;
+            if (svg !== undefined)
+                this.cache?.set(name, svg);
+            return svg;
+        }
+        catch (error) {
+            // Not kept, so the next icon with this name asks again.
+            this.cache?.delete(name);
+            throw error;
+        }
+    }
+    reportMissing(name) {
+        if (typeof ngDevMode === 'undefined' || !ngDevMode)
+            return;
+        console.warn(`[angular-native] no icon named ${name}. Pass it to provideIcons() from the set it ` +
+            `belongs to, the same way you would on the web, or load it with provideNgIconLoader().`);
     }
     draw() {
         const root = this.root();
@@ -217,13 +308,13 @@ export class NgIcon {
         return shape;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NgIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: NgIcon, isStandalone: true, selector: "ng-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, accessibilityLabel: { classPropertyName: "accessibilityLabel", publicName: "accessibilityLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()", "color": "color()", "bbWidth": "box()", "bbHeight": "box()", "minX": "viewBox().minX", "minY": "viewBox().minY", "vbWidth": "viewBox().vbWidth", "vbHeight": "viewBox().vbHeight", "align": "viewBox().align", "meetOrSlice": "viewBox().meetOrSlice", "accessible": "accessibilityLabel() !== undefined", "accessibilityRole": "accessibilityLabel() === undefined ? undefined : 'image'", "accessibilityLabel": "accessibilityLabel()" } }, ngImport: i0, template: '', isInline: true, styles: ["\n    :host {\n      width: 1em;\n      height: 1em;\n    }\n  "] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: NgIcon, isStandalone: true, selector: "ng-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, accessibilityLabel: { classPropertyName: "accessibilityLabel", publicName: "accessibilityLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "style()", "style.color": "color()", "bbWidth": "box()", "bbHeight": "box()", "minX": "viewBox().minX", "minY": "viewBox().minY", "vbWidth": "viewBox().vbWidth", "vbHeight": "viewBox().vbHeight", "align": "viewBox().align", "meetOrSlice": "viewBox().meetOrSlice", "accessible": "label() !== undefined", "accessibilityRole": "label() === undefined ? undefined : 'image'", "accessibilityLabel": "label()" } }, ngImport: i0, template: '', isInline: true, styles: ["\n    :host {\n      width: var(--ng-icon__size, 1em);\n      height: var(--ng-icon__size, 1em);\n    }\n  "] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: NgIcon, decorators: [{
             type: Component,
             args: [{ selector: 'ng-icon', template: '', host: {
                         '[style]': 'style()',
-                        '[color]': 'color()',
+                        '[style.color]': 'color()',
                         '[bbWidth]': 'box()',
                         '[bbHeight]': 'box()',
                         '[minX]': 'viewBox().minX',
@@ -232,9 +323,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImpor
                         '[vbHeight]': 'viewBox().vbHeight',
                         '[align]': 'viewBox().align',
                         '[meetOrSlice]': 'viewBox().meetOrSlice',
-                        '[accessible]': 'accessibilityLabel() !== undefined',
-                        '[accessibilityRole]': "accessibilityLabel() === undefined ? undefined : 'image'",
-                        '[accessibilityLabel]': 'accessibilityLabel()',
-                    }, styles: ["\n    :host {\n      width: 1em;\n      height: 1em;\n    }\n  "] }]
+                        '[accessible]': 'label() !== undefined',
+                        '[accessibilityRole]': "label() === undefined ? undefined : 'image'",
+                        '[accessibilityLabel]': 'label()',
+                    }, styles: ["\n    :host {\n      width: var(--ng-icon__size, 1em);\n      height: var(--ng-icon__size, 1em);\n    }\n  "] }]
         }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], svg: [{ type: i0.Input, args: [{ isSignal: true, alias: "svg", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], accessibilityLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityLabel", required: false }] }] } });
 //# sourceMappingURL=ng-icon.js.map

package/dist/ng-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-icon.js","sourceRoot":"","sources":["../src/ng-icon.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n An icon, from the same `@ng-icons` packages a web app uses.\n \n An app imports `NgIcon`, provides the icons it uses with ng-icons' own `provideIcons`, and\n * writes `<ng-icon name=\"heroBookOpen\" [size]=\"28\" color=\"#ff9f0a\" />`. The imports are the same\n * ones a web app writes:\n \n ```ts\n * import { NgIcon } from '@ng-native/icons';\n * import { provideIcons } from '@ng-icons/core';\n * import { heroBookOpen } from '@ng-icons/heroicons/outline';\n * ```\n \n The icon packages are the reusable part: each set ships its icons as plain strings of SVG\n * markup, and `provideIcons` is ordinary dependency injection. What cannot be reused is\n * `@ng-icons/core`'s own `NgIcon`, which inserts that markup with `innerHTML` and sizes it with\n * CSS custom properties. This is the same component against react-native-svg's native views: the\n * markup is parsed, translated, and committed as real shapes.\n \n The two things ng-icons expresses in CSS become inputs here. `color` is set on the host, which\n * is what native paints a `currentColor` brush from - so a bound colour changes every stroke in\n * the icon without re-parsing it. `strokeWidth` fills in `var(--ng-icon__stroke-width, 1.5)`,\n * which is how the heroicons outline set carries its weight.\n /\nimport {\n Component,\n ElementRef,\n Renderer2,\n computed,\n effect,\n inject,\n input,\n numberAttribute,\n type Signal,\n} from '@angular/core';\nimport { claimHost, type Engine, type EngineNode, HostEngine } from '@ng-native/fabric';\nimport { NgIconsToken } from '@ng-icons/core';\nimport { parseSvg, type SvgNode } from './parse-svg.ts';\nimport { registerSvgComponents } from './svg-elements.ts';\nimport {\n PAINT,\n SVG_ELEMENTS,\n UNDRAWN,\n gradientProps,\n isGradient,\n isTokenPaint,\n nativeProps,\n own,\n stopColor,\n styleAttributes,\n textProps,\n viewBoxProps,\n} from './svg-props.ts';\n\n/* The tags already reported as not drawn, so a list of icons says it once. /\nconst reported = new Set<string>();\n\n/* ng-icons stores icons under a camel-cased key, so `hero-book-open` finds `heroBookOpen`. /\nfunction toPropertyName(name: string): string {\n return name\n .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, character: string \| undefined) =>\n character ? character.toUpperCase() : '',\n )\n .replace(/[^a-zA-Z\\d]/g, '')\n .replace(/^([A-Z])/, (match) => match.toLowerCase());\n}\n\n/\n A size in points: a number, a number as a string, or one with the unit a web app writes it\n * with, `18px` or `1.5rem`. Anything else is no size, and the icon is as big as the text around it.\n /\nfunction pointsOf(value: number \| string \| undefined): number \| undefined {\n if (value === undefined \|\| value === '') return undefined;\n const text = typeof value === 'string' ? value.trim() : '';\n const rem = /^([\\d.]+)rem$/.exec(text);\n const px = /^([\\d.]+)px$/.exec(text);\n // `..rem` fits the pattern and is no number: NaN either way, and so no size.\n const points = rem ? Number(rem[1]) 16 : numberAttribute(px ? px[1] : value, Number.NaN);\n return Number.isNaN(points) ? undefined : points;\n}\n\n@Component({\n selector: 'ng-icon',\n template: '',\n /\n With no size it is as big as the text around it, which is what an icon is on the web:\n * `@ng-icons/core` sizes one `1em`, and a library sizes its icons with a font size. A `size`\n * is an inline style, which beats this.\n /\n styles: `\n :host {\n width: 1em;\n height: 1em;\n }\n `,\n host: {\n '[style]': 'style()',\n '[color]': 'color()',\n '[bbWidth]': 'box()',\n '[bbHeight]': 'box()',\n '[minX]': 'viewBox().minX',\n '[minY]': 'viewBox().minY',\n '[vbWidth]': 'viewBox().vbWidth',\n '[vbHeight]': 'viewBox().vbHeight',\n '[align]': 'viewBox().align',\n '[meetOrSlice]': 'viewBox().meetOrSlice',\n '[accessible]': 'accessibilityLabel() !== undefined',\n '[accessibilityRole]': \"accessibilityLabel() === undefined ? undefined : 'image'\",\n '[accessibilityLabel]': 'accessibilityLabel()',\n },\n})\nexport class NgIcon {\n private readonly host = inject(ElementRef).nativeElement as EngineNode;\n private readonly renderer = inject(Renderer2);\n private readonly engine = inject(HostEngine);\n /* Every `provideIcons` in scope, innermost last, which is how ng-icons layers them. /\n private readonly icons = inject(NgIconsToken, { optional: true }) ?? [];\n\n /* The key the icon was provided under: `heroBookOpen`, or `hero-book-open`. /\n readonly name = input<string>();\n /* Markup, for an icon that comes from somewhere other than a provider. /\n readonly svg = input<string>();\n /\n Points, square. Icons are drawn from a `viewBox`, so this is the size on screen. A static\n * `size=\"32\"` is read as the number it spells. With none, the icon is `1em`: as big as the\n * text around it, and sized by a `font-size` on it or above it, or by a width and height.\n /\n readonly size = input(undefined, {\n transform: (value: number \| string \| undefined) => pointsOf(value),\n });\n /* What a `currentColor` stroke or fill paints as. Native resolves it, so binding is cheap. /\n readonly color = input<string>();\n /* Fills in `var(--ng-icon__stroke-width, …)`, which is how an outline set carries its weight. /\n readonly strokeWidth = input<number \| string>();\n /* Absent leaves the icon out of the accessibility tree, which is right for a decorative one. /\n readonly accessibilityLabel = input<string>();\n\n /* The size as an inline style, or nothing for the stylesheet's `1em` to stand. /\n protected readonly style = computed(() => {\n const size = this.size();\n return size === undefined ? {} : { width: size, height: size };\n });\n /* What the view scales its drawing to: the size, or the whole of the box it is laid out as. /\n protected readonly box = computed(() => this.size() ?? '100%');\n\n private readonly markup: Signal<string \| undefined> = computed(() => {\n const svg = this.svg();\n if (svg !== undefined) return svg;\n const name = this.name();\n if (name === undefined) return undefined;\n\n const key = toPropertyName(name);\n // Reversed, because a nearer `provideIcons` should win over one further up the tree.\n for (const set of [...this.icons].reverse()) {\n const markup = own(set, key);\n if (markup) return markup;\n }\n if (typeof ngDevMode !== 'undefined' && ngDevMode) {\n console.warn(\n `[angular-native] no icon named ${name}. Pass it to provideIcons() from the set it ` +\n `belongs to, the same way you would on the web.`,\n );\n }\n return undefined;\n });\n\n private readonly root = computed(() => {\n const markup = this.markup();\n return markup === undefined ? null : parseSvg(markup);\n });\n\n protected readonly viewBox = computed(() => viewBoxProps(this.root()?.attrs['viewBox']));\n\n constructor() {\n // Before the first shape is created, which is before this component's own commit.\n registerSvgComponents();\n // Claimed, and stripped of the attributes Angular wrote from static inputs: `name` is one of\n // ours and* one of react-native-svg's, so leaving it there hands native an element name.\n claimHost(this.host);\n for (const input of Object.keys(\n (NgIcon as { ɵcmp?: { inputs?: object } }).ɵcmp?.inputs ?? {},\n )) {\n delete this.host.props[input];\n }\n // The shapes are created rather than templated: an icon's tree is data, and a template that\n // could express it would be a component per tag with a recursive switch between them.\n effect(() => this.draw());\n }\n\n private draw(): void {\n const root = this.root();\n for (const child of [...this.host.children]) this.renderer.removeChild(this.host, child);\n if (!root) return;\n\n // Everything hangs off one group carrying the root's presentation attributes, which is how\n // react-native-svg's own `Svg` does it: the svg view itself holds no paint, so a root that\n // says `stroke=\"currentColor\"` needs a group for its children to inherit from.\n const group = this.create('svg-g', root);\n for (const child of root.children) this.append(group, child);\n this.renderer.appendChild(this.host, group);\n }\n\n private append(parent: unknown, node: SvgNode): void {\n const element = own(SVG_ELEMENTS, node.tag);\n if (!element) return this.reportUndrawn(node.tag);\n const shape = this.create(element, node);\n for (const child of node.children) this.append(shape, child);\n this.renderer.appendChild(parent, shape);\n }\n\n /*\n A `currentColor` stop is settled here from the `color` input, where a `currentColor` brush is\n * painted by native from the colour the cascade gives the icon. With no input it is black.\n /\n private reportUntintedStop(gradient: SvgNode): void {\n if (typeof ngDevMode === 'undefined' \|\| !ngDevMode) return;\n if (this.color() !== undefined \|\| reported.has('currentColor')) return;\n if (!gradient.children.some((stop) => stopColor(stop.attrs) === 'currentColor')) return;\n reported.add('currentColor');\n console.warn(\n '[angular-native] <ng-icon> paints a gradient stop written as currentColor from its ' +\n '`color` input, and this icon has none, so the stop is black. Set `color` on the icon.',\n );\n }\n\n /* An incomplete drawing with no message is the hardest failure to track down. /\n private reportUndrawn(tag: string): void {\n if (typeof ngDevMode === 'undefined' \|\| !ngDevMode) return;\n if (UNDRAWN.has(tag) \|\| reported.has(tag)) return;\n reported.add(tag);\n const drawn = ['svg', ...Object.keys(SVG_ELEMENTS), 'stop'].filter((name) => name !== '#text');\n console.warn(\n `[angular-native] <ng-icon> does not draw <${tag}>, so it is left out of the icon. ` +\n `It draws ${drawn.slice(0, -1).join(', ')} and ${drawn.at(-1)}.`,\n );\n }\n\n /* The native props of one element: a gradient's, a text's, or a shape's. */\n private propsOf(node: SvgNode, attrs: Record<string, string>): Record<string, unknown> {\n const context = { color: (value: string) => this.engine.color(value) };\n if (isGradient(node.tag)) {\n this.reportUntintedStop(node);\n return gradientProps(node, context, this.color());\n }\n const props = nativeProps(node.tag, attrs, context);\n if (node.tag === '#text') return { ...props, content: node.text };\n return node.tag === 'text' \|\| node.tag === 'tspan' ? { ...props, ...textProps(attrs) } : props;\n }\n\n private create(element: string, node: SvgNode): unknown {\n const shape = this.renderer.createElement(element) as EngineNode;\n // Created here rather than by a template, so nothing else will account for it: without this\n // the engine reports every shape as an element whose component was forgotten.\n claimHost(shape);\n const attrs = {\n ...node.attrs,\n // A `style` attribute is where ng-icons puts the stroke width, as a custom property.\n ...styleAttributes(node.attrs['style'] ?? '', {\n '--ng-icon__stroke-width': this.strokeWidth(),\n }),\n };\n const props = this.propsOf(node, attrs);\n // A paint that reads a custom property is settled by the cascade, with the tokens in scope\n // for the shape, and follows them. It stays in `propList`, which says the shape has one.\n const cascade = this.engine as Partial<Pick<Engine, 'setBoundStyle'>>;\n for (const paint of PAINT) {\n if (!isTokenPaint(attrs[paint]) \|\| !cascade.setBoundStyle?.(shape, paint, attrs[paint]))\n continue;\n delete props[paint];\n }\n for (const [prop, value] of Object.entries(props)) {\n this.renderer.setProperty(shape, prop, value);\n }\n return shape;\n }\n}\n"]}
1	+ {"version":3,"file":"ng-icon.js","sourceRoot":"","sources":["../src/ng-icon.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n An icon, from the same `@ng-icons` packages a web app uses.\n \n An app imports `NgIcon`, provides the icons it uses with ng-icons' own `provideIcons`, and\n * writes `<ng-icon name=\"heroBookOpen\" [size]=\"28\" color=\"#ff9f0a\" />`. The imports are the same\n * ones a web app writes:\n \n ```ts\n * import { NgIcon } from '@ng-native/icons';\n * import { provideIcons } from '@ng-icons/core';\n * import { heroBookOpen } from '@ng-icons/heroicons/outline';\n * ```\n \n The icon packages are the reusable part: each set ships its icons as plain strings of SVG\n * markup, and `provideIcons` is ordinary dependency injection. What cannot be reused is\n * `@ng-icons/core`'s own `NgIcon`, which inserts that markup with `innerHTML` and sizes it with\n * CSS custom properties. This is the same component against react-native-svg's native views: the\n * markup is parsed, translated, and committed as real shapes.\n \n The two things ng-icons expresses in CSS become inputs here. `color` is set on the host, which\n * is what native paints a `currentColor` brush from - so a bound colour changes every stroke in\n * the icon without re-parsing it. `strokeWidth` fills in `var(--ng-icon__stroke-width, 1.5)`,\n * which is how the heroicons outline set carries its weight. `provideNgIconsConfig` sets the\n * defaults of both and of `size`, and `provideNgIconLoader` is asked for a name no `provideIcons`\n * has, as on the web.\n /\nimport {\n Component,\n ElementRef,\n ErrorHandler,\n HostAttributeToken,\n Injector,\n Renderer2,\n computed,\n effect,\n inject,\n input,\n numberAttribute,\n runInInjectionContext,\n signal,\n untracked,\n type Signal,\n} from '@angular/core';\nimport { claimHost, type Engine, type EngineNode, HostEngine } from '@ng-native/fabric';\nimport {\n NgIconCacheToken,\n NgIconConfigToken,\n NgIconLoaderToken,\n NgIconsToken,\n type NgIconLoader,\n} from '@ng-icons/core';\nimport { parseSvg, type SvgNode } from './parse-svg.ts';\nimport { registerSvgComponents } from './svg-elements.ts';\nimport {\n PAINT,\n SVG_ELEMENTS,\n UNDRAWN,\n gradientProps,\n isGradient,\n isTokenPaint,\n nativeProps,\n own,\n stopColor,\n styleAttributes,\n textProps,\n viewBoxProps,\n} from './svg-props.ts';\n\n/* The tags already reported as not drawn, so a list of icons says it once. /\nconst reported = new Set<string>();\n\n/* ng-icons stores icons under a camel-cased key, so `hero-book-open` finds `heroBookOpen`. /\nfunction toPropertyName(name: string): string {\n return name\n .replace(/([^a-zA-Z0-9])+(.)?/g, (_, __, character: string \| undefined) =>\n character ? character.toUpperCase() : '',\n )\n .replace(/[^a-zA-Z\\d]/g, '')\n .replace(/^([A-Z])/, (match) => match.toLowerCase());\n}\n\n/\n A size in points: a number, a number as a string, or one with the unit a web app writes it\n * with, `18px` or `1.5rem`. Anything else is no size, and the icon is as big as the text around it.\n /\nfunction pointsOf(value: number \| string \| undefined): number \| undefined {\n if (value === undefined \|\| value === '') return undefined;\n const text = typeof value === 'string' ? value.trim() : '';\n const rem = /^([\\d.]+)rem$/.exec(text);\n const px = /^([\\d.]+)px$/.exec(text);\n // `..rem` fits the pattern and is no number: NaN either way, and so no size.\n const points = rem ? Number(rem[1]) 16 : numberAttribute(px ? px[1] : value, Number.NaN);\n return Number.isNaN(points) ? undefined : points;\n}\n\n/** A loader's answer as a promise: it may be a string, a promise or an observable. /\nfunction settled(result: unknown): Promise<string \| undefined> {\n if (typeof result === 'string') return Promise.resolve(result);\n const observable = result as { subscribe?: unknown } \| null;\n if (typeof observable?.subscribe !== 'function')\n return Promise.resolve(result as Promise<string>);\n // The last value once it completes, which is what ng-icons' `toPromise()` waits for.\n return new Promise((resolve, reject) => {\n let last: string \| undefined;\n (result as { subscribe(observer: object): void }).subscribe({\n next: (value: string) => (last = value),\n error: reject,\n complete: () => resolve(last),\n });\n });\n}\n\n@Component({\n selector: 'ng-icon',\n template: '',\n /\n * With no size it is as big as the text around it, which is what an icon is on the web:\n * `@ng-icons/core` sizes one `1em`, and a library sizes its icons with a font size. An\n * `<ng-icon-stack size>` sets `--ng-icon__size` for the icons in it. A `size` is an inline\n * style, which beats both.\n /\n styles: `\n :host {\n width: var(--ng-icon__size, 1em);\n height: var(--ng-icon__size, 1em);\n }\n `,\n host: {\n '[style]': 'style()',\n '[style.color]': 'color()',\n '[bbWidth]': 'box()',\n '[bbHeight]': 'box()',\n '[minX]': 'viewBox().minX',\n '[minY]': 'viewBox().minY',\n '[vbWidth]': 'viewBox().vbWidth',\n '[vbHeight]': 'viewBox().vbHeight',\n '[align]': 'viewBox().align',\n '[meetOrSlice]': 'viewBox().meetOrSlice',\n '[accessible]': 'label() !== undefined',\n '[accessibilityRole]': \"label() === undefined ? undefined : 'image'\",\n '[accessibilityLabel]': 'label()',\n },\n})\nexport class NgIcon {\n private readonly host = inject(ElementRef).nativeElement as EngineNode;\n private readonly renderer = inject(Renderer2);\n private readonly engine = inject(HostEngine);\n /* Every `provideIcons` in scope, innermost last, which is how ng-icons layers them. /\n private readonly icons = inject(NgIconsToken, { optional: true }) ?? [];\n /* `provideNgIconsConfig`: the size, colour and stroke width an icon has without its own. /\n private readonly config = inject(NgIconConfigToken, { optional: true }) ?? {};\n /* `provideNgIconLoader`: where an icon no `provideIcons` has comes from. /\n private readonly loader = inject(NgIconLoaderToken, { optional: true });\n /* `withCaching()`: what the loader already answered, so it is asked once per name. /\n private readonly cache = inject(NgIconCacheToken, { optional: true });\n private readonly injector = inject(Injector);\n private readonly errors = inject(ErrorHandler);\n /* A static `aria-label`, which labels the icon as `accessibilityLabel` does. /\n private readonly ariaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n /* The key the icon was provided under: `heroBookOpen`, or `hero-book-open`. /\n readonly name = input<string>();\n /* Markup, for an icon that comes from somewhere other than a provider. /\n readonly svg = input<string>();\n /\n Points, square. Icons are drawn from a `viewBox`, so this is the size on screen. A static\n * `size=\"32\"` is read as the number it spells. With none, the icon is `1em`: as big as the\n * text around it, and sized by a `font-size` on it or above it, or by a width and height.\n /\n readonly size = input(pointsOf(this.config.size), {\n transform: (value: number \| string \| undefined) => pointsOf(value),\n });\n /\n What a `currentColor` stroke or fill paints as. It is the host's `color` style, so a `var()`\n * resolves against the tokens in scope, and native paints it, so binding is cheap.\n /\n readonly color = input<string \| undefined>(this.config.color);\n /* Fills in `var(--ng-icon__stroke-width, …)`, which is how an outline set carries its weight. /\n readonly strokeWidth = input<number \| string \| undefined>(this.config.strokeWidth);\n /* Absent leaves the icon out of the accessibility tree, which is right for a decorative one. /\n readonly accessibilityLabel = input<string>();\n\n /* The label a screen reader reads: the input, or a static `aria-label`. /\n protected readonly label = computed(\n () => this.accessibilityLabel() ?? this.ariaLabel ?? undefined,\n );\n /* How many times the icon has asked the loader, so only the newest answer is drawn. /\n private asks = 0;\n /* The markup the loader answered with, and the name it was asked for. /\n private readonly loaded = signal<{ name: string; svg: string \| undefined } \| undefined>(\n undefined,\n );\n\n /* The size as an inline style, or nothing for the stylesheet's size to stand. /\n protected readonly style = computed(() => {\n const size = this.size();\n return size === undefined ? {} : { width: size, height: size };\n });\n /* What the view scales its drawing to: the size, or the whole of the box it is laid out as. /\n protected readonly box = computed(() => this.size() ?? '100%');\n\n private readonly markup: Signal<string \| undefined> = computed(() => {\n const svg = this.svg();\n if (svg !== undefined) return svg;\n const name = this.name();\n if (name === undefined) return undefined;\n\n const provided = this.provided(name);\n if (provided) return provided;\n const loaded = this.loaded();\n if (loaded?.name === name && loaded.svg) return loaded.svg;\n // Still loading: the warning waits for the loader's answer.\n if (this.loader && loaded?.name !== name) return undefined;\n this.reportMissing(name);\n return undefined;\n });\n\n private readonly root = computed(() => {\n const markup = this.markup();\n return markup === undefined ? null : parseSvg(markup);\n });\n\n protected readonly viewBox = computed(() => viewBoxProps(this.root()?.attrs['viewBox']));\n\n constructor() {\n // Before the first shape is created, which is before this component's own commit.\n registerSvgComponents();\n // Claimed, and stripped of the attributes Angular wrote from static inputs: `name` is one of\n // ours and* one of react-native-svg's, so leaving it there hands native an element name.\n claimHost(this.host);\n for (const input of Object.keys(\n (NgIcon as { ɵcmp?: { inputs?: object } }).ɵcmp?.inputs ?? {},\n )) {\n delete this.host.props[input];\n }\n // The shapes are created rather than templated: an icon's tree is data, and a template that\n // could express it would be a component per tag with a recursive switch between them.\n effect(() => this.draw());\n effect(() => this.load());\n }\n\n /** The icon `provideIcons` has under this name, the nearest one first. /\n private provided(name: string): string \| undefined {\n const key = toPropertyName(name);\n // Reversed, because a nearer `provideIcons` should win over one further up the tree.\n for (const set of [...this.icons].reverse()) {\n const markup = own(set, key);\n if (markup) return markup;\n }\n return undefined;\n }\n\n /* Asks the loader for an icon no `provideIcons` has, as `@ng-icons/core` does. /\n private load(): void {\n const name = this.name();\n const ask = ++this.asks;\n if (!this.loader \|\| this.svg() !== undefined \|\| name === undefined) return;\n if (this.provided(name)) return;\n this.request(this.loader, name).then(\n (svg) => {\n // The icon asked again while the loader was answering, so this answer is out of date.\n if (ask === this.asks) this.loaded.set({ name, svg });\n },\n (error: unknown) => this.errors.handleError(error),\n );\n }\n\n /* The loader's answer for a name, through the `withCaching()` cache when there is one. /\n private async request(loader: NgIconLoader, name: string): Promise<string \| undefined> {\n const cached = this.cache?.get(name);\n if (cached !== undefined) return cached;\n // Untracked, so a signal the loader reads does not ask it again when that signal changes.\n const answer = settled(\n untracked(() => runInInjectionContext(this.injector, () => loader(name))),\n );\n this.cache?.set(name, answer as Promise<string>);\n try {\n const svg = await answer;\n if (svg !== undefined) this.cache?.set(name, svg);\n return svg;\n } catch (error) {\n // Not kept, so the next icon with this name asks again.\n this.cache?.delete(name);\n throw error;\n }\n }\n\n private reportMissing(name: string): void {\n if (typeof ngDevMode === 'undefined' \|\| !ngDevMode) return;\n console.warn(\n `[angular-native] no icon named ${name}. Pass it to provideIcons() from the set it ` +\n `belongs to, the same way you would on the web, or load it with provideNgIconLoader().`,\n );\n }\n\n private draw(): void {\n const root = this.root();\n for (const child of [...this.host.children]) this.renderer.removeChild(this.host, child);\n if (!root) return;\n\n // Everything hangs off one group carrying the root's presentation attributes, which is how\n // react-native-svg's own `Svg` does it: the svg view itself holds no paint, so a root that\n // says `stroke=\"currentColor\"` needs a group for its children to inherit from.\n const group = this.create('svg-g', root);\n for (const child of root.children) this.append(group, child);\n this.renderer.appendChild(this.host, group);\n }\n\n private append(parent: unknown, node: SvgNode): void {\n const element = own(SVG_ELEMENTS, node.tag);\n if (!element) return this.reportUndrawn(node.tag);\n const shape = this.create(element, node);\n for (const child of node.children) this.append(shape, child);\n this.renderer.appendChild(parent, shape);\n }\n\n /\n A `currentColor` stop is settled here from the `color` input, where a `currentColor` brush is\n * painted by native from the colour the cascade gives the icon. With no input it is black.\n /\n private reportUntintedStop(gradient: SvgNode): void {\n if (typeof ngDevMode === 'undefined' \|\| !ngDevMode) return;\n if (this.color() !== undefined \|\| reported.has('currentColor')) return;\n if (!gradient.children.some((stop) => stopColor(stop.attrs) === 'currentColor')) return;\n reported.add('currentColor');\n console.warn(\n '[angular-native] <ng-icon> paints a gradient stop written as currentColor from its ' +\n '`color` input, and this icon has none, so the stop is black. Set `color` on the icon.',\n );\n }\n\n /* An incomplete drawing with no message is the hardest failure to track down. /\n private reportUndrawn(tag: string): void {\n if (typeof ngDevMode === 'undefined' \|\| !ngDevMode) return;\n if (UNDRAWN.has(tag) \|\| reported.has(tag)) return;\n reported.add(tag);\n const drawn = ['svg', ...Object.keys(SVG_ELEMENTS), 'stop'].filter((name) => name !== '#text');\n console.warn(\n `[angular-native] <ng-icon> does not draw <${tag}>, so it is left out of the icon. ` +\n `It draws ${drawn.slice(0, -1).join(', ')} and ${drawn.at(-1)}.`,\n );\n }\n\n /* The native props of one element: a gradient's, a text's, or a shape's. */\n private propsOf(node: SvgNode, attrs: Record<string, string>): Record<string, unknown> {\n const context = { color: (value: string) => this.engine.color(value) };\n if (isGradient(node.tag)) {\n this.reportUntintedStop(node);\n return gradientProps(node, context, this.color());\n }\n const props = nativeProps(node.tag, attrs, context);\n if (node.tag === '#text') return { ...props, content: node.text };\n return node.tag === 'text' \|\| node.tag === 'tspan' ? { ...props, ...textProps(attrs) } : props;\n }\n\n private create(element: string, node: SvgNode): unknown {\n const shape = this.renderer.createElement(element) as EngineNode;\n // Created here rather than by a template, so nothing else will account for it: without this\n // the engine reports every shape as an element whose component was forgotten.\n claimHost(shape);\n const attrs = {\n ...node.attrs,\n // A `style` attribute is where ng-icons puts the stroke width, as a custom property.\n ...styleAttributes(node.attrs['style'] ?? '', {\n '--ng-icon__stroke-width': this.strokeWidth(),\n }),\n };\n const props = this.propsOf(node, attrs);\n // A paint that reads a custom property is settled by the cascade, with the tokens in scope\n // for the shape, and follows them. It stays in `propList`, which says the shape has one.\n const cascade = this.engine as Partial<Pick<Engine, 'setBoundStyle'>>;\n for (const paint of PAINT) {\n if (!isTokenPaint(attrs[paint]) \|\| !cascade.setBoundStyle?.(shape, paint, attrs[paint]))\n continue;\n delete props[paint];\n }\n for (const [prop, value] of Object.entries(props)) {\n this.renderer.setProperty(shape, prop, value);\n }\n return shape;\n }\n}\n"]}

package/dist/svg-elements.js CHANGED Viewed

@@ -26,6 +26,9 @@ const SVG_VIEW_NAMES = {
     'svg-rect': 'RNSVGRect',
     'svg-line': 'RNSVGLine',
     'svg-defs': 'RNSVGDefs',
+    'svg-mask': 'RNSVGMask',
+    'svg-clip-path': 'RNSVGClipPath',
+    'svg-use': 'RNSVGUse',
     'svg-linear-gradient': 'RNSVGLinearGradient',
     'svg-radial-gradient': 'RNSVGRadialGradient',
     'svg-text': 'RNSVGText',

package/dist/svg-elements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"svg-elements.js","sourceRoot":"","sources":["../src/svg-elements.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErE;;;;;;;;GAQG;AACH,MAAM,cAAc,GAA2B;IAC7C,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,WAAW;IACvB,YAAY,EAAE,aAAa;IAC3B,aAAa,EAAE,cAAc;IAC7B,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,qBAAqB,EAAE,qBAAqB;IAC5C,qBAAqB,EAAE,qBAAqB;IAC5C,UAAU,EAAE,WAAW;IACvB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB;IACnC,IAAI,UAAU;QAAE,OAAO;IACvB,UAAU,GAAG,IAAI,CAAC;IAClB,gBAAgB,CACd,SAAS,EACT,cAAc,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CACxE,CAAC;IACF,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;QACjE,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;AACH,CAAC","sourcesContent":["/*\n react-native-svg, driven directly.\n \n The same arrangement as react-native-screens in the router: the native side is a set of\n * codegen'd Fabric components, and their React wrappers are unreachable, so the engine is taught\n * the element names and the shapes are created with `createElement`. The app installs\n * `react-native-svg` for the native half; none of its JavaScript is imported.\n \n No decorators here: tests import this at runtime.\n /\nimport { nativePlatform, registerViewName } from '@ng-native/fabric';\n\n/\n Element name -> Fabric component. Lowercase, because the compiler drops a template with a\n * capitalized element name, and prefixed, because `path` and\n * `line` are words an app might reasonably want for a component of its own.\n \n The root is the one that differs per platform: iOS draws into `RNSVGSvgView`, Android into\n * `RNSVGSvgViewAndroid`, and react-native-svg keeps them as separate specs because their props\n * are not the same.\n /\nconst SVG_VIEW_NAMES: Record<string, string> = {\n 'svg-g': 'RNSVGGroup',\n 'svg-path': 'RNSVGPath',\n 'svg-circle': 'RNSVGCircle',\n 'svg-ellipse': 'RNSVGEllipse',\n 'svg-rect': 'RNSVGRect',\n 'svg-line': 'RNSVGLine',\n 'svg-defs': 'RNSVGDefs',\n 'svg-linear-gradient': 'RNSVGLinearGradient',\n 'svg-radial-gradient': 'RNSVGRadialGradient',\n 'svg-text': 'RNSVGText',\n 'svg-tspan': 'RNSVGTSpan',\n};\n\nlet registered = false;\n\n/\n Teach the engine the shape elements and `ng-icon`, `NgIcon`'s own host, as the root. Called by\n * `NgIcon`, so importing it is the whole setup - the same lesson as `AnimatedStyle`, which stopped\n * needing a bootstrap provider for the same reason.\n \n A name the native side does not know renders as `UnimplementedNativeView` rather than erroring,\n * so an app that has not installed `react-native-svg` sees blank boxes where its icons were.\n */\nexport function registerSvgComponents(): void {\n if (registered) return;\n registered = true;\n registerViewName(\n 'ng-icon',\n nativePlatform() === 'android' ? 'RNSVGSvgViewAndroid' : 'RNSVGSvgView',\n );\n for (const [element, viewName] of Object.entries(SVG_VIEW_NAMES)) {\n registerViewName(element, viewName);\n }\n}\n"]}
1	+ {"version":3,"file":"svg-elements.js","sourceRoot":"","sources":["../src/svg-elements.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErE;;;;;;;;GAQG;AACH,MAAM,cAAc,GAA2B;IAC7C,OAAO,EAAE,YAAY;IACrB,UAAU,EAAE,WAAW;IACvB,YAAY,EAAE,aAAa;IAC3B,aAAa,EAAE,cAAc;IAC7B,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,eAAe,EAAE,eAAe;IAChC,SAAS,EAAE,UAAU;IACrB,qBAAqB,EAAE,qBAAqB;IAC5C,qBAAqB,EAAE,qBAAqB;IAC5C,UAAU,EAAE,WAAW;IACvB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB;IACnC,IAAI,UAAU;QAAE,OAAO;IACvB,UAAU,GAAG,IAAI,CAAC;IAClB,gBAAgB,CACd,SAAS,EACT,cAAc,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,cAAc,CACxE,CAAC;IACF,KAAK,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;QACjE,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;AACH,CAAC","sourcesContent":["/*\n react-native-svg, driven directly.\n \n The same arrangement as react-native-screens in the router: the native side is a set of\n * codegen'd Fabric components, and their React wrappers are unreachable, so the engine is taught\n * the element names and the shapes are created with `createElement`. The app installs\n * `react-native-svg` for the native half; none of its JavaScript is imported.\n \n No decorators here: tests import this at runtime.\n /\nimport { nativePlatform, registerViewName } from '@ng-native/fabric';\n\n/\n Element name -> Fabric component. Lowercase, because the compiler drops a template with a\n * capitalized element name, and prefixed, because `path` and\n * `line` are words an app might reasonably want for a component of its own.\n \n The root is the one that differs per platform: iOS draws into `RNSVGSvgView`, Android into\n * `RNSVGSvgViewAndroid`, and react-native-svg keeps them as separate specs because their props\n * are not the same.\n /\nconst SVG_VIEW_NAMES: Record<string, string> = {\n 'svg-g': 'RNSVGGroup',\n 'svg-path': 'RNSVGPath',\n 'svg-circle': 'RNSVGCircle',\n 'svg-ellipse': 'RNSVGEllipse',\n 'svg-rect': 'RNSVGRect',\n 'svg-line': 'RNSVGLine',\n 'svg-defs': 'RNSVGDefs',\n 'svg-mask': 'RNSVGMask',\n 'svg-clip-path': 'RNSVGClipPath',\n 'svg-use': 'RNSVGUse',\n 'svg-linear-gradient': 'RNSVGLinearGradient',\n 'svg-radial-gradient': 'RNSVGRadialGradient',\n 'svg-text': 'RNSVGText',\n 'svg-tspan': 'RNSVGTSpan',\n};\n\nlet registered = false;\n\n/\n Teach the engine the shape elements and `ng-icon`, `NgIcon`'s own host, as the root. Called by\n * `NgIcon`, so importing it is the whole setup - the same lesson as `AnimatedStyle`, which stopped\n * needing a bootstrap provider for the same reason.\n \n A name the native side does not know renders as `UnimplementedNativeView` rather than erroring,\n * so an app that has not installed `react-native-svg` sees blank boxes where its icons were.\n */\nexport function registerSvgComponents(): void {\n if (registered) return;\n registered = true;\n registerViewName(\n 'ng-icon',\n nativePlatform() === 'android' ? 'RNSVGSvgViewAndroid' : 'RNSVGSvgView',\n );\n for (const [element, viewName] of Object.entries(SVG_VIEW_NAMES)) {\n registerViewName(element, viewName);\n }\n}\n"]}

package/dist/svg-props.js CHANGED Viewed

@@ -36,6 +36,9 @@ export const SVG_ELEMENTS = {
     polyline: 'svg-path',
     polygon: 'svg-path',
     defs: 'svg-defs',
+    mask: 'svg-mask',
+    clipPath: 'svg-clip-path',
+    use: 'svg-use',
     linearGradient: 'svg-linear-gradient',
     radialGradient: 'svg-radial-gradient',
     text: 'svg-text',
@@ -52,8 +55,10 @@ const GEOMETRY = {
     ellipse: ['cx', 'cy', 'rx', 'ry'],
     rect: ['x', 'y', 'width', 'height', 'rx', 'ry'],
     line: ['x1', 'y1', 'x2', 'y2'],
+    mask: ['x', 'y', 'width', 'height'],
+    use: ['x', 'y', 'width', 'height'],
 };
-/** A shape's geometry, as written, and 0 for what react-native-svg defaults and it left out. */
+/** A shape's geometry, as written, and the default for what it left out. */
 function geometry(tag, attrs, props) {
     for (const name of own(GEOMETRY, tag) ?? []) {
         if (attrs[name] !== undefined)
@@ -61,6 +66,10 @@ function geometry(tag, attrs, props) {
     }
     for (const name of own(ZERO_BY_DEFAULT, tag) ?? [])
         props[name] ??= 0;
+    if (tag !== 'mask')
+        return;
+    for (const [name, value] of Object.entries(MASK_AREA))
+        props[name] ??= value;
 }
 /**
  * The geometry each shape defaults to 0 when absent, as react-native-svg's `Rect`, `Circle`,
@@ -72,7 +81,21 @@ const ZERO_BY_DEFAULT = {
     ellipse: ['cx', 'cy', 'rx', 'ry'],
     rect: ['x', 'y', 'width', 'height'],
     line: ['x1', 'y1', 'x2', 'y2'],
+    use: ['x', 'y', 'width', 'height'],
 };
+/** The area a mask covers when the markup does not say, which is SVG's default. */
+const MASK_AREA = { x: '-10%', y: '-10%', width: '120%', height: '120%' };
+const MASK_TYPE = { luminance: 0, alpha: 1 };
+/** A mask's units and type, as the integers react-native-svg's `Mask` sends. */
+function maskProps(attrs) {
+    return {
+        maskUnits: own(GRADIENT_UNITS, attrs['maskUnits'] ?? '') ?? 0,
+        maskContentUnits: own(GRADIENT_UNITS, attrs['maskContentUnits'] ?? '') ?? 1,
+        maskType: own(MASK_TYPE, attrs['mask-type'] ?? '') ?? 0,
+    };
+}
+/** The id in `url(#id)` or `#id`, the form a reference to another element is written in. */
+const referenceOf = (value) => value === undefined ? undefined : (URL_REFERENCE.exec(value) ?? /^#(.+)$/.exec(value))?.[1];
 /** SVG attribute -> native prop, for the presentation attributes shapes and groups share. */
 const PRESENTATION = {
     fill: 'fill',
@@ -360,6 +383,7 @@ export function nativeProps(tag, attrs, context) {
     if (propList.length > 0)
         props['propList'] = propList;
     geometry(tag, attrs, props);
+    references(tag, attrs, props);
     if (tag === 'polyline' || tag === 'polygon') {
         props['d'] = pointsToPath(attrs['points'] ?? '', tag === 'polygon');
     }
@@ -370,6 +394,24 @@ export function nativeProps(tag, attrs, context) {
     }
     return props;
 }
+/**
+ * How elements point at each other: an element's `id` is the `name` native knows it by, and a
+ * `mask`, a `clip-path` and a `<use>` name the element they use, as react-native-svg sends them.
+ */
+function references(tag, attrs, props) {
+    if (attrs['id'])
+        props['name'] = attrs['id'];
+    const mask = referenceOf(attrs['mask']);
+    if (mask)
+        props['mask'] = mask;
+    const clipPath = referenceOf(attrs['clip-path']);
+    if (clipPath)
+        props['clipPath'] = clipPath;
+    if (tag === 'mask')
+        Object.assign(props, maskProps(attrs));
+    if (tag === 'use')
+        props['href'] = referenceOf(attrs['href'] ?? attrs['xlink:href']);
+}
 /**
  * The props react-native-svg's Android view manager declares as `float` rather than `Dynamic`,
  * with the default it applies when the prop is absent.
@@ -399,15 +441,25 @@ function presentationValue(prop, value, context) {
     if (prop === 'fillRule' || prop === 'clipRule')
         return own(FILL_RULE, value) ?? 1;
     if (prop === 'strokeDasharray')
-        return value
-            .trim()
-            .split(/[\s,]+/)
-            .filter(Boolean);
+        return dashes(value);
     return prop in NUMERIC ? numberFor(prop, value) : value;
 }
+/** A dash pattern as a list of lengths, or null for `none`, which is a solid line. */
+function dashes(value) {
+    if (value.trim() === 'none')
+        return null;
+    return value
+        .trim()
+        .split(/[\s,]+/)
+        .filter(Boolean);
+}
+const OPACITY = new Set(['opacity', 'fillOpacity', 'strokeOpacity']);
 /** The attribute as the float Android's view manager takes, or the default it applies. */
 function numberFor(prop, value) {
     const number = Number.parseFloat(value);
-    return Number.isNaN(number) ? NUMERIC[prop] : number;
+    if (Number.isNaN(number))
+        return NUMERIC[prop];
+    // `50%` is half, for an opacity, as react-native-svg's `extractOpacity` reads it.
+    return OPACITY.has(prop) && value.trim().endsWith('%') ? number / 100 : number;
 }
 //# sourceMappingURL=svg-props.js.map

package/dist/svg-props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"svg-props.js","sourceRoot":"","sources":["../src/svg-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AASH,MAAM,OAAO,GAA2B,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AACzE,MAAM,QAAQ,GAA2B,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC1E,MAAM,SAAS,GAA2B,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AAErE,MAAM,aAAa,GAAG,gBAAgB,CAAC;AAEvC,yGAAyG;AACzG,MAAM,UAAU,GAAG,CAAI,KAAkC,EAAE,GAAW;IACpE,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5D,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAA2B;IAClD,CAAC,EAAE,OAAO;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,UAAU;IACnB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,qBAAqB;IACrC,cAAc,EAAE,qBAAqB;IACrC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,gFAAgF;IAChF,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,+FAA+F;AAC/F,MAAM,CAAC,MAAM,OAAO,GAAwB,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE/E,gFAAgF;AAChF,MAAM,QAAQ,GAAsC;IAClD,IAAI,EAAE,CAAC,GAAG,CAAC;IACX,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACjC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC;IAC/C,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;CAC/B,CAAC;AAEF,gGAAgG;AAChG,SAAS,QAAQ,CACf,GAAW,EACX,KAAuC,EACvC,KAA8B;IAE9B,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5C,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,EAAE;QAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxE,CAAC;AAED;;;;GAIG;AACH,MAAM,eAAe,GAAsC;IACzD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACjC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC;IACnC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;CAC/B,CAAC;AAEF,6FAA6F;AAC7F,MAAM,YAAY,GAA2B;IAC3C,IAAI,EAAE,MAAM;IACZ,cAAc,EAAE,aAAa;IAC7B,WAAW,EAAE,UAAU;IACvB,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,eAAe;IACjC,cAAc,EAAE,aAAa;IAC7B,gBAAgB,EAAE,eAAe;IACjC,iBAAiB,EAAE,gBAAgB;IACnC,kBAAkB,EAAE,iBAAiB;IACrC,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,kBAAkB;IACvC,WAAW,EAAE,UAAU;IACvB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,oDAAoD;AACpD,MAAM,CAAC,MAAM,KAAK,GAAwB,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEtE,uEAAuE;AACvE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAmB,EAAE,CACzE,KAAK,KAAK,SAAS,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAOlD,MAAM,UAAU,OAAO,CAAC,KAAa,EAAE,OAAmB;IACxD,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IAClC,+FAA+F;IAC/F,yFAAyF;IACzF,YAAY;IACZ,IAAI,KAAK,KAAK,cAAc;QAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACjD,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,SAAS;QAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAE,EAAE,CAAC;IAC3D,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AACpD,CAAC;AAED,MAAM,cAAc,GAA2B,EAAE,iBAAiB,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC;AAE3F,oGAAoG;AACpG,MAAM,aAAa,GAAqD;IACtE,cAAc,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE;IAC5D,cAAc,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;AAEtF;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAgG,EAChG,OAAmB,EACnB,YAAqB;IAErB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ;SACxB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,CAAC;SACvC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;SACxD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;SAC/B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;QACjB,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;QAChC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE;QACtB,aAAa,EAAE,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;QACrE,iBAAiB,EAAE,eAAe,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI;KAC7E,CAAC;AACJ,CAAC;AAED,uFAAuF;AACvF,SAAS,YAAY,CACnB,GAAW,EACX,KAAuC;IAEvC,MAAM,IAAI,GAA4B,EAAE,GAAG,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC;IACrE,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7E,IAAI,GAAG,KAAK,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC;IACnC,OAAO;QACL,GAAG,IAAI;QACP,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM;QACzB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM;QACzB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;QAC7B,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;KAC9B,CAAC;AACJ,CAAC;AAOD,oEAAoE;AACpE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAuC,EAAU,EAAE,CAC3E,oCAAoC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE;IAC5E,KAAK,CAAC,YAAY,CAAC;IACnB,MAAM,CAAC;AAET;;;;GAIG;AACH,SAAS,MAAM,CACb,KAAuC,EACvC,OAAmB,EACnB,YAAgC;IAEhC,MAAM,GAAG,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IACvE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9F,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACzD,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7F,CAAC;AAED,uFAAuF;AACvF,SAAS,QAAQ,CAAC,KAAyB,EAAE,QAAgB;IAC3D,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC9C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QAAE,OAAO,QAAQ,CAAC;IAC1C,OAAO,KAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;AAC7D,CAAC;AAED;;;GAGG;AACH,SAAS,WAAW,CAAC,MAAe,EAAE,QAAgB;IACpD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IACnD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,sBAAsB,MAAM,IAAI,OAAO,GAAG,GAAG,iBAAiB,CAAC;IACjG,CAAC;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC;IACpD,OAAO,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,oFAAoF;AACpF,MAAM,IAAI,GAA2B;IACnC,WAAW,EAAE,UAAU;IACvB,aAAa,EAAE,YAAY;IAC3B,YAAY,EAAE,WAAW;IACzB,aAAa,EAAE,YAAY;IAC3B,cAAc,EAAE,aAAa;IAC7B,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,YAAY;IAC3B,iBAAiB,EAAE,gBAAgB;IACnC,gBAAgB,EAAE,eAAe;IACjC,cAAc,EAAE,aAAa;IAC7B,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAY,EAAE,CACzD,KAAK,KAAK,SAAS;IACjB,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,KAAK;SACF,IAAI,EAAE;SACN,KAAK,CAAC,QAAQ,CAAC;SACf,MAAM,CAAC,OAAO,CAAC,CAAC;AAEzB;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,KAAuC;IAC/D,MAAM,IAAI,GAA2B,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,GAAG;YAAE,SAAS;QACnB,IAAI,CAAC,GAAG,CAAC;YACP,GAAG,KAAK,YAAY;gBAClB,CAAC,CAAC,KAAK;qBACF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE;qBACd,IAAI,EAAE;qBACN,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;gBAChC,CAAC,CAAC,KAAK,CAAC;IACd,CAAC;IACD,OAAO;QACL,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,EAAE,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC3B,EAAE,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACnC,IAAI;KACL,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,YAAY,CAAC,MAAc,EAAE,KAAc;IACzD,MAAM,OAAO,GAAG,MAAM;SACnB,IAAI,EAAE;SACN,KAAK,CAAC,QAAQ,CAAC;SACf,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAC3D,IAAI,IAAI,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;IAC9E,CAAC;IACD,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3C,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,eAAe,CAC7B,KAAa,EACb,SAAgE;IAEhE,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,KAAK,MAAM,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,SAAS;QAC3B,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;QAChD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAClD,0FAA0F;QAC1F,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACvF,IAAI,IAAI,IAAI,QAAQ,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;IAC7D,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,UAAU,CACjB,KAAa,EACb,SAAgE;IAEhE,MAAM,KAAK,GAAG,2CAA2C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtE,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;IACtC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpD,OAAO,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;AACvC,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,YAAY,CAAC,OAA2B;IACtD,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IACxB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACzE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAC9D,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC;IAC9C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;AAC9E,CAAC;AAED,MAAM,SAAS,GAAG,4BAA4B,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,SAAiB;IAC/C,IAAI,MAA4B,CAAC;IACjC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC;IACxB,IAAI,KAA6B,CAAC;IAClC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACpD,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAE;aACrB,IAAI,EAAE;aACN,KAAK,CAAC,QAAQ,CAAC;aACf,GAAG,CAAC,MAAM,CAAC,CAAC;QACf,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,IAAI;YAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,mGAAmG;AACnG,MAAM,EAAE,GAAG,CAAC,MAAgB,EAAE,KAAa,EAAE,QAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC;AAE5F,SAAS,SAAS,CAAC,IAAY,EAAE,MAAgB;IAC/C,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACvE,IAAI,IAAI,KAAK,WAAW;QAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvE,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACvE,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAClF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,QAAQ,CAAC,OAAe,EAAE,EAAU,EAAE,EAAU;IACvD,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,EAAE,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC;AACnF,CAAC;AAED,kDAAkD;AAClD,SAAS,QAAQ,CAAC,IAAc,EAAE,KAAe;IAC/C,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,IAAwD,CAAC;IAC1F,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,KAAyD,CAAC;IAC3F,OAAO;QACL,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;QACjB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;QACjB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;QACjB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;QACjB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;QACtB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;KACvB,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,GAAW,EACX,KAAuC,EACvC,OAAmB;IAEnB,MAAM,KAAK,GAA4B,EAAE,CAAC;IAC1C,MAAM,QAAQ,GAAa,EAAE,CAAC;IAE9B,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,IAAI,GAAG,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,IAAI;YAAE,SAAS;QACpB,KAAK,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QACtD,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;QAAE,KAAK,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;IAEtD,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC5B,IAAI,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QAC5C,KAAK,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC;IACtE,CAAC;IACD,IAAI,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QACnD,IAAI,MAAM;YAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;IACvC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,GAA2B;IACtC,OAAO,EAAE,CAAC;IACV,WAAW,EAAE,CAAC;IACd,aAAa,EAAE,CAAC;IAChB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;CACpB,CAAC;AAEF,SAAS,iBAAiB,CAAC,IAAY,EAAE,KAAa,EAAE,OAAmB;IACzE,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACzE,IAAI,IAAI,KAAK,eAAe;QAAE,OAAO,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9D,IAAI,IAAI,KAAK,gBAAgB;QAAE,OAAO,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,UAAU;QAAE,OAAO,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClF,IAAI,IAAI,KAAK,iBAAiB;QAC5B,OAAO,KAAK;aACT,IAAI,EAAE;aACN,KAAK,CAAC,QAAQ,CAAC;aACf,MAAM,CAAC,OAAO,CAAC,CAAC;IACrB,OAAO,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1D,CAAC;AAED,0FAA0F;AAC1F,SAAS,SAAS,CAAC,IAAY,EAAE,KAAa;IAC5C,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AACxD,CAAC","sourcesContent":["/*\n SVG attributes to the props react-native-svg's native views actually take.\n \n They are not the same thing, and the difference is the whole reason this file exists. `fill`\n * and `stroke` are not colours but brushes, a tagged struct that says whether the paint is a\n * colour, the view's own `color`, or a reference to a gradient. `stroke-linecap`, `stroke-linejoin`\n * and `fill-rule` are integers, not the keywords they are written as. And a shape has to declare\n * which props it set - `propList` - because anything absent is inherited from the group above it,\n * which is exactly how an icon whose root carries `stroke=\"currentColor\"` paints its paths.\n \n Send the attributes through unchanged and every one of those reads as nothing at all, with no\n * error: the shape draws in the default black, or does not draw.\n \n All of this is what react-native-svg does in JavaScript before its props reach native. Its\n * components are React, so this is the same translation rather than a call into it.\n /\n\n/* The paint on a shape: a colour, the view's own colour, or a reference to a gradient. /\nexport type Brush =\n \| null\n \| { readonly type: 0; readonly payload: unknown }\n \| { readonly type: 1; readonly brushRef: string }\n \| { readonly type: 2 };\n\nconst LINECAP: Record<string, number> = { butt: 0, round: 1, square: 2 };\nconst LINEJOIN: Record<string, number> = { miter: 0, round: 1, bevel: 2 };\nconst FILL_RULE: Record<string, number> = { evenodd: 0, nonzero: 1 };\n\nconst URL_REFERENCE = /^url\$#(.+)\$$/;\n\n/* `table[key]`, but never off `Object.prototype`: a tag or attribute named `constructor` is unknown. /\nexport function own<T>(table: Readonly<Record<string, T>>, key: string): T \| undefined {\n return Object.hasOwn(table, key) ? table[key] : undefined;\n}\n\n/\n Which element each SVG tag commits as. `polyline` and `polygon` are paths: react-native-svg has\n * no component for either and converts their points to a `d`, so this does too.\n /\nexport const SVG_ELEMENTS: Record<string, string> = {\n g: 'svg-g',\n path: 'svg-path',\n circle: 'svg-circle',\n ellipse: 'svg-ellipse',\n rect: 'svg-rect',\n line: 'svg-line',\n polyline: 'svg-path',\n polygon: 'svg-path',\n defs: 'svg-defs',\n linearGradient: 'svg-linear-gradient',\n radialGradient: 'svg-radial-gradient',\n text: 'svg-text',\n tspan: 'svg-tspan',\n // The characters of a text: react-native-svg draws them as a span of their own.\n '#text': 'svg-tspan',\n};\n\n/* The tags that are no view and are not missed: a label, and what a gradient reads itself. /\nexport const UNDRAWN: ReadonlySet<string> = new Set(['title', 'desc', 'stop']);\n\n/* Geometry, per tag. Everything else on a shape is presentation and shared. /\nconst GEOMETRY: Record<string, readonly string[]> = {\n path: ['d'],\n circle: ['cx', 'cy', 'r'],\n ellipse: ['cx', 'cy', 'rx', 'ry'],\n rect: ['x', 'y', 'width', 'height', 'rx', 'ry'],\n line: ['x1', 'y1', 'x2', 'y2'],\n};\n\n/* A shape's geometry, as written, and 0 for what react-native-svg defaults and it left out. /\nfunction geometry(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n props: Record<string, unknown>,\n): void {\n for (const name of own(GEOMETRY, tag) ?? []) {\n if (attrs[name] !== undefined) props[name] = attrs[name];\n }\n for (const name of own(ZERO_BY_DEFAULT, tag) ?? []) props[name] ??= 0;\n}\n\n/\n The geometry each shape defaults to 0 when absent, as react-native-svg's `Rect`, `Circle`,\n * `Ellipse` and `Line` do before they commit. Android's shape views read a missing length as null\n * and crash drawing it, and design tools often leave out a `y=\"0\"`.\n /\nconst ZERO_BY_DEFAULT: Record<string, readonly string[]> = {\n circle: ['cx', 'cy', 'r'],\n ellipse: ['cx', 'cy', 'rx', 'ry'],\n rect: ['x', 'y', 'width', 'height'],\n line: ['x1', 'y1', 'x2', 'y2'],\n};\n\n/* SVG attribute -> native prop, for the presentation attributes shapes and groups share. /\nconst PRESENTATION: Record<string, string> = {\n fill: 'fill',\n 'fill-opacity': 'fillOpacity',\n 'fill-rule': 'fillRule',\n stroke: 'stroke',\n 'stroke-opacity': 'strokeOpacity',\n 'stroke-width': 'strokeWidth',\n 'stroke-linecap': 'strokeLinecap',\n 'stroke-linejoin': 'strokeLinejoin',\n 'stroke-dasharray': 'strokeDasharray',\n 'stroke-dashoffset': 'strokeDashoffset',\n 'stroke-miterlimit': 'strokeMiterlimit',\n 'clip-rule': 'clipRule',\n opacity: 'opacity',\n};\n\n/* The presentation attributes that are a paint. /\nexport const PAINT: ReadonlySet<string> = new Set(['fill', 'stroke']);\n\n/* Whether a paint is a `var()`, which only the cascade can settle. /\nexport const isTokenPaint = (value: string \| undefined): value is string =>\n value !== undefined && /^\\svar\\(/i.test(value);\n\nexport interface SvgContext {\n /** The host's colour conversion, which a brush payload is the result of. /\n color(value: string): unknown;\n}\n\nexport function brushOf(value: string, context: SvgContext): Brush {\n if (value === 'none') return null;\n // Deliberately kept as a brush rather than resolved here: native paints it from the view's own\n // `color`, so a bound `[color]` on the icon changes every `currentColor` shape without a\n // re-parse.\n if (value === 'currentColor') return { type: 2 };\n const reference = URL_REFERENCE.exec(value);\n if (reference) return { type: 1, brushRef: reference[1]! };\n return { type: 0, payload: context.color(value) };\n}\n\nconst GRADIENT_UNITS: Record<string, number> = { objectBoundingBox: 0, userSpaceOnUse: 1 };\n\n/* Where a gradient runs when the markup does not say, as react-native-svg's components default. /\nconst GRADIENT_LINE: Record<string, Readonly<Record<string, string>>> = {\n linearGradient: { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },\n radialGradient: { cx: '50%', cy: '50%' },\n};\n\nexport const isGradient = (tag: string): boolean => Object.hasOwn(GRADIENT_LINE, tag);\n\n/\n A gradient's native props: its name, where it runs, and its stops.\n \n A `<stop>` is not a view. react-native-svg reads the stops in JavaScript and hands the gradient\n * one flat list, `[offset, colour, offset, colour]`, in offset order, each colour a single number\n * with the stop's opacity in its alpha. `currentColor` is the colour passed in: native has no\n * brush for it inside a gradient, so it is settled here.\n /\nexport function gradientProps(\n node: { tag: string; attrs: Readonly<Record<string, string>>; children: readonly SvgNodeLike[] },\n context: SvgContext,\n currentColor?: string,\n): Record<string, unknown> {\n const { attrs } = node;\n const stops = node.children\n .filter((child) => child.tag === 'stop')\n .map((stop) => stopOf(stop.attrs, context, currentColor))\n .filter((stop) => stop !== null)\n .sort((a, b) => a[0] - b[0]);\n return {\n name: attrs['id'],\n ...gradientLine(node.tag, attrs),\n gradient: stops.flat(),\n gradientUnits: own(GRADIENT_UNITS, attrs['gradientUnits'] ?? '') ?? 0,\n gradientTransform: transformMatrix(attrs['gradientTransform'] ?? '') ?? null,\n };\n}\n\n/* Where a gradient runs: what the markup set, over what react-native-svg defaults. /\nfunction gradientLine(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n): Record<string, unknown> {\n const line: Record<string, unknown> = { ...own(GRADIENT_LINE, tag) };\n for (const name of Object.keys(line)) line[name] = attrs[name] ?? line[name];\n if (tag !== 'radialGradient') return line;\n const radius = attrs['r'] ?? '50%';\n return {\n ...line,\n rx: attrs['rx'] ?? radius,\n ry: attrs['ry'] ?? radius,\n fx: attrs['fx'] ?? line['cx'],\n fy: attrs['fy'] ?? line['cy'],\n };\n}\n\ninterface SvgNodeLike {\n readonly tag: string;\n readonly attrs: Readonly<Record<string, string>>;\n}\n\n/* The stop colour of a stop, from its attribute or its `style`. /\nexport const stopColor = (attrs: Readonly<Record<string, string>>): string =>\n /(?:^\|;)\\sstop-color\\s:\\s([^;]+)/.exec(attrs['style'] ?? '')?.[1]?.trim() ??\n attrs['stop-color'] ??\n '#000';\n\n/*\n One stop as `[offset, colour]`, its attributes read from its `style` where they are there, or\n * null for a colour the host cannot convert, such as a `var()`: native takes a list of numbers,\n * and one that is not there would be worse than a stop left out.\n /\nfunction stopOf(\n attrs: Readonly<Record<string, string>>,\n context: SvgContext,\n currentColor: string \| undefined,\n): [number, unknown] \| null {\n const all = { ...attrs, ...styleAttributes(attrs['style'] ?? '', {}) };\n const written = stopColor(attrs);\n const colour = context.color(written === 'currentColor' ? (currentColor ?? '#000') : written);\n if (colour === null \|\| colour === undefined) return null;\n return [fraction(all['offset'], 0), withOpacity(colour, fraction(all['stop-opacity'], 1))];\n}\n\n/* A number or a percentage as a fraction, or the fallback for one that is neither. /\nfunction fraction(value: string \| undefined, fallback: number): number {\n const number = Number.parseFloat(value ?? '');\n if (Number.isNaN(number)) return fallback;\n return value!.trim().endsWith('%') ? number / 100 : number;\n}\n\n/\n A processed colour at a fraction of its own opacity: a device's is one number, AARRGGBB, and\n * the web host's is the CSS colour it was given, which a mix with nothing fades the same way.\n /\nfunction withOpacity(colour: unknown, fraction: number): unknown {\n const opacity = Math.min(1, Math.max(0, fraction));\n if (typeof colour !== 'number') {\n return opacity === 1 ? colour : `color-mix(in srgb, ${colour} ${opacity 100}%, transparent)`;\n }\n const alpha = Math.round((colour >>> 24) * opacity);\n return (colour & 0x00ffffff) \| (alpha << 24);\n}\n\n/** SVG attribute -> key of the `font` object react-native-svg's text views read. /\nconst FONT: Record<string, string> = {\n 'font-size': 'fontSize',\n 'font-weight': 'fontWeight',\n 'font-style': 'fontStyle',\n 'font-family': 'fontFamily',\n 'font-variant': 'fontVariant',\n 'font-stretch': 'fontStretch',\n 'text-anchor': 'textAnchor',\n 'text-decoration': 'textDecoration',\n 'letter-spacing': 'letterSpacing',\n 'word-spacing': 'wordSpacing',\n kerning: 'kerning',\n};\n\nconst lengthList = (value: string \| undefined): string[] =>\n value === undefined\n ? []\n : value\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n\n/\n What a `text` or a `tspan` takes beside its paint: its font as one object, and each of its\n * positions as a list, since SVG places a glyph at a time. The first family of a `font-family` is\n * the one asked for, as react-native-svg reads it.\n /\nexport function textProps(attrs: Readonly<Record<string, string>>): Record<string, unknown> {\n const font: Record<string, string> = {};\n for (const [name, value] of Object.entries(attrs)) {\n const key = own(FONT, name);\n if (!key) continue;\n font[key] =\n key === 'fontFamily'\n ? value\n .split(',')[0]!\n .trim()\n .replace(/^[\"']\|[\"']$/g, '')\n : value;\n }\n return {\n x: lengthList(attrs['x']),\n y: lengthList(attrs['y']),\n dx: lengthList(attrs['dx']),\n dy: lengthList(attrs['dy']),\n rotate: lengthList(attrs['rotate']),\n font,\n };\n}\n\n/* `M x,y L x,y ...`, which is what a polyline or polygon is once native sees it. /\nexport function pointsToPath(points: string, close: boolean): string {\n const numbers = points\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n let path = '';\n for (let index = 0; index + 1 < numbers.length; index += 2) {\n path += `${index === 0 ? 'M' : 'L'}${numbers[index]},${numbers[index + 1]}`;\n }\n return close && path ? `${path}Z` : path;\n}\n\n/* `stroke-width:2;opacity:.5` as attributes, with `var(--name, fallback)` resolved. /\nexport function styleAttributes(\n style: string,\n variables: Readonly<Record<string, string \| number \| undefined>>,\n): Record<string, string> {\n const attrs: Record<string, string> = {};\n for (const declaration of style.split(';')) {\n const colon = declaration.indexOf(':');\n if (colon === -1) continue;\n const name = declaration.slice(0, colon).trim();\n const value = declaration.slice(colon + 1).trim();\n // A paint's `var()` is kept as written: the cascade settles it, with the tokens in scope.\n const resolved = resolveVar(value, variables) ?? (PAINT.has(name) ? value : undefined);\n if (name && resolved !== undefined) attrs[name] = resolved;\n }\n return attrs;\n}\n\nfunction resolveVar(\n value: string,\n variables: Readonly<Record<string, string \| number \| undefined>>,\n): string \| undefined {\n const match = /^var\$\\s(--[\\w-]+)\\s(?:,\\s([^)]))?\$$/.exec(value);\n if (!match) return value;\n const supplied = variables[match[1]!];\n if (supplied !== undefined) return String(supplied);\n return match[2]?.trim() \|\| undefined;\n}\n\n/* The four numbers of a `viewBox`, as the props the svg view takes them as. /\nexport function viewBoxProps(viewBox: string \| undefined): Record<string, unknown> {\n if (!viewBox) return {};\n const parts = viewBox.trim().replace(/,/g, ' ').split(/\\s+/).map(Number);\n if (parts.length !== 4 \|\| parts.some(Number.isNaN)) return {};\n const [minX, minY, vbWidth, vbHeight] = parts;\n return { minX, minY, vbWidth, vbHeight, align: 'xMidYMid', meetOrSlice: 0 };\n}\n\nconst TRANSFORM = /([a-zA-Z]+)\\s\$([^)])\$/g;\n\n/\n A `transform` attribute as a 2x3 matrix, which is the only form native takes.\n \n Rare in icon sets - one occurrence across bootstrap-icons and lucide, and that one is already a\n * `matrix()` - but a shape drawn in the wrong place is worse than one not drawn, so the other\n * three forms compose rather than being ignored.\n /\nexport function transformMatrix(transform: string): number[] \| undefined {\n let matrix: number[] \| undefined;\n TRANSFORM.lastIndex = 0;\n let match: RegExpExecArray \| null;\n while ((match = TRANSFORM.exec(transform)) !== null) {\n const values = match[2]!\n .trim()\n .split(/[\\s,]+/)\n .map(Number);\n const next = matrixFor(match[1]!, values);\n if (next) matrix = matrix ? multiply(matrix, next) : next;\n }\n return matrix;\n}\n\n/* `translate(4)` and `scale(2)` mean something for the missing argument; `rotate(90)` means 0. /\nconst at = (values: number[], index: number, fallback: number) => values[index] ?? fallback;\n\nfunction matrixFor(name: string, values: number[]): number[] \| undefined {\n const first = at(values, 0, 0);\n if (name === 'matrix') return values.length === 6 ? values : undefined;\n if (name === 'translate') return [1, 0, 0, 1, first, at(values, 1, 0)];\n if (name === 'scale') return [first, 0, 0, at(values, 1, first), 0, 0];\n if (name === 'rotate') return rotation(first, at(values, 1, 0), at(values, 2, 0));\n return undefined;\n}\n\nfunction rotation(degrees: number, cx: number, cy: number): number[] {\n const radians = (degrees Math.PI) / 180;\n const cos = Math.cos(radians);\n const sin = Math.sin(radians);\n // Rotating about a point is the rotation with the point moved to the origin and back.\n return [cos, sin, -sin, cos, cx - cos * cx + sin * cy, cy - sin * cx - cos * cy];\n}\n\n/** `[a, b, c, d, tx, ty]`, in SVG's own order. /\nfunction multiply(left: number[], right: number[]): number[] {\n const [a1, b1, c1, d1, e1, f1] = left as [number, number, number, number, number, number];\n const [a2, b2, c2, d2, e2, f2] = right as [number, number, number, number, number, number];\n return [\n a1 a2 + c1 * b2,\n b1 * a2 + d1 * b2,\n a1 * c2 + c1 * d2,\n b1 * c2 + d1 * d2,\n a1 * e2 + c1 * f2 + e1,\n b1 * e2 + d1 * f2 + f1,\n ];\n}\n\n/*\n One element's native props.\n \n `propList` is the load-bearing part: it names the props this element set itself, and native\n * inherits everything else from the group above. Omit it and a path with no `fill` of its own\n * paints black instead of the colour its parent carries.\n /\nexport function nativeProps(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n context: SvgContext,\n): Record<string, unknown> {\n const props: Record<string, unknown> = {};\n const propList: string[] = [];\n\n for (const [name, value] of Object.entries(attrs)) {\n const prop = own(PRESENTATION, name);\n if (!prop) continue;\n props[prop] = presentationValue(prop, value, context);\n propList.push(prop);\n }\n if (propList.length > 0) props['propList'] = propList;\n\n geometry(tag, attrs, props);\n if (tag === 'polyline' \|\| tag === 'polygon') {\n props['d'] = pointsToPath(attrs['points'] ?? '', tag === 'polygon');\n }\n if (attrs['transform']) {\n const matrix = transformMatrix(attrs['transform']);\n if (matrix) props['matrix'] = matrix;\n }\n return props;\n}\n\n/\n The props react-native-svg's Android view manager declares as `float` rather than `Dynamic`,\n * with the default it applies when the prop is absent.\n \n `Dynamic` reads whatever arrives, so an SVG attribute can stay the string it was written as -\n * which is what `strokeWidth` and every geometry attribute do. These five cannot: the Android\n * manager takes a `float` parameter, and a string reaching one throws `java.lang.String cannot be\n * cast to java.lang.Double` out of `setProperty` while the view is being created, which takes the\n * whole screen down. iOS never noticed, because folly's `dynamic` coerces a numeric string on the\n * way into a `Float` prop. react-native-svg's own JavaScript sends numbers here too, through\n * `extractOpacity`, so this is the same translation and not an Android workaround.\n /\nconst NUMERIC: Record<string, number> = {\n opacity: 1,\n fillOpacity: 1,\n strokeOpacity: 1,\n strokeDashoffset: 0,\n strokeMiterlimit: 4,\n};\n\nfunction presentationValue(prop: string, value: string, context: SvgContext): unknown {\n if (prop === 'fill' \|\| prop === 'stroke') return brushOf(value, context);\n if (prop === 'strokeLinecap') return own(LINECAP, value) ?? 0;\n if (prop === 'strokeLinejoin') return own(LINEJOIN, value) ?? 0;\n if (prop === 'fillRule' \|\| prop === 'clipRule') return own(FILL_RULE, value) ?? 1;\n if (prop === 'strokeDasharray')\n return value\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n return prop in NUMERIC ? numberFor(prop, value) : value;\n}\n\n/* The attribute as the float Android's view manager takes, or the default it applies. */\nfunction numberFor(prop: string, value: string): number {\n const number = Number.parseFloat(value);\n return Number.isNaN(number) ? NUMERIC[prop]! : number;\n}\n"]}
1	+ {"version":3,"file":"svg-props.js","sourceRoot":"","sources":["../src/svg-props.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n SVG attributes to the props react-native-svg's native views actually take.\n \n They are not the same thing, and the difference is the whole reason this file exists. `fill`\n * and `stroke` are not colours but brushes, a tagged struct that says whether the paint is a\n * colour, the view's own `color`, or a reference to a gradient. `stroke-linecap`, `stroke-linejoin`\n * and `fill-rule` are integers, not the keywords they are written as. And a shape has to declare\n * which props it set - `propList` - because anything absent is inherited from the group above it,\n * which is exactly how an icon whose root carries `stroke=\"currentColor\"` paints its paths.\n \n Send the attributes through unchanged and every one of those reads as nothing at all, with no\n * error: the shape draws in the default black, or does not draw.\n \n All of this is what react-native-svg does in JavaScript before its props reach native. Its\n * components are React, so this is the same translation rather than a call into it.\n /\n\n/* The paint on a shape: a colour, the view's own colour, or a reference to a gradient. /\nexport type Brush =\n \| null\n \| { readonly type: 0; readonly payload: unknown }\n \| { readonly type: 1; readonly brushRef: string }\n \| { readonly type: 2 };\n\nconst LINECAP: Record<string, number> = { butt: 0, round: 1, square: 2 };\nconst LINEJOIN: Record<string, number> = { miter: 0, round: 1, bevel: 2 };\nconst FILL_RULE: Record<string, number> = { evenodd: 0, nonzero: 1 };\n\nconst URL_REFERENCE = /^url\$#(.+)\$$/;\n\n/* `table[key]`, but never off `Object.prototype`: a tag or attribute named `constructor` is unknown. /\nexport function own<T>(table: Readonly<Record<string, T>>, key: string): T \| undefined {\n return Object.hasOwn(table, key) ? table[key] : undefined;\n}\n\n/\n Which element each SVG tag commits as. `polyline` and `polygon` are paths: react-native-svg has\n * no component for either and converts their points to a `d`, so this does too.\n /\nexport const SVG_ELEMENTS: Record<string, string> = {\n g: 'svg-g',\n path: 'svg-path',\n circle: 'svg-circle',\n ellipse: 'svg-ellipse',\n rect: 'svg-rect',\n line: 'svg-line',\n polyline: 'svg-path',\n polygon: 'svg-path',\n defs: 'svg-defs',\n mask: 'svg-mask',\n clipPath: 'svg-clip-path',\n use: 'svg-use',\n linearGradient: 'svg-linear-gradient',\n radialGradient: 'svg-radial-gradient',\n text: 'svg-text',\n tspan: 'svg-tspan',\n // The characters of a text: react-native-svg draws them as a span of their own.\n '#text': 'svg-tspan',\n};\n\n/* The tags that are no view and are not missed: a label, and what a gradient reads itself. /\nexport const UNDRAWN: ReadonlySet<string> = new Set(['title', 'desc', 'stop']);\n\n/* Geometry, per tag. Everything else on a shape is presentation and shared. /\nconst GEOMETRY: Record<string, readonly string[]> = {\n path: ['d'],\n circle: ['cx', 'cy', 'r'],\n ellipse: ['cx', 'cy', 'rx', 'ry'],\n rect: ['x', 'y', 'width', 'height', 'rx', 'ry'],\n line: ['x1', 'y1', 'x2', 'y2'],\n mask: ['x', 'y', 'width', 'height'],\n use: ['x', 'y', 'width', 'height'],\n};\n\n/* A shape's geometry, as written, and the default for what it left out. /\nfunction geometry(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n props: Record<string, unknown>,\n): void {\n for (const name of own(GEOMETRY, tag) ?? []) {\n if (attrs[name] !== undefined) props[name] = attrs[name];\n }\n for (const name of own(ZERO_BY_DEFAULT, tag) ?? []) props[name] ??= 0;\n if (tag !== 'mask') return;\n for (const [name, value] of Object.entries(MASK_AREA)) props[name] ??= value;\n}\n\n/\n The geometry each shape defaults to 0 when absent, as react-native-svg's `Rect`, `Circle`,\n * `Ellipse` and `Line` do before they commit. Android's shape views read a missing length as null\n * and crash drawing it, and design tools often leave out a `y=\"0\"`.\n /\nconst ZERO_BY_DEFAULT: Record<string, readonly string[]> = {\n circle: ['cx', 'cy', 'r'],\n ellipse: ['cx', 'cy', 'rx', 'ry'],\n rect: ['x', 'y', 'width', 'height'],\n line: ['x1', 'y1', 'x2', 'y2'],\n use: ['x', 'y', 'width', 'height'],\n};\n\n/* The area a mask covers when the markup does not say, which is SVG's default. /\nconst MASK_AREA = { x: '-10%', y: '-10%', width: '120%', height: '120%' };\n\nconst MASK_TYPE: Record<string, number> = { luminance: 0, alpha: 1 };\n\n/* A mask's units and type, as the integers react-native-svg's `Mask` sends. /\nfunction maskProps(attrs: Readonly<Record<string, string>>): Record<string, number> {\n return {\n maskUnits: own(GRADIENT_UNITS, attrs['maskUnits'] ?? '') ?? 0,\n maskContentUnits: own(GRADIENT_UNITS, attrs['maskContentUnits'] ?? '') ?? 1,\n maskType: own(MASK_TYPE, attrs['mask-type'] ?? '') ?? 0,\n };\n}\n\n/* The id in `url(#id)` or `#id`, the form a reference to another element is written in. /\nconst referenceOf = (value: string \| undefined): string \| undefined =>\n value === undefined ? undefined : (URL_REFERENCE.exec(value) ?? /^#(.+)$/.exec(value))?.[1];\n\n/* SVG attribute -> native prop, for the presentation attributes shapes and groups share. /\nconst PRESENTATION: Record<string, string> = {\n fill: 'fill',\n 'fill-opacity': 'fillOpacity',\n 'fill-rule': 'fillRule',\n stroke: 'stroke',\n 'stroke-opacity': 'strokeOpacity',\n 'stroke-width': 'strokeWidth',\n 'stroke-linecap': 'strokeLinecap',\n 'stroke-linejoin': 'strokeLinejoin',\n 'stroke-dasharray': 'strokeDasharray',\n 'stroke-dashoffset': 'strokeDashoffset',\n 'stroke-miterlimit': 'strokeMiterlimit',\n 'clip-rule': 'clipRule',\n opacity: 'opacity',\n};\n\n/* The presentation attributes that are a paint. /\nexport const PAINT: ReadonlySet<string> = new Set(['fill', 'stroke']);\n\n/* Whether a paint is a `var()`, which only the cascade can settle. /\nexport const isTokenPaint = (value: string \| undefined): value is string =>\n value !== undefined && /^\\svar\\(/i.test(value);\n\nexport interface SvgContext {\n /** The host's colour conversion, which a brush payload is the result of. /\n color(value: string): unknown;\n}\n\nexport function brushOf(value: string, context: SvgContext): Brush {\n if (value === 'none') return null;\n // Deliberately kept as a brush rather than resolved here: native paints it from the view's own\n // `color`, so a bound `[color]` on the icon changes every `currentColor` shape without a\n // re-parse.\n if (value === 'currentColor') return { type: 2 };\n const reference = URL_REFERENCE.exec(value);\n if (reference) return { type: 1, brushRef: reference[1]! };\n return { type: 0, payload: context.color(value) };\n}\n\nconst GRADIENT_UNITS: Record<string, number> = { objectBoundingBox: 0, userSpaceOnUse: 1 };\n\n/* Where a gradient runs when the markup does not say, as react-native-svg's components default. /\nconst GRADIENT_LINE: Record<string, Readonly<Record<string, string>>> = {\n linearGradient: { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },\n radialGradient: { cx: '50%', cy: '50%' },\n};\n\nexport const isGradient = (tag: string): boolean => Object.hasOwn(GRADIENT_LINE, tag);\n\n/\n A gradient's native props: its name, where it runs, and its stops.\n \n A `<stop>` is not a view. react-native-svg reads the stops in JavaScript and hands the gradient\n * one flat list, `[offset, colour, offset, colour]`, in offset order, each colour a single number\n * with the stop's opacity in its alpha. `currentColor` is the colour passed in: native has no\n * brush for it inside a gradient, so it is settled here.\n /\nexport function gradientProps(\n node: { tag: string; attrs: Readonly<Record<string, string>>; children: readonly SvgNodeLike[] },\n context: SvgContext,\n currentColor?: string,\n): Record<string, unknown> {\n const { attrs } = node;\n const stops = node.children\n .filter((child) => child.tag === 'stop')\n .map((stop) => stopOf(stop.attrs, context, currentColor))\n .filter((stop) => stop !== null)\n .sort((a, b) => a[0] - b[0]);\n return {\n name: attrs['id'],\n ...gradientLine(node.tag, attrs),\n gradient: stops.flat(),\n gradientUnits: own(GRADIENT_UNITS, attrs['gradientUnits'] ?? '') ?? 0,\n gradientTransform: transformMatrix(attrs['gradientTransform'] ?? '') ?? null,\n };\n}\n\n/* Where a gradient runs: what the markup set, over what react-native-svg defaults. /\nfunction gradientLine(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n): Record<string, unknown> {\n const line: Record<string, unknown> = { ...own(GRADIENT_LINE, tag) };\n for (const name of Object.keys(line)) line[name] = attrs[name] ?? line[name];\n if (tag !== 'radialGradient') return line;\n const radius = attrs['r'] ?? '50%';\n return {\n ...line,\n rx: attrs['rx'] ?? radius,\n ry: attrs['ry'] ?? radius,\n fx: attrs['fx'] ?? line['cx'],\n fy: attrs['fy'] ?? line['cy'],\n };\n}\n\ninterface SvgNodeLike {\n readonly tag: string;\n readonly attrs: Readonly<Record<string, string>>;\n}\n\n/* The stop colour of a stop, from its attribute or its `style`. /\nexport const stopColor = (attrs: Readonly<Record<string, string>>): string =>\n /(?:^\|;)\\sstop-color\\s:\\s([^;]+)/.exec(attrs['style'] ?? '')?.[1]?.trim() ??\n attrs['stop-color'] ??\n '#000';\n\n/*\n One stop as `[offset, colour]`, its attributes read from its `style` where they are there, or\n * null for a colour the host cannot convert, such as a `var()`: native takes a list of numbers,\n * and one that is not there would be worse than a stop left out.\n /\nfunction stopOf(\n attrs: Readonly<Record<string, string>>,\n context: SvgContext,\n currentColor: string \| undefined,\n): [number, unknown] \| null {\n const all = { ...attrs, ...styleAttributes(attrs['style'] ?? '', {}) };\n const written = stopColor(attrs);\n const colour = context.color(written === 'currentColor' ? (currentColor ?? '#000') : written);\n if (colour === null \|\| colour === undefined) return null;\n return [fraction(all['offset'], 0), withOpacity(colour, fraction(all['stop-opacity'], 1))];\n}\n\n/* A number or a percentage as a fraction, or the fallback for one that is neither. /\nfunction fraction(value: string \| undefined, fallback: number): number {\n const number = Number.parseFloat(value ?? '');\n if (Number.isNaN(number)) return fallback;\n return value!.trim().endsWith('%') ? number / 100 : number;\n}\n\n/\n A processed colour at a fraction of its own opacity: a device's is one number, AARRGGBB, and\n * the web host's is the CSS colour it was given, which a mix with nothing fades the same way.\n /\nfunction withOpacity(colour: unknown, fraction: number): unknown {\n const opacity = Math.min(1, Math.max(0, fraction));\n if (typeof colour !== 'number') {\n return opacity === 1 ? colour : `color-mix(in srgb, ${colour} ${opacity 100}%, transparent)`;\n }\n const alpha = Math.round((colour >>> 24) * opacity);\n return (colour & 0x00ffffff) \| (alpha << 24);\n}\n\n/** SVG attribute -> key of the `font` object react-native-svg's text views read. /\nconst FONT: Record<string, string> = {\n 'font-size': 'fontSize',\n 'font-weight': 'fontWeight',\n 'font-style': 'fontStyle',\n 'font-family': 'fontFamily',\n 'font-variant': 'fontVariant',\n 'font-stretch': 'fontStretch',\n 'text-anchor': 'textAnchor',\n 'text-decoration': 'textDecoration',\n 'letter-spacing': 'letterSpacing',\n 'word-spacing': 'wordSpacing',\n kerning: 'kerning',\n};\n\nconst lengthList = (value: string \| undefined): string[] =>\n value === undefined\n ? []\n : value\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n\n/\n What a `text` or a `tspan` takes beside its paint: its font as one object, and each of its\n * positions as a list, since SVG places a glyph at a time. The first family of a `font-family` is\n * the one asked for, as react-native-svg reads it.\n /\nexport function textProps(attrs: Readonly<Record<string, string>>): Record<string, unknown> {\n const font: Record<string, string> = {};\n for (const [name, value] of Object.entries(attrs)) {\n const key = own(FONT, name);\n if (!key) continue;\n font[key] =\n key === 'fontFamily'\n ? value\n .split(',')[0]!\n .trim()\n .replace(/^[\"']\|[\"']$/g, '')\n : value;\n }\n return {\n x: lengthList(attrs['x']),\n y: lengthList(attrs['y']),\n dx: lengthList(attrs['dx']),\n dy: lengthList(attrs['dy']),\n rotate: lengthList(attrs['rotate']),\n font,\n };\n}\n\n/* `M x,y L x,y ...`, which is what a polyline or polygon is once native sees it. /\nexport function pointsToPath(points: string, close: boolean): string {\n const numbers = points\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n let path = '';\n for (let index = 0; index + 1 < numbers.length; index += 2) {\n path += `${index === 0 ? 'M' : 'L'}${numbers[index]},${numbers[index + 1]}`;\n }\n return close && path ? `${path}Z` : path;\n}\n\n/* `stroke-width:2;opacity:.5` as attributes, with `var(--name, fallback)` resolved. /\nexport function styleAttributes(\n style: string,\n variables: Readonly<Record<string, string \| number \| undefined>>,\n): Record<string, string> {\n const attrs: Record<string, string> = {};\n for (const declaration of style.split(';')) {\n const colon = declaration.indexOf(':');\n if (colon === -1) continue;\n const name = declaration.slice(0, colon).trim();\n const value = declaration.slice(colon + 1).trim();\n // A paint's `var()` is kept as written: the cascade settles it, with the tokens in scope.\n const resolved = resolveVar(value, variables) ?? (PAINT.has(name) ? value : undefined);\n if (name && resolved !== undefined) attrs[name] = resolved;\n }\n return attrs;\n}\n\nfunction resolveVar(\n value: string,\n variables: Readonly<Record<string, string \| number \| undefined>>,\n): string \| undefined {\n const match = /^var\$\\s(--[\\w-]+)\\s(?:,\\s([^)]))?\$$/.exec(value);\n if (!match) return value;\n const supplied = variables[match[1]!];\n if (supplied !== undefined) return String(supplied);\n return match[2]?.trim() \|\| undefined;\n}\n\n/* The four numbers of a `viewBox`, as the props the svg view takes them as. /\nexport function viewBoxProps(viewBox: string \| undefined): Record<string, unknown> {\n if (!viewBox) return {};\n const parts = viewBox.trim().replace(/,/g, ' ').split(/\\s+/).map(Number);\n if (parts.length !== 4 \|\| parts.some(Number.isNaN)) return {};\n const [minX, minY, vbWidth, vbHeight] = parts;\n return { minX, minY, vbWidth, vbHeight, align: 'xMidYMid', meetOrSlice: 0 };\n}\n\nconst TRANSFORM = /([a-zA-Z]+)\\s\$([^)])\$/g;\n\n/\n A `transform` attribute as a 2x3 matrix, which is the only form native takes.\n \n Rare in icon sets - one occurrence across bootstrap-icons and lucide, and that one is already a\n * `matrix()` - but a shape drawn in the wrong place is worse than one not drawn, so the other\n * three forms compose rather than being ignored.\n /\nexport function transformMatrix(transform: string): number[] \| undefined {\n let matrix: number[] \| undefined;\n TRANSFORM.lastIndex = 0;\n let match: RegExpExecArray \| null;\n while ((match = TRANSFORM.exec(transform)) !== null) {\n const values = match[2]!\n .trim()\n .split(/[\\s,]+/)\n .map(Number);\n const next = matrixFor(match[1]!, values);\n if (next) matrix = matrix ? multiply(matrix, next) : next;\n }\n return matrix;\n}\n\n/* `translate(4)` and `scale(2)` mean something for the missing argument; `rotate(90)` means 0. /\nconst at = (values: number[], index: number, fallback: number) => values[index] ?? fallback;\n\nfunction matrixFor(name: string, values: number[]): number[] \| undefined {\n const first = at(values, 0, 0);\n if (name === 'matrix') return values.length === 6 ? values : undefined;\n if (name === 'translate') return [1, 0, 0, 1, first, at(values, 1, 0)];\n if (name === 'scale') return [first, 0, 0, at(values, 1, first), 0, 0];\n if (name === 'rotate') return rotation(first, at(values, 1, 0), at(values, 2, 0));\n return undefined;\n}\n\nfunction rotation(degrees: number, cx: number, cy: number): number[] {\n const radians = (degrees Math.PI) / 180;\n const cos = Math.cos(radians);\n const sin = Math.sin(radians);\n // Rotating about a point is the rotation with the point moved to the origin and back.\n return [cos, sin, -sin, cos, cx - cos * cx + sin * cy, cy - sin * cx - cos * cy];\n}\n\n/** `[a, b, c, d, tx, ty]`, in SVG's own order. /\nfunction multiply(left: number[], right: number[]): number[] {\n const [a1, b1, c1, d1, e1, f1] = left as [number, number, number, number, number, number];\n const [a2, b2, c2, d2, e2, f2] = right as [number, number, number, number, number, number];\n return [\n a1 a2 + c1 * b2,\n b1 * a2 + d1 * b2,\n a1 * c2 + c1 * d2,\n b1 * c2 + d1 * d2,\n a1 * e2 + c1 * f2 + e1,\n b1 * e2 + d1 * f2 + f1,\n ];\n}\n\n/*\n One element's native props.\n \n `propList` is the load-bearing part: it names the props this element set itself, and native\n * inherits everything else from the group above. Omit it and a path with no `fill` of its own\n * paints black instead of the colour its parent carries.\n /\nexport function nativeProps(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n context: SvgContext,\n): Record<string, unknown> {\n const props: Record<string, unknown> = {};\n const propList: string[] = [];\n\n for (const [name, value] of Object.entries(attrs)) {\n const prop = own(PRESENTATION, name);\n if (!prop) continue;\n props[prop] = presentationValue(prop, value, context);\n propList.push(prop);\n }\n if (propList.length > 0) props['propList'] = propList;\n\n geometry(tag, attrs, props);\n references(tag, attrs, props);\n if (tag === 'polyline' \|\| tag === 'polygon') {\n props['d'] = pointsToPath(attrs['points'] ?? '', tag === 'polygon');\n }\n if (attrs['transform']) {\n const matrix = transformMatrix(attrs['transform']);\n if (matrix) props['matrix'] = matrix;\n }\n return props;\n}\n\n/\n How elements point at each other: an element's `id` is the `name` native knows it by, and a\n * `mask`, a `clip-path` and a `<use>` name the element they use, as react-native-svg sends them.\n /\nfunction references(\n tag: string,\n attrs: Readonly<Record<string, string>>,\n props: Record<string, unknown>,\n): void {\n if (attrs['id']) props['name'] = attrs['id'];\n const mask = referenceOf(attrs['mask']);\n if (mask) props['mask'] = mask;\n const clipPath = referenceOf(attrs['clip-path']);\n if (clipPath) props['clipPath'] = clipPath;\n if (tag === 'mask') Object.assign(props, maskProps(attrs));\n if (tag === 'use') props['href'] = referenceOf(attrs['href'] ?? attrs['xlink:href']);\n}\n\n/\n The props react-native-svg's Android view manager declares as `float` rather than `Dynamic`,\n * with the default it applies when the prop is absent.\n \n `Dynamic` reads whatever arrives, so an SVG attribute can stay the string it was written as -\n * which is what `strokeWidth` and every geometry attribute do. These five cannot: the Android\n * manager takes a `float` parameter, and a string reaching one throws `java.lang.String cannot be\n * cast to java.lang.Double` out of `setProperty` while the view is being created, which takes the\n * whole screen down. iOS never noticed, because folly's `dynamic` coerces a numeric string on the\n * way into a `Float` prop. react-native-svg's own JavaScript sends numbers here too, through\n * `extractOpacity`, so this is the same translation and not an Android workaround.\n /\nconst NUMERIC: Record<string, number> = {\n opacity: 1,\n fillOpacity: 1,\n strokeOpacity: 1,\n strokeDashoffset: 0,\n strokeMiterlimit: 4,\n};\n\nfunction presentationValue(prop: string, value: string, context: SvgContext): unknown {\n if (prop === 'fill' \|\| prop === 'stroke') return brushOf(value, context);\n if (prop === 'strokeLinecap') return own(LINECAP, value) ?? 0;\n if (prop === 'strokeLinejoin') return own(LINEJOIN, value) ?? 0;\n if (prop === 'fillRule' \|\| prop === 'clipRule') return own(FILL_RULE, value) ?? 1;\n if (prop === 'strokeDasharray') return dashes(value);\n return prop in NUMERIC ? numberFor(prop, value) : value;\n}\n\n/* A dash pattern as a list of lengths, or null for `none`, which is a solid line. /\nfunction dashes(value: string): string[] \| null {\n if (value.trim() === 'none') return null;\n return value\n .trim()\n .split(/[\\s,]+/)\n .filter(Boolean);\n}\n\nconst OPACITY: ReadonlySet<string> = new Set(['opacity', 'fillOpacity', 'strokeOpacity']);\n\n/* The attribute as the float Android's view manager takes, or the default it applies. */\nfunction numberFor(prop: string, value: string): number {\n const number = Number.parseFloat(value);\n if (Number.isNaN(number)) return NUMERIC[prop]!;\n // `50%` is half, for an opacity, as react-native-svg's `extractOpacity` reads it.\n return OPACITY.has(prop) && value.trim().endsWith('%') ? number / 100 : number;\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ng-native/icons",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "@ng-icons rendered as native react-native-svg shapes in Angular Native.",
   "keywords": [
     "angular",
@@ -17,7 +17,7 @@
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {
-    "@ng-native/fabric": "0.11.0"
+    "@ng-native/fabric": "0.13.0"
   },
   "peerDependencies": {
     "@angular/core": "^22.0.0",