@kickstartds/ds-agency-premium 1.6.71--canary.50.2251.0 → 1.6.71--canary.50.2257.0

package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d60aba86.d.ts}

@@ -4,7 +4,7 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
-import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
+import { BlogAsideProps } from "./BlogAsideProps-fb0241df.js";
 import { SectionProps } from "./SectionProps-d60aba86.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";

package/dist/SectionProps-d60aba86.d.ts

@@ -13,7 +13,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/SplitEvenProps-789f8508.d.ts

@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/SplitWeightedProps-789f8508.d.ts

@@ -10,7 +10,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-fec6b267.js";
 import { HtmlProps } from "./HtmlProps-9d091769.js";
-import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-4e2b2ecf.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/components/blog-aside/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogAsideProps } from "../../BlogAsideProps-c760fd2a.js";
+import { BlogAsideProps } from "../../BlogAsideProps-fb0241df.js";
 declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blog-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-d60aba86.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-d60aba86.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-4e2b2ecf.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/index/index.d.ts

@@ -29,8 +29,8 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-6b3cff22.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export * from "../../PageProps-aa29c554.js";
+export * from "../../BlogPostProps-d60aba86.js";
+export * from "../../BlogOverviewProps-d60aba86.js";
+export * from "../../PageProps-d60aba86.js";
 export { IconSprite, SettingsProps };
 export * from "../../EventDetailProps-42a7eebe.js";

package/dist/components/page/index.d.ts

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-d60aba86.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export type { PageProps };

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:42 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:26 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/search-form/SearchForm.client.d.ts

