@absolutejs/absolute 0.19.0-beta.214 → 0.19.0-beta.216

package/dist/{Image-k52pzpdh.vue → Image-7r6nfts6.vue}

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import {
-	DEFAULT_QUALITY,
-	buildOptimizedUrl,
-	generateBlurSvg,
-	generateSrcSet
-} from '@absolutejs/absolute/image';
+import { DEFAULT_QUALITY, buildOptimizedUrl, generateBlurSvg, generateSrcSet } from '@absolutejs/absolute/image';
 
 type ImageLoader = (params: {
 	src: string;

package/dist/angular/components/image.component.js

@@ -59,11 +59,14 @@ export class ImageComponent {
             return buildOptimizedUrl(this.src(), currentWidth, this.quality());
         }, ...(ngDevMode ? [{ debugName: "resolvedSrc" }] : /* istanbul ignore next */ []));
         this.srcSet = computed(() => this.unoptimized()
-            ? undefined
-            : generateSrcSet(this.src(), this.width(), this.sizes(), undefined, this.loader() ?? undefined), ...(ngDevMode ? [{ debugName: "srcSet" }] : /* istanbul ignore next */ []));
-        this.resolvedSizes = computed(() => this.sizes() ?? (this.fill() ? '100vw' : undefined), ...(ngDevMode ? [{ debugName: "resolvedSizes" }] : /* istanbul ignore next */ []));
+            ? null
+            : generateSrcSet(this.src(), this.width(), this.sizes(), undefined, this.loader() ?? undefined) ?? null, ...(ngDevMode ? [{ debugName: "srcSet" }] : /* istanbul ignore next */ []));
+        this.resolvedSrcSet = computed(() => this.srcSet() ?? null, ...(ngDevMode ? [{ debugName: "resolvedSrcSet" }] : /* istanbul ignore next */ []));
+        this.resolvedSizes = computed(() => this.sizes() ?? (this.fill() ? '100vw' : null), ...(ngDevMode ? [{ debugName: "resolvedSizes" }] : /* istanbul ignore next */ []));
+        this.resolvedCrossOrigin = computed(() => this.crossOrigin() ?? null, ...(ngDevMode ? [{ debugName: "resolvedCrossOrigin" }] : /* istanbul ignore next */ []));
+        this.resolvedReferrerPolicy = computed(() => this.referrerPolicy() ?? null, ...(ngDevMode ? [{ debugName: "resolvedReferrerPolicy" }] : /* istanbul ignore next */ []));
         this.resolvedLoading = computed(() => this.priority() ? 'eager' : this.loading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : /* istanbul ignore next */ []));
-        this.resolvedFetchPriority = computed(() => this.priority() ? 'high' : this.fetchPriority(), ...(ngDevMode ? [{ debugName: "resolvedFetchPriority" }] : /* istanbul ignore next */ []));
+        this.resolvedFetchPriority = computed(() => this.priority() ? 'high' : (this.fetchPriority() ?? null), ...(ngDevMode ? [{ debugName: "resolvedFetchPriority" }] : /* istanbul ignore next */ []));
         this.imgStyle = computed(() => {
             const base = {
                 ...(this.style() ?? {}),
@@ -107,16 +110,6 @@ export class ImageComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ImageComponent, isStandalone: true, selector: "abs-image", inputs: { alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: true, transformFunction: null }, blurDataURL: { classPropertyName: "blurDataURL", publicName: "blurDataURL", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, crossOrigin: { classPropertyName: "crossOrigin", publicName: "crossOrigin", isSignal: true, isRequired: false, transformFunction: null }, fetchPriority: { classPropertyName: "fetchPriority", publicName: "fetchPriority", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, loader: { classPropertyName: "loader", publicName: "loader", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, onError: { classPropertyName: "onError", publicName: "onError", isSignal: true, isRequired: false, transformFunction: null }, onLoad: { classPropertyName: "onLoad", publicName: "onLoad", isSignal: true, isRequired: false, transformFunction: null }, overrideSrc: { classPropertyName: "overrideSrc", publicName: "overrideSrc", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, quality: { classPropertyName: "quality", publicName: "quality", isSignal: true, isRequired: false, transformFunction: null }, referrerPolicy: { classPropertyName: "referrerPolicy", publicName: "referrerPolicy", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, unoptimized: { classPropertyName: "unoptimized", publicName: "unoptimized", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-		@if (priority()) {
-			<link
-				rel="preload"
-				as="image"
-				[attr.href]="resolvedSrc()"
-				[attr.imagesrcset]="srcSet()"
-				[attr.imagesizes]="resolvedSizes()"
-				[attr.crossorigin]="crossOrigin()"
-			/>
-		}
 		@if (fill()) {
 			<span
 				style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
@@ -124,13 +117,13 @@ export class ImageComponent {
 				<img
 					[alt]="alt()"
 					[src]="resolvedSrc()"
-					[attr.srcset]="srcSet()"
+					[attr.srcset]="resolvedSrcSet()"
 					[attr.sizes]="resolvedSizes()"
 					[loading]="resolvedLoading()"
 					[class]="className()"
 					[ngStyle]="imgStyle()"
-					[attr.crossorigin]="crossOrigin()"
-					[attr.referrerpolicy]="referrerPolicy()"
+					[attr.crossorigin]="resolvedCrossOrigin()"
+					[attr.referrerpolicy]="resolvedReferrerPolicy()"
 					[attr.fetchpriority]="resolvedFetchPriority()"
 					decoding="async"
 					(load)="handleLoad($event)"
@@ -141,15 +134,15 @@ export class ImageComponent {
 			<img
 				[alt]="alt()"
 				[src]="resolvedSrc()"
-				[attr.srcset]="srcSet()"
+				[attr.srcset]="resolvedSrcSet()"
 				[attr.sizes]="resolvedSizes()"
 				[width]="width()"
 				[height]="height()"
 				[loading]="resolvedLoading()"
 				[class]="className()"
 				[ngStyle]="imgStyle()"
-				[attr.crossorigin]="crossOrigin()"
-				[attr.referrerpolicy]="referrerPolicy()"
+				[attr.crossorigin]="resolvedCrossOrigin()"
+				[attr.referrerpolicy]="resolvedReferrerPolicy()"
 				[attr.fetchpriority]="resolvedFetchPriority()"
 				decoding="async"
 				(load)="handleLoad($event)"
@@ -165,16 +158,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                     selector: 'abs-image',
                     standalone: true,
                     template: `
-		@if (priority()) {
-			<link
-				rel="preload"
-				as="image"
-				[attr.href]="resolvedSrc()"
-				[attr.imagesrcset]="srcSet()"
-				[attr.imagesizes]="resolvedSizes()"
-				[attr.crossorigin]="crossOrigin()"
-			/>
-		}
 		@if (fill()) {
 			<span
 				style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
@@ -182,13 +165,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 				<img
 					[alt]="alt()"
 					[src]="resolvedSrc()"
-					[attr.srcset]="srcSet()"
+					[attr.srcset]="resolvedSrcSet()"
 					[attr.sizes]="resolvedSizes()"
 					[loading]="resolvedLoading()"
 					[class]="className()"
 					[ngStyle]="imgStyle()"
-					[attr.crossorigin]="crossOrigin()"
-					[attr.referrerpolicy]="referrerPolicy()"
+					[attr.crossorigin]="resolvedCrossOrigin()"
+					[attr.referrerpolicy]="resolvedReferrerPolicy()"
 					[attr.fetchpriority]="resolvedFetchPriority()"
 					decoding="async"
 					(load)="handleLoad($event)"
@@ -199,15 +182,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
 			<img
 				[alt]="alt()"
 				[src]="resolvedSrc()"
-				[attr.srcset]="srcSet()"
+				[attr.srcset]="resolvedSrcSet()"
 				[attr.sizes]="resolvedSizes()"
 				[width]="width()"
 				[height]="height()"
 				[loading]="resolvedLoading()"
 				[class]="className()"
 				[ngStyle]="imgStyle()"
-				[attr.crossorigin]="crossOrigin()"
-				[attr.referrerpolicy]="referrerPolicy()"
+				[attr.crossorigin]="resolvedCrossOrigin()"
+				[attr.referrerpolicy]="resolvedReferrerPolicy()"
 				[attr.fetchpriority]="resolvedFetchPriority()"
 				decoding="async"
 				(load)="handleLoad($event)"

package/dist/build.js

@@ -174177,7 +174177,7 @@ ${stubs}
     }
     return `${prefix}/@stub/${encodeURIComponent(specifier)}${suffix}`;
   };
-  result = result.replace(/^((?:import\s+.+?\s+from|export\s+.+?\s+from|import)\s*["'])([^"'./][^"']*)(["'])/gm, stubReplace);
+  result = result.replace(/^((?:import\s+[\s\S]+?\s+from|export\s+[\s\S]+?\s+from|import)\s*["'])([^"'./][^"']*)(["'])/gm, stubReplace);
   result = result.replace(/(import\s*\(\s*["'])([^"'./][^"']*)(["']\s*\))/g, stubReplace);
   const fileDir = dirname7(filePath);
   result = result.replace(/(from\s*["'])(\.\.?\/[^"']+)(["'])/g, (_match, prefix, relPath, suffix) => `${prefix}${resolveRelativeImport(relPath, fileDir, projectRoot, IMPORT_EXTENSIONS)}${suffix}`);
@@ -176710,5 +176710,5 @@ export {
   build
 };
 
-//# debugId=C243CD67FDEAEAF864756E2164756E21
+//# debugId=B5B95DBA2BB208B564756E2164756E21
 //# sourceMappingURL=build.js.map