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

package/dist/types/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/types/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/types/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/types/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"}

package/dist/types/src/dx-theme-editor/dx-theme-editor-physical-colors.js

@@ -0,0 +1,163 @@
+//
+// 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 { cssGradientFromCurve, helicalArcFromConfig } from '@ch-ui/colors';
+import { LitElement, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { debounce } from '@dxos/async';
+import { restore, saveAndRender, tokenSetUpdateEvent } from './util';
+import './dx-range-spinbutton';
+const bindSeriesDefinitions = ['neutral', 'primary'];
+const isHelicalArcSeries = (o) => {
+    return 'keyPoint' in (o !== null && o !== void 0 ? o : {});
+};
+let DxThemeEditorPhysicalColors = class DxThemeEditorPhysicalColors extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tokenSet = restore();
+        this.debouncedSaveAndRender = debounce(() => {
+            saveAndRender(this.tokenSet);
+        }, 200);
+        this.handleTokenSetUpdate = () => {
+            this.tokenSet = restore();
+        };
+    }
+    updateSeriesProperty(series, property, value) {
+        var _a, _b, _c, _d;
+        if (!((_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.physical) === null || _b === void 0 ? void 0 : _b.definitions) === null || _c === void 0 ? void 0 : _c.series) === null || _d === void 0 ? void 0 : _d[series])) {
+            return;
+        }
+        // Create a deep copy of the tokenSet to avoid direct mutation
+        const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
+        // Update the specific property
+        updatedTokenSet.colors.physical.definitions.series[series][property] = value;
+        // Update the state
+        this.tokenSet = updatedTokenSet;
+        // Save and render changes
+        this.debouncedSaveAndRender();
+    }
+    handleKeyPointChange(series, index, value) {
+        var _a, _b, _c, _d;
+        if (!isHelicalArcSeries((_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.physical) === null || _b === void 0 ? void 0 : _b.definitions) === null || _c === void 0 ? void 0 : _c.series) === null || _d === void 0 ? void 0 : _d[series])) {
+            return;
+        }
+        const keyPoint = [...this.tokenSet.colors.physical.definitions.series[series].keyPoint];
+        keyPoint[index] = value;
+        this.updateSeriesProperty(series, 'keyPoint', keyPoint);
+    }
+    handleControlPointChange(series, property, value) {
+        this.updateSeriesProperty(series, property, value);
+    }
+    handleTorsionChange(series, value) {
+        this.updateSeriesProperty(series, 'torsion', value);
+    }
+    renderSeriesControls(series) {
+        var _a, _b, _c, _d;
+        const seriesData = (_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.physical) === null || _b === void 0 ? void 0 : _b.definitions) === null || _c === void 0 ? void 0 : _c.series) === null || _d === void 0 ? void 0 : _d[series];
+        if (!isHelicalArcSeries(seriesData)) {
+            return html `<div>Series ${series} not found</div>`;
+        }
+        const keyPoint = seriesData.keyPoint || [0, 0, 0];
+        const lowerCp = seriesData.lowerCp || 0;
+        const upperCp = seriesData.upperCp || 0;
+        const torsion = seriesData.torsion || 0;
+        // Create unique IDs for headings to reference in aria-labelledby
+        const keyColorHeadingId = `${series}-key-color-heading`;
+        const controlPointsHeadingId = `${series}-control-points-heading`;
+        const torsionHeadingId = `${series}-torsion-heading`;
+        return html `
+      <div class="series-controls">
+        <div
+          class="series-preview"
+          style=${styleMap({
+            backgroundImage: cssGradientFromCurve(helicalArcFromConfig(seriesData), 21, [0, 1], 'p3'),
+        })}
+        ></div>
+        <h3 class="series-title">${series} Series</h3>
+
+        <dx-range-spinbutton
+          label="Hue (0-360)"
+          min="0"
+          max="360"
+          step="0.5"
+          .value=${keyPoint[2]}
+          headingId=${keyColorHeadingId}
+          @value-changed=${(e) => this.handleKeyPointChange(series, 2, e.detail.value)}
+        ></dx-range-spinbutton>
+        <dx-range-spinbutton
+          label="Torsion (-180 to 180)"
+          min="-180"
+          max="180"
+          step="0.5"
+          .value=${torsion}
+          headingId=${torsionHeadingId}
+          variant="torsion"
+          @value-changed=${(e) => this.handleTorsionChange(series, e.detail.value)}
+        ></dx-range-spinbutton>
+        <dx-range-spinbutton
+          label="Chroma (0-0.4)"
+          min="0"
+          max="0.4"
+          step="0.001"
+          .value=${keyPoint[1]}
+          headingId=${keyColorHeadingId}
+          @value-changed=${(e) => this.handleKeyPointChange(series, 1, e.detail.value)}
+        ></dx-range-spinbutton>
+
+        <div class="control-group">
+          <dx-range-spinbutton
+            label="Dark Control Point (0-1)"
+            min="0"
+            max="1"
+            step="0.01"
+            .value=${upperCp}
+            headingId=${controlPointsHeadingId}
+            variant="reverse-range"
+            @value-changed=${(e) => this.handleControlPointChange(series, 'upperCp', e.detail.value)}
+          ></dx-range-spinbutton>
+          <dx-range-spinbutton
+            label="Light Control Point (0-1)"
+            min="0"
+            max="1"
+            step="0.01"
+            .value=${lowerCp}
+            headingId=${controlPointsHeadingId}
+            variant="reverse-order"
+            @value-changed=${(e) => this.handleControlPointChange(series, 'lowerCp', e.detail.value)}
+          ></dx-range-spinbutton>
+        </div>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        saveAndRender(this.tokenSet);
+        window.addEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
+    }
+    render() {
+        return repeat(bindSeriesDefinitions, (series) => series, (series) => this.renderSeriesControls(series));
+    }
+    createRenderRoot() {
+        return this;
+    }
+};
+__decorate([
+    state()
+], DxThemeEditorPhysicalColors.prototype, "tokenSet", void 0);
+DxThemeEditorPhysicalColors = __decorate([
+    customElement('dx-theme-editor-physical-colors')
+], DxThemeEditorPhysicalColors);
+export { DxThemeEditorPhysicalColors };
+//# sourceMappingURL=dx-theme-editor-physical-colors.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { type TokenSet } from '@ch-ui/tokens';
+import { LitElement } from 'lit';
+import './dx-range-spinbutton';
+export type DxThemeEditorSemanticColorsProps = {};
+export declare class DxThemeEditorSemanticColors extends LitElement {
+    tokenSet: TokenSet;
+    searchTerm: string;
+    private debouncedSaveAndRender;
+    private handleTokenSetUpdate;
+    private getPhysicalColorSeries;
+    private getSemanticTokens;
+    private updateSemanticToken;
+    private handleTokenNameChange;
+    private handleSeriesChange;
+    private handleBothSeriesChange;
+    private handleLuminosityChange;
+    private handleAlphaChange;
+    private addSemanticToken;
+    private removeSemanticToken;
+    private getAliasTokensForSemantic;
+    private addAliasToken;
+    private removeAliasToken;
+    private updateAliasToken;
+    private checkDuplicateAlias;
+    private renderTokenControls;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleSearchChange;
+    render(): import("lit").TemplateResult<1>;
+    createRenderRoot(): this;
+}
+//# sourceMappingURL=dx-theme-editor-semantic-colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dx-theme-editor-semantic-colors.d.ts","sourceRoot":"","sources":["../../../../src/dx-theme-editor/dx-theme-editor-semantic-colors.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAwB,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAMlD,qBACa,2BAA4B,SAAQ,UAAU;IAEzD,QAAQ,EAAE,QAAQ,CAAa;IAG/B,UAAU,EAAE,MAAM,CAAM;IAExB,OAAO,CAAC,sBAAsB,CAEtB;IAER,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,qBAAqB;IAwB7B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,sBAAsB;IAM9B,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,aAAa;IA+BrB,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,mBAAmB;IAqB3B,OAAO,CAAC,mBAAmB;IAsLlB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,kBAAkB;IAIjB,MAAM;IAwBN,gBAAgB,IAAI,IAAI;CAGlC"}