@consent.software/catalog 1.3.2 → 1.3.5

package/dist_ts_web/00_commitinfo_data.d.ts

@@ -1,5 +1,5 @@
 /**
- * autocreated commitinfo by @pushrocks/commitinfo
+ * autocreated commitinfo by @push.rocks/commitinfo
  */
 export declare const commitinfo: {
     name: string;

package/dist_ts_web/00_commitinfo_data.js

@@ -1,9 +1,9 @@
 /**
- * autocreated commitinfo by @pushrocks/commitinfo
+ * autocreated commitinfo by @push.rocks/commitinfo
  */
 export const commitinfo = {
-    name: '@consent.software_private/catalog',
-    version: '1.0.78',
-    description: 'webcomponents for consent.software widget'
+    name: '@consent.software/catalog',
+    version: '1.3.5',
+    description: 'A library of web components designed to integrate robust consent management capabilities into web applications, ensuring compliance with privacy regulations.'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsbUNBQW1DO0lBQ3pDLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSwyQ0FBMkM7Q0FDekQsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsMkJBQTJCO0lBQ2pDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSwrSkFBK0o7Q0FDN0ssQ0FBQSJ9

package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts

@@ -1,16 +1,37 @@
-import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
-import '@design.estate/dees-catalog';
+import { LitElement, type TemplateResult } from 'lit';
 import * as csWebclient from '@consent.software/webclient';
-export declare class ConsentsoftwareCookieconsent extends DeesElement {
+export declare class ConsentsoftwareCookieconsent extends LitElement {
     static demo: () => TemplateResult<1>;
     csWebclientInstance: csWebclient.CsWebclient;
     csWebclientRan: boolean;
+    theme: 'light' | 'dark';
+    /**
+     * We bind `heightPixels` to a CSS variable (--cookieconsent-height).
+     * Then we can do margin-bottom animations in CSS.
+     */
+    static styles: import("lit").CSSResult;
     constructor();
-    static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
-    heightPixels: number;
+    /**
+     * Called when the element is inserted into the DOM.
+     */
     connectedCallback(): Promise<void>;
-    firstUpdated(): void;
+    /**
+     * Called after the first render of the component.
+     * We measure the actual height of the banner and update the CSS variable.
+     */
+    firstUpdated(): Promise<void>;
+    /**
+     * Called whenever the element is updated or re-rendered.
+     */
     updated(): Promise<void>;
+    /**
+     * Sets the user’s chosen cookie level(s) and hides the banner.
+     */
     private setLevel;
+    /**
+     * Dynamically switches the theme between light/dark,
+     * respecting `prefers-color-scheme` by default.
+     */
+    private updateTheme;
 }

package/dist_ts_web/elements/consentsoftware-cookieconsent.js

@@ -7,205 +7,271 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { customElement, DeesElement, property, html, cssManager, css } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
-import '@design.estate/dees-catalog';
+import * as shared from './shared.js';
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators/property.js';
 import * as csInterfaces from '@consent.software/interfaces';
 import * as csWebclient from '@consent.software/webclient';
 import { delayFor } from '@push.rocks/smartdelay';
-export let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends DeesElement {
+let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent extends LitElement {
     static { this.demo = () => html `<consentsoftware-cookieconsent></consentsoftware-cookieconsent>`; }
-    constructor() {
-        super();
-        this.csWebclientInstance = new csWebclient.CsWebclient();
-        this.csWebclientRan = false;
-        this.heightPixels = 60;
-        domtools.elementBasic.setup();
-        // lets determine wether to show the cookieconsent dialog or not
-    }
-    static { this.styles = [
-        cssManager.defaultStyles,
-        css `
-        * {
-          box-sizing: border-box;
-        }
-
-        .content {
-          max-width: 1100px;
-          margin: auto;
-          line-height: var(--cookieconsent-height);
-          padding-bottom: 20px;
-        }
-
-
-        .text-container {
-          line-height: var(--cookieconsent-height);
-          display: grid;
-          grid-template-columns: 30px auto;
-        }
-
-        .text-container .icon-container {
-          height: var(--cookieconsent-height);
-          display: inline-block;
-          color: #4496F5;
-        }
-
-        .text-container .toptext {
-
-        }
-
-        .text-container a {
-          color: ${cssManager.bdTheme('#333', '#fff')};
-        }
-
-        .button-container {
-          display: grid;
-          grid-template-columns: ${cssManager.cssGridColumns(4, 20)};
-          grid-column-gap: 20px;
-          grid-row-gap: 20px;
-        }
+    /**
+     * We bind `heightPixels` to a CSS variable (--cookieconsent-height).
+     * Then we can do margin-bottom animations in CSS.
+     */
+    static { this.styles = css `
+    :host {
+      font-family: ${shared.fontStack};
+      /* Default theme variables */
+      --text-color: #333;
+      --background-color: #eeeeee;
+      --accent-color: #333333;
+      --button-bg: #ffffff;
+      --button-hover-bg: #f2f2f2;
+      --icon-color: #4496f5;
+      --link-color: #333;
+      --padding-sides: 16px;
+    }
 
-        .info-container {
-          color: ${cssManager.bdTheme('#444', '#CCC')};
-          text-align: center;
-        }
+    :host([theme='dark']) {
+      --text-color: #fff;
+      --background-color: #111;
+      --accent-color: #333333;
+      --button-bg: #252525;
+      --button-hover-bg: #222222;
+      --icon-color: #4496f5;
+      --link-color: #fff;
+    }
 
-        .info-container a {
-          text-decoration: underline;
-          color: ${cssManager.bdTheme('#444', '#CCC')};
-          transition: color 0.2s;
-        }
+    :host([theme='light']) {
+      --text-color: #333;
+      --background-color: #eeeeee;
+      --accent-color: #333333;
+      --button-bg: #ffffff;
+      --button-hover-bg: #f2f2f2;
+      --icon-color: #4496f5;
+      --link-color: #333;
+    }
 
-        .info-container a:hover {
-          color: #ffffff;
-        }
+    .pageOverlay {
+      position: fixed;
+      top: 0px;
+      bottom: 0px;
+      right: 0px;
+      left: 0px;
+      display: grid;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000; /* standard z-index for fixed elements */
+      background: rgba(0, 0, 0, 0);
+      backdrop-filter: blur(0px);
+      transition: all 0.2s;
+    }
 
+    .modalBox {
+      display: block;
+      color: var(--text-color);
+      background: var(--background-color);
+      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
+      position: realtive;
+      border: 1px dotted rgba(255, 255, 255, 0.1);
+      border-top: 1px solid var(--accent-color);
+      border-radius: 16px;
+      max-width: 1100px;
+      min-width: calc(100vw / 3);
+      box-sizing: border-box;
+      overflow: hidden;
+      /* 
+       * We start with margin-bottom as negative to hide the banner.
+       * The animation occurs when we toggle the gotIt/show attributes.
+       */
+      will-change: transform; /* ensure efficient rendering */
+      transition: all 0.3s;
+      transform: scale(0.95);
+      opacity: 0;
+    }
 
-        .consent-button {
-          border-radius: 3px;
-          background: ${cssManager.bdTheme('#ffffff', '#252525')};
-          box-shadow: ${cssManager.bdTheme('0px 0px 5px rgba(0,0,0,0.2)', '0px 0px 5px rgba(0,0,0,0.4)')};
-          padding: 10px;
-          line-height: 30px;
-          text-align: center;
-          cursor: pointer;
-          transition: background 0.2s;
-        }
+    /* 
+     * Toggle display based on [show] attribute 
+     * (so if show=false, the banner doesn't show at all).
+     */
+    :host([show='false']) {
+      display: none;
+    }
+    :host([show='true']) {
+      display: block;
+    }
 
-        .consent-button:hover {
-          background: ${cssManager.bdTheme('#f2f2f2', '#222222')};
-        }
+    /* 
+     * Animate margin-bottom when [gotIt] toggles.
+     * If gotIt=true, push the banner down off-screen.
+     * If gotIt=false, pull the banner into view.
+     */
+    :host([gotIt='true']) {
+      background: blue;
+    }
+    :host([gotIt='false']) {
+      background: red;
+    }
 
-        .consent-button:first-child {
-          margin-left: 0px;
-        }
+    .content {
+      margin: auto;
+    }
 
-        ${cssManager.cssForNotebook(css `
-          .content {
-            padding-left: 30px;
-            padding-right: 30px;
-          }
-        `)}
+    .text-container {
+      padding-left: var(--padding-sides);
+      padding-right: var(--padding-sides);
+      display: grid;
+      grid-template-columns: auto;
+    }
 
-        ${cssManager.cssForTablet(css `
-          :host {
-            text-align: center;
-          }
+    .text-container a {
+      color: var(--link-color);
+      text-decoration: none;
+    }
 
-          .content {
-            padding-top: 20px;
-          }
+    .button-container {
+      padding: var(--padding-sides);
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+    }
 
-          .icon-container {
-            margin-top: -10px;
-            line-height: 50px;
-            font-size: 40px;
-          }
+    .info-container {
+      color: var(--text-color);
+      text-align: center;
+      line-height: 3em;
+      background: rgba(0, 0, 0, 0.1);
+      border-top: 1px dotted rgba(255, 255, 255, 0.1);
+      font-size: 0.8em;
+      color: rgba(255, 255, 255, 0.5);
+    }
 
-          .text-container {
-            line-height: 20px;
-            margin-bottom: 10px;
-            grid-template-columns: 50px auto;
-          }
+    .info-container a {
+      text-decoration: underline;
+      color: var(--link-color);
+      transition: color 0.2s;
+    }
+    .info-container a:hover {
+      color: #ffffff;
+    }
 
-          .button-container {
-            grid-template-columns: ${cssManager.cssGridColumns(2, 20)};
-          }
-        `)}
+    .consent-button {
+      border-radius: 3px;
+      background: var(--button-bg);
+      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+      padding: 10px;
+      line-height: 30px;
+      text-align: center;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
 
-        ${cssManager.cssForPhablet(css `
-          .button-container {
-            grid-template-columns: 100%;
-          }
-        `)}
-    `
-    ]; }
+    .consent-button:hover {
+      background: var(--button-hover-bg);
+    }
+  `; }
+    constructor() {
+        super();
+        this.csWebclientInstance = new csWebclient.CsWebclient();
+        this.csWebclientRan = false;
+        this.theme = 'light';
+        this.setAttribute('gotIt', 'true');
+        this.setAttribute('show', 'false');
+    }
     render() {
         return html `
-      <style>
-        :host {
-          display: block;
-          font-family: 'Roboto', sans-serif;
-          color: ${cssManager.bdTheme('#333', '#fff')};
-          background: ${cssManager.bdTheme('#eeeeee', '#111')};
-          box-shadow: ${cssManager.bdTheme('0px 0px 15px rgba(0,0,0,0.4)', '0px -30px 30px rgba(0,0,0,1)')};
-          position: fixed;
-          bottom: 0px;
-          border-top: ${cssManager.bdTheme('none', '1px solid  #e4002b')};
-          left: 0px;
-          width: 100%;
-          box-sizing: border-box;
-          --cookieconsent-height: 60px;
-          min-height: var(--cookieconsent-height);
-          margin-bottom: -${this.heightPixels}px;
-          will-change: transform; /* make sure it is rendered efficiently */
-          z-index: 1000; /* the standard z-index for fixed elements at Lossless */
-        }
-
-        :host([show=false]) {
-          display: none;
-        }
-
-        :host([show=true]) {
-          display: block;
-          transition: margin-bottom 0.3s ease;
-        }
-
-        :host([gotIt=true]) {
-          margin-bottom: -${this.heightPixels + 1}px;
-        }
-
-        :host([gotIt=false]) {
-          margin-bottom: 0px;
-        }
-      </style>
-      <div class="content">
-        <div class="text-container">
-          <div class="icon-container">
-            <dees-icon iconName="info"></dees-icon>
+      <div class="pageOverlay">
+        <div class="modalBox">
+          <div class="content">
+            <consentsoftware-header></consentsoftware-header>
+            <consentsoftware-tabs></consentsoftware-tabs>
+            <div class="text-container" style="padding: 16px;">
+              <div class="toptext">
+                This page uses cookies. Please review our
+                <a href="https://lossless.gmbh/cookie" target="_blank">cookie policy</a>
+                and choose which cookie level you are willing to accept.
+              </div>
+            </div>
+            <!-- <div class="button-container">
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional'])}
+              >
+                Functional cookies
+              </div>
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional', 'analytics'])}
+              >
+                Analytics cookies
+              </div>
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional', 'analytics', 'marketing'])}
+              >
+                Marketing cookies
+              </div>
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional', 'analytics', 'marketing', 'all'])}
+              >
+                All cookies
+              </div>
+            </div> -->
+            <consentsoftware-mainselection></consentsoftware-mainselection>
+            <div class="button-container">
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional'])}
+              >
+                Deny
+              </div>
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional', 'analytics'])}
+              >
+                Accept selection
+              </div>
+              <div
+                class="consent-button"
+                @click=${(event) => this.setLevel(event, ['functional', 'analytics', 'marketing'])}
+              >
+                Accept all cookies
+              </div>
+            </div>
+            <div class="info-container">
+              consent management powered by
+              <a href="https://consent.software">consent.software</a>
+            </div>
           </div>
-          <div class="toptext">This page uses cookies. Please review our <a href="https://lossless.gmbh/cookie" target="_blank">cookie policy</a> and choose which cookie level you are willing to accept.</div>
-        </div>
-        <div class="button-container">
-          <div class="consent-button" @click=${event => { this.setLevel(event, ['functional']); }}>Functional cookies</div>
-          <div class="consent-button" @click=${event => { this.setLevel(event, ['functional', 'analytics']); }}>Analytics cookies</div>
-          <div class="consent-button" @click=${event => { this.setLevel(event, ['functional', 'analytics', 'marketing']); }}>Marketing cookies</div>
-          <div class="consent-button" @click=${event => { this.setLevel(event, ['functional', 'analytics', 'marketing', 'all']); }}>All cookies</div>
-        </div>
-        <div class="info-container">
-          consent management powered by <a href="https://consent.software">consent.software</a>
         </div>
       </div>
     `;
     }
+    /**
+     * Called when the element is inserted into the DOM.
+     */
     async connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('gotIt', 'true');
+        this.updateTheme();
         const cookieLevel = await this.csWebclientInstance.getCookieLevels();
         if (!cookieLevel) {
-            delayFor(300).then(() => {
-                this.setAttribute('show', 'true');
-                this.setAttribute('gotIt', 'false');
+            this.setAttribute('show', 'true');
+            this.setAttribute('gotIt', 'false');
+            requestAnimationFrame(async () => {
+                await this.updated();
+                const pageOverlay = this.shadowRoot?.querySelector('.pageOverlay');
+                if (pageOverlay) {
+                    pageOverlay.style.background = 'rgba(0, 0, 0, 0.1)';
+                    pageOverlay.style.backdropFilter = 'blur(2px)';
+                }
+                const modalBox = this.shadowRoot?.querySelector('.modalBox');
+                if (modalBox) {
+                    modalBox.style.transform = `scale(1)`;
+                    modalBox.style.opacity = '1';
+                }
             });
         }
         else {
@@ -213,32 +279,53 @@ export let ConsentsoftwareCookieconsent = class ConsentsoftwareCookieconsent ext
             this.setAttribute('gotIt', 'true');
         }
     }
-    firstUpdated() {
-        this.heightPixels = this.shadowRoot.host.clientHeight;
-    }
+    /**
+     * Called after the first render of the component.
+     * We measure the actual height of the banner and update the CSS variable.
+     */
+    async firstUpdated() { }
+    /**
+     * Called whenever the element is updated or re-rendered.
+     */
     async updated() {
-        console.log(`The height of the cookie banner is ${this.shadowRoot.host.clientHeight}px`);
+        console.log(`The height of the cookie banner is ${this.shadowRoot?.host?.clientHeight}px`);
         const acceptedCookieLevels = await this.csWebclientInstance.getCookieLevels();
         if (!this.csWebclientRan && acceptedCookieLevels) {
             this.csWebclientRan = true;
             await this.csWebclientInstance.getAndRunConsentTuples();
         }
     }
+    /**
+     * Sets the user’s chosen cookie level(s) and hides the banner.
+     */
     async setLevel(event, levelsArg) {
         console.log(`Set level to ${levelsArg}`);
         await this.csWebclientInstance.setCookieLevels(levelsArg);
         this.setAttribute('gotIt', 'true');
         await delayFor(300);
         this.setAttribute('show', 'false');
+        // After user selection, re-check for any required scripts to run
         this.updated();
     }
+    /**
+     * Dynamically switches the theme between light/dark,
+     * respecting `prefers-color-scheme` by default.
+     */
+    updateTheme() {
+        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        this.theme = prefersDark ? 'dark' : 'light';
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            this.theme = e.matches ? 'dark' : 'light';
+        });
+    }
 };
 __decorate([
-    property({ type: Number }),
-    __metadata("design:type", Number)
-], ConsentsoftwareCookieconsent.prototype, "heightPixels", void 0);
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], ConsentsoftwareCookieconsent.prototype, "theme", void 0);
 ConsentsoftwareCookieconsent = __decorate([
     customElement('consentsoftware-cookieconsent'),
     __metadata("design:paramtypes", [])
 ], ConsentsoftwareCookieconsent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBdUIsVUFBVSxFQUFFLEdBQUcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ILE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyw2QkFBNkIsQ0FBQztBQUVyQyxPQUFPLEtBQUssWUFBWSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sS0FBSyxXQUFXLE1BQU0sNkJBQTZCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRzNDLFdBQU0sNEJBQTRCLEdBQWxDLE1BQU0sNEJBQTZCLFNBQVEsV0FBVzthQUM3QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlFQUFpRSxBQUE5RSxDQUErRTtJQUtqRztRQUNFLEtBQUssRUFBRSxDQUFDO1FBSkgsd0JBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUEwTHZCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBdEwvQixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzlCLGdFQUFnRTtJQUNsRSxDQUFDO2FBRWEsV0FBTSxHQUFHO1FBQ3JCLFVBQVUsQ0FBQyxhQUFhO1FBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQThCWSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7O21DQUtsQixVQUFVLENBQUMsY0FBYyxD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
+export { ConsentsoftwareCookieconsent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLWNvb2tpZWNvbnNlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sTUFBTSxhQUFhLENBQUM7QUFFdEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUF1QixNQUFNLEtBQUssQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXRELE9BQU8sS0FBSyxZQUFZLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxLQUFLLFdBQVcsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFHM0MsSUFBTSw0QkFBNEIsR0FBbEMsTUFBTSw0QkFBNkIsU0FBUSxVQUFVO2FBQzVDLFNBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLEFBQTlFLENBQStFO0lBUWpHOzs7T0FHRzthQUNXLFdBQU0sR0FBRyxHQUFHLENBQUE7O3FCQUVQLE1BQU0sQ0FBQyxTQUFTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFKbEMsQUF2Sm1CLENBdUpsQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFwS0gsd0JBQW1CLEdBQUcsSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEQsbUJBQWMsR0FBRyxL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

package/dist_ts_web/elements/consentsoftware-header.d.ts

@@ -0,0 +1,7 @@
+import { LitElement, type TemplateResult } from 'lit';
+export declare class ConsentsoftwareHeader extends LitElement {
+    static demo: () => TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+    constructor();
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/consentsoftware-header.js

@@ -0,0 +1,45 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import * as shared from './shared.js';
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators/property.js';
+let ConsentsoftwareHeader = class ConsentsoftwareHeader extends LitElement {
+    static { this.demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`; }
+    static { this.styles = css `
+    :host {
+      display: block;
+      line-height: 3em;
+      text-align: center;
+      font-family: ${shared.fontStack};
+      border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
+    }
+
+    .heading {
+      
+    }
+  `; }
+    constructor() {
+        super();
+    }
+    render() {
+        return html `
+      <div class="heading">
+        What about cookies?
+      </div>
+    `;
+    }
+};
+ConsentsoftwareHeader = __decorate([
+    customElement('consentsoftware-header'),
+    __metadata("design:paramtypes", [])
+], ConsentsoftwareHeader);
+export { ConsentsoftwareHeader };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE1BQU0sYUFBYSxDQUFDO0FBRXRDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUcvQyxJQUFNLHFCQUFxQixHQUEzQixNQUFNLHFCQUFzQixTQUFRLFVBQVU7YUFDckMsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSwrQ0FBK0MsQUFBNUQsQ0FBNkQ7YUFFakUsV0FBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7cUJBS1AsTUFBTSxDQUFDLFNBQVM7Ozs7Ozs7R0FPbEMsQUFabUIsQ0FZbEI7SUFFRjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQztJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OztLQUlWLENBQUM7SUFDSixDQUFDOztBQTNCVSxxQkFBcUI7SUFEakMsYUFBYSxDQUFDLHdCQUF3QixDQUFDOztHQUMzQixxQkFBcUIsQ0E0QmpDIn0=