@absolutejs/absolute 0.19.0-beta.210 → 0.19.0-beta.211
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.
- package/dist/angular/components/image.component.js +31 -31
- package/dist/build.js +2 -2
- package/dist/build.js.map +3 -3
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/package.json +1 -1
|
@@ -16,29 +16,29 @@ const resolveBlurBg = (placeholderValue, blurDataUrl) => {
|
|
|
16
16
|
export class ImageComponent {
|
|
17
17
|
constructor() {
|
|
18
18
|
// ── Inputs ──────────────────────────────────────────────────
|
|
19
|
-
this.alt = input.required(...(ngDevMode ? [{ debugName: "alt" }] : []));
|
|
20
|
-
this.blurDataURL = input(...(ngDevMode ? [undefined, { debugName: "blurDataURL" }] : []));
|
|
21
|
-
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
|
|
22
|
-
this.crossOrigin = input(...(ngDevMode ? [undefined, { debugName: "crossOrigin" }] : []));
|
|
23
|
-
this.fetchPriority = input(...(ngDevMode ? [undefined, { debugName: "fetchPriority" }] : []));
|
|
24
|
-
this.fill = input(false, ...(ngDevMode ? [{ debugName: "fill" }] : []));
|
|
25
|
-
this.height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : []));
|
|
26
|
-
this.loader = input(...(ngDevMode ? [undefined, { debugName: "loader" }] : []));
|
|
27
|
-
this.loading = input('lazy', ...(ngDevMode ? [{ debugName: "loading" }] : []));
|
|
28
|
-
this.onError = input(...(ngDevMode ? [undefined, { debugName: "onError" }] : []));
|
|
29
|
-
this.onLoad = input(...(ngDevMode ? [undefined, { debugName: "onLoad" }] : []));
|
|
30
|
-
this.overrideSrc = input(...(ngDevMode ? [undefined, { debugName: "overrideSrc" }] : []));
|
|
31
|
-
this.placeholder = input('empty', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
32
|
-
this.priority = input(false, ...(ngDevMode ? [{ debugName: "priority" }] : []));
|
|
33
|
-
this.quality = input(DEFAULT_QUALITY, ...(ngDevMode ? [{ debugName: "quality" }] : []));
|
|
34
|
-
this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : []));
|
|
35
|
-
this.sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : []));
|
|
36
|
-
this.src = input.required(...(ngDevMode ? [{ debugName: "src" }] : []));
|
|
37
|
-
this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
|
|
38
|
-
this.unoptimized = input(false, ...(ngDevMode ? [{ debugName: "unoptimized" }] : []));
|
|
39
|
-
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
|
|
19
|
+
this.alt = input.required(...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
|
|
20
|
+
this.blurDataURL = input(...(ngDevMode ? [undefined, { debugName: "blurDataURL" }] : /* istanbul ignore next */ []));
|
|
21
|
+
this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
|
|
22
|
+
this.crossOrigin = input(...(ngDevMode ? [undefined, { debugName: "crossOrigin" }] : /* istanbul ignore next */ []));
|
|
23
|
+
this.fetchPriority = input(...(ngDevMode ? [undefined, { debugName: "fetchPriority" }] : /* istanbul ignore next */ []));
|
|
24
|
+
this.fill = input(false, ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
|
|
25
|
+
this.height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
|
|
26
|
+
this.loader = input(...(ngDevMode ? [undefined, { debugName: "loader" }] : /* istanbul ignore next */ []));
|
|
27
|
+
this.loading = input('lazy', ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
28
|
+
this.onError = input(...(ngDevMode ? [undefined, { debugName: "onError" }] : /* istanbul ignore next */ []));
|
|
29
|
+
this.onLoad = input(...(ngDevMode ? [undefined, { debugName: "onLoad" }] : /* istanbul ignore next */ []));
|
|
30
|
+
this.overrideSrc = input(...(ngDevMode ? [undefined, { debugName: "overrideSrc" }] : /* istanbul ignore next */ []));
|
|
31
|
+
this.placeholder = input('empty', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
32
|
+
this.priority = input(false, ...(ngDevMode ? [{ debugName: "priority" }] : /* istanbul ignore next */ []));
|
|
33
|
+
this.quality = input(DEFAULT_QUALITY, ...(ngDevMode ? [{ debugName: "quality" }] : /* istanbul ignore next */ []));
|
|
34
|
+
this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : /* istanbul ignore next */ []));
|
|
35
|
+
this.sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : /* istanbul ignore next */ []));
|
|
36
|
+
this.src = input.required(...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
|
|
37
|
+
this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
|
|
38
|
+
this.unoptimized = input(false, ...(ngDevMode ? [{ debugName: "unoptimized" }] : /* istanbul ignore next */ []));
|
|
39
|
+
this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
|
|
40
40
|
// ── Internal state ──────────────────────────────────────────
|
|
41
|
-
this.blurRemoved = signal(false, ...(ngDevMode ? [{ debugName: "blurRemoved" }] : []));
|
|
41
|
+
this.blurRemoved = signal(false, ...(ngDevMode ? [{ debugName: "blurRemoved" }] : /* istanbul ignore next */ []));
|
|
42
42
|
// ── Computed ────────────────────────────────────────────────
|
|
43
43
|
this.resolvedSrc = computed(() => {
|
|
44
44
|
const override = this.overrideSrc();
|
|
@@ -53,13 +53,13 @@ export class ImageComponent {
|
|
|
53
53
|
if (!currentWidth)
|
|
54
54
|
return buildOptimizedUrl(this.src(), 0, this.quality());
|
|
55
55
|
return buildOptimizedUrl(this.src(), currentWidth, this.quality());
|
|
56
|
-
}, ...(ngDevMode ? [{ debugName: "resolvedSrc" }] : []));
|
|
56
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedSrc" }] : /* istanbul ignore next */ []));
|
|
57
57
|
this.srcSet = computed(() => this.unoptimized()
|
|
58
58
|
? undefined
|
|
59
|
-
: generateSrcSet(this.src(), this.width(), this.sizes(), undefined, this.loader() ?? undefined), ...(ngDevMode ? [{ debugName: "srcSet" }] : []));
|
|
60
|
-
this.resolvedSizes = computed(() => this.sizes() ?? (this.fill() ? '100vw' : undefined), ...(ngDevMode ? [{ debugName: "resolvedSizes" }] : []));
|
|
61
|
-
this.resolvedLoading = computed(() => this.priority() ? 'eager' : this.loading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : []));
|
|
62
|
-
this.resolvedFetchPriority = computed(() => this.priority() ? 'high' : this.fetchPriority(), ...(ngDevMode ? [{ debugName: "resolvedFetchPriority" }] : []));
|
|
59
|
+
: generateSrcSet(this.src(), this.width(), this.sizes(), undefined, this.loader() ?? undefined), ...(ngDevMode ? [{ debugName: "srcSet" }] : /* istanbul ignore next */ []));
|
|
60
|
+
this.resolvedSizes = computed(() => this.sizes() ?? (this.fill() ? '100vw' : undefined), ...(ngDevMode ? [{ debugName: "resolvedSizes" }] : /* istanbul ignore next */ []));
|
|
61
|
+
this.resolvedLoading = computed(() => this.priority() ? 'eager' : this.loading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : /* istanbul ignore next */ []));
|
|
62
|
+
this.resolvedFetchPriority = computed(() => this.priority() ? 'high' : this.fetchPriority(), ...(ngDevMode ? [{ debugName: "resolvedFetchPriority" }] : /* istanbul ignore next */ []));
|
|
63
63
|
this.imgStyle = computed(() => {
|
|
64
64
|
const base = {
|
|
65
65
|
...(this.style() ?? {}),
|
|
@@ -87,7 +87,7 @@ export class ImageComponent {
|
|
|
87
87
|
base.width = '100%';
|
|
88
88
|
}
|
|
89
89
|
return base;
|
|
90
|
-
}, ...(ngDevMode ? [{ debugName: "imgStyle" }] : []));
|
|
90
|
+
}, ...(ngDevMode ? [{ debugName: "imgStyle" }] : /* istanbul ignore next */ []));
|
|
91
91
|
}
|
|
92
92
|
// ── Event handlers ──────────────────────────────────────────
|
|
93
93
|
handleLoad(event) {
|
|
@@ -101,8 +101,8 @@ export class ImageComponent {
|
|
|
101
101
|
if (callback)
|
|
102
102
|
callback(event);
|
|
103
103
|
}
|
|
104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
+
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: `
|
|
106
106
|
@if (priority()) {
|
|
107
107
|
<link
|
|
108
108
|
rel="preload"
|
|
@@ -152,7 +152,7 @@ export class ImageComponent {
|
|
|
152
152
|
}
|
|
153
153
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, decorators: [{
|
|
156
156
|
type: Component,
|
|
157
157
|
args: [{
|
|
158
158
|
imports: [NgStyle],
|
package/dist/build.js
CHANGED
|
@@ -174174,7 +174174,7 @@ ${stubs}
|
|
|
174174
174174
|
return _match;
|
|
174175
174175
|
if (specifier.startsWith("@absolutejs/absolute/")) {
|
|
174176
174176
|
try {
|
|
174177
|
-
const resolved =
|
|
174177
|
+
const resolved = Bun.resolveSync(specifier, projectRoot);
|
|
174178
174178
|
const browserPath = resolved.replace(/\/index\.js$/, "/browser/index.js");
|
|
174179
174179
|
const target = existsSync18(browserPath) ? browserPath : resolved;
|
|
174180
174180
|
const rel = relative8(projectRoot, target);
|
|
@@ -176716,5 +176716,5 @@ export {
|
|
|
176716
176716
|
build
|
|
176717
176717
|
};
|
|
176718
176718
|
|
|
176719
|
-
//# debugId=
|
|
176719
|
+
//# debugId=465D01B5E85EF55E64756E2164756E21
|
|
176720
176720
|
//# sourceMappingURL=build.js.map
|