@consent.software/catalog 1.6.1 → 2.0.1

package/dist_ts_web/elements/consentsoftware-toggle.js

@@ -32,16 +32,15 @@ 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';
 import { delayFor } from '@push.rocks/smartdelay';
 let ConsentsoftwareToggle = (() => {
     let _classDecorators = [customElement('consentsoftware-toggle')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = LitElement;
+    let _classSuper = DeesElement;
     let _required_decorators;
     let _required_initializers = [];
     let _required_extraInitializers = [];
@@ -67,9 +66,9 @@ let ConsentsoftwareToggle = (() => {
         get selected() { return this.#selected_accessor_storage; }
         set selected(value) { this.#selected_accessor_storage = value; }
         /**
-         * 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
          */
         currentX = (__runInitializers(this, _selected_extraInitializers), 0);
         /**
@@ -77,80 +76,93 @@ let ConsentsoftwareToggle = (() => {
          */
         isDragging = false;
         hasDragged = false;
-        startX = 0; // pointerdown offset
-        knobWidth = 30;
-        trackWidth = 60;
-        static styles = css `
-    :host {
-      display: block;
-      position: relative;
-    }
+        startX = 0;
+        // Toggle dimensions (with border-box, 1px border reduces inner by 2px)
+        trackWidth = 36; // outer width
+        trackHeight = 20; // outer height
+        knobSize = 14;
+        padding = 2; // padding from inner edge to knob
+        maxTravel = 16; // (36 - 2) - 14 - (2 * 2) = 34 - 14 - 4 = 16
+        static styles = [
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        position: relative;
+      }
 
-    .label {
-      margin-bottom: 16px;
-    }
+      .label {
+        margin-bottom: 8px;
+        font-size: 0.8em;
+        font-weight: 500;
+        color: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
+      }
 
-    .toggle {
-      user-select: none; /* helps avoid text selection on drag */
-    }
+      .toggle {
+        user-select: none;
+      }
 
-    .toggleKnobArea {
-      position: relative;
-      margin: auto;
-      height: 30px;
-      width: 60px;
-      border-radius: 20px;
-      background: rgba(255, 255, 255, 0.1);
-      border: 1px solid rgba(255, 255, 255, 0);
-      overflow: hidden;
-      transition: background 0.2s ease;
-      cursor: pointer;
-    }
+      .toggleKnobArea {
+        position: relative;
+        margin: auto;
+        height: 20px;
+        width: 36px;
+        border-radius: 10px;
+        background: ${cssManager.bdTheme(colors.light.input, colors.dark.input)};
+        border: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
+        overflow: hidden;
+        transition: all 0.15s ease;
+        cursor: pointer;
+      }
 
-    :host([selected]) .toggleKnobArea {
-      background: green;
-    }
+      .toggleKnobArea:hover {
+        border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
+      }
 
-    .toggleKnobMover {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
+      :host([selected]) .toggleKnobArea {
+        background: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
+        border-color: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
+      }
 
-    .toggleKnobInner {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 30px;
-      height: 30px;
-      border-radius: 15px;
-      background: rgba(255, 255, 255, 0.5);
-      transition: left 0.2s ease, background 0.2s ease;
-      transform: scale(0.7);
-      /* Prevent scroll gestures on mobile */
-      touch-action: none;
-    }
+      .toggleKnobMover {
+        position: relative;
+        height: 100%;
+        width: 100%;
+      }
 
-    .toggleKnobInner.dragging {
-      transition: background 0.2s ease;
-    }
+      .toggleKnobInner {
+        position: absolute;
+        top: 2px;
+        width: 14px;
+        height: 14px;
+        border-radius: 7px;
+        background: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
+        transition: left 0.15s ease, background 0.15s ease;
+        touch-action: none;
+      }
 
-    :host([selected]) .toggleKnobInner {
-      background: white;
-    }
+      .toggleKnobInner.dragging {
+        transition: background 0.15s ease;
+      }
 
-    :host([required]) .toggleKnobArea {
-      background: none;
-      border: 1px solid rgba(255, 255, 255, 0.1);
-    }
+      :host([selected]) .toggleKnobInner {
+        background: ${cssManager.bdTheme(colors.light.primaryForeground, colors.dark.primaryForeground)};
+      }
 
-    :host([required]) .toggleKnobInner {
-      background: rgba(255, 255, 255, 0.1);
-    }
-  `;
-        constructor() {
-            super();
-        }
+      :host([required]) .toggleKnobArea {
+        cursor: not-allowed;
+      }
+
+      :host([required][selected]) .toggleKnobArea {
+        background: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
+        border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
+      }
+
+      :host([required][selected]) .toggleKnobInner {
+        background: ${cssManager.bdTheme(colors.light.muted, colors.dark.muted)};
+      }
+    `,
+        ];
         render() {
             return html `
       <div class="label">${this.getText()}</div>
@@ -161,7 +173,7 @@ let ConsentsoftwareToggle = (() => {
             <!-- The knob itself, with pointer events for dragging. -->
             <div
               class="toggleKnobInner"
-              style="left: ${this.currentX}px;"
+              style="left: ${this.padding + this.currentX}px;"
               @pointerdown=${this.onPointerDown}
               @pointermove=${this.onPointerMove}
               @pointerup=${this.onPointerUp}
@@ -175,16 +187,15 @@ let ConsentsoftwareToggle = (() => {
         /**
          * If required = true on first render, auto-select and set the knob to the right.
          */
-        async firstUpdated() {
+        async firstUpdated(_changedProperties) {
+            await super.firstUpdated(_changedProperties);
             if (this.required) {
-                // If "required" => always selected
                 this.selected = true;
-                this.currentX = this.knobWidth; // 30
+                this.currentX = this.maxTravel;
                 this.requestUpdate();
             }
             else {
-                // If not required, set knob to 0 or 30 depending on `selected`
-                this.currentX = this.selected ? this.knobWidth : 0;
+                this.currentX = this.selected ? this.maxTravel : 0;
                 this.requestUpdate();
             }
         }
@@ -192,29 +203,27 @@ let ConsentsoftwareToggle = (() => {
          * CLICK HANDLER
          */
         async handleClick(event) {
-            // If the user truly dragged the knob, skip the normal click toggle.
             if (this.isDragging || this.hasDragged) {
                 event.stopPropagation();
                 event.preventDefault();
                 return;
             }
             if (this.required) {
-                // small bounce from 30 -> 20 -> 30
-                this.currentX = this.knobWidth; // ensure at 30
+                // Small bounce animation for required toggles
+                this.currentX = this.maxTravel;
                 this.requestUpdate();
                 await new Promise((r) => setTimeout(r, 10));
-                this.currentX = 20; // small bounce left
+                this.currentX = this.maxTravel - 3;
                 this.requestUpdate();
-                await delayFor(200);
-                this.currentX = this.knobWidth; // back to 30
+                await delayFor(150);
+                this.currentX = this.maxTravel;
                 this.requestUpdate();
                 return;
             }
-            // Normal toggle if no drag & not required
             event.stopPropagation();
             event.preventDefault();
             this.selected = !this.selected;
-            this.currentX = this.selected ? this.knobWidth : 0; // snap knob left(0) or right(30)
+            this.currentX = this.selected ? this.maxTravel : 0;
             this.requestUpdate();
             this.dispatchEvent(new CustomEvent('toggle', { detail: { selected: this.selected } }));
             delayFor(0).then(() => {
@@ -231,7 +240,7 @@ let ConsentsoftwareToggle = (() => {
             }
             // Start dragging
             this.isDragging = true;
-            // The difference between the pointer’s X and the knob’s current position
+            // The difference between the pointer's X and the knob's current position
             this.startX = event.clientX - this.currentX;
             // capture pointer so we keep receiving pointermove/pointerup
             event.target.setPointerCapture(event.pointerId);
@@ -243,8 +252,8 @@ let ConsentsoftwareToggle = (() => {
             this.hasDragged = true;
             const toggleKnobInner = this.shadowRoot.querySelector('.toggleKnobInner');
             toggleKnobInner.classList.add('dragging');
-            // Clamp
-            this.currentX = Math.max(0, Math.min(newX, this.trackWidth - this.knobWidth));
+            // Clamp to valid travel range (0 to maxTravel)
+            this.currentX = Math.max(0, Math.min(newX, this.maxTravel));
             this.requestUpdate();
         }
         onPointerUp(event) {
@@ -252,16 +261,16 @@ let ConsentsoftwareToggle = (() => {
                 return;
             event.target.releasePointerCapture(event.pointerId);
             this.isDragging = false;
-            // If we didn’t truly drag, pointerup does nothing; click handler handles toggling.
+            // If we didn't truly drag, pointerup does nothing; click handler handles toggling.
             if (!this.hasDragged) {
                 return;
             }
             const toggleKnobInner = this.shadowRoot.querySelector('.toggleKnobInner');
             toggleKnobInner.classList.remove('dragging');
-            // Real drag => decide final side
-            const midpoint = (this.trackWidth - this.knobWidth) / 2; // 15
+            // Real drag => decide final side based on midpoint
+            const midpoint = this.maxTravel / 2;
             this.selected = this.currentX > midpoint;
-            this.currentX = this.selected ? this.knobWidth : 0; // snap to edge
+            this.currentX = this.selected ? this.maxTravel : 0; // snap to edge
             this.requestUpdate();
             // Dispatch toggle event
             this.dispatchEvent(new CustomEvent('toggle', { detail: { selected: this.selected } }));
@@ -277,7 +286,7 @@ let ConsentsoftwareToggle = (() => {
                 !this.isDragging &&
                 !this.hasDragged &&
                 !this.required) {
-                this.currentX = this.selected ? this.knobWidth : 0;
+                this.currentX = this.selected ? this.maxTravel : 0;
                 this.requestUpdate();
             }
             super.updated(changedProperties);
@@ -292,4 +301,4 @@ let ConsentsoftwareToggle = (() => {
     return ConsentsoftwareToggle = _classThis;
 })();
 export { ConsentsoftwareToggle };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxHQUFHLEVBQXVCLE1BQU0sS0FBSyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0lBR3JDLHFCQUFxQjs0QkFEakMsYUFBYSxDQUFDLHdCQUF3QixDQUFDOzs7O3NCQUNHLFVBQVU7Ozs7Ozs7cUNBQWxCLFNBQVEsV0FBVTs7OztvQ0FDbEQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDO29DQUczQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUYzQyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBR2pDLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFMbkMsNktBd1BDOzs7O1FBdFBDLDZFQUEyQixLQUFLLEVBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBR2pDLG9JQUEyQixLQUFLLEdBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBRWpDOzs7O1dBSUc7UUFDSyxRQUFRLDBEQUFHLENBQUMsRUFBQztRQUVyQjs7V0FFRztRQUNLLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUNu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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVqRCxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUVILFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztJQUdyQyxxQkFBcUI7NEJBRGpDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7O3FDQUFuQixTQUFRLFdBQVc7Ozs7b0NBQ25ELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztvQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFGM0MsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQUdqQyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBTG5DLDZLQWdRQzs7OztRQTlQQyw2RUFBMkIsS0FBSyxFQUFDO1FBQWpDLElBQWdCLFFBQVEsOENBQVM7UUFBakMsSUFBZ0IsUUFBUSxvREFBUztRQUdqQyxvSUFBMkIsS0FBSyxHQUFDO1FBQWpDLElBQWdCLFFBQVEsOENBQVM7UUFBakMsSUFBZ0IsUUFBUSxvREFBUztRQUVqQzs7OztXQUlHO1FBQ0ssUUFBUSwwREFBRyxDQUFDLEVBQUM7UUFFckI7O1dBRUc7UUFDSyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsTUFBTSxHQUFHLENB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

package/dist_ts_web/elements/shared.d.ts

@@ -1 +1,35 @@
-export declare const fontStack: import("lit").CSSResult;
+import { cssManager } from '@design.estate/dees-element';
+export { cssManager };
+export declare const fontStack: import("@design.estate/dees-element").CSSResult;
+export declare const colors: {
+    light: {
+        background: string;
+        foreground: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        input: string;
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        ring: string;
+    };
+    dark: {
+        background: string;
+        foreground: string;
+        muted: string;
+        mutedForeground: string;
+        border: string;
+        input: string;
+        primary: string;
+        primaryForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        ring: string;
+    };
+};

package/dist_ts_web/elements/shared.js

@@ -1,3 +1,37 @@
-import { unsafeCSS } from 'lit';
+import { unsafeCSS, cssManager } from '@design.estate/dees-element';
+export { cssManager };
 export const fontStack = unsafeCSS('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBRS9CLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUMsdUdBQXVHLENBQUMsQ0FBQyJ9
+// Shadcn-inspired color palette
+export const colors = {
+    light: {
+        background: '#ffffff',
+        foreground: '#09090b',
+        muted: '#f4f4f5',
+        mutedForeground: '#71717a',
+        border: '#e4e4e7',
+        input: '#e4e4e7',
+        primary: '#18181b',
+        primaryForeground: '#fafafa',
+        secondary: '#f4f4f5',
+        secondaryForeground: '#18181b',
+        accent: '#f4f4f5',
+        accentForeground: '#18181b',
+        ring: '#a1a1aa',
+    },
+    dark: {
+        background: '#09090b',
+        foreground: '#fafafa',
+        muted: '#27272a',
+        mutedForeground: '#a1a1aa',
+        border: '#27272a',
+        input: '#27272a',
+        primary: '#fafafa',
+        primaryForeground: '#18181b',
+        secondary: '#27272a',
+        secondaryForeground: '#fafafa',
+        accent: '#27272a',
+        accentForeground: '#fafafa',
+        ring: '#52525b',
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQztBQUV0QixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLHVHQUF1RyxDQUFDLENBQUM7QUFFNUksZ0NBQWdDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNwQixLQUFLLEVBQUU7UUFDTCxVQUFVLEVBQUUsU0FBUztRQUNyQixVQUFVLEVBQUUsU0FBUztRQUNyQixLQUFLLEVBQUUsU0FBUztRQUNoQixlQUFlLEVBQUUsU0FBUztRQUMxQixNQUFNLEVBQUUsU0FBUztRQUNqQixLQUFLLEVBQUUsU0FBUztRQUNoQixPQUFPLEVBQUUsU0FBUztRQUNsQixpQkFBaUIsRUFBRSxTQUFTO1FBQzVCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCLG1CQUFtQixFQUFFLFNBQVM7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsZ0JBQWdCLEVBQUUsU0FBUztRQUMzQixJQUFJLEVBQUUsU0FBUztLQUNoQjtJQUNELElBQUksRUFBRTtRQUNKLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLEtBQUssRUFBRSxTQUFTO1FBQ2hCLGVBQWUsRUFBRSxTQUFTO1FBQzFCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxTQUFTO1FBQ2hCLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLGlCQUFpQixFQUFFLFNBQVM7UUFDNUIsU0FBUyxFQUFFLFNBQVM7UUFDcEIsbUJBQW1CLEVBQUUsU0FBUztRQUM5QixNQUFNLEVBQUUsU0FBUztRQUNqQixnQkFBZ0IsRUFBRSxTQUFTO1FBQzNCLElBQUksRUFBRSxTQUFTO0tBQ2hCO0NBQ0YsQ0FBQyJ9

package/dist_ts_web/pages/page1.d.ts

@@ -1 +1 @@
-export declare const page1: () => import("lit").TemplateResult<1>;
+export declare const page1: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/pages/page1.js

@@ -1,3 +1,3 @@
-import { html } from 'lit';
+import { html } from '@design.estate/dees-element';
 export const page1 = () => html ``;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLEtBQUssQ0FBQztBQUUzQixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLEVBQUUsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsRUFBRSxDQUFDIn0=