@consent.software/catalog 1.6.0 → 2.0.0

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

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

package/dist_ts_web/elements/consentsoftware-header.js

@@ -1,45 +1,96 @@
-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);
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-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);
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
+    return useValue ? value : void 0;
+};
+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 = DeesElement;
+    var ConsentsoftwareHeader = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ConsentsoftwareHeader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        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();
-    }
-    render() {
-        return html `
+      .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>
     `;
-    }
-};
-ConsentsoftwareHeader = __decorate([
-    customElement('consentsoftware-header'),
-    __metadata("design:paramtypes", [])
-], ConsentsoftwareHeader);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ConsentsoftwareHeader = _classThis;
+})();
 export { ConsentsoftwareHeader };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE1BQU0sYUFBYSxDQUFDO0FBRXRDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSxLQUFLLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUcvQyxJQUFNLHFCQUFxQixHQUEzQixNQUFNLHFCQUFzQixTQUFRLFVBQVU7YUFDckMsU0FBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSwrQ0FBK0MsQUFBNUQsQ0FBNkQ7YUFFakUsV0FBTSxHQUFHLEdBQUcsQ0FBQTs7Ozs7cUJBS1AsTUFBTSxDQUFDLFNBQVM7Ozs7Ozs7R0FPbEMsQUFabUIsQ0FZbEI7SUFFRjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQztJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTs7OztLQUlWLENBQUM7SUFDSixDQUFDOztBQTNCVSxxQkFBcUI7SUFEakMsYUFBYSxDQUFDLHdCQUF3QixDQUFDOztHQUMzQixxQkFBcUIsQ0E0QmpDIn0=
+//# 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>;
-    required: boolean;
-    selected: boolean;
-    static styles: import("lit").CSSResult;
-    constructor();
+    accessor required: boolean;
+    accessor selected: boolean;
+    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

@@ -1,45 +1,120 @@
-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);
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { property } from 'lit/decorators/property.js';
-let ConsentsoftwareMainSelection = class ConsentsoftwareMainSelection extends LitElement {
-    static { this.demo = () => html `<consentsoftware-mainselection></consentsoftware-mainselection>`; }
-    static { this.styles = css `
-    :host {
-      display: block;
-      position: relative;
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
+    return useValue ? value : void 0;
+};
+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 = DeesElement;
+    let _required_decorators;
+    let _required_initializers = [];
+    let _required_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    var ConsentsoftwareMainSelection = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _required_decorators = [property({ type: Boolean })];
+            _selected_decorators = [property({ type: Boolean })];
+            __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ConsentsoftwareMainSelection = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `<consentsoftware-mainselection></consentsoftware-mainselection>`;
+        #required_accessor_storage = __runInitializers(this, _required_initializers, false);
+        get required() { return this.#required_accessor_storage; }
+        set required(value) { this.#required_accessor_storage = value; }
+        #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 = [
+            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();
-        this.required = false;
-        this.selected = false;
-    }
-    render() {
-        return html `
+      @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">
         <div class="itemBox">
           <consentsoftware-toggle required>Required</consentsoftware-toggle>
@@ -55,20 +130,17 @@ let ConsentsoftwareMainSelection = class ConsentsoftwareMainSelection extends Li
         </div>
       </div>
     `;
-    }
-    async getResults(mouseEvent) { }
-};
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], ConsentsoftwareMainSelection.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Object)
-], ConsentsoftwareMainSelection.prototype, "selected", void 0);
-ConsentsoftwareMainSelection = __decorate([
-    customElement('consentsoftware-mainselection'),
-    __metadata("design:paramtypes", [])
-], ConsentsoftwareMainSelection);
+        }
+        async getResults() { }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _selected_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ConsentsoftwareMainSelection = _classThis;
+})();
 export { ConsentsoftwareMainSelection };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLW1haW5zZWxlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUF1QixNQUFNLEtBQUssQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRy9DLElBQU0sNEJBQTRCLEdBQWxDLE1BQU0sNEJBQTZCLFNBQVEsVUFBVTthQUM1QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLGlFQUFpRSxBQUE5RSxDQUErRTthQVFuRixXQUFNLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CekIsQUFwQm1CLENBb0JsQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUE1QkgsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO0lBMEJ4QixDQUFDO0lBRU0sTUFBTTtRQUNYLE9BQU8sSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7S0FlVixDQUFDO0lBQ0osQ0FBQztJQUVNLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxJQUFHLENBQUM7O0FBbEQvQjtJQUROLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQzs7OERBQ0o7QUFHakI7SUFETixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUM7OzhEQUNKO0FBUGIsNEJBQTRCO0lBRHhDLGFBQWEsQ0FBQywrQkFBK0IsQ0FBQzs7R0FDbEMsNEJBQTRCLENBdUR4QyJ9
+//# 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

@@ -1,57 +1,103 @@
-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 { LitElement, html, css } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { property } from 'lit/decorators/property.js';
-let ConsentsoftwareTabs = class ConsentsoftwareTabs extends LitElement {
-    static { this.demo = () => html `<consentsoftware-tabs></consentsoftware-tabs>`; }
-    static { this.styles = css `
-    :host {
-      display: block;
-      position: relative;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
     }
-
-    .tabs {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
     }
+    return useValue ? value : void 0;
+};
+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 = DeesElement;
+    var ConsentsoftwareTabs = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            ConsentsoftwareTabs = _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 = [
+            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();
-    }
-    render() {
-        return html `
+      .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">
         <div class="tab" @click=${this.handleClick}>Consent</div>
         <div class="tab" @click=${this.handleClick}>Details</div>
@@ -59,22 +105,23 @@ let ConsentsoftwareTabs = class ConsentsoftwareTabs extends LitElement {
       </div>
       <div class="selector"></div>
     `;
-    }
-    async handleClick(mouseEvent) {
-        const target = mouseEvent.target;
-        const tab = target.closest('.tab');
-        if (tab) {
-            const selector = this.shadowRoot?.querySelector('.selector');
-            if (selector) {
-                selector.style.left = `${tab.offsetLeft}px`;
-                selector.style.width = `${tab.offsetWidth}px`;
+        }
+        async handleClick(mouseEvent) {
+            const target = mouseEvent.target;
+            const tab = target.closest('.tab');
+            if (tab) {
+                const selector = this.shadowRoot?.querySelector('.selector');
+                if (selector) {
+                    selector.style.left = `${tab.offsetLeft}px`;
+                    selector.style.width = `${tab.offsetWidth}px`;
+                }
             }
         }
-    }
-};
-ConsentsoftwareTabs = __decorate([
-    customElement('consentsoftware-tabs'),
-    __metadata("design:paramtypes", [])
-], ConsentsoftwareTabs);
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return ConsentsoftwareTabs = _classThis;
+})();
 export { ConsentsoftwareTabs };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRhYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvY29uc2VudHNvZnR3YXJlLXRhYnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUF1QixNQUFNLEtBQUssQ0FBQztBQUNqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRy9DLElBQU0sbUJBQW1CLEdBQXpCLE1BQU0sbUJBQW9CLFNBQVEsVUFBVTthQUNuQyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLCtDQUErQyxBQUE1RCxDQUE2RDthQUVqRSxXQUFNLEdBQUcsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0N6QixBQWxDbUIsQ0FrQ2xCO0lBRUY7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7SUFFTSxNQUFNO1FBQ1gsT0FBTyxJQUFJLENBQUE7O2tDQUVtQixJQUFJLENBQUMsV0FBVztrQ0FDaEIsSUFBSSxDQUFDLFdBQVc7a0NBQ2hCLElBQUksQ0FBQyxXQUFXOzs7S0FHN0MsQ0FBQztJQUNKLENBQUM7SUFFTSxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQVU7UUFDakMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQXFCLENBQUM7UUFDaEQsTUFBTSxHQUFHLEdBQW1CLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkQsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUNSLE1BQU0sUUFBUSxHQUFtQixJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM3RSxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNiLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEdBQUcsR0FBRyxDQUFDLFVBQVUsSUFBSSxDQUFDO2dCQUM1QyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxHQUFHLEdBQUcsQ0FBQyxXQUFXLElBQUksQ0FBQztZQUNoRCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7O0FBaEVVLG1CQUFtQjtJQUQvQixhQUFhLENBQUMsc0JBQXNCLENBQUM7O0dBQ3pCLG1CQUFtQixDQWlFL0IifQ==
+//# 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
      */