@kickstartds/ds-agency-premium 1.6.71--canary.45.2035.0 → 1.6.71--canary.45.2068.0

package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-4e2b2ecf.d.ts}

@@ -27,6 +27,7 @@ type Size = "small" | "medium" | "large";
  * Whether the button should be disabled
  */
 type Disabled = boolean;
+type ButtonType = "button" | "submit" | "reset";
 /**
  * Component used for user interaction
  */
@@ -37,5 +38,6 @@ interface ButtonProps {
     icon?: Icon;
     size?: Size;
     disabled?: Disabled;
+    type?: ButtonType;
 }
-export { Label, URL, Variant, Icon, Size, Disabled, ButtonProps };
+export { Label, URL, Variant, Icon, Size, Disabled, ButtonType, ButtonProps };

package/dist/ImageStoryProps-e853e1e7.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { ButtonProps } from "./ButtonProps-00ddee3a.js";
+import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
 /**
  * Headline for the module element
  */

package/dist/SectionProps-d60aba86.d.ts

@@ -25,7 +25,7 @@ import { TeaserCardProps } from "./TeaserCardProps-994cb119.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
 import { VideoCurtainProps } from "./VideoCurtainProps-a2c0cc7f.js";
-import { ButtonProps } from "./ButtonProps-00ddee3a.js";
+import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
 /**
  * Width of section to use
  */

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -1307,6 +1307,15 @@
                             "title": "Disabled?",
                             "description": "Whether the button should be disabled",
                             "default": false
+                          },
+                          "type": {
+                            "type": "string",
+                            "title": "Button Type",
+                            "enum": [
+                              "button",
+                              "submit",
+                              "reset"
+                            ]
                           }
                         },
                         "additionalProperties": false,
@@ -3744,6 +3753,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -6568,6 +6586,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -9526,6 +9553,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -12350,6 +12386,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -14881,6 +14926,15 @@
                   "title": "Disabled?",
                   "description": "Whether the button should be disabled",
                   "default": false
+                },
+                "type": {
+                  "type": "string",
+                  "title": "Button Type",
+                  "enum": [
+                    "button",
+                    "submit",
+                    "reset"
+                  ]
                 }
               },
               "additionalProperties": false,

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -1579,6 +1579,15 @@
                             "title": "Disabled?",
                             "description": "Whether the button should be disabled",
                             "default": false
+                          },
+                          "type": {
+                            "type": "string",
+                            "title": "Button Type",
+                            "enum": [
+                              "button",
+                              "submit",
+                              "reset"
+                            ]
                           }
                         },
                         "additionalProperties": false,
@@ -4016,6 +4025,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -6840,6 +6858,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -9798,6 +9825,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -12622,6 +12658,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -15153,6 +15198,15 @@
                   "title": "Disabled?",
                   "description": "Whether the button should be disabled",
                   "default": false
+                },
+                "type": {
+                  "type": "string",
+                  "title": "Button Type",
+                  "enum": [
+                    "button",
+                    "submit",
+                    "reset"
+                  ]
                 }
               },
               "additionalProperties": false,

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

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

package/dist/components/button/button.schema.dereffed.json

@@ -52,6 +52,15 @@
       "title": "Disabled?",
       "description": "Whether the button should be disabled",
       "default": false
+    },
+    "type": {
+      "type": "string",
+      "title": "Button Type",
+      "enum": [
+        "button",
+        "submit",
+        "reset"
+      ]
     }
   },
   "additionalProperties": false,

package/dist/components/button/button.schema.json

@@ -42,6 +42,11 @@
       "title": "Disabled?",
       "description": "Whether the button should be disabled",
       "default": false
+    },
+    "type": {
+      "type": "string",
+      "title": "Button Type",
+      "enum": ["button", "submit", "reset"]
     }
   },
   "additionalProperties": false,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { ButtonProps } from "../../ButtonProps-00ddee3a.js";
+import { ButtonProps } from "../../ButtonProps-4e2b2ecf.js";
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const ButtonProvider: FC<PropsWithChildren>;
 export type { ButtonProps };

package/dist/components/button-group/button-group.schema.dereffed.json

@@ -62,6 +62,15 @@
             "title": "Disabled?",
             "description": "Whether the button should be disabled",
             "default": false
+          },
+          "type": {
+            "type": "string",
+            "title": "Button Type",
+            "enum": [
+              "button",
+              "submit",
+              "reset"
+            ]
           }
         },
         "additionalProperties": false,

package/dist/components/button-group/index.d.ts

@@ -6,7 +6,7 @@ import { FC, PropsWithChildren } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { ButtonProps } from "../../ButtonProps-00ddee3a.js";
+import { ButtonProps } from "../../ButtonProps-4e2b2ecf.js";
 /**
  * Buttons of the Button Group
  */

package/dist/components/cookie-consent/C15t.client.d.ts

@@ -0,0 +1,5 @@
+import CookieConsent from "./CookieConsent.client.js";
+declare class CookieConsentC15t extends CookieConsent {
+    static store: any;
+}
+export { CookieConsentC15t as default };

package/dist/components/cookie-consent/C15t.client.js

@@ -0,0 +1,94 @@
+import { define } from '@kickstartds/core/lib/component';
+import CookieConsent from './CookieConsent.client.js';
+
+const translate = (elements, state) => {
+    const translations = state.translationConfig.translations[state.translationConfig.defaultLanguage];
+    // Notice
+    elements.notice.title.textContent = translations.cookieBanner.title;
+    elements.notice.description.textContent =
+        translations.cookieBanner.description;
+    elements.notice.customizeBtn.textContent = translations.common.customize;
+    elements.notice.rejectAllBtn.textContent = translations.common.rejectAll;
+    elements.notice.acceptAllBtn.textContent = translations.common.acceptAll;
+    // Dialog
+    elements.dialog.title.textContent = translations.consentManagerDialog.title;
+    elements.dialog.description.textContent =
+        translations.consentManagerDialog.description;
+    elements.dialog.activateAllBtn.textContent = translations.common.acceptAll;
+    elements.dialog.deactivateAllBtn.textContent = translations.common.rejectAll;
+    elements.dialog.saveBtn.textContent = translations.common.save;
+    for (const option of elements.dialog.form.querySelectorAll(".dsa-cookie-consent-dialogue__option")) {
+        const type = option.dataset.consentType;
+        const translation = translations.consentTypes[type];
+        if (translation) {
+            option.querySelector(".dsa-headline__inner").textContent =
+                translation.title;
+            option.querySelector(".dsa-cookie-consent-dialogue__option-description").textContent = translation.description;
+        }
+    }
+};
+class CookieConsentC15t extends CookieConsent {
+    constructor(element) {
+        super(element);
+        const store = this.constructor.store;
+        const elements = this.elements;
+        // get gdprTypes from radio buttons
+        const initialState = store.getState();
+        const gdprTypes = [];
+        for (const element of elements.dialog.form.elements) {
+            if (element.type === "radio" && element.value === "accept") {
+                gdprTypes.push(element.name);
+            }
+        }
+        initialState.setGdprTypes(gdprTypes);
+        const update = (state) => {
+            // show/hide cookie banner or settings button
+            this.showNotice = state.showPopup;
+            // update dialog form
+            for (const type in state.consents) {
+                const radios = elements.dialog.form.elements[type];
+                const accepted = state.consents[type];
+                if (radios) {
+                    for (const radio of radios) {
+                        radio.defaultChecked =
+                            radio.value === "accept" ? accepted : !accepted;
+                    }
+                }
+            }
+        };
+        const unsub = store.subscribe(update);
+        translate(this.elements, initialState);
+        update(initialState);
+        const acceptCustom = () => {
+            const state = store.getState();
+            const consentTypes = state.getDisplayedConsents();
+            for (const type of consentTypes) {
+                if (!type.disabled) {
+                    state.setConsent(type.name, elements.dialog.form.elements[type.name].value === "accept");
+                }
+            }
+            state.saveConsents("custom");
+        };
+        const acceptAll = () => {
+            const state = store.getState();
+            state.saveConsents("all");
+        };
+        const rejectAll = () => {
+            const state = store.getState();
+            state.saveConsents("necessary");
+        };
+        elements.dialog.form.addEventListener("submit", acceptCustom);
+        elements.notice.acceptAllBtn.addEventListener("click", acceptAll);
+        elements.notice.rejectAllBtn.addEventListener("click", rejectAll);
+        this.onDisconnect(() => {
+            unsub();
+            elements.dialog.form.removeEventListener("submit", acceptCustom);
+            elements.notice.acceptAllBtn.removeEventListener("click", acceptAll);
+            elements.notice.rejectAllBtn.removeEventListener("click", rejectAll);
+        });
+    }
+}
+CookieConsentC15t.identifier = "dsa.cookie-consent.c15t";
+define(CookieConsentC15t.identifier, CookieConsentC15t);
+
+export { CookieConsentC15t as default };

package/dist/components/cookie-consent/CookieConsent.client.d.ts

@@ -0,0 +1,30 @@
+declare class CookieConsent {
+    static identifier: string;
+    constructor(element: any);
+    elements: {
+        notice: {
+            wrapper: any;
+            title: any;
+            description: any;
+            customizeBtn: any;
+            rejectAllBtn: any;
+            acceptAllBtn: any;
+        };
+        dialog: {
+            wrapper: any;
+            overlay: any;
+            title: any;
+            description: any;
+            closeBtn: any;
+            form: any;
+            activateAllBtn: any;
+            deactivateAllBtn: any;
+            saveBtn: any;
+        };
+        settings: {
+            button: any;
+        };
+    };
+    set showNotice(arg: any);
+}
+export { CookieConsent as default };

package/dist/components/cookie-consent/CookieConsent.client.js

@@ -0,0 +1,89 @@
+import { define, Component } from '@kickstartds/core/lib/component';
+
+class CookieConsent extends Component {
+    constructor(element) {
+        super(element);
+        const $ = element.querySelector.bind(element);
+        const elements = (this.elements = {
+            notice: {
+                wrapper: $(".dsa-cookie-consent-notice"),
+                title: $(".dsa-cookie-consent-notice__title .dsa-headline__inner"),
+                description: $(".dsa-cookie-consent-notice__description"),
+                customizeBtn: $(".dsa-cookie-consent-notice__button--customize"),
+                rejectAllBtn: $(".dsa-cookie-consent-notice__button--reject"),
+                acceptAllBtn: $(".dsa-cookie-consent-notice__button--accept"),
+            },
+            dialog: {
+                wrapper: $(".dsa-cookie-consent-dialogue"),
+                overlay: $(".dsa-cookie-consent-overlay"),
+                title: $(".dsa-cookie-consent-dialogue__title .dsa-headline__inner"),
+                description: $(".dsa-cookie-consent-dialogue__description"),
+                closeBtn: $(".dsa-cookie-consent-dialogue__close"),
+                form: $(".dsa-cookie-consent-dialogue__form"),
+                activateAllBtn: $(".dsa-cookie-consent-dialogue__button--activate-all"),
+                deactivateAllBtn: $(".dsa-cookie-consent-dialogue__button--deactivate-all"),
+                saveBtn: $(".dsa-cookie-consent-dialogue__button--save"),
+            },
+            settings: {
+                button: $(".dsa-cookie-consent-revisit"),
+            },
+        });
+        const showDialog = () => {
+            elements.dialog.overlay.removeAttribute("hidden");
+            elements.dialog.wrapper.removeAttribute("hidden");
+            elements.dialog.wrapper.setAttribute("aria-hidden", "false");
+        };
+        const closeDialog = () => {
+            elements.dialog.overlay.setAttribute("hidden", "");
+            elements.dialog.wrapper.setAttribute("hidden", "");
+            elements.dialog.wrapper.setAttribute("aria-hidden", "true");
+        };
+        const closeDialogAndReset = () => {
+            closeDialog();
+            elements.dialog.form.reset();
+        };
+        const activateAll = () => {
+            for (const element of elements.dialog.form.elements) {
+                if (element.value === "accept") {
+                    element.checked = true;
+                }
+            }
+        };
+        const deactivateAll = () => {
+            for (const element of elements.dialog.form.elements) {
+                if (element.value === "reject") {
+                    element.checked = true;
+                }
+            }
+        };
+        const onSubmit = (event) => {
+            event.preventDefault();
+            closeDialog();
+        };
+        elements.notice.customizeBtn.addEventListener("click", showDialog);
+        elements.settings.button.addEventListener("click", showDialog);
+        elements.dialog.closeBtn.addEventListener("click", closeDialogAndReset);
+        elements.dialog.activateAllBtn.addEventListener("click", activateAll);
+        elements.dialog.deactivateAllBtn.addEventListener("click", deactivateAll);
+        elements.dialog.form.addEventListener("submit", onSubmit);
+        window._ks.radio.on(CookieConsent.identifier + ".showNotice", (_, value) => {
+            this.showNotice = value;
+        });
+        this.onDisconnect(() => {
+            elements.notice.customizeBtn.removeEventListener("click", showDialog);
+            elements.settings.button.removeEventListener("click", showDialog);
+            elements.dialog.closeBtn.removeEventListener("click", closeDialogAndReset);
+            elements.dialog.activateAllBtn.removeEventListener("click", activateAll);
+            elements.dialog.deactivateAllBtn.removeEventListener("click", deactivateAll);
+            elements.dialog.form.removeEventListener("submit", onSubmit);
+        });
+    }
+    set showNotice(value) {
+        this.elements.notice.wrapper.hidden = !value;
+        this.elements.settings.button.hidden = value;
+    }
+}
+CookieConsent.identifier = "dsa.cookie-consent";
+define(CookieConsent.identifier, CookieConsent);
+
+export { CookieConsent as default };

package/dist/components/cookie-consent/cookie-consent.css

@@ -188,7 +188,14 @@
   border-radius: var(--ks-border-radius-circle);
   background-color: var(--dsa-cookie-consent-dialogue__close--background-color, transparent);
 }
+.dsa-cookie-consent-dialogue__form {
+  flex: 1;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
 .dsa-cookie-consent-dialogue__content {
+  flex: 1;
   overflow-y: auto;
   border-top: var(--dsa-cookie-consent-dialogue__content--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));
   border-bottom: var(--dsa-cookie-consent-dialogue__content--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));

package/dist/components/cookie-consent/cookie-consent.schema.dereffed.json

@@ -105,11 +105,6 @@
           "type": "string",
           "description": "The label for the revisit button",
           "default": "Manage Cookies"
-        },
-        "toggle": {
-          "type": "boolean",
-          "description": "Whether the revisit button is a toggle",
-          "default": true
         }
       },
       "additionalProperties": false
@@ -139,6 +134,13 @@
           "items": {
             "type": "object",
             "properties": {
+              "key": {
+                "type": "string",
+                "title": "Internal Key",
+                "examples": [
+                  "necessary"
+                ]
+              },
               "name": {
                 "type": "string",
                 "description": "The name of the required cookie",
@@ -191,6 +193,16 @@
           "items": {
             "type": "object",
             "properties": {
+              "key": {
+                "type": "string",
+                "title": "Internal Key",
+                "examples": [
+                  "functionality",
+                  "measurement",
+                  "experience",
+                  "marketing"
+                ]
+              },
               "name": {
                 "type": "string",
                 "description": "The name of the cookie category",
@@ -204,11 +216,6 @@
                 "examples": [
                   "These cookies are necessary for the website to function."
                 ]
-              },
-              "checked": {
-                "type": "boolean",
-                "description": "Whether the cookie category is checked by default",
-                "default": true
               }
             },
             "additionalProperties": false
@@ -237,6 +244,12 @@
         }
       },
       "additionalProperties": false
+    },
+    "component": {
+      "title": "`ks-component` attribute",
+      "description": "Optional custom component identifier",
+      "type": "string",
+      "default": "dsa.cookie-consent"
     }
   },
   "additionalProperties": false