@kickstartds/ds-agency-premium 1.6.71--canary.54.2407.0 → 1.6.71

package/dist/components/search-bar/search-bar.css

@@ -1,33 +0,0 @@
-.dsa-search-bar__input-container {
-  position: relative;
-}
-.dsa-search-bar__input-container .icon {
-  position: absolute;
-  left: var(--ks-spacing-inset-s);
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--ks-color-fg-alpha-6);
-  width: 1em;
-  height: 1em;
-}
-.dsa-search-bar__input.c-form-field__input {
-  padding: var(--ks-spacing-inset-xs);
-  font: var(--ks-font-interface-s);
-  padding-left: calc(var(--ks-spacing-inset-s) + 1em + var(--ks-spacing-xxs));
-}
-.dsa-search-bar__hint {
-  display: block;
-  font: var(--ks-font-interface-xs);
-  color: var(--ks-color-fg-alpha-4);
-  margin-top: var(--ks-spacing-stack-xs);
-}
-.dsa-search-bar__hint kbd {
-  font-size: 0.8em;
-  border-radius: 3px;
-}
-.dsa-search-bar__alternative-text {
-  margin-top: var(--ks-spacing-stack-s);
-  margin-bottom: 0;
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-bar/search-bar.schema.dereffed.json

@@ -1,45 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": [
-        "Search..."
-      ]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": [
-        "Search"
-      ]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": [
-        "Press <kbd>Enter</kbd> to search"
-      ]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": [
-        "Did you mean"
-      ]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": [
-        "AI Conference"
-      ]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-bar/search-bar.schema.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-bar.schema.json",
-  "title": "Search Bar",
-  "type": "object",
-  "properties": {
-    "placeholder": {
-      "title": "Placeholder",
-      "type": "string",
-      "description": "Placeholder text for the search input field.",
-      "examples": ["Search..."]
-    },
-    "buttonText": {
-      "type": "string",
-      "description": "Text displayed on the search button.",
-      "examples": ["Search"]
-    },
-    "hint": {
-      "type": "string",
-      "description": "Additional information or instructions related to the search functionality.",
-      "examples": ["Press <kbd>Enter</kbd> to search"]
-    },
-    "alternativeText": {
-      "type": "string",
-      "description": "Text to display when offering alternative results.",
-      "examples": ["Did you mean"]
-    },
-    "alternativeResult": {
-      "type": "string",
-      "description": "The alternative result to display when offering suggestions.",
-      "examples": ["AI Conference"]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { SearchFilterProps } from "../../SearchFilterProps-2fa6419b.js";
-declare const SearchFilterContextDefault: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const SearchFilterContext: import("react").Context<import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>>;
-declare const SearchFilter: import("react").ForwardRefExoticComponent<SearchFilterProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { SearchFilterProps };
-export { SearchFilterContextDefault, SearchFilterContext, SearchFilter };

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

@@ -1,20 +0,0 @@
-import "./search-filter.css";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import Markdown from 'markdown-to-jsx';
-import { Link } from '@kickstartds/base/lib/link';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-
-const defaults = {
-    "categories": []
-};
-
-const SearchFilterContextDefault = forwardRef(({ title, categories }, ref) => (jsxs("div", { className: "dsa-search-filter", ref: ref, children: [title && jsx(Markdown, { className: "dsa-search-filter__title", children: title }), jsx("div", { className: "dsa-search-filter__categories", children: categories.map((category, index) => (jsxs("div", { className: "dsa-search-filter__category", children: [jsx(Link, { href: category.url, className: "dsa-search-filter__category-title", children: category.title }), jsx("span", { className: "dsa-search-filter__category-amount", children: " (" + category.amount + ")" })] }, index))) })] })));
-const SearchFilterContext = createContext(SearchFilterContextDefault);
-const SearchFilter = forwardRef((props, ref) => {
-    const Component = useContext(SearchFilterContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
-});
-SearchFilter.displayName = "SearchFilter";
-
-export { SearchFilter, SearchFilterContext, SearchFilterContextDefault };

package/dist/components/search-filter/search-filter.css

@@ -1,22 +0,0 @@
-.dsa-search-filter {
-  background-color: var(--ks-background-color-accent);
-  border-radius: var(--ks-border-radius-card);
-  padding: var(--ks-spacing-inset-m);
-}
-.dsa-search-filter__title {
-  font: var(--dsa-topic--font);
-  color: var(--dsa-topic--color);
-  font-weight: var(--dsa-topic--font-weight);
-}
-.dsa-search-filter__categories {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-xxs);
-  margin-top: var(--ks-spacing-stack-s);
-}
-.dsa-search-filter__category {
-  --g-link--text-decoration: none;
-  --g-link--text-decoration-hover: none;
-  font: var(--ks-font-interface-m);
-  color: var(--ks-text-color-interface);
-}

package/dist/components/search-filter/search-filter.schema.dereffed.json

@@ -1,66 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": [
-        "Search by category"
-      ]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          {
-            "title": "Pages",
-            "amount": "10"
-          },
-          {
-            "title": "News",
-            "amount": "5"
-          },
-          {
-            "title": "Blog Posts",
-            "amount": "8"
-          }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": [
-              "Pages",
-              "News"
-            ]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": [
-              "10",
-              "5"
-            ]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": [
-              "#"
-            ]
-          }
-        },
-        "additionalProperties": false
-      }
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-filter/search-filter.schema.json

@@ -1,46 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-filter.schema.json",
-  "title": "Search Filter",
-  "type": "object",
-  "properties": {
-    "title": {
-      "type": "string",
-      "description": "The title of the search filter.",
-      "examples": ["Search by category"]
-    },
-    "categories": {
-      "type": "array",
-      "description": "The categories to filter by.",
-      "examples": [
-        [
-          { "title": "Pages", "amount": "10" },
-          { "title": "News", "amount": "5" },
-          { "title": "Blog Posts", "amount": "8" }
-        ]
-      ],
-      "items": {
-        "type": "object",
-        "properties": {
-          "title": {
-            "type": "string",
-            "description": "The name of the category.",
-            "examples": ["Pages", "News"]
-          },
-          "amount": {
-            "type": "string",
-            "description": "The number of items in the category.",
-            "examples": ["10", "5"]
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL to filter by this category.",
-            "examples": ["#"]
-          }
-        }
-      }
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,25 +0,0 @@
-declare class SearchForm {
-    static identifier: string;
-    constructor(element: any);
-    lazyResults: WeakMap<object, any>;
-    resultsPerPage: number;
-    state: {
-        term: any;
-        page: any;
-        results: any;
-    };
-    loadEngine(): Promise<void>;
-    $searchInput: any;
-    $resultTemplate: any;
-    $subresultTemplate: any;
-    $paginationLinkTemplate: any;
-    $pagination: any;
-    $results: any;
-    $moreButton: any;
-    updateFromHash(): void;
-    renderResults(results: any): void;
-    onRadio(topic: any, fn: any): () => void;
-    on(element: any, type: any, fn: any): () => any;
-    $(selector: any, element?: any): any;
-}
-export { SearchForm as default };

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

@@ -1,228 +0,0 @@
-import { define, Component } from '@kickstartds/core/lib/component';
-import { events } from '@kickstartds/core/lib/core';
-import { debounce } from '@kickstartds/core/lib/utils';
-
-const parser = new DOMParser();
-const renderPagination = ($pagination, $linkTemplate, totalPages, currentPageIndex, hrefPrefix) => {
-    const [$first, $prev, $pages, $next, $last] = $pagination.children;
-    $pages.textContent = "";
-    for (let i = 0; i < totalPages; i++) {
-        const $link = $linkTemplate.cloneNode(true);
-        $link.textContent = i + 1;
-        $link.href = hrefPrefix + (i + 1);
-        $link.setAttribute("aria-current", i === currentPageIndex ? "page" : "false");
-        $pages.appendChild($link);
-    }
-    $first.href = hrefPrefix + 1;
-    $prev.href = hrefPrefix + (currentPageIndex + 1 - 1);
-    $next.href = hrefPrefix + (currentPageIndex + 1 + 1);
-    $last.href = hrefPrefix + totalPages;
-    if (currentPageIndex === 0) {
-        $first.setAttribute("hidden", "");
-        $prev.setAttribute("hidden", "");
-    }
-    else {
-        $first.removeAttribute("hidden", "");
-        $prev.removeAttribute("hidden", "");
-    }
-    if (currentPageIndex === totalPages - 1) {
-        $next.setAttribute("hidden", "");
-        $last.setAttribute("hidden", "");
-    }
-    else {
-        $next.removeAttribute("hidden", "");
-        $last.removeAttribute("hidden", "");
-    }
-    $pagination.removeAttribute("hidden");
-};
-const renderMoreButton = ($button, totalResults) => {
-    $button.removeAttribute("hidden");
-    const $count = $button.children[0].children[0];
-    $count.textContent = totalResults;
-};
-const renderResult = (result, element) => {
-    const $ = element.querySelector.bind(element), $$ = element.querySelectorAll.bind(element);
-    if (result.title) {
-        const title = $("[data-result-title]");
-        if (title)
-            title.textContent = result.title;
-    }
-    if (result.excerpt) {
-        const doc = parser.parseFromString(result.excerpt, "text/html");
-        const excerpt = $("[data-result-excerpt]");
-        if (excerpt)
-            excerpt.replaceChildren(...doc.body.childNodes);
-    }
-    if (result.url) {
-        const url = $("[data-result-url]");
-        if (url)
-            url.textContent = result.url;
-        const links = $$("[data-result-link]");
-        for (const link of links) {
-            link.setAttribute("href", result.url);
-        }
-    }
-    if (result.image) {
-        const image = $("[data-result-image]");
-        if (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));
-};
-const parseNumber = (value, fallback) => {
-    const number = Number(value);
-    return isNaN(number) ? fallback : number;
-};
-const debouncedSearch = debounce((term) => window._ks.radio.emit("dsa.search.search", { term }), 300);
-class SearchForm extends Component {
-    async loadEngine() {
-        throw new Error("please connect a search engine");
-    }
-    constructor(element) {
-        super(element);
-        this.lazyResults = new WeakMap();
-        this.resultsPerPage = 10;
-        this.state = {
-            term: undefined,
-            page: undefined,
-            results: undefined,
-        };
-        this.$searchInput = this.$(".dsa-search-bar__input");
-        this.$resultTemplate = this.$("[data-template=result]");
-        this.$subresultTemplate = this.$("[data-template=subresult]");
-        this.$paginationLinkTemplate = this.$("[data-template=pagination-link]");
-        this.$pagination = this.$(".dsa-pagination");
-        this.$results = this.$(".dsa-search-form__results");
-        this.$moreButton = this.$(".c-button");
-        const subResultsLimit = parseNumber(element.dataset.maxSubresults, 3);
-        this.resultsPerPage = parseNumber(element.dataset.resultsPerPage, 10);
-        this.on(this.$searchInput, "input", () => {
-            const term = this.$searchInput.value.trim();
-            if (term.length) {
-                debouncedSearch(term);
-            }
-            else {
-                window._ks.radio.emit("dsa.search.reset");
-            }
-        });
-        this.on(element, "submit", (event) => {
-            event.preventDefault();
-            const url = new URL(element.getAttribute("action") || "", window.location);
-            const formData = new FormData(element);
-            url.hash = new URLSearchParams(formData);
-            window.location.href = url;
-        });
-        this.on(element, "reset", (event) => {
-            window._ks.radio.emit("dsa.search.reset");
-        });
-        this.on(window, "hashchange", () => {
-            this.updateFromHash();
-        });
-        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);
-                }
-            }
-        });
-        // init
-        this.loadEngine().then((search) => {
-            this.updateFromHash();
-            this.onRadio("dsa.search.reset", () => {
-                this.$results.textContent = "";
-                this.$pagination.setAttribute("hidden", "");
-                this.state = {};
-            });
-            this.onRadio("dsa.search.search", async (_, { term, page = 0 }) => {
-                window._ks.radio.emit("dsa.search.loading");
-                this.state.term = term;
-                this.state.page = page;
-                try {
-                    this.state.results = await search(term);
-                    window._ks.radio.emit("dsa.search.loaded");
-                }
-                catch (e) {
-                    console.error(e);
-                    window._ks.radio.emit("dsa.search.reset");
-                }
-            });
-            this.onRadio("dsa.search.loaded", () => {
-                if (this.state.results.length) {
-                    const startIndex = this.state.page * this.resultsPerPage;
-                    const endIndex = startIndex + this.resultsPerPage;
-                    const results = this.state.results.slice(startIndex, endIndex);
-                    this.renderResults(results);
-                    if (this.element.hasAttribute("action")) {
-                        renderMoreButton(this.$moreButton, this.state.results.length);
-                    }
-                    else {
-                        renderPagination(this.$pagination, this.$paginationLinkTemplate, Math.ceil(this.state.results.length / this.resultsPerPage), this.state.page, `#q=${this.state.term}&page=`);
-                    }
-                }
-            });
-            this.onRadio("dsa.search.goToPage", (_, page) => {
-                this.state.page = page;
-                window._ks.radio.emit("dsa.search.loaded");
-            });
-        });
-    }
-    updateFromHash() {
-        const params = new URLSearchParams(window.location.hash.slice(1));
-        if (params.has("q")) {
-            const term = params.get("q");
-            const page = params.has("page") ? Number(params.get("page")) - 1 : 0;
-            this.$searchInput.value = term;
-            if (term) {
-                if (term !== this.state.term) {
-                    window._ks.radio.emit("dsa.search.search", { term, page });
-                }
-                else if (page !== this.state.page) {
-                    window._ks.radio.emit("dsa.search.goToPage", page);
-                }
-            }
-        }
-    }
-    renderResults(results) {
-        this.$results.textContent = "";
-        for (const result of results) {
-            const $resultClone = this.$resultTemplate.cloneNode(true);
-            this.lazyResults.set($resultClone, result);
-            this.$results.appendChild($resultClone);
-        }
-    }
-    onRadio(topic, fn) {
-        const token = window._ks.radio.on(topic, fn);
-        const cleanUp = () => window._ks.radio.off(token);
-        this.onDisconnect(cleanUp);
-        return cleanUp;
-    }
-    on(element, type, fn) {
-        const cleanUp = () => element.removeventListener(type, fn);
-        element.addEventListener(type, fn);
-        this.onDisconnect(cleanUp);
-        return cleanUp;
-    }
-    $(selector, element = this.element) {
-        return element.querySelector(selector);
-    }
-}
-SearchForm.identifier = "dsa.search-form";
-define(SearchForm.identifier, SearchForm);
-
-export { SearchForm as default };

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

@@ -1,5 +0,0 @@
-import SearchForm from "./SearchForm.client.js";
-declare class SearchFormPagefind extends SearchForm {
-    loadEngine(): Promise<(term: any) => Promise<any>>;
-}
-export { SearchFormPagefind as default };

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

@@ -1,40 +0,0 @@
-import { define } from '@kickstartds/core/lib/component';
-import SearchForm from './SearchForm.client.js';
-import '@kickstartds/core/lib/core';
-import '@kickstartds/core/lib/utils';
-
-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 {
-    async loadEngine() {
-        const pagefind = await import(/* @vite-ignore */ staticPageFindPath);
-        await pagefind.init();
-        return async function search(term) {
-            const search = await pagefind.search(term);
-            if (search) {
-                return search.results.map((result) => () => result.data().then(pagefindResult2searchResult));
-            }
-        };
-    }
-}
-SearchFormPagefind.identifier = "dsa.search-form.pagefind";
-define(SearchFormPagefind.identifier, SearchFormPagefind);
-
-export { SearchFormPagefind as default };

package/dist/components/search-form/index.d.ts

@@ -1,4 +0,0 @@
-import { FC, HTMLAttributes } from "react";
-import { SearchFormProps } from "../../SearchFormProps-3d2c3462.js";
-declare const SearchForm: FC<SearchFormProps & HTMLAttributes<HTMLFormElement>>;
-export { SearchForm };

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

@@ -1,25 +0,0 @@
-import "./search-form.css";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { Button } from '@kickstartds/base/lib/button';
-import { SearchBar } from '../search-bar/index.js';
-import { SearchResult } from '../search-result/index.js';
-import { SearchResultMatch } from '../search-result-match/index.js';
-import { PageLink, Pagination } from '../pagination/index.js';
-import './SearchForm.client.js';
-import 'react';
-import '@kickstartds/form/lib/text-field';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/base/lib/link';
-import '../../helpers-12f48df8.js';
-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';
-import '@kickstartds/core/lib/utils';
-
-const SearchForm = ({ className, component = "dsa.search-form", result = {}, resultPerPage, moreButtonLabel = "View all results", ...props }) => (jsxs("form", { className: classnames("dsa-search-form", className), "ks-component": component, "data-max-subresults": result.maxSubresults, "data-results-per-page": resultPerPage, ...props, children: [jsx(SearchBar, { alternativeText: "", alternativeResult: "", hint: "" }), jsxs("div", { hidden: true, children: [jsx("li", { "data-template": "result", className: "lazyload", children: jsx(SearchResult, { showLink: result.showLink, imageColSize: result.imageColSize }) }), jsx(SearchResultMatch, { "data-template": "subresult" }), jsx(PageLink, { "data-template": "pagination-link" })] }), jsx("ol", { className: "dsa-search-form__results" }), jsxs("div", { className: "dsa-search-form__nav", children: [jsx(Pagination, { hidden: true }), jsx(Button, { variant: "primary", hidden: true, label: moreButtonLabel, type: "submit", renderLabel: (label) => (jsxs(Fragment, { children: [label, " (", jsx("span", {}), ")"] })) })] })] }));
-
-export { SearchForm };

package/dist/components/search-form/search-form.css

@@ -1,10 +0,0 @@
-.dsa-search-form__results {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ks-spacing-stack-l);
-  list-style: none;
-  padding: 0;
-}
-.dsa-search-form__nav {
-  text-align: center;
-}