@dxos/lit-theme-editor 0.8.2-main.10c050d

package/LICENSE

@@ -0,0 +1,8 @@
+MIT License 
+Copyright (c) 2025 DXOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @dxos/lit-theme-editor
+
+A component for editing the user tokens layer of dxos-theme.

package/dist/src/dx-theme-editor/dx-range-spinbutton.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export type DxRangeSpinbuttonVariant = 'reverse-range' | 'reverse-order' | 'torsion';
+export declare class DxRangeSpinbutton extends LitElement {
+    label: string;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+    value: string | number;
+    headingId: string;
+    variant?: DxRangeSpinbuttonVariant;
+    private handleInput;
+    private calculateTorsionStyles;
+    render(): import("lit").TemplateResult<1>;
+    createRenderRoot(): this;
+}
+//# sourceMappingURL=dx-range-spinbutton.d.ts.map

package/dist/src/dx-theme-editor/dx-range-spinbutton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dx-range-spinbutton.d.ts","sourceRoot":"","sources":["../../../src/dx-theme-editor/dx-range-spinbutton.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,MAAM,MAAM,wBAAwB,GAAG,eAAe,GAAG,eAAe,GAAG,SAAS,CAAC;AAErF,qBACa,iBAAkB,SAAQ,UAAU;IAE/C,KAAK,EAAE,MAAM,CAAM;IAGnB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAK;IAGzB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAO;IAG3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAK;IAG1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAK;IAG3B,SAAS,EAAE,MAAM,CAAM;IAGvB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,sBAAsB;IAoBrB,MAAM;IAyCN,gBAAgB,IAAI,IAAI;CAGlC"}

package/dist/src/dx-theme-editor/dx-range-spinbutton.js

