@proximus/lavender-image 2.0.0-alpha.23 → 2.0.0-alpha.230

package/dist/AbstractImage.d.ts

@@ -3,7 +3,7 @@ export declare const styleSheet: CSSStyleSheet;
 export declare const imageWidthValues: string[];
 export declare const imageHeightValues: string[];
 export declare abstract class AbstractImage<IMAGE_ELEMENT extends HTMLImageElement | HTMLPictureElement> extends PxElement<IMAGE_ELEMENT> {
-    static accessorExclusions: string[];
+    static nativeAttributes: {};
     protected constructor();
     static get observedAttributes(): string[];
     attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
@@ -14,38 +14,40 @@ export declare abstract class AbstractImage<IMAGE_ELEMENT extends HTMLImageEleme
         attrName: string;
         breakpoint: string;
     };
-    get borderRadius(): string;
-    set borderRadius(value: string);
-    get noBorderRadius(): string;
-    set noBorderRadius(value: string);
-    get noBorderRadiusMobile(): string;
-    set noBorderRadiusMobile(value: string);
-    get noBorderRadiusTablet(): string;
-    set noBorderRadiusTablet(value: string);
-    get noBorderRadiusLaptop(): string;
-    set noBorderRadiusLaptop(value: string);
-    get width(): string;
-    set width(value: string);
-    get widthMobile(): string;
-    set widthMobile(value: string);
-    get widthTablet(): string;
-    set widthTablet(value: string);
-    get widthLaptop(): string;
-    set widthLaptop(value: string);
-    get widthDesktop(): string;
-    set widthDesktop(value: string);
-    get disabled(): string;
-    set disabled(value: string);
-    get height(): string;
-    set height(value: string);
-    get heightMobile(): string;
-    set heightMobile(value: string);
-    get heightTablet(): string;
-    set heightTablet(value: string);
-    get heightLaptop(): string;
-    set heightLaptop(value: string);
-    get heightDesktop(): string;
-    set heightDesktop(value: string);
+    get borderRadius(): string | null;
+    set borderRadius(value: string | null);
+    get noBorderRadius(): string | null;
+    set noBorderRadius(value: string | null);
+    get noBorderRadiusMobile(): string | null;
+    set noBorderRadiusMobile(value: string | null);
+    get noBorderRadiusTablet(): string | null;
+    set noBorderRadiusTablet(value: string | null);
+    get noBorderRadiusLaptop(): string | null;
+    set noBorderRadiusLaptop(value: string | null);
+    /** @attr {string | null} width - The Lavender width size token. */
+    get width(): string | null;
+    set width(value: string | null);
+    get widthMobile(): string | null;
+    set widthMobile(value: string | null);
+    get widthTablet(): string | null;
+    set widthTablet(value: string | null);
+    get widthLaptop(): string | null;
+    set widthLaptop(value: string | null);
+    get widthDesktop(): string | null;
+    set widthDesktop(value: string | null);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** @attr {string | null} height - The Lavender height size token. */
+    get height(): string | null;
+    set height(value: string | null);
+    get heightMobile(): string | null;
+    set heightMobile(value: string | null);
+    get heightTablet(): string | null;
+    set heightTablet(value: string | null);
+    get heightLaptop(): string | null;
+    set heightLaptop(value: string | null);
+    get heightDesktop(): string | null;
+    set heightDesktop(value: string | null);
     get cover(): boolean;
     set cover(value: boolean);
 }

package/dist/Image.d.ts

@@ -1,5 +1,85 @@
 import { AbstractImage } from './AbstractImage.ts';
+/**
+ * @summary An image component.
+ * @attr {string} src - The URL of the image.
+ * @attr {string} alt - The alternative text for the image.
+ * @attr {'eager' | 'lazy'} loading - The loading strategy for the image.
+ */
 export declare class Image extends AbstractImage<HTMLImageElement> {
     static nativeName: string;
+    static nativeProperties: {
+        currentSrc: "readonly";
+        naturalWidth: "readonly";
+        naturalHeight: "readonly";
+        complete: "readonly";
+        x: "readonly";
+        y: "readonly";
+    };
+    static nativeMethods: "decode"[];
+    static nativeAttributes: {
+        alt: "alt"[];
+        src: "src"[];
+        srcset: "srcset"[];
+        sizes: "sizes"[];
+        crossorigin: "crossOrigin"[];
+        usemap: "useMap"[];
+        ismap: "isMap"[];
+        referrerpolicy: "referrerPolicy"[];
+        decoding: "decoding"[];
+        loading: "loading"[];
+        fetchpriority: "fetchPriority"[];
+        title: "title"[];
+        height: never[];
+        width: never[];
+        border: "border"[];
+        hspace: "hspace"[];
+        vspace: "vspace"[];
+        longdesc: "longDesc"[];
+        lowsrc: "lowsrc"[];
+        name: "name"[];
+    };
     constructor();
+    /** @attr {string} alt - The alternative text. */
+    alt: string;
+    /** @attr {string} src - The resource URL. */
+    src: string;
+    /** @attr {string} srcset - The responsive image candidates. */
+    srcset: string;
+    /** @attr {string} sizes - The responsive image source sizes. */
+    sizes: string;
+    /** @attr {string | null} crossorigin - The cross-origin image request mode. */
+    crossOrigin: string | null;
+    /** @attr {string} usemap - The associated image-map reference. */
+    useMap: string;
+    /** @attr {boolean} ismap - Whether the image is a server-side image map. */
+    isMap: boolean;
+    /** @attr {string} referrerpolicy - The referrer policy. */
+    referrerPolicy: string;
+    /** @attr {"async" | "sync" | "auto"} decoding - The image decoding hint. */
+    decoding: 'async' | 'sync' | 'auto';
+    /** @attr {"eager" | "lazy"} loading - The image loading strategy. */
+    loading: 'eager' | 'lazy';
+    /** @attr {"auto" | "high" | "low"} fetchpriority - The resource fetch priority. */
+    fetchPriority: 'auto' | 'high' | 'low';
+    /** @attr {string} title - The native element tooltip. */
+    title: string;
+    /** @attr {string} border - The legacy image border width. */
+    border: string;
+    /** @attr {number} hspace - The legacy horizontal image spacing. */
+    hspace: number;
+    /** @attr {number} vspace - The legacy vertical image spacing. */
+    vspace: number;
+    /** @attr {string} longdesc - The legacy long-description URL. */
+    longDesc: string;
+    /** @attr {string} lowsrc - The legacy low-resolution image URL. */
+    lowsrc: string;
+    /** @attr {string} name - The native element name. */
+    name: string;
+    readonly currentSrc: string;
+    readonly naturalWidth: number;
+    readonly naturalHeight: number;
+    readonly complete: boolean;
+    readonly x: number;
+    readonly y: number;
+    readonly decode: HTMLImageElement['decode'];
 }

package/dist/Picture.d.ts

@@ -4,13 +4,13 @@ export declare class Picture extends AbstractImage<HTMLPictureElement> {
     constructor();
     private possibleImgExtension;
     static get observedAttributes(): string[];
-    get loading(): string;
-    set loading(value: string);
-    get alt(): string;
-    set alt(value: string);
-    get src(): string;
-    set src(value: string);
-    get $imgEl(): HTMLImageElement;
+    get loading(): string | null;
+    set loading(value: string | null);
+    get alt(): string | null;
+    set alt(value: string | null);
+    get src(): string | null;
+    set src(value: string | null);
+    get $imgEl(): HTMLImageElement | null;
     attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
     removeSrc(): void;
     imgExists(imgUrl: string): Promise<boolean>;