@sondor-technology/sondor-components 1.0.9 → 1.0.10

package/dist/components/code-block/code-block.js

@@ -33,7 +33,7 @@ let StCodeBlock = class StCodeBlock extends LitElement {
             this._snippets = templates.map((template) => {
                 const lang = template.getAttribute("data-lang") || this.language;
                 const label = template.getAttribute("data-label") || lang; // Fallback to lang if no label provided
-                const rawCode = this._dedent(template.innerHTML);
+                const rawCode = this._dedent(this._sourceOf(template));
                 const grammar = Prism.languages[lang] || Prism.languages.javascript;
                 const highlightedCode = Prism.highlight(rawCode, grammar, lang);
                 return { lang, label, rawCode, highlightedCode };
@@ -52,6 +52,16 @@ let StCodeBlock = class StCodeBlock extends LitElement {
         // Reset to the first tab whenever new code is injected
         this._activeIndex = 0;
     }
+    /**
+     * Plain-text templates (JavaScript, JSON, shell) are read as text so characters such as
+     * `=>`, `<` and `&` are not HTML-escaped. Templates holding markup are serialized as HTML.
+     */
+    _sourceOf(template) {
+        const nodes = Array.from(template.content.childNodes);
+        return nodes.every((n) => n.nodeType === Node.TEXT_NODE)
+            ? (template.content.textContent ?? "")
+            : template.innerHTML;
+    }
     _dedent(text) {
         const lines = text.split("\n");
         const minIndent = lines
@@ -135,7 +145,7 @@ StCodeBlock.styles = [
         margin: var(--st-spacing-md) 0;
         border-radius: 8px;
         /* 1. Lock background to a deep dark surface */
-        background-color: #161b22;
+        background-color: var(--st-code-bg);
         border: 1px solid var(--st-color-border);
         overflow: hidden;
       }
@@ -145,8 +155,8 @@ StCodeBlock.styles = [
         justify-content: space-between;
         align-items: center;
         /* 2. Lock header to a slightly darker shade */
-        background-color: #0d1117;
-        border-bottom: 1px solid #30363d;
+        background-color: var(--st-code-header-bg);
+        border-bottom: 1px solid var(--st-code-border);
         padding: 0 var(--st-spacing-md);
         min-height: 2.5rem; /* 40px */
       }
@@ -154,7 +164,7 @@ StCodeBlock.styles = [
       /* Single language label */
       .language-label {
         font-size: var(--st-font-size-xs);
-        color: #8b949e;
+        color: var(--st-code-muted);
         text-transform: uppercase;
         letter-spacing: 0.05em;
         font-weight: var(--st-font-weight-bold);
@@ -171,7 +181,7 @@ StCodeBlock.styles = [
         background: transparent;
         border: none;
         border-bottom: 2px solid transparent;
-        color: #8b949e;
+        color: var(--st-code-muted);
         font-size: var(--st-font-size-xs);
         font-weight: var(--st-font-weight-medium);
         padding: var(--st-spacing-xs) 0;
@@ -180,20 +190,20 @@ StCodeBlock.styles = [
       }
 
       .tab:hover {
-        color: #c9d1d9;
+        color: var(--st-code-text);
       }
 
       .tab.active {
         /* 3. Hardcode the active tab to a high-contrast blue instead of dynamic primary */
-        color: #79c0ff;
-        border-bottom-color: #79c0ff;
+        color: var(--st-code-accent);
+        border-bottom-color: var(--st-code-accent);
       }
 
       /* Copy Button */
       .copy-button {
         background: transparent;
         border: 1px solid transparent;
-        color: #8b949e;
+        color: var(--st-code-muted);
         cursor: pointer;
         display: flex;
         align-items: center;
@@ -206,8 +216,8 @@ StCodeBlock.styles = [
       }
 
       .copy-button:hover {
-        color: #c9d1d9;
-        background-color: rgba(255, 255, 255, 0.1);
+        color: var(--st-code-text);
+        background-color: var(--st-code-hover);
       }
 
       .copy-button svg {
@@ -221,7 +231,7 @@ StCodeBlock.styles = [
       }
 
       .copy-button.copied {
-        color: #3fb950; /* High-contrast success green */
+        color: var(--st-code-success); /* High-contrast success green */
       }
 
       pre {
@@ -234,7 +244,7 @@ StCodeBlock.styles = [
         font-size: 0.875rem;
         line-height: 1.5;
         /* 4. Ensure default text stays light */
-        color: #c9d1d9;
+        color: var(--st-code-text);
       }
 
       .raw-content {
@@ -248,11 +258,11 @@ StCodeBlock.styles = [
       .token.prolog,
       .token.doctype,
       .token.cdata {
-        color: #8b949e;
+        color: var(--st-code-muted);
         font-style: italic;
       }
       .token.punctuation {
-        color: #8b949e;
+        color: var(--st-code-muted);
       }
       .token.namespace {
         opacity: 0.7;
@@ -264,7 +274,7 @@ StCodeBlock.styles = [
       .token.constant,
       .token.symbol,
       .token.deleted {
-        color: #79c0ff;
+        color: var(--st-code-accent);
       }
       .token.selector,
       .token.attr-name,
@@ -272,33 +282,33 @@ StCodeBlock.styles = [
       .token.char,
       .token.builtin,
       .token.inserted {
-        color: #a5d6ff;
+        color: var(--st-code-string);
       }
 
-      /* Replaced var(--st-color-text) with #c9d1d9 */
+      /* Replaced var(--st-color-text) with var(--st-code-text) */
       .token.operator,
       .token.entity,
       .token.url,
       .language-css .token.string,
       .style .token.string {
-        color: #c9d1d9;
+        color: var(--st-code-text);
       }
 
-      /* Replaced var(--st-color-primary) with #ff7b72 (High-contrast pink/red for keywords) */
+      /* Replaced var(--st-color-primary) with var(--st-code-keyword) (High-contrast pink/red for keywords) */
       .token.atrule,
       .token.attr-value,
       .token.keyword {
-        color: #ff7b72;
+        color: var(--st-code-keyword);
       }
 
       .token.function,
       .token.class-name {
-        color: #d2a8ff;
+        color: var(--st-code-function);
       }
       .token.regex,
       .token.important,
       .token.variable {
-        color: #ffa657;
+        color: var(--st-code-number);
       }
     `,
 ];

package/dist/components/code-block/code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAUrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QACL,sDAAsD;QAC5B,aAAQ,GAAG,YAAY,CAAC;QAEjC,cAAS,GAAkB,EAAE,CAAC;QAC9B,iBAAY,GAAG,CAAC,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;IAwSnC,CAAC;IApHS,iBAAiB;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAExD,8CAA8C;QAC9C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAC5B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,mBAAmB,CACf,CAAC;QAE3B,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,4DAA4D;YAC5D,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;gBACjE,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,wCAAwC;gBACnG,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;gBAEjD,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;gBACpE,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;gBAEhE,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,eAAe,EAAC,CAAC;YACjD,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,sEAAsE;YACtE,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACzD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAEtC,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;gBAC7E,MAAM,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACzE,IAAI,CAAC,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAC,CAAC,CAAC;YAC3F,CAAC;QACH,CAAC;QAED,uDAAuD;QACvD,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;IACxB,CAAC;IAEO,OAAO,CAAC,IAAY;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAG,KAAK;aACpB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;aACxC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC;YACnD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC/B,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEf,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;QAClE,OAAO,KAAK;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;aACpC,IAAI,CAAC,IAAI,CAAC;aACV,IAAI,EAAE,CAAC;IACZ,CAAC;IAEO,KAAK,CAAC,gBAAgB;QAC5B,8CAA8C;QAC9C,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACvB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAExD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA;;kBAEE,IAAI,CAAC,SAAS,CAAC,GAAG,CAClB,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;mCAEP,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;+BAC/C,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;;wBAExC,OAAO,CAAC,KAAK;;mBAElB,CACF;;aAEJ;YACH,CAAC,CAAC,IAAI,CAAA,iCAAiC,aAAa,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,UAAU;;qCAE3D,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,IAAI,CAAC,gBAAgB;YACtF,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;wBACM;YACZ,CAAC,CAAC,IAAI,CAAA;;;;qBAIG;;;;;QAKb,aAAa;YACb,CAAC,CAAC,IAAI,CAAA;yCAC2B,aAAa,CAAC,IAAI,KAAK,UAAU,CAC5D,aAAa,CAAC,eAAe,CAC9B;WACF;YACH,CAAC,CAAC,EAAE;;;uCAG2B,IAAI,CAAC,iBAAiB;;KAExD,CAAC;IACJ,CAAC;CACF,CAAA;AApSQ,kBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2KF;CACF,AA9KY,CA8KX;AAtLwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;6CAAyB;AAEjC;IAAhB,KAAK,EAAE;8CAAuC;AAC9B;IAAhB,KAAK,EAAE;iDAA0B;AACjB;IAAhB,KAAK,EAAE;4CAAyB;AAEE;IAAlC,KAAK,CAAC,kBAAkB,CAAC;0CAAiC;AARhD,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CA8SvB"}
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"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"}

package/dist/components/consent/consent.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, PropertyValues } from "lit";
+import "../button/button.js";
+import "../switch/switch.js";
+import { ConsentCategory, ConsentChoices } from "./consent.utils.js";
+export type ConsentSource = "accept-all" | "reject-all" | "custom";
+/**
+ * A cookie and tracking consent banner. Visitors can accept all, reject all, or choose by
+ * category. Accept and reject are shown as equals, nothing is pre-selected, and the choice can be
+ * changed later from any element carrying a `data-consent-open` attribute (such as a footer link).
+ *
+ * It does not load or block scripts itself. Listen for the events, or call `getConsent()`, and
+ * only start analytics or marketing tools the visitor has allowed.
+ *
+ * Slots: default (the message shown on the banner).
+ * Events:
+ *  - `st-consent-ready` `{choices}`: a valid saved choice was found on load.
+ *  - `st-consent-change` `{choices, source}`: the visitor made a choice.
+ */
+export declare class StConsent extends LitElement {
+    categories: ConsentCategory[];
+    storageKey: string;
+    /** Change this when what you collect changes, to ask every visitor again. */
+    version: string;
+    /** How long a choice is remembered, in days. */
+    expiresDays: number;
+    heading: string;
+    policyHref: string;
+    policyLabel: string;
+    acceptLabel: string;
+    rejectLabel: string;
+    customiseLabel: string;
+    saveLabel: string;
+    private _open;
+    private _view;
+    private _draft;
+    private _record;
+    static styles: import("lit").CSSResult[];
+    /** The saved choices, or null until the visitor has chosen. */
+    get choices(): ConsentChoices | null;
+    /** Whether the visitor allowed a category. False until they choose. */
+    allows(id: string): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    /** Opens the preferences so the visitor can review or change their choice. */
+    open(): void;
+    acceptAll(): void;
+    rejectAll(): void;
+    private _load;
+    private _commit;
+    private _onDocumentClick;
+    private _onKeydown;
+    private _toggle;
+    private _renderSummary;
+    private _renderPreferences;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-consent": StConsent;
+    }
+}
+//# sourceMappingURL=consent.d.ts.map

package/dist/components/consent/consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent.d.ts","sourceRoot":"","sources":["../../../src/components/consent/consent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAsB,cAAc,EAAC,MAAM,KAAK,CAAC;AAGnE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EACL,eAAe,EACf,cAAc,EASf,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,qBACa,SAAU,SAAQ,UAAU;IACd,UAAU,EAAE,eAAe,EAAE,CAAsB;IACxB,UAAU,SAAuB;IACrF,6EAA6E;IACnD,OAAO,SAAO;IACxC,gDAAgD;IACK,WAAW,SAAO;IAC7C,OAAO,SAA0B;IACP,UAAU,SAAM;IACf,WAAW,SAA4B;IACvC,WAAW,SAAgB;IAC3B,WAAW,SAAgB;IACxB,cAAc,SAAe;IAClC,SAAS,SAAkB;IAErE,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,KAAK,CAAwC;IACrD,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,OAAO,CAA8B;IAEtD,MAAM,CAAC,MAAM,4BA4FX;IAEF,+DAA+D;IAC/D,IAAI,OAAO,IAAI,cAAc,GAAG,IAAI,CAEnC;IAED,uEAAuE;IACvE,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAE1B;IAED,iBAAiB,SAKhB;IAED,oBAAoB,SAInB;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,QAGjD;IAED,8EAA8E;IAC9E,IAAI,SAKH;IAED,SAAS,SAER;IAED,SAAS,SAER;IAID,OAAO,CAAC,KAAK;IAeb,OAAO,CAAC,OAAO;IAaf,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,kBAAkB;IAgC1B,MAAM,yCAYL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/consent/consent.js

@@ -0,0 +1,327 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
+import "../button/button.js";
+import "../switch/switch.js";
+import { DEFAULT_CATEGORIES, DEFAULT_STORAGE_KEY, choicesFor, isRecordValid, normaliseChoices, readRecord, writeRecord, } from "./consent.utils.js";
+/**
+ * A cookie and tracking consent banner. Visitors can accept all, reject all, or choose by
+ * category. Accept and reject are shown as equals, nothing is pre-selected, and the choice can be
+ * changed later from any element carrying a `data-consent-open` attribute (such as a footer link).
+ *
+ * It does not load or block scripts itself. Listen for the events, or call `getConsent()`, and
+ * only start analytics or marketing tools the visitor has allowed.
+ *
+ * Slots: default (the message shown on the banner).
+ * Events:
+ *  - `st-consent-ready` `{choices}`: a valid saved choice was found on load.
+ *  - `st-consent-change` `{choices, source}`: the visitor made a choice.
+ */
+let StConsent = class StConsent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.categories = DEFAULT_CATEGORIES;
+        this.storageKey = DEFAULT_STORAGE_KEY;
+        /** Change this when what you collect changes, to ask every visitor again. */
+        this.version = "1";
+        /** How long a choice is remembered, in days. */
+        this.expiresDays = 180;
+        this.heading = "Your privacy choices";
+        this.policyHref = "";
+        this.policyLabel = "Read our cookie policy";
+        this.acceptLabel = "Accept all";
+        this.rejectLabel = "Reject all";
+        this.customiseLabel = "Customise";
+        this.saveLabel = "Save choices";
+        this._open = false;
+        this._view = "summary";
+        this._draft = {};
+        this._record = null;
+        // ------------------------------------------------------------------- events
+        this._onDocumentClick = (e) => {
+            const trigger = e.composedPath().find((el) => el instanceof Element && el.hasAttribute("data-consent-open"));
+            if (!trigger)
+                return;
+            e.preventDefault();
+            this.open();
+        };
+        this._onKeydown = (e) => {
+            // Escape only dismisses a reopened panel: a first-time visitor must still choose.
+            if (e.key === "Escape" && this._open && this._record)
+                this._open = false;
+        };
+    }
+    /** The saved choices, or null until the visitor has chosen. */
+    get choices() {
+        return this._record?.choices ?? null;
+    }
+    /** Whether the visitor allowed a category. False until they choose. */
+    allows(id) {
+        return this._record?.choices[id] === true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener("click", this._onDocumentClick);
+        document.addEventListener("keydown", this._onKeydown);
+        this._load();
+    }
+    disconnectedCallback() {
+        document.removeEventListener("click", this._onDocumentClick);
+        document.removeEventListener("keydown", this._onKeydown);
+        super.disconnectedCallback();
+    }
+    willUpdate(changed) {
+        // Never leave the visitor with a stale choice when the categories or version change.
+        if (this.hasUpdated && (changed.has("categories") || changed.has("version")))
+            this._load();
+    }
+    /** Opens the preferences so the visitor can review or change their choice. */
+    open() {
+        this._draft = normaliseChoices(this.categories, this._record?.choices ?? {});
+        this._view = "preferences";
+        this._open = true;
+        void this.updateComplete.then(() => this.renderRoot.querySelector("h2")?.focus());
+    }
+    acceptAll() {
+        this._commit(choicesFor(this.categories, true), "accept-all");
+    }
+    rejectAll() {
+        this._commit(choicesFor(this.categories, false), "reject-all");
+    }
+    // ------------------------------------------------------------------ storage
+    _load() {
+        const record = readRecord(this.storageKey);
+        if (isRecordValid(record, this.version, this.categories, this.expiresDays)) {
+            this._record = record;
+            this._open = false;
+            this.dispatchEvent(new CustomEvent("st-consent-ready", { detail: { choices: record.choices }, bubbles: true, composed: true }));
+        }
+        else {
+            this._record = null;
+            this._view = "summary";
+            this._open = true;
+        }
+    }
+    _commit(choices, source) {
+        const normalised = normaliseChoices(this.categories, choices);
+        this._record = { version: this.version, savedAt: Date.now(), choices: normalised };
+        writeRecord(this._record, this.storageKey);
+        this._open = false;
+        this._view = "summary";
+        this.dispatchEvent(new CustomEvent("st-consent-change", { detail: { choices: normalised, source }, bubbles: true, composed: true }));
+    }
+    _toggle(id, on) {
+        this._draft = { ...this._draft, [id]: on };
+    }
+    // ------------------------------------------------------------------- render
+    _renderSummary() {
+        return html `
+      <h2 id="consent-title" tabindex="-1">${this.heading}</h2>
+      <p class="message">
+        <slot>
+          We use cookies to make this site work and, with your permission, to understand how it is
+          used. You can accept everything, reject everything, or choose.
+        </slot>
+        ${this.policyHref
+            ? html ` <a class="policy" href=${this.policyHref}>${this.policyLabel}</a>`
+            : nothing}
+      </p>
+      <div class="actions">
+        <st-button class="decision" block color="primary" @click=${this.acceptAll}>${this.acceptLabel}</st-button>
+        <st-button class="decision" block color="primary" @click=${this.rejectAll}>${this.rejectLabel}</st-button>
+        <st-button variant="secondary" @click=${() => this.open()}>${this.customiseLabel}</st-button>
+      </div>
+    `;
+    }
+    _renderPreferences() {
+        return html `
+      <h2 id="consent-title" tabindex="-1">${this.heading}</h2>
+      <ul class="categories">
+        ${this.categories.map((category) => html `
+            <li class="category">
+              ${category.required
+            ? html `<strong>${category.label}</strong> <span class="required">Always on</span>`
+            : html `
+                    <st-switch
+                      .checked=${this._draft[category.id] === true}
+                      @change=${(e) => this._toggle(category.id, e.target.checked)}
+                    >
+                      ${category.label}
+                    </st-switch>
+                  `}
+              ${category.description ? html `<p>${category.description}</p>` : nothing}
+            </li>
+          `)}
+      </ul>
+      <div class="actions">
+        <st-button class="decision" block color="primary" @click=${() => this._commit(this._draft, "custom")}>
+          ${this.saveLabel}
+        </st-button>
+        <st-button class="decision" block color="primary" @click=${this.acceptAll}>${this.acceptLabel}</st-button>
+        <st-button class="decision" block color="primary" @click=${this.rejectAll}>${this.rejectLabel}</st-button>
+      </div>
+    `;
+    }
+    render() {
+        return html `
+      <div
+        class="panel"
+        role="dialog"
+        aria-modal="false"
+        aria-labelledby="consent-title"
+        ?hidden=${!this._open}
+      >
+        ${this._view === "preferences" ? this._renderPreferences() : this._renderSummary()}
+      </div>
+    `;
+    }
+};
+StConsent.styles = [
+    resetStyles,
+    css `
+      :host {
+        position: fixed;
+        inset: auto 0 0 0;
+        z-index: var(--st-consent-z, 1000);
+        display: flex;
+        justify-content: center;
+        padding: var(--st-spacing-md);
+        pointer-events: none;
+      }
+
+      .panel {
+        pointer-events: auto;
+        width: 100%;
+        max-width: 40rem;
+        max-height: calc(100dvh - 2 * var(--st-spacing-md));
+        overflow-y: auto;
+        padding: var(--st-spacing-lg);
+        border: 1px solid var(--st-color-border);
+        border-radius: var(--st-radius-lg);
+        background: var(--st-color-surface);
+        color: var(--st-color-text);
+        box-shadow: var(--st-shadow-xl);
+      }
+
+      h2 {
+        margin: 0 0 var(--st-spacing-sm);
+        font-size: var(--st-font-size-lg);
+      }
+
+      h2:focus {
+        outline: none;
+      }
+
+      .message {
+        margin: 0 0 var(--st-spacing-md);
+        color: var(--st-color-text-muted);
+        font-size: var(--st-font-size-sm);
+      }
+
+      .message a,
+      .policy {
+        color: var(--st-color-primary-text);
+      }
+
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--st-spacing-sm);
+      }
+
+      /* Accept and reject share one width so neither is easier to press. */
+      .actions .decision {
+        flex: 1 1 8rem;
+      }
+
+      .categories {
+        display: grid;
+        gap: var(--st-spacing-md);
+        margin: 0 0 var(--st-spacing-md);
+        padding: 0;
+        list-style: none;
+      }
+
+      .category {
+        padding-bottom: var(--st-spacing-md);
+        border-bottom: 1px solid var(--st-color-border);
+      }
+
+      .category p {
+        margin: var(--st-spacing-xs) 0 0;
+        color: var(--st-color-text-muted);
+        font-size: var(--st-font-size-sm);
+      }
+
+      .required {
+        color: var(--st-color-text-muted);
+        font-size: var(--st-font-size-sm);
+      }
+
+      [hidden] {
+        display: none !important;
+      }
+
+      @media print {
+        :host {
+          display: none;
+        }
+      }
+    `,
+];
+__decorate([
+    property({ type: Array })
+], StConsent.prototype, "categories", void 0);
+__decorate([
+    property({ type: String, attribute: "storage-key" })
+], StConsent.prototype, "storageKey", void 0);
+__decorate([
+    property({ type: String })
+], StConsent.prototype, "version", void 0);
+__decorate([
+    property({ type: Number, attribute: "expires-days" })
+], StConsent.prototype, "expiresDays", void 0);
+__decorate([
+    property({ type: String })
+], StConsent.prototype, "heading", void 0);
+__decorate([
+    property({ type: String, attribute: "policy-href" })
+], StConsent.prototype, "policyHref", void 0);
+__decorate([
+    property({ type: String, attribute: "policy-label" })
+], StConsent.prototype, "policyLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "accept-label" })
+], StConsent.prototype, "acceptLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "reject-label" })
+], StConsent.prototype, "rejectLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "customise-label" })
+], StConsent.prototype, "customiseLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "save-label" })
+], StConsent.prototype, "saveLabel", void 0);
+__decorate([
+    state()
+], StConsent.prototype, "_open", void 0);
+__decorate([
+    state()
+], StConsent.prototype, "_view", void 0);
+__decorate([
+    state()
+], StConsent.prototype, "_draft", void 0);
+__decorate([
+    state()
+], StConsent.prototype, "_record", void 0);
+StConsent = __decorate([
+    customElement("st-consent")
+], StConsent);
+export { StConsent };
+//# sourceMappingURL=consent.js.map

package/dist/components/consent/consent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../../src/components/consent/consent.ts"],"names":[],"mappings":"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"}

package/dist/components/consent/consent.utils.d.ts

@@ -0,0 +1,36 @@
+/** Cookie and storage consent: the record kept, and how it is read and written. */
+export interface ConsentCategory {
+    id: string;
+    label: string;
+    description?: string;
+    /** Always on and not switchable, for things the site cannot work without. */
+    required?: boolean;
+}
+export type ConsentChoices = Record<string, boolean>;
+export interface ConsentRecord {
+    /** Increase your `version` when what you collect changes, to ask everyone again. */
+    version: string;
+    /** Milliseconds since the epoch when the choice was made. */
+    savedAt: number;
+    choices: ConsentChoices;
+}
+export declare const DEFAULT_STORAGE_KEY = "st-consent";
+export declare const DEFAULT_CATEGORIES: ConsentCategory[];
+/** Every category set to the same answer; required categories are always on. */
+export declare function choicesFor(categories: ConsentCategory[], value: boolean): ConsentChoices;
+/** Keeps only known categories, forces required ones on, and treats anything missing as off. */
+export declare function normaliseChoices(categories: ConsentCategory[], choices: ConsentChoices): ConsentChoices;
+/** True when a stored record is current: same version, not expired, covers every category. */
+export declare function isRecordValid(record: ConsentRecord | null, version: string, categories: ConsentCategory[], expiresDays: number, now?: number): record is ConsentRecord;
+export declare function parseRecord(raw: string | null): ConsentRecord | null;
+export declare function readRecord(key?: string): ConsentRecord | null;
+export declare function writeRecord(record: ConsentRecord, key?: string): boolean;
+export declare function clearRecord(key?: string): void;
+/**
+ * The visitor's saved choices, or null if they have not chosen yet. Use it to decide whether to
+ * load an analytics script:
+ *
+ *   if (getConsent()?.analytics) loadAnalytics();
+ */
+export declare function getConsent(key?: string): ConsentChoices | null;
+//# sourceMappingURL=consent.utils.d.ts.map

package/dist/components/consent/consent.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent.utils.d.ts","sourceRoot":"","sources":["../../../src/components/consent/consent.utils.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,oFAAoF;IACpF,OAAO,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAChD,eAAO,MAAM,kBAAkB,EAAE,eAAe,EAS/C,CAAC;AAIF,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,UAAU,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,cAAc,CAExF;AAED,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,cAAc,GAAG,cAAc,CAEvG;AAED,8FAA8F;AAC9F,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,EAC5B,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,eAAe,EAAE,EAC7B,WAAW,EAAE,MAAM,EACnB,GAAG,SAAa,GACf,MAAM,IAAI,aAAa,CAIzB;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,IAAI,CAiBpE;AAED,wBAAgB,UAAU,CAAC,GAAG,SAAsB,GAAG,aAAa,GAAG,IAAI,CAM1E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAsB,GAAG,OAAO,CAOrF;AAED,wBAAgB,WAAW,CAAC,GAAG,SAAsB,QAMpD;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,GAAG,SAAsB,GAAG,cAAc,GAAG,IAAI,CAE3E"}