@@ -0,0 +1,127 @@
+//
+// Copyright 2025 DXOS.org
+//
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+let DxRangeSpinbutton = class DxRangeSpinbutton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.value = 0;
+        this.headingId = '';
+    }
+    handleInput(e) {
+        const value = e.target.value;
+        this.value = value;
+        // For torsion variant, calculate and apply styles
+        if (this.variant === 'torsion') {
+            const controlInputsDiv = e.target.closest('.control-inputs');
+            if (controlInputsDiv) {
+                const styles = this.calculateTorsionStyles(Number(value), Number(this.min), Number(this.max));
+                Object.entries(styles).forEach(([key, value]) => {
+                    controlInputsDiv.style.setProperty(key, value);
+                });
+            }
+        }
+        // Dispatch custom event
+        this.dispatchEvent(new CustomEvent('value-changed', {
+            detail: { value: parseFloat(value) },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    calculateTorsionStyles(value, min, max) {
+        // Calculate the width per step
+        const totalSteps = Math.abs(min) + Math.abs(max);
+        const widthPerStep = 100 / totalSteps; // Using percentage for width
+        // Calculate the width of the before element
+        const beforeWidth = `${Math.abs(value) * widthPerStep}%`;
+        // Calculate the position of the before element
+        let beforeLeft = '50%';
+        if (value < 0) {
+            beforeLeft = `calc(50% - ${beforeWidth})`;
+        }
+        return {
+            '--before-width': beforeWidth,
+            '--before-left': beforeLeft,
+        };
+    }
+    render() {
+        const controlId = `${this.headingId}-${this.label.toLowerCase().replace(/[^a-z0-9]/g, '-')}`;
+        // For torsion variant, calculate initial styles
+        const isTorsion = this.variant === 'torsion';
+        const initialStyles = isTorsion
+            ? this.calculateTorsionStyles(Number(this.value), Number(this.min), Number(this.max))
+            : {};
+        return html `
+      <label class="control-label" id="${controlId}-label" for="${controlId}-range">${this.label}:</label>
+      <div
+        class="${classMap({ 'control-inputs': true, ...(this.variant && { [this.variant]: true }) })}"
+        style=${isTorsion ? styleMap(initialStyles) : undefined}
+      >
+        <input
+          id="${controlId}-range"
+          type="range"
+          min="${this.min}"
+          max="${this.max}"
+          step="${this.step}"
+          class="range-input dx-focus-ring"
+          .value=${this.value.toString()}
+          @input=${this.handleInput}
+          aria-labelledby="${this.headingId} ${controlId}-label"
+        />
+        <input
+          id="${controlId}-number"
+          type="number"
+          min="${this.min}"
+          max="${this.max}"
+          step="${this.step}"
+          class="number-input dx-input dx-focus-ring"
+          .value=${this.value.toString()}
+          @input=${this.handleInput}
+          aria-labelledby="${this.headingId} ${controlId}-label"
+        />
+      </div>
+    `;
+    }
+    createRenderRoot() {
+        return this;
+    }
+};
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "min", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "max", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "step", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "headingId", void 0);
+__decorate([
+    property({ type: String })
+], DxRangeSpinbutton.prototype, "variant", void 0);
+DxRangeSpinbutton = __decorate([
+    customElement('dx-range-spinbutton')
+], DxRangeSpinbutton);
+export { DxRangeSpinbutton };
+//# sourceMappingURL=dx-range-spinbutton.js.map

package/dist/src/dx-theme-editor/dx-range-spinbutton.js.map

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

package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts

@@ -0,0 +1,21 @@
+import { type TokenSet } from '@ch-ui/tokens';
+import { LitElement } from 'lit';
+export type DxThemeEditorAliasColorsProps = {};
+export declare class DxThemeEditorAliasColors extends LitElement {
+    tokenSet: TokenSet;
+    searchTerm: string;
+    private debouncedSaveAndRender;
+    private handleTokenSetUpdate;
+    private getSemanticTokenNames;
+    private getUniqueAliasTokens;
+    private updateAliasToken;
+    private removeAliasToken;
+    private addAliasToken;
+    private handleSearchChange;
+    private renderSemanticTokenSelect;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    createRenderRoot(): this;
+}
+//# sourceMappingURL=dx-theme-editor-alias-colors.d.ts.map

package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dx-theme-editor-alias-colors.d.ts","sourceRoot":"","sources":["../../../src/dx-theme-editor/dx-theme-editor-alias-colors.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAmB,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,MAAM,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAE/C,qBACa,wBAAyB,SAAQ,UAAU;IAEtD,QAAQ,EAAE,QAAQ,CAAa;IAG/B,UAAU,EAAE,MAAM,CAAM;IAExB,OAAO,CAAC,sBAAsB,CAEtB;IAER,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,oBAAoB;IAgC5B,OAAO,CAAC,gBAAgB;IAqDxB,OAAO,CAAC,gBAAgB;IAgCxB,OAAO,CAAC,aAAa;IAwCrB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,yBAAyB;IA2BxB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IA8DN,gBAAgB,IAAI,IAAI;CAGlC"}

package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.js

@@ -0,0 +1,267 @@
+//
+// Copyright 2025 DXOS.org
+//
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { debounce } from '@dxos/async';
+import { makeId } from '@dxos/react-hooks';
+import { restore, saveAndRender, tokenSetUpdateEvent } from './util';
+let DxThemeEditorAliasColors = class DxThemeEditorAliasColors extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tokenSet = restore();
+        this.searchTerm = '';
+        this.debouncedSaveAndRender = debounce(() => {
+            saveAndRender(this.tokenSet);
+        }, 200);
+        this.handleTokenSetUpdate = () => {
+            this.tokenSet = restore();
+        };
+    }
+    getSemanticTokenNames() {
+        var _a, _b;
+        if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes)) {
+            return [];
+        }
+        return Object.keys(this.tokenSet.colors.semantic.sememes);
+    }
+    getUniqueAliasTokens() {
+        var _a, _b;
+        if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases)) {
+            return [];
+        }
+        const aliasMap = new Map();
+        // Process all semantic tokens
+        Object.entries(this.tokenSet.colors.alias.aliases).forEach(([semanticToken, conditions]) => {
+            // Process each condition (root, attention)
+            Object.entries(conditions).forEach(([condition, aliasNames]) => {
+                // Process each alias name
+                aliasNames.forEach((aliasName) => {
+                    // If the alias is not in the map yet, add it
+                    if (!aliasMap.has(aliasName)) {
+                        aliasMap.set(aliasName, { name: aliasName });
+                    }
+                    // Update the condition mapping
+                    const aliasInfo = aliasMap.get(aliasName);
+                    if (condition === 'root') {
+                        aliasInfo.root = semanticToken;
+                    }
+                    else if (condition === 'attention') {
+                        aliasInfo.attention = semanticToken;
+                    }
+                });
+            });
+        });
+        return Array.from(aliasMap.values()).sort((a, b) => a.name.localeCompare(b.name));
+    }
+    updateAliasToken(oldName, newName, rootToken, attentionToken) {
+        var _a, _b;
+        if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases)) {
+            return;
+        }
+        // Create a deep copy of the tokenSet to avoid direct mutation
+        const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
+        const aliases = updatedTokenSet.colors.alias.aliases;
+        // Remove the old alias from all semantic tokens
+        Object.entries(aliases).forEach(([semanticToken, conditions]) => {
+            Object.entries(conditions).forEach(([condition, aliasNames]) => {
+                const index = aliasNames.indexOf(oldName);
+                if (index !== -1) {
+                    aliasNames.splice(index, 1);
+                    if (aliasNames.length === 0) {
+                        delete conditions[condition];
+                    }
+                    if (Object.keys(conditions).length === 0) {
+                        delete aliases[semanticToken];
+                    }
+                }
+            });
+        });
+        // Add the new alias to the specified semantic tokens
+        if (rootToken) {
+            if (!aliases[rootToken]) {
+                aliases[rootToken] = {};
+            }
+            if (!aliases[rootToken].root) {
+                aliases[rootToken].root = [];
+            }
+            aliases[rootToken].root.push(newName);
+        }
+        if (attentionToken) {
+            if (!aliases[attentionToken]) {
+                aliases[attentionToken] = {};
+            }
+            if (!aliases[attentionToken].attention) {
+                aliases[attentionToken].attention = [];
+            }
+            aliases[attentionToken].attention.push(newName);
+        }
+        // Update the state
+        this.tokenSet = updatedTokenSet;
+        // Save and render changes
+        this.debouncedSaveAndRender();
+    }
+    removeAliasToken(aliasName) {
+        var _a, _b;
+        if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases)) {
+            return;
+        }
+        // Create a deep copy of the tokenSet to avoid direct mutation
+        const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
+        const aliases = updatedTokenSet.colors.alias.aliases;
+        // Remove the alias from all semantic tokens
+        Object.entries(aliases).forEach(([semanticToken, conditions]) => {
+            Object.entries(conditions).forEach(([condition, aliasNames]) => {
+                const index = aliasNames.indexOf(aliasName);
+                if (index !== -1) {
+                    aliasNames.splice(index, 1);
+                    if (aliasNames.length === 0) {
+                        delete conditions[condition];
+                    }
+                    if (Object.keys(conditions).length === 0) {
+                        delete aliases[semanticToken];
+                    }
+                }
+            });
+        });
+        // Update the state
+        this.tokenSet = updatedTokenSet;
+        // Save and render changes
+        this.debouncedSaveAndRender();
+    }
+    addAliasToken() {
+        var _a, _b, _c, _d;
+        if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) || !((_d = (_c = this.tokenSet.colors) === null || _c === void 0 ? void 0 : _c.alias) === null || _d === void 0 ? void 0 : _d.aliases)) {
+            return;
+        }
+        // Get the first semantic token
+        const semanticTokens = Object.keys(this.tokenSet.colors.semantic.sememes);
+        if (semanticTokens.length === 0) {
+            return;
+        }
+        const firstSemanticToken = semanticTokens[0];
+        // Generate a random ID for the alias name
+        const aliasName = makeId('alias--');
+        // Create a deep copy of the tokenSet to avoid direct mutation
+        const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
+        const aliases = updatedTokenSet.colors.alias.aliases;
+        // Ensure the semantic token exists in the aliases structure
+        if (!aliases[firstSemanticToken]) {
+            aliases[firstSemanticToken] = {};
+        }
+        // Ensure the 'root' condition exists
+        if (!aliases[firstSemanticToken].root) {
+            aliases[firstSemanticToken].root = [];
+        }
+        // Add the new alias to the 'root' condition
+        aliases[firstSemanticToken].root.push(aliasName);
+        // Update the state
+        this.tokenSet = updatedTokenSet;
+        // Save and render changes
+        this.debouncedSaveAndRender();
+    }
+    handleSearchChange(e) {
+        this.searchTerm = e.target.value;
+    }
+    renderSemanticTokenSelect(condition, currentValue, onChange) {
+        const semanticTokenNames = this.getSemanticTokenNames();
+        return html `
+      <label class="sr-only">${condition === 'root' ? 'Root' : 'Attention'}:</label>
+      <select
+        class="semantic-token-select dx-focus-ring"
+        .value=${currentValue || ''}
+        @change=${(e) => {
+            const newValue = e.target.value;
+            onChange(newValue);
+        }}
+      >
+        <option value="">&mdash;</option>
+        ${repeat(semanticTokenNames, (name) => name, (name) => html `<option value="${name}" ?selected=${name === currentValue}>${name}</option>`)}
+      </select>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        saveAndRender(this.tokenSet);
+        window.addEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
+    }
+    render() {
+        const aliasTokens = this.getUniqueAliasTokens();
+        const filteredTokens = aliasTokens.filter((token) => token.name.toLowerCase().includes(this.searchTerm.toLowerCase()));
+        return html `
+      <input
+        type="search"
+        class="token-search dx-focus-ring"
+        placeholder="Search alias tokens…"
+        .value=${this.searchTerm}
+        @input=${this.handleSearchChange}
+        aria-label="Search tokens"
+      />
+      <div class="alias-token-list">
+        <div class="alias-token-labels">
+          <span>Name</span>
+          <span>Root</span>
+          <span>Attention</span>
+        </div>
+        ${repeat(filteredTokens, (token) => token.name, (token) => html `
+            <div class="alias-token-item">
+              <input
+                type="text"
+                class="alias-name-input dx-focus-ring"
+                .value=${token.name}
+                @change=${(e) => {
+            const newName = e.target.value;
+            this.updateAliasToken(token.name, newName, token.root, token.attention);
+        }}
+                aria-label="Alias token name"
+              />
+              <div class="condition-selector">
+                ${this.renderSemanticTokenSelect('root', token.root, (newValue) => {
+            this.updateAliasToken(token.name, token.name, newValue, token.attention);
+        })}
+              </div>
+              <div class="condition-selector">
+                ${this.renderSemanticTokenSelect('attention', token.attention, (newValue) => {
+            this.updateAliasToken(token.name, token.name, token.root, newValue);
+        })}
+              </div>
+              <button
+                class="remove-alias-button dx-focus-ring dx-button"
+                @click=${() => this.removeAliasToken(token.name)}
+                aria-label="Remove alias token"
+              >
+                <span class="sr-only">Remove alias token</span>
+                <dx-icon icon="ph--minus--regular" />
+              </button>
+            </div>
+          `)}
+      </div>
+      <button class="add-alias-button dx-focus-ring dx-button" @click=${this.addAliasToken}>Add alias</button>
+    `;
+    }
+    createRenderRoot() {
+        return this;
+    }
+};
+__decorate([
+    state()
+], DxThemeEditorAliasColors.prototype, "tokenSet", void 0);
+__decorate([
+    state()
+], DxThemeEditorAliasColors.prototype, "searchTerm", void 0);
+DxThemeEditorAliasColors = __decorate([
+    customElement('dx-theme-editor-alias-colors')
+], DxThemeEditorAliasColors);
+export { DxThemeEditorAliasColors };
+//# sourceMappingURL=dx-theme-editor-alias-colors.js.map

package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.js.map

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

package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts

@@ -0,0 +1,19 @@
+import { type TokenSet } from '@ch-ui/tokens';
+import { LitElement } from 'lit';
+import './dx-range-spinbutton';
+export type DxThemeEditorPhysicalColorsProps = {};
+export declare class DxThemeEditorPhysicalColors extends LitElement {
+    tokenSet: TokenSet;
+    private debouncedSaveAndRender;
+    private handleTokenSetUpdate;
+    private updateSeriesProperty;
+    private handleKeyPointChange;
+    private handleControlPointChange;
+    private handleTorsionChange;
+    private renderSeriesControls;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): unknown;
+    createRenderRoot(): this;
+}
+//# sourceMappingURL=dx-theme-editor-physical-colors.d.ts.map

package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dx-theme-editor-physical-colors.d.ts","sourceRoot":"","sources":["../../../src/dx-theme-editor/dx-theme-editor-physical-colors.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiC,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAQlD,qBACa,2BAA4B,SAAQ,UAAU;IAEzD,QAAQ,EAAE,QAAQ,CAAa;IAE/B,OAAO,CAAC,sBAAsB,CAEtB;IAER,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,oBAAoB;IAkB5B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,oBAAoB;IAiFnB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAQN,gBAAgB,IAAI,IAAI;CAGlC"}