@absolutejs/absolute 0.19.0-beta.371 → 0.19.0-beta.373
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 +75 -55
- package/dist/angular/index.js.map +4 -4
- package/dist/build.js +3 -15
- package/dist/build.js.map +4 -4
- package/dist/index.js +3 -15
- package/dist/index.js.map +4 -4
- package/dist/react/index.js +3 -4
- package/dist/react/index.js.map +3 -3
- package/dist/src/angular/components/stream-slot.component.d.ts +6 -6
- package/dist/svelte/index.js +3 -4
- package/dist/svelte/index.js.map +3 -3
- package/dist/svelte/server.js +3 -4
- package/dist/svelte/server.js.map +3 -3
- package/dist/vue/index.js +3 -4
- package/dist/vue/index.js.map +3 -3
- 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
|
@@ -88,10 +88,9 @@ var init_escapeScriptContent = __esm(() => {
|
|
|
88
88
|
"\u2028": "\\u2028",
|
|
89
89
|
"\u2029": "\\u2029",
|
|
90
90
|
"&": "\\u0026",
|
|
91
|
-
"<": "\\u003C"
|
|
92
|
-
">": "\\u003E"
|
|
91
|
+
"<": "\\u003C"
|
|
93
92
|
};
|
|
94
|
-
ESCAPE_REGEX = /[
|
|
93
|
+
ESCAPE_REGEX = /[&<\u2028\u2029]/g;
|
|
95
94
|
});
|
|
96
95
|
|
|
97
96
|
// src/constants.ts
|
|
@@ -10632,13 +10631,13 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
|
|
|
10632
10631
|
return actual.startsWith(prefix);
|
|
10633
10632
|
}
|
|
10634
10633
|
return actual === pattern;
|
|
10635
|
-
}, MIME_MAP, callSharp = (sharpRef,
|
|
10634
|
+
}, MIME_MAP, callSharp = (sharpRef, input2) => {
|
|
10636
10635
|
const factory = sharpRef;
|
|
10637
|
-
return factory(
|
|
10638
|
-
}, toBuffer = (
|
|
10639
|
-
if (Buffer.isBuffer(
|
|
10640
|
-
return
|
|
10641
|
-
return Buffer.from(
|
|
10636
|
+
return factory(input2);
|
|
10637
|
+
}, toBuffer = (input2) => {
|
|
10638
|
+
if (Buffer.isBuffer(input2))
|
|
10639
|
+
return input2;
|
|
10640
|
+
return Buffer.from(input2);
|
|
10642
10641
|
}, buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurSvg = (base64Thumbnail) => {
|
|
10643
10642
|
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
10643
|
const encoded = encodeURIComponent(svg);
|
|
@@ -11554,40 +11553,61 @@ var IslandStore = IslandStoreImpl;
|
|
|
11554
11553
|
init_renderIslandMarkup();
|
|
11555
11554
|
var renderIsland = (props) => renderIslandMarkup(requireCurrentIslandRegistry(), props);
|
|
11556
11555
|
// src/angular/components/defer-slot.component.ts
|
|
11557
|
-
import { Component as Component3, computed, input
|
|
11556
|
+
import { Component as Component3, computed, input } from "@angular/core";
|
|
11558
11557
|
|
|
11559
11558
|
// src/angular/components/stream-slot.component.ts
|
|
11560
11559
|
import"@angular/compiler";
|
|
11561
|
-
import { Component as Component2,
|
|
11560
|
+
import { Component as Component2, Input as Input2 } from "@angular/core";
|
|
11562
11561
|
class StreamSlotComponent {
|
|
11563
|
-
|
|
11564
|
-
|
|
11565
|
-
|
|
11566
|
-
id = input.required();
|
|
11567
|
-
resolve = input.required();
|
|
11568
|
-
timeoutMs = input();
|
|
11562
|
+
constructor() {
|
|
11563
|
+
this.fallbackHtml = "";
|
|
11564
|
+
}
|
|
11569
11565
|
ngOnInit() {
|
|
11570
11566
|
if (typeof window !== "undefined")
|
|
11571
11567
|
return;
|
|
11572
11568
|
registerStreamingSlot({
|
|
11573
|
-
errorHtml: this.errorHtml
|
|
11574
|
-
fallbackHtml: this.fallbackHtml
|
|
11575
|
-
id: this.id
|
|
11576
|
-
resolve: this.resolve
|
|
11577
|
-
timeoutMs: this.timeoutMs
|
|
11569
|
+
errorHtml: this.errorHtml,
|
|
11570
|
+
fallbackHtml: this.fallbackHtml,
|
|
11571
|
+
id: this.id,
|
|
11572
|
+
resolve: this.resolve,
|
|
11573
|
+
timeoutMs: this.timeoutMs
|
|
11578
11574
|
});
|
|
11579
11575
|
}
|
|
11580
11576
|
}
|
|
11577
|
+
__legacyDecorateClassTS([
|
|
11578
|
+
Input2(),
|
|
11579
|
+
__legacyMetadataTS("design:type", String)
|
|
11580
|
+
], StreamSlotComponent.prototype, "className", undefined);
|
|
11581
|
+
__legacyDecorateClassTS([
|
|
11582
|
+
Input2(),
|
|
11583
|
+
__legacyMetadataTS("design:type", String)
|
|
11584
|
+
], StreamSlotComponent.prototype, "errorHtml", undefined);
|
|
11585
|
+
__legacyDecorateClassTS([
|
|
11586
|
+
Input2(),
|
|
11587
|
+
__legacyMetadataTS("design:type", Object)
|
|
11588
|
+
], StreamSlotComponent.prototype, "fallbackHtml", undefined);
|
|
11589
|
+
__legacyDecorateClassTS([
|
|
11590
|
+
Input2({ required: true }),
|
|
11591
|
+
__legacyMetadataTS("design:type", String)
|
|
11592
|
+
], StreamSlotComponent.prototype, "id", undefined);
|
|
11593
|
+
__legacyDecorateClassTS([
|
|
11594
|
+
Input2({ required: true }),
|
|
11595
|
+
__legacyMetadataTS("design:type", typeof SlotResolver === "undefined" ? Object : SlotResolver)
|
|
11596
|
+
], StreamSlotComponent.prototype, "resolve", undefined);
|
|
11597
|
+
__legacyDecorateClassTS([
|
|
11598
|
+
Input2(),
|
|
11599
|
+
__legacyMetadataTS("design:type", Number)
|
|
11600
|
+
], StreamSlotComponent.prototype, "timeoutMs", undefined);
|
|
11581
11601
|
StreamSlotComponent = __legacyDecorateClassTS([
|
|
11582
11602
|
Component2({
|
|
11583
11603
|
selector: "abs-stream-slot",
|
|
11584
11604
|
standalone: true,
|
|
11585
11605
|
template: `
|
|
11586
11606
|
<div
|
|
11587
|
-
[attr.id]="'slot-' + id
|
|
11588
|
-
[attr.class]="className
|
|
11607
|
+
[attr.id]="'slot-' + id"
|
|
11608
|
+
[attr.class]="className"
|
|
11589
11609
|
data-absolute-slot="true"
|
|
11590
|
-
[innerHTML]="fallbackHtml
|
|
11610
|
+
[innerHTML]="fallbackHtml"
|
|
11591
11611
|
></div>
|
|
11592
11612
|
`
|
|
11593
11613
|
})
|
|
@@ -11595,13 +11615,13 @@ StreamSlotComponent = __legacyDecorateClassTS([
|
|
|
11595
11615
|
|
|
11596
11616
|
// src/angular/components/defer-slot.component.ts
|
|
11597
11617
|
class DeferSlotComponent {
|
|
11598
|
-
className =
|
|
11599
|
-
errorHtml =
|
|
11600
|
-
fallbackHtml =
|
|
11601
|
-
id =
|
|
11602
|
-
promise =
|
|
11603
|
-
resolve =
|
|
11604
|
-
timeoutMs =
|
|
11618
|
+
className = input();
|
|
11619
|
+
errorHtml = input();
|
|
11620
|
+
fallbackHtml = input("");
|
|
11621
|
+
id = input.required();
|
|
11622
|
+
promise = input();
|
|
11623
|
+
resolve = input();
|
|
11624
|
+
timeoutMs = input();
|
|
11605
11625
|
resolvedResolver = computed(() => {
|
|
11606
11626
|
const resolver = this.resolve();
|
|
11607
11627
|
if (resolver)
|
|
@@ -11631,7 +11651,7 @@ DeferSlotComponent = __legacyDecorateClassTS([
|
|
|
11631
11651
|
], DeferSlotComponent);
|
|
11632
11652
|
// src/angular/components/image.component.ts
|
|
11633
11653
|
init_imageProcessing();
|
|
11634
|
-
import { Component as Component4, computed as computed2, input as
|
|
11654
|
+
import { Component as Component4, computed as computed2, input as input2, signal } from "@angular/core";
|
|
11635
11655
|
import { NgStyle } from "@angular/common";
|
|
11636
11656
|
var resolveBlurBg = (placeholderValue, blurDataUrl) => {
|
|
11637
11657
|
if (typeof placeholderValue === "string" && placeholderValue !== "blur" && placeholderValue.startsWith("data:")) {
|
|
@@ -11643,27 +11663,27 @@ var resolveBlurBg = (placeholderValue, blurDataUrl) => {
|
|
|
11643
11663
|
};
|
|
11644
11664
|
|
|
11645
11665
|
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 =
|
|
11666
|
+
alt = input2.required();
|
|
11667
|
+
blurDataURL = input2();
|
|
11668
|
+
className = input2();
|
|
11669
|
+
crossOrigin = input2();
|
|
11670
|
+
fetchPriority = input2();
|
|
11671
|
+
fill = input2(false);
|
|
11672
|
+
height = input2();
|
|
11673
|
+
loader = input2();
|
|
11674
|
+
loading = input2("lazy");
|
|
11675
|
+
onError = input2();
|
|
11676
|
+
onLoad = input2();
|
|
11677
|
+
overrideSrc = input2();
|
|
11678
|
+
placeholder = input2("empty");
|
|
11679
|
+
priority = input2(false);
|
|
11680
|
+
quality = input2(DEFAULT_QUALITY);
|
|
11681
|
+
referrerPolicy = input2();
|
|
11682
|
+
sizes = input2();
|
|
11683
|
+
src = input2.required();
|
|
11684
|
+
style = input2();
|
|
11685
|
+
unoptimized = input2(false);
|
|
11686
|
+
width = input2();
|
|
11667
11687
|
blurRemoved = signal(false);
|
|
11668
11688
|
resolvedSrc = computed2(() => {
|
|
11669
11689
|
const override = this.overrideSrc();
|
|
@@ -11787,5 +11807,5 @@ export {
|
|
|
11787
11807
|
DeferSlotComponent
|
|
11788
11808
|
};
|
|
11789
11809
|
|
|
11790
|
-
//# debugId=
|
|
11810
|
+
//# debugId=D269D2360D0FB85D64756E2164756E21
|
|
11791
11811
|
//# sourceMappingURL=index.js.map
|