@absolutejs/absolute 0.19.0-beta.371 → 0.19.0-beta.372
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/browser.js +73 -52
- package/dist/angular/browser.js.map +3 -3
- package/dist/angular/components/stream-slot.component.js +29 -20
- package/dist/angular/index.js +73 -52
- package/dist/angular/index.js.map +3 -3
- package/dist/build.js +1 -12
- package/dist/build.js.map +3 -3
- package/dist/index.js +1 -12
- package/dist/index.js.map +3 -3
- package/dist/src/angular/components/stream-slot.component.d.ts +6 -6
- package/package.json +1 -1
|
@@ -1,34 +1,29 @@
|
|
|
1
1
|
import '@angular/compiler';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { registerStreamingSlot } from './core/streamingSlotRegistrar.js';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class StreamSlotComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.
|
|
8
|
-
this.errorHtml = input(...(ngDevMode ? [undefined, { debugName: "errorHtml" }] : /* istanbul ignore next */ []));
|
|
9
|
-
this.fallbackHtml = input('', ...(ngDevMode ? [{ debugName: "fallbackHtml" }] : /* istanbul ignore next */ []));
|
|
10
|
-
this.id = input.required(...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
11
|
-
this.resolve = input.required(...(ngDevMode ? [{ debugName: "resolve" }] : /* istanbul ignore next */ []));
|
|
12
|
-
this.timeoutMs = input(...(ngDevMode ? [undefined, { debugName: "timeoutMs" }] : /* istanbul ignore next */ []));
|
|
7
|
+
this.fallbackHtml = '';
|
|
13
8
|
}
|
|
14
9
|
ngOnInit() {
|
|
15
10
|
if (typeof window !== 'undefined')
|
|
16
11
|
return;
|
|
17
12
|
registerStreamingSlot({
|
|
18
|
-
errorHtml: this.errorHtml
|
|
19
|
-
fallbackHtml: this.fallbackHtml
|
|
20
|
-
id: this.id
|
|
21
|
-
resolve: this.resolve
|
|
22
|
-
timeoutMs: this.timeoutMs
|
|
13
|
+
errorHtml: this.errorHtml,
|
|
14
|
+
fallbackHtml: this.fallbackHtml,
|
|
15
|
+
id: this.id,
|
|
16
|
+
resolve: this.resolve,
|
|
17
|
+
timeoutMs: this.timeoutMs
|
|
23
18
|
});
|
|
24
19
|
}
|
|
25
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: StreamSlotComponent, isStandalone: true, selector: "abs-stream-slot", inputs: { className: "className", errorHtml: "errorHtml", fallbackHtml: "fallbackHtml", id: "id", resolve: "resolve", timeoutMs: "timeoutMs" }, ngImport: i0, template: `
|
|
27
22
|
<div
|
|
28
|
-
[attr.id]="'slot-' + id
|
|
29
|
-
[attr.class]="className
|
|
23
|
+
[attr.id]="'slot-' + id"
|
|
24
|
+
[attr.class]="className"
|
|
30
25
|
data-absolute-slot="true"
|
|
31
|
-
[innerHTML]="fallbackHtml
|
|
26
|
+
[innerHTML]="fallbackHtml"
|
|
32
27
|
></div>
|
|
33
28
|
`, isInline: true }); }
|
|
34
29
|
}
|
|
@@ -39,11 +34,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
39
34
|
standalone: true,
|
|
40
35
|
template: `
|
|
41
36
|
<div
|
|
42
|
-
[attr.id]="'slot-' + id
|
|
43
|
-
[attr.class]="className
|
|
37
|
+
[attr.id]="'slot-' + id"
|
|
38
|
+
[attr.class]="className"
|
|
44
39
|
data-absolute-slot="true"
|
|
45
|
-
[innerHTML]="fallbackHtml
|
|
40
|
+
[innerHTML]="fallbackHtml"
|
|
46
41
|
></div>
|
|
47
42
|
`
|
|
48
43
|
}]
|
|
49
|
-
}], propDecorators: { className: [{
|
|
44
|
+
}], propDecorators: { className: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], errorHtml: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], fallbackHtml: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], id: [{
|
|
51
|
+
type: Input,
|
|
52
|
+
args: [{ required: true }]
|
|
53
|
+
}], resolve: [{
|
|
54
|
+
type: Input,
|
|
55
|
+
args: [{ required: true }]
|
|
56
|
+
}], timeoutMs: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}] } });
|
package/dist/angular/index.js
CHANGED
|
@@ -10632,13 +10632,13 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
|
|
|
10632
10632
|
return actual.startsWith(prefix);
|
|
10633
10633
|
}
|
|
10634
10634
|
return actual === pattern;
|
|
10635
|
-
}, MIME_MAP, callSharp = (sharpRef,
|
|
10635
|
+
}, MIME_MAP, callSharp = (sharpRef, input2) => {
|
|
10636
10636
|
const factory = sharpRef;
|
|
10637
|
-
return factory(
|
|
10638
|
-
}, toBuffer = (
|
|
10639
|
-
if (Buffer.isBuffer(
|
|
10640
|
-
return
|
|
10641
|
-
return Buffer.from(
|
|
10637
|
+
return factory(input2);
|
|
10638
|
+
}, toBuffer = (input2) => {
|
|
10639
|
+
if (Buffer.isBuffer(input2))
|
|
10640
|
+
return input2;
|
|
10641
|
+
return Buffer.from(input2);
|
|
10642
10642
|
}, buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurSvg = (base64Thumbnail) => {
|
|
10643
10643
|
const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="${BLUR_DEVIATION}"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
|
|
10644
10644
|
const encoded = encodeURIComponent(svg);
|
|
@@ -11554,40 +11554,61 @@ var IslandStore = IslandStoreImpl;
|
|
|
11554
11554
|
init_renderIslandMarkup();
|
|
11555
11555
|
var renderIsland = (props) => renderIslandMarkup(requireCurrentIslandRegistry(), props);
|
|
11556
11556
|
// src/angular/components/defer-slot.component.ts
|
|
11557
|
-
import { Component as Component3, computed, input
|
|
11557
|
+
import { Component as Component3, computed, input } from "@angular/core";
|
|
11558
11558
|
|
|
11559
11559
|
// src/angular/components/stream-slot.component.ts
|
|
11560
11560
|
import"@angular/compiler";
|
|
11561
|
-
import { Component as Component2,
|
|
11561
|
+
import { Component as Component2, Input as Input2 } from "@angular/core";
|
|
11562
11562
|
class StreamSlotComponent {
|
|
11563
|
-
|
|
11564
|
-
|
|
11565
|
-
|
|
11566
|
-
id = input.required();
|
|
11567
|
-
resolve = input.required();
|
|
11568
|
-
timeoutMs = input();
|
|
11563
|
+
constructor() {
|
|
11564
|
+
this.fallbackHtml = "";
|
|
11565
|
+
}
|
|
11569
11566
|
ngOnInit() {
|
|
11570
11567
|
if (typeof window !== "undefined")
|
|
11571
11568
|
return;
|
|
11572
11569
|
registerStreamingSlot({
|
|
11573
|
-
errorHtml: this.errorHtml
|
|
11574
|
-
fallbackHtml: this.fallbackHtml
|
|
11575
|
-
id: this.id
|
|
11576
|
-
resolve: this.resolve
|
|
11577
|
-
timeoutMs: this.timeoutMs
|
|
11570
|
+
errorHtml: this.errorHtml,
|
|
11571
|
+
fallbackHtml: this.fallbackHtml,
|
|
11572
|
+
id: this.id,
|
|
11573
|
+
resolve: this.resolve,
|
|
11574
|
+
timeoutMs: this.timeoutMs
|
|
11578
11575
|
});
|
|
11579
11576
|
}
|
|
11580
11577
|
}
|
|
11578
|
+
__legacyDecorateClassTS([
|
|
11579
|
+
Input2(),
|
|
11580
|
+
__legacyMetadataTS("design:type", String)
|
|
11581
|
+
], StreamSlotComponent.prototype, "className", undefined);
|
|
11582
|
+
__legacyDecorateClassTS([
|
|
11583
|
+
Input2(),
|
|
11584
|
+
__legacyMetadataTS("design:type", String)
|
|
11585
|
+
], StreamSlotComponent.prototype, "errorHtml", undefined);
|
|
11586
|
+
__legacyDecorateClassTS([
|
|
11587
|
+
Input2(),
|
|
11588
|
+
__legacyMetadataTS("design:type", Object)
|
|
11589
|
+
], StreamSlotComponent.prototype, "fallbackHtml", undefined);
|
|
11590
|
+
__legacyDecorateClassTS([
|
|
11591
|
+
Input2({ required: true }),
|
|
11592
|
+
__legacyMetadataTS("design:type", String)
|
|
11593
|
+
], StreamSlotComponent.prototype, "id", undefined);
|
|
11594
|
+
__legacyDecorateClassTS([
|
|
11595
|
+
Input2({ required: true }),
|
|
11596
|
+
__legacyMetadataTS("design:type", typeof SlotResolver === "undefined" ? Object : SlotResolver)
|
|
11597
|
+
], StreamSlotComponent.prototype, "resolve", undefined);
|
|
11598
|
+
__legacyDecorateClassTS([
|
|
11599
|
+
Input2(),
|
|
11600
|
+
__legacyMetadataTS("design:type", Number)
|
|
11601
|
+
], StreamSlotComponent.prototype, "timeoutMs", undefined);
|
|
11581
11602
|
StreamSlotComponent = __legacyDecorateClassTS([
|
|
11582
11603
|
Component2({
|
|
11583
11604
|
selector: "abs-stream-slot",
|
|
11584
11605
|
standalone: true,
|
|
11585
11606
|
template: `
|
|
11586
11607
|
<div
|
|
11587
|
-
[attr.id]="'slot-' + id
|
|
11588
|
-
[attr.class]="className
|
|
11608
|
+
[attr.id]="'slot-' + id"
|
|
11609
|
+
[attr.class]="className"
|
|
11589
11610
|
data-absolute-slot="true"
|
|
11590
|
-
[innerHTML]="fallbackHtml
|
|
11611
|
+
[innerHTML]="fallbackHtml"
|
|
11591
11612
|
></div>
|
|
11592
11613
|
`
|
|
11593
11614
|
})
|
|
@@ -11595,13 +11616,13 @@ StreamSlotComponent = __legacyDecorateClassTS([
|
|
|
11595
11616
|
|
|
11596
11617
|
// src/angular/components/defer-slot.component.ts
|
|
11597
11618
|
class DeferSlotComponent {
|
|
11598
|
-
className =
|
|
11599
|
-
errorHtml =
|
|
11600
|
-
fallbackHtml =
|
|
11601
|
-
id =
|
|
11602
|
-
promise =
|
|
11603
|
-
resolve =
|
|
11604
|
-
timeoutMs =
|
|
11619
|
+
className = input();
|
|
11620
|
+
errorHtml = input();
|
|
11621
|
+
fallbackHtml = input("");
|
|
11622
|
+
id = input.required();
|
|
11623
|
+
promise = input();
|
|
11624
|
+
resolve = input();
|
|
11625
|
+
timeoutMs = input();
|
|
11605
11626
|
resolvedResolver = computed(() => {
|
|
11606
11627
|
const resolver = this.resolve();
|
|
11607
11628
|
if (resolver)
|
|
@@ -11631,7 +11652,7 @@ DeferSlotComponent = __legacyDecorateClassTS([
|
|
|
11631
11652
|
], DeferSlotComponent);
|
|
11632
11653
|
// src/angular/components/image.component.ts
|
|
11633
11654
|
init_imageProcessing();
|
|
11634
|
-
import { Component as Component4, computed as computed2, input as
|
|
11655
|
+
import { Component as Component4, computed as computed2, input as input2, signal } from "@angular/core";
|
|
11635
11656
|
import { NgStyle } from "@angular/common";
|
|
11636
11657
|
var resolveBlurBg = (placeholderValue, blurDataUrl) => {
|
|
11637
11658
|
if (typeof placeholderValue === "string" && placeholderValue !== "blur" && placeholderValue.startsWith("data:")) {
|
|
@@ -11643,27 +11664,27 @@ var resolveBlurBg = (placeholderValue, blurDataUrl) => {
|
|
|
11643
11664
|
};
|
|
11644
11665
|
|
|
11645
11666
|
class ImageComponent {
|
|
11646
|
-
alt =
|
|
11647
|
-
blurDataURL =
|
|
11648
|
-
className =
|
|
11649
|
-
crossOrigin =
|
|
11650
|
-
fetchPriority =
|
|
11651
|
-
fill =
|
|
11652
|
-
height =
|
|
11653
|
-
loader =
|
|
11654
|
-
loading =
|
|
11655
|
-
onError =
|
|
11656
|
-
onLoad =
|
|
11657
|
-
overrideSrc =
|
|
11658
|
-
placeholder =
|
|
11659
|
-
priority =
|
|
11660
|
-
quality =
|
|
11661
|
-
referrerPolicy =
|
|
11662
|
-
sizes =
|
|
11663
|
-
src =
|
|
11664
|
-
style =
|
|
11665
|
-
unoptimized =
|
|
11666
|
-
width =
|
|
11667
|
+
alt = input2.required();
|
|
11668
|
+
blurDataURL = input2();
|
|
11669
|
+
className = input2();
|
|
11670
|
+
crossOrigin = input2();
|
|
11671
|
+
fetchPriority = input2();
|
|
11672
|
+
fill = input2(false);
|
|
11673
|
+
height = input2();
|
|
11674
|
+
loader = input2();
|
|
11675
|
+
loading = input2("lazy");
|
|
11676
|
+
onError = input2();
|
|
11677
|
+
onLoad = input2();
|
|
11678
|
+
overrideSrc = input2();
|
|
11679
|
+
placeholder = input2("empty");
|
|
11680
|
+
priority = input2(false);
|
|
11681
|
+
quality = input2(DEFAULT_QUALITY);
|
|
11682
|
+
referrerPolicy = input2();
|
|
11683
|
+
sizes = input2();
|
|
11684
|
+
src = input2.required();
|
|
11685
|
+
style = input2();
|
|
11686
|
+
unoptimized = input2(false);
|
|
11687
|
+
width = input2();
|
|
11667
11688
|
blurRemoved = signal(false);
|
|
11668
11689
|
resolvedSrc = computed2(() => {
|
|
11669
11690
|
const override = this.overrideSrc();
|
|
@@ -11787,5 +11808,5 @@ export {
|
|
|
11787
11808
|
DeferSlotComponent
|
|
11788
11809
|
};
|
|
11789
11810
|
|
|
11790
|
-
//# debugId=
|
|
11811
|
+
//# debugId=FB385B4BFC4F62F364756E2164756E21
|
|
11791
11812
|
//# sourceMappingURL=index.js.map
|