@greghowe79/the-lib 2.9.2 → 2.9.3
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.
|
@@ -127,6 +127,12 @@ const AnimatedTextSlider = qwik.component$(({ headline, subtitle, items, duratio
|
|
|
127
127
|
class: `slide-picture ${activeIndex.value === index ? "show" : ""}`,
|
|
128
128
|
"data-crop": "animatedTextImage-1x1",
|
|
129
129
|
children: [
|
|
130
|
+
/* @__PURE__ */ jsxRuntime.jsx("source", {
|
|
131
|
+
srcset: slide.imageSources.avif,
|
|
132
|
+
type: "image/avif",
|
|
133
|
+
width: "999",
|
|
134
|
+
height: "1000"
|
|
135
|
+
}),
|
|
130
136
|
/* @__PURE__ */ jsxRuntime.jsx("source", {
|
|
131
137
|
srcset: slide.imageSources.webp,
|
|
132
138
|
type: "image/webp",
|
|
@@ -141,10 +147,12 @@ const AnimatedTextSlider = qwik.component$(({ headline, subtitle, items, duratio
|
|
|
141
147
|
/* @__PURE__ */ jsxRuntime.jsx("img", {
|
|
142
148
|
class: "Image slide-image-element",
|
|
143
149
|
alt: slide.title,
|
|
144
|
-
srcset: slide.imageSources.fallback,
|
|
145
150
|
width: "999",
|
|
146
151
|
height: "1000",
|
|
147
152
|
loading: "lazy",
|
|
153
|
+
decoding: "async",
|
|
154
|
+
fetchPriority: index === 0 ? "high" : "low",
|
|
155
|
+
srcset: slide.imageSources.fallback,
|
|
148
156
|
src: slide.imageSources.src
|
|
149
157
|
})
|
|
150
158
|
]
|
|
@@ -125,6 +125,12 @@ const AnimatedTextSlider = component$(({ headline, subtitle, items, duration, re
|
|
|
125
125
|
class: `slide-picture ${activeIndex.value === index ? "show" : ""}`,
|
|
126
126
|
"data-crop": "animatedTextImage-1x1",
|
|
127
127
|
children: [
|
|
128
|
+
/* @__PURE__ */ jsx("source", {
|
|
129
|
+
srcset: slide.imageSources.avif,
|
|
130
|
+
type: "image/avif",
|
|
131
|
+
width: "999",
|
|
132
|
+
height: "1000"
|
|
133
|
+
}),
|
|
128
134
|
/* @__PURE__ */ jsx("source", {
|
|
129
135
|
srcset: slide.imageSources.webp,
|
|
130
136
|
type: "image/webp",
|
|
@@ -139,10 +145,12 @@ const AnimatedTextSlider = component$(({ headline, subtitle, items, duration, re
|
|
|
139
145
|
/* @__PURE__ */ jsx("img", {
|
|
140
146
|
class: "Image slide-image-element",
|
|
141
147
|
alt: slide.title,
|
|
142
|
-
srcset: slide.imageSources.fallback,
|
|
143
148
|
width: "999",
|
|
144
149
|
height: "1000",
|
|
145
150
|
loading: "lazy",
|
|
151
|
+
decoding: "async",
|
|
152
|
+
fetchPriority: index === 0 ? "high" : "low",
|
|
153
|
+
srcset: slide.imageSources.fallback,
|
|
146
154
|
src: slide.imageSources.src
|
|
147
155
|
})
|
|
148
156
|
]
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
interface ImageSources {
|
|
2
|
+
avif: string;
|
|
2
3
|
webp: string;
|
|
3
4
|
fallback: string;
|
|
4
5
|
src: string;
|
|
@@ -8,7 +9,7 @@ export interface SliderItem {
|
|
|
8
9
|
description: string;
|
|
9
10
|
imageSources: ImageSources;
|
|
10
11
|
}
|
|
11
|
-
export interface
|
|
12
|
+
export interface AnimatedTextSliderProps {
|
|
12
13
|
/** Titolo principale della sezione */
|
|
13
14
|
headline: string;
|
|
14
15
|
/** Sottotitolo della sezione */
|
|
@@ -20,5 +21,5 @@ export interface VisualRegistrationProps {
|
|
|
20
21
|
/** Inverte il layout desktop: immagine a sinistra, testo a destra */
|
|
21
22
|
reverse?: boolean;
|
|
22
23
|
}
|
|
23
|
-
export declare const AnimatedTextSlider: import("@builder.io/qwik").Component<
|
|
24
|
+
export declare const AnimatedTextSlider: import("@builder.io/qwik").Component<AnimatedTextSliderProps>;
|
|
24
25
|
export {};
|
package/lib-types/index.d.ts
CHANGED
|
@@ -10,6 +10,6 @@ export { Hero } from './components/hero/hero';
|
|
|
10
10
|
export { OnboardingSteps } from './components/onboarding/onboardingsteps';
|
|
11
11
|
export { type SelectProps, Select } from './components/select/select';
|
|
12
12
|
export { TextArea } from './components/text_area/text_area';
|
|
13
|
-
export { AnimatedTextSlider } from './components/sliders/animated_text_slider';
|
|
13
|
+
export { type SliderItem, AnimatedTextSlider } from './components/sliders/animated_text_slider';
|
|
14
14
|
export { Card } from './components/card/card';
|
|
15
15
|
export { SkeletonSuggestion } from './components/skeletons/SkeletonSuggestion/skeleton_suggestion';
|