@@ -1,6 +1,7 @@
 declare class SearchForm {
     static identifier: string;
     constructor(element: any);
+    lazyResults: WeakMap<object, any>;
     $searchInput: any;
     $resultTemplate: any;
     $subresultTemplate: any;

package/dist/components/search-form/SearchForm.client.js

@@ -1,4 +1,5 @@
 import { define, Component } from '@kickstartds/core/lib/component';
+import { events } from '@kickstartds/core/lib/core';
 
 const parser = new DOMParser();
 const renderResult = (result, element) => {
@@ -26,16 +27,28 @@ const renderResult = (result, element) => {
     if (result.image) {
         const image = $("[data-result-image]");
         if (image)
-            image.dataset.src = result.image;
+            image.src = result.image;
     }
 };
+const limitSubResults = (subResults, limit) => {
+    if (subResults.length <= limit)
+        return subResults;
+    const topUrls = [...subResults]
+        .sort((a, b) => b.locations.length - a.locations.length)
+        .slice(0, limit)
+        .map((r) => r.url);
+    return subResults.filter((r) => topUrls.includes(r.url));
+};
 class SearchForm extends Component {
     constructor(element) {
         super(element);
+        this.lazyResults = new WeakMap();
         this.$searchInput = this.$(".dsa-search-bar__input");
         this.$resultTemplate = this.$("[data-template=result]");
         this.$subresultTemplate = this.$("[data-template=subresult]");
         this.$results = this.$(".dsa-search-form__results");
+        const rawSubResultsLimit = Number(element.dataset.maxSubresults);
+        const subResultsLimit = isNaN(rawSubResultsLimit) ? 3 : rawSubResultsLimit;
         this.on(element, "submit", (event) => {
             event.preventDefault();
             const url = new URL(element.getAttribute("action") || "", window.location);
@@ -46,6 +59,21 @@ class SearchForm extends Component {
         this.on(window, "hashchange", (event) => {
             window._ks.radio.emit("dsa.search-form.hashchange");
         });
+        this.onRadio(events.beforeunveil, async (_, el) => {
+            if (this.lazyResults.has(el)) {
+                const lazyResult = this.lazyResults.get(el);
+                const result = await lazyResult();
+                renderResult(result, el);
+                const $subResults = this.$("[data-result-subresults]", el);
+                const subResults = limitSubResults(result.subResults, subResultsLimit);
+                for (const subResult of subResults) {
+                    const $subResultClone = this.$subresultTemplate.cloneNode(true);
+                    $subResultClone.setAttribute("href", subResult.url);
+                    renderResult(subResult, $subResultClone);
+                    $subResults.appendChild($subResultClone);
+                }
+            }
+        });
     }
     clearResults() {
         this.$results.textContent = "";
@@ -53,14 +81,7 @@ class SearchForm extends Component {
     showResults(results) {
         for (const result of results) {
             const $resultClone = this.$resultTemplate.cloneNode(true);
-            renderResult(result, $resultClone);
-            const $subResultsContainer = this.$("[data-result-subresults]", $resultClone);
-            for (const subResult of result.subResults) {
-                const $subResultClone = this.$subresultTemplate.cloneNode(true);
-                $subResultClone.setAttribute("href", subResult.url);
-                renderResult(subResult, $subResultClone);
-                $subResultsContainer.appendChild($subResultClone);
-            }
+            this.lazyResults.set($resultClone, result);
             this.$results.appendChild($resultClone);
         }
     }

package/dist/components/search-form/SearchFormPagefind.client.js

@@ -1,7 +1,26 @@
 import { define } from '@kickstartds/core/lib/component';
 import SearchForm from './SearchForm.client.js';
+import '@kickstartds/core/lib/core';
 
 const staticPageFindPath = "/pagefind/pagefind.js";
+const pagefindResult2searchResult = ({ sub_results, ...result }) => {
+    const hasRootSubResult = sub_results?.[0]?.url === (result.meta.url || result.url);
+    const subResults = hasRootSubResult
+        ? sub_results.slice(1)
+        : sub_results || [];
+    return {
+        title: result.meta.title,
+        url: result.meta.url || result.url,
+        excerpt: result.excerpt,
+        image: result.meta.image,
+        subResults: subResults.map((subResult) => ({
+            title: subResult.title,
+            url: subResult.url,
+            excerpt: subResult.excerpt,
+            locations: subResult.locations,
+        })),
+    };
+};
 class SearchFormPagefind extends SearchForm {
     constructor(element) {
         super(element);
@@ -16,19 +35,9 @@ class SearchFormPagefind extends SearchForm {
                     if (search) {
                         if (search.results.length) {
                             // TODO: Pagination / Load More
-                            const results = await Promise.all(search.results.map((result) => result.data()));
+                            const results = search.results.map((result) => () => result.data().then(pagefindResult2searchResult));
                             this.clearResults();
-                            this.showResults(results.map((result) => ({
-                                title: result.meta.title,
-                                url: result.url,
-                                excerpt: result.excerpt,
-                                image: result.meta.image,
-                                subResults: (result.sub_results || []).map((subResult) => ({
-                                    title: subResult.title,
-                                    url: subResult.url,
-                                    excerpt: subResult.excerpt,
-                                })),
-                            })));
+                            this.showResults(results);
                         }
                     }
                 }

package/dist/components/search-form/index.js

@@ -15,7 +15,8 @@ import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/base/lib/picture';
 import '@kickstartds/core/lib/container';
 import '@kickstartds/core/lib/component';
+import '@kickstartds/core/lib/core';
 
-const SearchForm = ({ className, component = "dsa.search-form", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", children: jsx(SearchResult, { previewImage: {} }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
+const SearchForm = ({ className, component = "dsa.search-form", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", className: "lazyload", children: jsx(SearchResult, { previewImage: {} }) }), jsx(SearchResultMatch, { "data-template": "subresult" })] }), jsx("ol", { className: "dsa-search-form__results" })] }));
 
 export { SearchForm };

package/dist/components/search-modal/index.js

@@ -23,6 +23,7 @@ import '@kickstartds/base/lib/picture';
 import '@kickstartds/core/lib/container';
 import '../search-result-match/index.js';
 import '../search-form/SearchForm.client.js';
+import '@kickstartds/core/lib/core';
 
 const SearchModal = ({ headline = "Search", closeAriaLabel = "close", formComponent, }) => (jsx("dialog", { "ks-component": "dsa.search-modal", className: "dsa-search-modal", children: jsx(Section, { headline: {
             text: headline,

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:44 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:29 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:48 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:33 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:46 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:31 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:50 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:36 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:42 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:26 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 05 Sep 2025 12:11:42 GMT
+ * Generated on Fri, 05 Sep 2025 13:51:27 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.50.2251.0",
+  "version": "1.6.71--canary.50.2257.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {