@dep-dio/dio-designsystem 0.2.0

package/dist/svg-icons-register.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/svg-icons-register.js

@@ -0,0 +1,3 @@
+// src/svg-icons-register.ts
+import "virtual:svg-icons-register";
+//# sourceMappingURL=svg-icons-register.js.map

package/dist/svg-icons-register.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/svg-icons-register.ts"],
+  "sourcesContent": ["import \"virtual:svg-icons-register\"\n"],
+  "mappings": ";AAAA,OAAO;",
+  "names": []
+}

package/dist/timeline/Timeline.d.ts

@@ -0,0 +1,3 @@
+export declare class DioTimeline extends HTMLElement {
+    connectedCallback(): void;
+}

package/dist/to-top-of-page/ToTopOfPage.d.ts

@@ -0,0 +1,3 @@
+export declare class DioToTopOfPage extends HTMLElement {
+    connectedCallback(): void;
+}

package/dist/vite-icons-plugin.d.ts

@@ -0,0 +1 @@
+export declare function createDioSvgIconsPlugin(): import("vite").Plugin<any>;

package/dist/vite-icons-plugin.js

@@ -0,0 +1,28 @@
+// src/vite-icons-plugin.ts
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+function resolveIconsDir() {
+  const moduleDir = path.dirname(fileURLToPath(import.meta.url));
+  const packageRoot = path.resolve(moduleDir, "..");
+  const distIcons = path.join(packageRoot, "dist/assets/icons");
+  const srcIcons = path.join(packageRoot, "src/assets/icons");
+  if (existsSync(distIcons)) {
+    return distIcons;
+  }
+  if (existsSync(srcIcons)) {
+    return srcIcons;
+  }
+  return path.join(moduleDir, "assets/icons");
+}
+function createDioSvgIconsPlugin() {
+  return createSvgIconsPlugin({
+    iconDirs: [resolveIconsDir()],
+    symbolId: "dio-[name]"
+  });
+}
+export {
+  createDioSvgIconsPlugin
+};
+//# sourceMappingURL=vite-icons-plugin.js.map

package/dist/vite-icons-plugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/vite-icons-plugin.ts"],
+  "sourcesContent": ["import { existsSync } from \"node:fs\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\nimport { createSvgIconsPlugin } from \"vite-plugin-svg-icons\"\n\nfunction resolveIconsDir() {\n    const moduleDir = path.dirname(fileURLToPath(import.meta.url))\n    const packageRoot = path.resolve(moduleDir, \"..\")\n    const distIcons = path.join(packageRoot, \"dist/assets/icons\")\n    const srcIcons = path.join(packageRoot, \"src/assets/icons\")\n\n    if (existsSync(distIcons)) {\n        return distIcons\n    }\n\n    if (existsSync(srcIcons)) {\n        return srcIcons\n    }\n\n    return path.join(moduleDir, \"assets/icons\")\n}\n\nexport function createDioSvgIconsPlugin() {\n    return createSvgIconsPlugin({\n        iconDirs: [resolveIconsDir()],\n        symbolId: \"dio-[name]\",\n    })\n}\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AAErC,SAAS,kBAAkB;AACvB,QAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAC7D,QAAM,cAAc,KAAK,QAAQ,WAAW,IAAI;AAChD,QAAM,YAAY,KAAK,KAAK,aAAa,mBAAmB;AAC5D,QAAM,WAAW,KAAK,KAAK,aAAa,kBAAkB;AAE1D,MAAI,WAAW,SAAS,GAAG;AACvB,WAAO;AAAA,EACX;AAEA,MAAI,WAAW,QAAQ,GAAG;AACtB,WAAO;AAAA,EACX;AAEA,SAAO,KAAK,KAAK,WAAW,cAAc;AAC9C;AAEO,SAAS,0BAA0B;AACtC,SAAO,qBAAqB;AAAA,IACxB,UAAU,CAAC,gBAAgB,CAAC;AAAA,IAC5B,UAAU;AAAA,EACd,CAAC;AACL;",
+  "names": []
+}

package/dist/web.d.ts

@@ -0,0 +1,8 @@
+import { DioCarousel } from "./carousel/Carousel";
+import { DioFeedbackBanner } from "./feedback-banner/FeedbackBanner";
+import { DioNewsletterSubscribe } from "./newsletter-subscribe/NewsletterSubscribe";
+import { DioSearchAutocomplete } from "./search-autocomplete/SearchAutocomplete";
+import { DioTimeline } from "./timeline/Timeline";
+import { DioToTopOfPage } from "./to-top-of-page/ToTopOfPage";
+import "@digdir/designsystemet-web";
+export { DioCarousel, DioFeedbackBanner, DioNewsletterSubscribe, DioSearchAutocomplete, DioTimeline, DioToTopOfPage, };

package/dist/web.js

@@ -0,0 +1,332 @@
+// src/carousel/Carousel.ts
+var DioCarousel = class extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    this.current = 0;
+  }
+  connectedCallback() {
+    const items = [...this.querySelectorAll("[data-carousel-item]")];
+    const prev = this.querySelector("[data-carousel-prev]");
+    const next = this.querySelector("[data-carousel-next]");
+    const info = this.querySelector("[data-carousel-info-content]");
+    if (!items.length) return;
+    const show = (index) => {
+      this.current = (index + items.length) % items.length;
+      items.forEach((item, i) => {
+        item.hidden = i !== this.current;
+      });
+      if (info) {
+        const active = items[this.current];
+        const title = active.querySelector(".dio-carousel__title")?.textContent ?? "";
+        info.textContent = title;
+      }
+      prev?.toggleAttribute("disabled", items.length <= 1);
+      next?.toggleAttribute("disabled", items.length <= 1);
+    };
+    prev?.addEventListener("click", () => show(this.current - 1));
+    next?.addEventListener("click", () => show(this.current + 1));
+    show(0);
+  }
+};
+
+// src/feedback-banner/FeedbackBanner.ts
+var DioFeedbackBanner = class extends HTMLElement {
+  connectedCallback() {
+    const close = this.querySelector("[data-hide-banner]");
+    close?.addEventListener("click", () => {
+      this.hidden = true;
+    });
+  }
+};
+
+// src/newsletter-subscribe/NewsletterSubscribe.ts
+var emailRegex = /^(?!.*(?:''|\.\.))[A-Z0-9._!#$%&'*+\-/=?^`{|}~]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
+var validateEmail = (value) => emailRegex.test(value);
+var DioNewsletterSubscribe = class extends HTMLElement {
+  #abort = null;
+  connectedCallback() {
+    if (document.readyState !== "loading") {
+      this.init();
+      return;
+    }
+    document.addEventListener("DOMContentLoaded", () => this.init(), { once: true });
+  }
+  init() {
+    if (this.hasAttribute("data-initialized")) return;
+    this.#abort?.abort();
+    const ac = new AbortController();
+    this.#abort = ac;
+    const opts = { signal: ac.signal };
+    const ui = this.#getUi();
+    const subscribeUrl = this.#getSubscribeUrl();
+    if (!ui || !subscribeUrl) return;
+    const setErrorVisible = (visible) => {
+      ui.errorMessage?.classList.toggle("hidden", !visible);
+      if (visible) {
+        ui.errorMessage?.setAttribute("data-field", "validation");
+      } else {
+        ui.errorMessage?.removeAttribute("data-field");
+      }
+    };
+    const showInitial = () => {
+      ui.initialView?.classList.remove("hidden");
+      ui.actionView.classList.add("hidden");
+      ui.feedbackView.classList.add("hidden");
+      ui.emailInput.value = "";
+      ui.responseMessage.textContent = "";
+      setErrorVisible(false);
+    };
+    const showAction = () => {
+      ui.initialView?.classList.add("hidden");
+      ui.actionView.classList.remove("hidden");
+      ui.feedbackView.classList.add("hidden");
+      setErrorVisible(false);
+    };
+    const showFeedback = (message) => {
+      ui.actionView.classList.add("hidden");
+      ui.responseMessage.textContent = message;
+      ui.feedbackView.classList.remove("hidden");
+    };
+    ui.openButton.addEventListener(
+      "click",
+      () => {
+        showAction();
+        ui.emailInput.focus();
+      },
+      opts
+    );
+    ui.cancelButton?.addEventListener(
+      "click",
+      () => {
+        showInitial();
+        ui.openButton.focus();
+      },
+      opts
+    );
+    ui.okButton?.addEventListener("click", showInitial, opts);
+    ui.emailInput.addEventListener(
+      "keydown",
+      (e) => {
+        setErrorVisible(false);
+        if (e.key === "Enter") {
+          e.preventDefault();
+          ui.submitButton.click();
+        }
+      },
+      opts
+    );
+    ui.submitButton.addEventListener(
+      "click",
+      async () => {
+        if (!validateEmail(ui.emailInput.value)) {
+          setErrorVisible(true);
+          return;
+        }
+        const url = `${subscribeUrl}?email=${encodeURIComponent(ui.emailInput.value)}`;
+        try {
+          const res = await fetch(url, { method: "POST", signal: ac.signal });
+          const text = await res.text();
+          showFeedback(res.ok ? text : "");
+        } catch {
+          if (!ac.signal.aborted) showFeedback("");
+        }
+      },
+      opts
+    );
+    this.setAttribute("data-initialized", "true");
+  }
+  disconnectedCallback() {
+    this.#abort?.abort();
+    this.#abort = null;
+  }
+  #getSubscribeUrl() {
+    const endpoint = this.dataset.newsletterEndpoint;
+    const subscribeId = this.dataset.newsletterSubscribeId;
+    if (!endpoint || !subscribeId) return null;
+    return `${endpoint.replace(/\/$/, "")}/${encodeURIComponent(subscribeId)}`;
+  }
+  #getUi() {
+    const actionView = this.querySelector("[data-action]");
+    const openButton = this.querySelector("[data-open]");
+    const submitButton = this.querySelector("[data-submit]");
+    const emailInput = this.querySelector("[data-email]");
+    const feedbackView = this.querySelector("[data-feedback]");
+    const responseMessage = feedbackView?.querySelector("[data-response]");
+    if (!actionView || !openButton || !submitButton || !emailInput || !feedbackView || !responseMessage) {
+      return null;
+    }
+    return {
+      initialView: this.querySelector("[data-initial]"),
+      actionView,
+      openButton,
+      cancelButton: this.querySelector("[data-cancel]"),
+      okButton: this.querySelector("[data-ok]"),
+      submitButton,
+      emailInput,
+      errorMessage: this.querySelector("[data-error]"),
+      feedbackView,
+      responseMessage
+    };
+  }
+};
+
+// src/search-autocomplete/SearchAutocomplete.ts
+var DioSearchAutocomplete = class extends HTMLElement {
+  #abort;
+  #debounce;
+  connectedCallback() {
+    const input = this.querySelector("[data-search-input]");
+    const list = this.querySelector("[data-search-suggest-list]");
+    const panel = this.querySelector("[data-search-suggest]");
+    if (!input || !list || !panel) return;
+    const source = this.getAttribute("data-autocomplete-source") ?? "";
+    const mockAttr = this.getAttribute("data-mock-suggestions");
+    let mocks = [];
+    if (mockAttr) {
+      try {
+        const parsed = JSON.parse(mockAttr);
+        if (Array.isArray(parsed)) mocks = parsed;
+      } catch {
+        mocks = [];
+      }
+    }
+    let currentTerm = "";
+    const reset = () => {
+      list.innerHTML = "";
+      panel.hidden = true;
+      input.setAttribute("aria-expanded", "false");
+    };
+    const render = (items) => {
+      list.replaceChildren(
+        ...items.map((item) => {
+          const li = document.createElement("li");
+          li.className = "dio-search-autocomplete__suggest-item";
+          const a = document.createElement("a");
+          const href = item.Url.trim();
+          a.setAttribute("href", /^(?:javascript|data):/i.test(href) ? "#" : href);
+          const title = document.createElement("span");
+          title.className = "dio-search-autocomplete__suggest-title";
+          title.textContent = item.Name;
+          const meta = document.createElement("span");
+          meta.className = "dio-search-autocomplete__suggest-meta";
+          meta.textContent = item.FormattedMetadata;
+          a.append(title, meta);
+          li.append(a);
+          return li;
+        })
+      );
+      panel.hidden = items.length === 0;
+      input.setAttribute("aria-expanded", String(items.length > 0));
+    };
+    const search = async (term) => {
+      if (term.length < 2) {
+        reset();
+        return;
+      }
+      if (term === currentTerm) return;
+      currentTerm = term;
+      if (mocks.length) {
+        render(mocks.filter((m) => m.Name.toLowerCase().includes(term.toLowerCase())));
+        return;
+      }
+      this.#abort?.abort();
+      this.#abort = new AbortController();
+      try {
+        const res = await fetch(`${source}${encodeURIComponent(term)}`, {
+          signal: this.#abort.signal
+        });
+        const data = await res.json();
+        render(Array.isArray(data) ? data : []);
+      } catch {
+        if (!this.#abort.signal.aborted) reset();
+      }
+    };
+    input.addEventListener("input", () => {
+      clearTimeout(this.#debounce);
+      this.#debounce = setTimeout(() => search(input.value), 350);
+    });
+    input.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") reset();
+    });
+    const self = this;
+    if (self.__dioDocClick) document.removeEventListener("click", self.__dioDocClick);
+    self.__dioDocClick = (e) => {
+      if (!this.contains(e.target)) reset();
+    };
+    document.addEventListener("click", self.__dioDocClick);
+  }
+  disconnectedCallback() {
+    const self = this;
+    if (self.__dioDocClick) document.removeEventListener("click", self.__dioDocClick);
+    self.__dioDocClick = void 0;
+    clearTimeout(this.#debounce);
+    this.#abort?.abort();
+  }
+};
+
+// src/timeline/Timeline.ts
+var DioTimeline = class extends HTMLElement {
+  connectedCallback() {
+    const list = this.matches(".dio-timeline") ? this : this.querySelector(".dio-timeline");
+    const reverseBtn = this.querySelector("[data-toggle-reverse-timeline]");
+    const expandBtn = this.querySelector("[data-toggle-all-years]");
+    const eventLists = () => this.querySelectorAll(".dio-timeline__events");
+    const events = () => this.querySelectorAll(".dio-timeline__event");
+    reverseBtn?.addEventListener("click", () => {
+      const reversed = reverseBtn.getAttribute("data-reversed") === "true";
+      const nextReversed = !reversed;
+      reverseBtn.setAttribute("data-reversed", String(nextReversed));
+      const label = reverseBtn.querySelector("span");
+      if (label) {
+        label.textContent = nextReversed ? reverseBtn.getAttribute("data-reversed-text") ?? "" : reverseBtn.getAttribute("data-initial-text") ?? "";
+      }
+      if (list) list.style.flexDirection = nextReversed ? "column-reverse" : "";
+      eventLists().forEach((eventList) => {
+        eventList.style.flexDirection = nextReversed ? "column-reverse" : "";
+      });
+    });
+    expandBtn?.addEventListener("click", () => {
+      const expanded = expandBtn.getAttribute("data-expanded") === "true";
+      expandBtn.setAttribute("data-expanded", String(!expanded));
+      const label = expandBtn.querySelector("span");
+      if (label) {
+        label.textContent = expanded ? expandBtn.getAttribute("data-initial-text") ?? "" : expandBtn.getAttribute("data-active-text") ?? "";
+      }
+      events().forEach((event) => {
+        event.open = !expanded;
+      });
+    });
+  }
+};
+
+// src/to-top-of-page/ToTopOfPage.ts
+var DioToTopOfPage = class extends HTMLElement {
+  connectedCallback() {
+    const link = this.querySelector("[data-to-top-of-page]");
+    link?.addEventListener("click", (event) => {
+      event.preventDefault();
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    });
+  }
+};
+
+// src/web.ts
+import "@digdir/designsystemet-web";
+var define = (name, ctor) => {
+  if (!customElements.get(name)) customElements.define(name, ctor);
+};
+define("dio-carousel", DioCarousel);
+define("dio-feedback-banner", DioFeedbackBanner);
+define("dio-newsletter-subscribe", DioNewsletterSubscribe);
+define("dio-search-autocomplete", DioSearchAutocomplete);
+define("dio-timeline", DioTimeline);
+define("dio-to-top-of-page", DioToTopOfPage);
+export {
+  DioCarousel,
+  DioFeedbackBanner,
+  DioNewsletterSubscribe,
+  DioSearchAutocomplete,
+  DioTimeline,
+  DioToTopOfPage
+};
+//# sourceMappingURL=web.js.map

package/dist/web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/carousel/Carousel.ts", "../src/feedback-banner/FeedbackBanner.ts", "../src/newsletter-subscribe/NewsletterSubscribe.ts", "../src/search-autocomplete/SearchAutocomplete.ts", "../src/timeline/Timeline.ts", "../src/to-top-of-page/ToTopOfPage.ts", "../src/web.ts"],
+  "sourcesContent": ["export class DioCarousel extends HTMLElement {\n    private current = 0\n\n    connectedCallback() {\n        const items = [...this.querySelectorAll<HTMLElement>(\"[data-carousel-item]\")]\n        const prev = this.querySelector<HTMLButtonElement>(\"[data-carousel-prev]\")\n        const next = this.querySelector<HTMLButtonElement>(\"[data-carousel-next]\")\n        const info = this.querySelector<HTMLElement>(\"[data-carousel-info-content]\")\n\n        if (!items.length) return\n\n        const show = (index: number) => {\n            this.current = (index + items.length) % items.length\n            items.forEach((item, i) => {\n                item.hidden = i !== this.current\n            })\n            if (info) {\n                const active = items[this.current]\n                const title = active.querySelector(\".dio-carousel__title\")?.textContent ?? \"\"\n                info.textContent = title\n            }\n            prev?.toggleAttribute(\"disabled\", items.length <= 1)\n            next?.toggleAttribute(\"disabled\", items.length <= 1)\n        }\n\n        prev?.addEventListener(\"click\", () => show(this.current - 1))\n        next?.addEventListener(\"click\", () => show(this.current + 1))\n        show(0)\n    }\n}\n", "export class DioFeedbackBanner extends HTMLElement {\n    connectedCallback() {\n        const close = this.querySelector<HTMLButtonElement>(\"[data-hide-banner]\")\n        close?.addEventListener(\"click\", () => {\n            this.hidden = true\n        })\n    }\n}\n", "const emailRegex = /^(?!.*(?:''|\\.\\.))[A-Z0-9._!#$%&'*+\\-/=?^`{|}~]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i\n\nconst validateEmail = (value: string): boolean => emailRegex.test(value)\n\ntype NewsletterUi = {\n    initialView: HTMLElement | null\n    actionView: HTMLElement\n    openButton: HTMLElement\n    cancelButton: HTMLElement | null\n    okButton: HTMLElement | null\n    submitButton: HTMLElement\n    emailInput: HTMLInputElement\n    errorMessage: HTMLElement | null\n    feedbackView: HTMLElement\n    responseMessage: HTMLElement\n}\n\nexport class DioNewsletterSubscribe extends HTMLElement {\n    #abort: AbortController | null = null\n\n    connectedCallback() {\n        if (document.readyState !== \"loading\") {\n            this.init()\n            return\n        }\n        document.addEventListener(\"DOMContentLoaded\", () => this.init(), { once: true })\n    }\n\n    init(): void {\n        if (this.hasAttribute(\"data-initialized\")) return\n\n        this.#abort?.abort()\n        const ac = new AbortController()\n        this.#abort = ac\n        const opts: AddEventListenerOptions = { signal: ac.signal }\n\n        const ui = this.#getUi()\n        const subscribeUrl = this.#getSubscribeUrl()\n\n        if (!ui || !subscribeUrl) return\n\n        const setErrorVisible = (visible: boolean): void => {\n            ui.errorMessage?.classList.toggle(\"hidden\", !visible)\n            if (visible) {\n                ui.errorMessage?.setAttribute(\"data-field\", \"validation\")\n            } else {\n                ui.errorMessage?.removeAttribute(\"data-field\")\n            }\n        }\n\n        const showInitial = (): void => {\n            ui.initialView?.classList.remove(\"hidden\")\n            ui.actionView.classList.add(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            ui.emailInput.value = \"\"\n            ui.responseMessage.textContent = \"\"\n            setErrorVisible(false)\n        }\n\n        const showAction = (): void => {\n            ui.initialView?.classList.add(\"hidden\")\n            ui.actionView.classList.remove(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            setErrorVisible(false)\n        }\n\n        const showFeedback = (message: string): void => {\n            ui.actionView.classList.add(\"hidden\")\n            ui.responseMessage.textContent = message\n            ui.feedbackView.classList.remove(\"hidden\")\n        }\n\n        ui.openButton.addEventListener(\n            \"click\",\n            () => {\n                showAction()\n                ui.emailInput.focus()\n            },\n            opts,\n        )\n\n        ui.cancelButton?.addEventListener(\n            \"click\",\n            () => {\n                showInitial()\n                ui.openButton.focus()\n            },\n            opts,\n        )\n\n        ui.okButton?.addEventListener(\"click\", showInitial, opts)\n\n        ui.emailInput.addEventListener(\n            \"keydown\",\n            (e: KeyboardEvent) => {\n                setErrorVisible(false)\n                if (e.key === \"Enter\") {\n                    e.preventDefault()\n                    ui.submitButton.click()\n                }\n            },\n            opts,\n        )\n\n        ui.submitButton.addEventListener(\n            \"click\",\n            async () => {\n                if (!validateEmail(ui.emailInput.value)) {\n                    setErrorVisible(true)\n                    return\n                }\n                const url = `${subscribeUrl}?email=${encodeURIComponent(ui.emailInput.value)}`\n                try {\n                    const res = await fetch(url, { method: \"POST\", signal: ac.signal })\n                    const text = await res.text()\n                    showFeedback(res.ok ? text : \"\")\n                } catch {\n                    if (!ac.signal.aborted) showFeedback(\"\")\n                }\n            },\n            opts,\n        )\n\n        this.setAttribute(\"data-initialized\", \"true\")\n    }\n\n    disconnectedCallback(): void {\n        this.#abort?.abort()\n        this.#abort = null\n    }\n\n    #getSubscribeUrl(): string | null {\n        const endpoint = this.dataset.newsletterEndpoint\n        const subscribeId = this.dataset.newsletterSubscribeId\n        if (!endpoint || !subscribeId) return null\n        return `${endpoint.replace(/\\/$/, \"\")}/${encodeURIComponent(subscribeId)}`\n    }\n\n    #getUi(): NewsletterUi | null {\n        const actionView = this.querySelector<HTMLElement>(\"[data-action]\")\n        const openButton = this.querySelector<HTMLElement>(\"[data-open]\")\n        const submitButton = this.querySelector<HTMLButtonElement>(\"[data-submit]\")\n        const emailInput = this.querySelector<HTMLInputElement>(\"[data-email]\")\n        const feedbackView = this.querySelector<HTMLElement>(\"[data-feedback]\")\n        const responseMessage = feedbackView?.querySelector<HTMLElement>(\"[data-response]\")\n\n        if (\n            !actionView ||\n            !openButton ||\n            !submitButton ||\n            !emailInput ||\n            !feedbackView ||\n            !responseMessage\n        ) {\n            return null\n        }\n\n        return {\n            initialView: this.querySelector<HTMLElement>(\"[data-initial]\"),\n            actionView,\n            openButton,\n            cancelButton: this.querySelector<HTMLElement>(\"[data-cancel]\"),\n            okButton: this.querySelector<HTMLElement>(\"[data-ok]\"),\n            submitButton,\n            emailInput,\n            errorMessage: this.querySelector<HTMLElement>(\"[data-error]\"),\n            feedbackView,\n            responseMessage,\n        }\n    }\n}\n", "type SuggestItem = {\n    Name: string\n    Url: string\n    FormattedMetadata: string\n}\n\nexport class DioSearchAutocomplete extends HTMLElement {\n    #abort?: AbortController\n    #debounce?: ReturnType<typeof setTimeout>\n\n    connectedCallback() {\n        const input = this.querySelector<HTMLInputElement>(\"[data-search-input]\")\n        const list = this.querySelector<HTMLUListElement>(\"[data-search-suggest-list]\")\n        const panel = this.querySelector<HTMLElement>(\"[data-search-suggest]\")\n        if (!input || !list || !panel) return\n\n        const source = this.getAttribute(\"data-autocomplete-source\") ?? \"\"\n        const mockAttr = this.getAttribute(\"data-mock-suggestions\")\n        let mocks: SuggestItem[] = []\n        if (mockAttr) {\n            try {\n                const parsed = JSON.parse(mockAttr) as unknown\n                if (Array.isArray(parsed)) mocks = parsed as SuggestItem[]\n            } catch {\n                mocks = []\n            }\n        }\n        let currentTerm = \"\"\n\n        const reset = () => {\n            list.innerHTML = \"\"\n            panel.hidden = true\n            input.setAttribute(\"aria-expanded\", \"false\")\n        }\n\n        const render = (items: SuggestItem[]) => {\n            list.replaceChildren(\n                ...items.map((item) => {\n                    const li = document.createElement(\"li\")\n                    li.className = \"dio-search-autocomplete__suggest-item\"\n\n                    const a = document.createElement(\"a\")\n                    const href = item.Url.trim()\n                    a.setAttribute(\"href\", /^(?:javascript|data):/i.test(href) ? \"#\" : href)\n\n                    const title = document.createElement(\"span\")\n                    title.className = \"dio-search-autocomplete__suggest-title\"\n                    title.textContent = item.Name\n\n                    const meta = document.createElement(\"span\")\n                    meta.className = \"dio-search-autocomplete__suggest-meta\"\n                    meta.textContent = item.FormattedMetadata\n\n                    a.append(title, meta)\n                    li.append(a)\n                    return li\n                }),\n            )\n            panel.hidden = items.length === 0\n            input.setAttribute(\"aria-expanded\", String(items.length > 0))\n        }\n\n        const search = async (term: string) => {\n            if (term.length < 2) {\n                reset()\n                return\n            }\n            if (term === currentTerm) return\n            currentTerm = term\n\n            if (mocks.length) {\n                render(mocks.filter((m) => m.Name.toLowerCase().includes(term.toLowerCase())))\n                return\n            }\n\n            this.#abort?.abort()\n            this.#abort = new AbortController()\n            try {\n                const res = await fetch(`${source}${encodeURIComponent(term)}`, {\n                    signal: this.#abort.signal,\n                })\n                const data = (await res.json()) as SuggestItem[]\n                render(Array.isArray(data) ? data : [])\n            } catch {\n                if (!this.#abort.signal.aborted) reset()\n            }\n        }\n\n        input.addEventListener(\"input\", () => {\n            clearTimeout(this.#debounce)\n            this.#debounce = setTimeout(() => search(input.value), 350)\n        })\n\n        input.addEventListener(\"keydown\", (e) => {\n            if (e.key === \"Escape\") reset()\n        })\n\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = (e) => {\n            if (!this.contains(e.target as Node)) reset()\n        }\n        document.addEventListener(\"click\", self.__dioDocClick)\n    }\n\n    disconnectedCallback() {\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = undefined\n        clearTimeout(this.#debounce)\n        this.#abort?.abort()\n    }\n}\n", "export class DioTimeline extends HTMLElement {\n    connectedCallback() {\n        const list = this.matches(\".dio-timeline\")\n            ? this\n            : this.querySelector<HTMLElement>(\".dio-timeline\")\n        const reverseBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-reverse-timeline]\")\n        const expandBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-all-years]\")\n        const eventLists = () => this.querySelectorAll<HTMLElement>(\".dio-timeline__events\")\n        const events = () => this.querySelectorAll<HTMLDetailsElement>(\".dio-timeline__event\")\n\n        reverseBtn?.addEventListener(\"click\", () => {\n            const reversed = reverseBtn.getAttribute(\"data-reversed\") === \"true\"\n            const nextReversed = !reversed\n            reverseBtn.setAttribute(\"data-reversed\", String(nextReversed))\n            const label = reverseBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = nextReversed\n                    ? (reverseBtn.getAttribute(\"data-reversed-text\") ?? \"\")\n                    : (reverseBtn.getAttribute(\"data-initial-text\") ?? \"\")\n            }\n            if (list) list.style.flexDirection = nextReversed ? \"column-reverse\" : \"\"\n            eventLists().forEach((eventList) => {\n                eventList.style.flexDirection = nextReversed ? \"column-reverse\" : \"\"\n            })\n        })\n\n        expandBtn?.addEventListener(\"click\", () => {\n            const expanded = expandBtn.getAttribute(\"data-expanded\") === \"true\"\n            expandBtn.setAttribute(\"data-expanded\", String(!expanded))\n            const label = expandBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = expanded\n                    ? (expandBtn.getAttribute(\"data-initial-text\") ?? \"\")\n                    : (expandBtn.getAttribute(\"data-active-text\") ?? \"\")\n            }\n            events().forEach((event) => {\n                event.open = !expanded\n            })\n        })\n    }\n}\n", "export class DioToTopOfPage extends HTMLElement {\n    connectedCallback() {\n        const link = this.querySelector<HTMLAnchorElement>(\"[data-to-top-of-page]\")\n        link?.addEventListener(\"click\", (event) => {\n            event.preventDefault()\n            window.scrollTo({ top: 0, behavior: \"smooth\" })\n        })\n    }\n}\n", "import { DioCarousel } from \"./carousel/Carousel\"\nimport { DioFeedbackBanner } from \"./feedback-banner/FeedbackBanner\"\nimport { DioNewsletterSubscribe } from \"./newsletter-subscribe/NewsletterSubscribe\"\nimport { DioSearchAutocomplete } from \"./search-autocomplete/SearchAutocomplete\"\nimport { DioTimeline } from \"./timeline/Timeline\"\nimport { DioToTopOfPage } from \"./to-top-of-page/ToTopOfPage\"\nimport \"@digdir/designsystemet-web\"\n\nexport {\n    DioCarousel,\n    DioFeedbackBanner,\n    DioNewsletterSubscribe,\n    DioSearchAutocomplete,\n    DioTimeline,\n    DioToTopOfPage,\n}\n\nconst define = (name: string, ctor: CustomElementConstructor) => {\n    if (!customElements.get(name)) customElements.define(name, ctor)\n}\n\ndefine(\"dio-carousel\", DioCarousel)\ndefine(\"dio-feedback-banner\", DioFeedbackBanner)\ndefine(\"dio-newsletter-subscribe\", DioNewsletterSubscribe)\ndefine(\"dio-search-autocomplete\", DioSearchAutocomplete)\ndefine(\"dio-timeline\", DioTimeline)\ndefine(\"dio-to-top-of-page\", DioToTopOfPage)\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@dep-dio/dio-designsystem",
+  "version": "0.2.0",
+  "description": "DIO design system built on Designsystemet",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dss-web/dio-designsystemet.git",
+    "directory": "packages/dio-designsystem"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./dist/web.js",
+    "./dist/svg-icons-register.js"
+  ],
+  "exports": {
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.js"
+    },
+    "./web": {
+      "types": "./dist/web.d.ts",
+      "import": "./dist/web.js"
+    },
+    "./svg-icons-register": {
+      "types": "./dist/svg-icons-register.d.ts",
+      "import": "./dist/svg-icons-register.js"
+    },
+    "./vite-icons-plugin": {
+      "types": "./dist/vite-icons-plugin.d.ts",
+      "import": "./dist/vite-icons-plugin.js"
+    },
+    "./styles": "./dist/styles/main.css",
+    "./mixins": "./dist/styles/_mixins.scss"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@digdir/designsystemet-css": "^1.17.0",
+    "@digdir/designsystemet-web": "^1.17.0",
+    "@navikt/aksel-icons": "^8.13.1"
+  },
+  "devDependencies": {
+    "@digdir/designsystemet": "^1.17.0",
+    "esbuild": "^0.28.1",
+    "fast-glob": "^3.3.3",
+    "sass": "^1.101.0",
+    "typescript": "~6.0.3",
+    "vite": "^8.1.0",
+    "vite-plugin-svg-icons": "^2.0.1"
+  },
+  "peerDependencies": {
+    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+    "vite-plugin-svg-icons": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vite": {
+      "optional": true
+    },
+    "vite-plugin-svg-icons": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build-tokens": "designsystemet tokens build --config designsystemet.config.json",
+    "create-tokens": "designsystemet tokens create --config designsystemet.config.json",
+    "prepare-dist": "node scripts/prepare-dist.mjs",
+    "build:js": "node scripts/build-js.mjs && tsc -p tsconfig.build.json",
+    "build": "pnpm create-tokens && pnpm build-tokens && pnpm prepare-dist && pnpm build:js"
+  }
+}