@symbiote-native/components 0.5.0 → 2.0.0

package/build/view/render-image-background.js

@@ -1,48 +0,0 @@
-// ImageBackground: the render half (framework-agnostic). Pure JS composition, no native
-// component of its own (mirrors react-native/Libraries/Image/ImageBackground.js): an outer
-// View receives the wrapper `style`; an absolutely-filled Image sits behind it; the user's
-// `children` paint on top (as siblings AFTER the image in the wrapper's child order, injected
-// by the adapter). Shared verbatim across adapters: React and Vue both bridge this Descriptor.
-//
-// The inner Image is positioned absolute-fill and has the wrapper's width/height reapplied:
-// RN's Image overwrites its own width/height from the source's intrinsic size, which would
-// fight the wrapper's explicit dimensions, so we proxy them back onto the Image so it fills
-// the box. `imageStyle` wins last.
-import { dlog, flattenStyle, } from '@symbiote-native/engine';
-import { el } from '../descriptor.js';
-import { renderImage } from './render-image/index.js';
-// The inner Image's positioning: absolute-fill behind the wrapper's children.
-const IMAGE_BACKGROUND_ABSOLUTE_FILL = {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-};
-// Read one explicit dimension off the (already-flattened) wrapper style. A dp number or a
-// percentage string is a valid IDimensionValue; anything else (auto / undefined) yields undefined.
-function readDimension(style, key) {
-    const value = Object.hasOwn(style, key) ? Reflect.get(style, key) : undefined;
-    if (typeof value === 'number' || typeof value === 'string')
-        return value;
-    return undefined;
-}
-export function renderImageBackground(view) {
-    // Flatten only to read the wrapper's explicit dimensions; RN copies these onto the Image so
-    // it fills the box rather than collapsing to the source's intrinsic size. `imageStyle` last.
-    const flattenedWrapper = flattenStyle(view.style);
-    const imageMergedStyle = [
-        IMAGE_BACKGROUND_ABSOLUTE_FILL,
-        {
-            width: readDimension(flattenedWrapper, 'width'),
-            height: readDimension(flattenedWrapper, 'height'),
-        },
-        view.imageStyle,
-    ];
-    dlog('ImageBackground -> View(RCTView) > Image(RCTImageView absolute-fill) + children');
-    // The wrapper View holds the inner Image as its only structural child; the adapter appends
-    // the user children after it (so they paint on top).
-    return el('symbiote-view', { style: view.style }, [
-        renderImage({ ...view.image, style: imageMergedStyle }),
-    ]);
-}