@consent.software/catalog 1.6.1 → 2.0.0

package/dist_ts_web/elements/consentsoftware-header.js

@@ -32,16 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-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 { cssManager, colors } from './shared.js';
+import { DeesElement, customElement, html, css, } from '@design.estate/dees-element';
 let ConsentsoftwareHeader = (() => {
     let _classDecorators = [customElement('consentsoftware-header')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = LitElement;
+    let _classSuper = DeesElement;
     var ConsentsoftwareHeader = class extends _classSuper {
         static { _classThis = this; }
         static {
@@ -50,27 +48,41 @@ let ConsentsoftwareHeader = (() => {
             ConsentsoftwareHeader = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`;
-        static 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);
-    }
+        static demo = () => html `<consentsoftware-header></consentsoftware-header>`;
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        padding: 14px 16px;
+        border-bottom: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
+      }
 
-    .heading {
-      
-    }
-  `;
-        constructor() {
-            super();
-        }
+      .heading {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 0.95em;
+        font-weight: 600;
+        color: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
+      }
+
+      .icon {
+        width: 18px;
+        height: 18px;
+        opacity: 0.7;
+      }
+    `,
+        ];
         render() {
             return html `
       <div class="heading">
-        What about cookies?
+        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="10"/>
+          <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+          <path d="M12 17h.01"/>
+        </svg>
+        Cookie Preferences
       </div>
     `;
         }
@@ -81,4 +93,4 @@ let ConsentsoftwareHeader = (() => {
     return ConsentsoftwareHeader = _classThis;
 })();
 export { ConsentsoftwareHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxNQUFNLGFBQWEsQ0FBQztBQUV0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQXVCLE1BQU0sS0FBSyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7SUFHekMscUJBQXFCOzRCQURqQyxhQUFhLENBQUMsd0JBQXdCLENBQUM7Ozs7c0JBQ0csVUFBVTtxQ0FBbEIsU0FBUSxXQUFVOzs7O1lBQXJELDZLQTRCQzs7OztRQTNCUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSwrQ0FBK0MsQ0FBQztRQUV4RSxNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7cUJBS1AsTUFBTSxDQUFDLFNBQVM7Ozs7Ozs7R0FPbEMsQ0FBQztRQUVGO1lBQ0UsS0FBSyxFQUFFLENBQUM7UUFDVixDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7O0tBSVYsQ0FBQztRQUNKLENBQUM7O1lBM0JVLHVEQUFxQjs7Ozs7U0FBckIscUJBQXFCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVqRCxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxHQUVKLE1BQU0sNkJBQTZCLENBQUM7SUFHeEIscUJBQXFCOzRCQURqQyxhQUFhLENBQUMsd0JBQXdCLENBQUM7Ozs7c0JBQ0csV0FBVztxQ0FBbkIsU0FBUSxXQUFXOzs7O1lBQXRELDZLQXlDQzs7OztRQXhDUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSxtREFBbUQsQ0FBQztRQUU1RSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7OzttQ0FJNEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7O2lCQVM3RSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDOzs7Ozs7OztLQVEvRTtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7Ozs7Ozs7OztLQVNWLENBQUM7UUFDSixDQUFDOztZQXhDVSx1REFBcUI7Ozs7O1NBQXJCLHFCQUFxQiJ9

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

@@ -1,10 +1,9 @@
-import { LitElement, type TemplateResult } from 'lit';
-export declare class ConsentsoftwareMainSelection extends LitElement {
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class ConsentsoftwareMainSelection extends DeesElement {
     static demo: () => TemplateResult<1>;
     accessor required: boolean;
     accessor selected: boolean;
-    static styles: import("lit").CSSResult;
-    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
-    getResults(mouseEvent: any): Promise<void>;
+    getResults(): Promise<void>;
 }

package/dist_ts_web/elements/consentsoftware-mainselection.js

@@ -32,15 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { property } from 'lit/decorators/property.js';
+import { cssManager, colors } from './shared.js';
+import { DeesElement, customElement, html, css, property, } from '@design.estate/dees-element';
 let ConsentsoftwareMainSelection = (() => {
     let _classDecorators = [customElement('consentsoftware-mainselection')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = LitElement;
+    let _classSuper = DeesElement;
     let _required_decorators;
     let _required_initializers = [];
     let _required_extraInitializers = [];
@@ -66,31 +65,54 @@ let ConsentsoftwareMainSelection = (() => {
         #selected_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _selected_initializers, false));
         get selected() { return this.#selected_accessor_storage; }
         set selected(value) { this.#selected_accessor_storage = value; }
-        static styles = css `
-    :host {
-      display: block;
-      position: relative;
-    }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        position: relative;
+      }
 
-    .maincontainer {
-      display: grid;
-      grid-template-columns: repeat(4, 1fr);
-    }
+      .maincontainer {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        padding: 8px 0;
+      }
 
-    .itemBox {
-      padding: 16px;
-      text-align: center;
-      border-right: 1px solid;
-      border-image: radial-gradient(circle, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) 1;
-    }
-    .itemBox:last-child {
-      border-right: none;
-    }
-  `;
-        constructor() {
-            super();
-            __runInitializers(this, _selected_extraInitializers);
+      @media (max-width: 560px) {
+        .maincontainer {
+          grid-template-columns: repeat(2, 1fr);
+          gap: 4px;
         }
+      }
+
+      .itemBox {
+        padding: 12px 8px;
+        text-align: center;
+        border-right: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
+      }
+
+      .itemBox:last-child {
+        border-right: none;
+      }
+
+      @media (max-width: 560px) {
+        .itemBox {
+          padding: 10px 8px;
+          border-right: none;
+          border-bottom: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
+        }
+
+        .itemBox:nth-child(odd) {
+          border-right: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
+        }
+
+        .itemBox:nth-last-child(-n+2) {
+          border-bottom: none;
+        }
+      }
+    `,
+        ];
         render() {
             return html `
       <div class="maincontainer">
@@ -109,7 +131,11 @@ let ConsentsoftwareMainSelection = (() => {
       </div>
     `;
         }
-        async getResults(mouseEvent) { }
+        async getResults() { }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _selected_extraInitializers);
+        }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }
@@ -117,4 +143,4 @@ let ConsentsoftwareMainSelection = (() => {
     return ConsentsoftwareMainSelection = _classThis;
 })();
 export { ConsentsoftwareMainSelection };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztJQUd6Qyw0QkFBNEI7NEJBRHhDLGFBQWEsQ0FBQywrQkFBK0IsQ0FBQzs7OztzQkFDRyxVQUFVOzs7Ozs7OzRDQUFsQixTQUFRLFdBQVU7Ozs7b0NBR3pELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztvQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO1lBRjVCLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFHakMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQVBuQyw2S0F1REM7Ozs7UUF0RFEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsaUVBQWlFLENBQUM7UUFHakcsNkVBQTJCLEtBQUssRUFBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFHakMsb0lBQTJCLEtBQUssR0FBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFFMUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0J6QixDQUFDO1FBRUY7WUFDRSxLQUFLLEVBQUUsQ0FBQzs7U0FDVDtRQUVNLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7O0tBZVYsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsSUFBRyxDQUFDOztZQXREM0IsdURBQTRCOzs7OztTQUE1Qiw0QkFBNEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEVBRUgsUUFBUSxHQUNULE1BQU0sNkJBQTZCLENBQUM7SUFHeEIsNEJBQTRCOzRCQUR4QyxhQUFhLENBQUMsK0JBQStCLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs0Q0FBbkIsU0FBUSxXQUFXOzs7O29DQUcxRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7b0NBRzNCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUY1Qiw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBR2pDLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFQbkMsNktBOEVDOzs7O1FBN0VRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlFQUFpRSxDQUFDO1FBR2pHLDZFQUEyQixLQUFLLEVBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBR2pDLG9JQUEyQixLQUFLLEdBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBRTFCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2tDQXNCMkIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7cUNBV3hELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7Ozs7b0NBSTVELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7Ozs7Ozs7S0FPMUY7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7S0FlVixDQUFDO1FBQ0osQ0FBQztRQUVNLEtBQUssQ0FBQyxVQUFVLEtBQUksQ0FBQzs7Ozs7O1lBN0VqQix1REFBNEI7Ozs7O1NBQTVCLDRCQUE0QiJ9

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

@@ -1,8 +1,7 @@
-import { LitElement, type TemplateResult } from 'lit';
-export declare class ConsentsoftwareTabs extends LitElement {
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class ConsentsoftwareTabs extends DeesElement {
     static demo: () => TemplateResult<1>;
-    static styles: import("lit").CSSResult;
-    constructor();
+    static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
-    handleClick(mouseEvent: any): Promise<void>;
+    handleClick(mouseEvent: MouseEvent): Promise<void>;
 }

package/dist_ts_web/elements/consentsoftware-tabs.js

@@ -32,15 +32,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { property } from 'lit/decorators/property.js';
+import { cssManager, colors } from './shared.js';
+import { DeesElement, customElement, html, css, } from '@design.estate/dees-element';
 let ConsentsoftwareTabs = (() => {
     let _classDecorators = [customElement('consentsoftware-tabs')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = LitElement;
+    let _classSuper = DeesElement;
     var ConsentsoftwareTabs = class extends _classSuper {
         static { _classThis = this; }
         static {
@@ -50,44 +49,53 @@ let ConsentsoftwareTabs = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`;
-        static styles = css `
-    :host {
-      display: block;
-      position: relative;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    }
-
-    .tabs {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-    }
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        position: relative;
+        background: ${cssManager.bdTheme(colors.light.muted, colors.dark.muted)};
+      }
 
-    .tabs .tab {
-      text-align: center;
-      line-height: 3em;
-      cursor: pointer;
-    }
+      .tabs {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+      }
 
-    /* Media query for mobile devices: stack buttons vertically */
-    @media (max-width: 600px) {
       .tabs .tab {
+        text-align: center;
+        padding: 8px 0;
         font-size: 0.8em;
+        font-weight: 500;
+        color: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
+        cursor: pointer;
+        transition: color 0.15s ease;
       }
-    }
 
-    .selector {
-      position: absolute;
-      width: calc(100% / 3);
-      height: 1px;
-      left: 0;
-      bottom: 0px;
-      background: orange;
-      transition: all 0.2s;
-    }
-  `;
-        constructor() {
-            super();
+      .tabs .tab:hover {
+        color: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
+      }
+
+      @media (max-width: 560px) {
+        .tabs .tab {
+          font-size: 0.75em;
+          padding: 6px 0;
         }
+      }
+
+      .selector {
+        position: absolute;
+        width: calc(100% / 3);
+        height: 2px;
+        left: 0;
+        bottom: 0;
+        background: ${cssManager.bdTheme(colors.light.foreground, colors.dark.foreground)};
+        transition: all 0.2s ease-out;
+        border-radius: 1px;
+      }
+    `,
+        ];
         render() {
             return html `
       <div class="tabs">
@@ -116,4 +124,4 @@ let ConsentsoftwareTabs = (() => {
     return ConsentsoftwareTabs = _classThis;
 })();
 export { ConsentsoftwareTabs };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLXRhYnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztJQUd6QyxtQkFBbUI7NEJBRC9CLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRyxVQUFVO21DQUFsQixTQUFRLFdBQVU7Ozs7WUFBbkQsNktBaUVDOzs7O1FBaEVRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLCtDQUErQyxDQUFDO1FBRXhFLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0N6QixDQUFDO1FBRUY7WUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNWLENBQUM7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O2tDQUVtQixJQUFJLENBQUMsV0FBVztrQ0FDaEIsSUFBSSxDQUFDLFdBQVc7a0NBQ2hCLElBQUksQ0FBQyxXQUFXOzs7S0FHN0MsQ0FBQztRQUNKLENBQUM7UUFFTSxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQVU7WUFDakMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQXFCLENBQUM7WUFDaEQsTUFBTSxHQUFHLEdBQW1CLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDbkQsSUFBSSxHQUFHLEVBQUUsQ0FBQztnQkFDUixNQUFNLFFBQVEsR0FBbUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzdFLElBQUksUUFBUSxFQUFFLENBQUM7b0JBQ2IsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsR0FBRyxHQUFHLENBQUMsVUFBVSxJQUFJLENBQUM7b0JBQzVDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsR0FBRyxDQUFDLFdBQVcsSUFBSSxDQUFDO2dCQUNoRCxDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUM7O1lBaEVVLHVEQUFtQjs7Ozs7U0FBbkIsbUJBQW1CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLXRhYnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRWpELE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLElBQUksRUFDSixHQUFHLEdBRUosTUFBTSw2QkFBNkIsQ0FBQztJQUd4QixtQkFBbUI7NEJBRC9CLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRyxXQUFXO21DQUFuQixTQUFRLFdBQVc7Ozs7WUFBcEQsNktBeUVDOzs7O1FBeEVRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLCtDQUErQyxDQUFDO1FBRXhFLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsVUFBVSxDQUFDLGFBQWE7WUFDeEIsR0FBRyxDQUFBOzs7O3NCQUllLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7Ozs7Ozs7Ozs7Ozs7aUJBYTlELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7Ozs7OztpQkFNN0UsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7OztzQkFnQjlELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxVQUFVLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7Ozs7S0FJcEY7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOztrQ0FFbUIsSUFBSSxDQUFDLFdBQVc7a0NBQ2hCLElBQUksQ0FBQyxXQUFXO2tDQUNoQixJQUFJLENBQUMsV0FBVzs7O0tBRzdDLENBQUM7UUFDSixDQUFDO1FBRU0sS0FBSyxDQUFDLFdBQVcsQ0FBQyxVQUFzQjtZQUM3QyxNQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBcUIsQ0FBQztZQUNoRCxNQUFNLEdBQUcsR0FBbUIsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNuRCxJQUFJLEdBQUcsRUFBRSxDQUFDO2dCQUNSLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDN0UsSUFBSSxRQUFRLEVBQUUsQ0FBQztvQkFDYixRQUFRLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxHQUFHLEdBQUcsQ0FBQyxVQUFVLElBQUksQ0FBQztvQkFDNUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsR0FBRyxHQUFHLENBQUMsV0FBVyxJQUFJLENBQUM7Z0JBQ2hELENBQUM7WUFDSCxDQUFDO1FBQ0gsQ0FBQzs7WUF4RVUsdURBQW1COzs7OztTQUFuQixtQkFBbUIifQ==

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

@@ -1,11 +1,11 @@
-import { LitElement, type TemplateResult } from 'lit';
-export declare class ConsentsoftwareToggle extends LitElement {
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export declare class ConsentsoftwareToggle extends DeesElement {
     accessor required: boolean;
     accessor selected: boolean;
     /**
-     * We always track the knob’s left offset in `currentX`.
-     * - 0 => fully left
-     * - 30 => fully right
+     * Knob position tracking (0 = off, maxTravel = on)
+     * This is the travel distance, not absolute left position.
+     * Actual left = padding + currentX
      */
     private currentX;
     /**
@@ -14,15 +14,17 @@ export declare class ConsentsoftwareToggle extends LitElement {
     private isDragging;
     private hasDragged;
     private startX;
-    private readonly knobWidth;
     private readonly trackWidth;
-    static styles: import("lit").CSSResult;
-    constructor();
+    private readonly trackHeight;
+    private readonly knobSize;
+    private readonly padding;
+    private readonly maxTravel;
+    static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
     /**
      * If required = true on first render, auto-select and set the knob to the right.
      */
-    firstUpdated(): Promise<void>;
+    firstUpdated(_changedProperties: Map<PropertyKey, unknown>): Promise<void>;
     /**
      * CLICK HANDLER
      */