@dxos/lit-theme-editor 0.8.2-main.10c050d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +8 -0
- package/README.md +3 -0
- package/dist/src/dx-theme-editor/dx-range-spinbutton.d.ts +16 -0
- package/dist/src/dx-theme-editor/dx-range-spinbutton.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-range-spinbutton.js +127 -0
- package/dist/src/dx-theme-editor/dx-range-spinbutton.js.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts +21 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.js +267 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-alias-colors.js.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts +19 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.js +163 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-physical-colors.js.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-semantic-colors.d.ts +32 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-semantic-colors.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-semantic-colors.js +474 -0
- package/dist/src/dx-theme-editor/dx-theme-editor-semantic-colors.js.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.d.ts +16 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.js +160 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.js.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.lit-stories.d.ts +22 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.lit-stories.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.lit-stories.js +27 -0
- package/dist/src/dx-theme-editor/dx-theme-editor.lit-stories.js.map +1 -0
- package/dist/src/dx-theme-editor/index.d.ts +5 -0
- package/dist/src/dx-theme-editor/index.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/index.js +8 -0
- package/dist/src/dx-theme-editor/index.js.map +1 -0
- package/dist/src/dx-theme-editor/util.d.ts +8 -0
- package/dist/src/dx-theme-editor/util.d.ts.map +1 -0
- package/dist/src/dx-theme-editor/util.js +61 -0
- package/dist/src/dx-theme-editor/util.js.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +5 -0
- package/dist/src/index.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types/src/dx-theme-editor/dx-range-spinbutton.d.ts +16 -0
- package/dist/types/src/dx-theme-editor/dx-range-spinbutton.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-range-spinbutton.js +127 -0
- package/dist/types/src/dx-theme-editor/dx-range-spinbutton.js.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts +21 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-alias-colors.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-alias-colors.js +267 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-alias-colors.js.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts +19 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-physical-colors.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-physical-colors.js +163 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-physical-colors.js.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-semantic-colors.d.ts +32 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-semantic-colors.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-semantic-colors.js +474 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor-semantic-colors.js.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.d.ts +16 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.js +160 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.js.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.lit-stories.d.ts +22 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.lit-stories.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.lit-stories.js +27 -0
- package/dist/types/src/dx-theme-editor/dx-theme-editor.lit-stories.js.map +1 -0
- package/dist/types/src/dx-theme-editor/index.d.ts +5 -0
- package/dist/types/src/dx-theme-editor/index.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/index.js +8 -0
- package/dist/types/src/dx-theme-editor/index.js.map +1 -0
- package/dist/types/src/dx-theme-editor/util.d.ts +8 -0
- package/dist/types/src/dx-theme-editor/util.d.ts.map +1 -0
- package/dist/types/src/dx-theme-editor/util.js +61 -0
- package/dist/types/src/dx-theme-editor/util.js.map +1 -0
- package/dist/types/src/index.d.ts +2 -0
- package/dist/types/src/index.d.ts.map +1 -0
- package/dist/types/src/index.js +5 -0
- package/dist/types/src/index.js.map +1 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -0
- package/package.json +40 -0
- package/src/dx-theme-editor/dx-range-spinbutton.ts +124 -0
- package/src/dx-theme-editor/dx-theme-editor-alias-colors.ts +305 -0
- package/src/dx-theme-editor/dx-theme-editor-physical-colors.ts +179 -0
- package/src/dx-theme-editor/dx-theme-editor-semantic-colors.ts +558 -0
- package/src/dx-theme-editor/dx-theme-editor.lit-stories.ts +37 -0
- package/src/dx-theme-editor/dx-theme-editor.pcss +299 -0
- package/src/dx-theme-editor/dx-theme-editor.ts +158 -0
- package/src/dx-theme-editor/index.ts +8 -0
- package/src/dx-theme-editor/util.ts +66 -0
- package/src/index.ts +5 -0
|
@@ -0,0 +1,474 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright 2025 DXOS.org
|
|
3
|
+
//
|
|
4
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
5
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
6
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
7
|
+
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;
|
|
8
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
9
|
+
};
|
|
10
|
+
import { parseAlphaLuminosity } from '@ch-ui/tokens';
|
|
11
|
+
import { LitElement, html } from 'lit';
|
|
12
|
+
import { customElement, state } from 'lit/decorators.js';
|
|
13
|
+
import { repeat } from 'lit/directives/repeat.js';
|
|
14
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
15
|
+
import { debounce } from '@dxos/async';
|
|
16
|
+
import { makeId } from '@dxos/react-hooks';
|
|
17
|
+
import { restore, saveAndRender, tokenSetUpdateEvent } from './util';
|
|
18
|
+
import './dx-range-spinbutton';
|
|
19
|
+
const isAlphaLuminosity = (value) => {
|
|
20
|
+
return Number.isFinite(value) || (typeof value === 'string' && value.includes('/'));
|
|
21
|
+
};
|
|
22
|
+
let DxThemeEditorSemanticColors = class DxThemeEditorSemanticColors extends LitElement {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
this.tokenSet = restore();
|
|
26
|
+
this.searchTerm = '';
|
|
27
|
+
this.debouncedSaveAndRender = debounce(() => {
|
|
28
|
+
saveAndRender(this.tokenSet);
|
|
29
|
+
}, 200);
|
|
30
|
+
this.handleTokenSetUpdate = () => {
|
|
31
|
+
this.tokenSet = restore();
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
getPhysicalColorSeries() {
|
|
35
|
+
var _a, _b;
|
|
36
|
+
if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.physical) === null || _b === void 0 ? void 0 : _b.series)) {
|
|
37
|
+
return [];
|
|
38
|
+
}
|
|
39
|
+
return Object.keys(this.tokenSet.colors.physical.series);
|
|
40
|
+
}
|
|
41
|
+
getSemanticTokens() {
|
|
42
|
+
var _a, _b;
|
|
43
|
+
if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes)) {
|
|
44
|
+
return [];
|
|
45
|
+
}
|
|
46
|
+
return Object.entries(this.tokenSet.colors.semantic.sememes);
|
|
47
|
+
}
|
|
48
|
+
updateSemanticToken(tokenName, condition, property, value) {
|
|
49
|
+
var _a, _b, _c, _d;
|
|
50
|
+
if (!((_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) === null || _c === void 0 ? void 0 : _c[tokenName]) === null || _d === void 0 ? void 0 : _d[condition])) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
54
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
55
|
+
// Update the specific property
|
|
56
|
+
updatedTokenSet.colors.semantic.sememes[tokenName][condition][property] = value;
|
|
57
|
+
// Update the state
|
|
58
|
+
this.tokenSet = updatedTokenSet;
|
|
59
|
+
// Save and render changes
|
|
60
|
+
this.debouncedSaveAndRender();
|
|
61
|
+
}
|
|
62
|
+
handleTokenNameChange(tokenName, newName) {
|
|
63
|
+
var _a, _b, _c;
|
|
64
|
+
if (!((_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) === null || _c === void 0 ? void 0 : _c[tokenName])) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
68
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
69
|
+
// Get the token value
|
|
70
|
+
const tokenValue = updatedTokenSet.colors.semantic.sememes[tokenName];
|
|
71
|
+
// Delete the old token
|
|
72
|
+
delete updatedTokenSet.colors.semantic.sememes[tokenName];
|
|
73
|
+
// Add the token with the new name
|
|
74
|
+
updatedTokenSet.colors.semantic.sememes[newName] = tokenValue;
|
|
75
|
+
// Update the state
|
|
76
|
+
this.tokenSet = updatedTokenSet;
|
|
77
|
+
// Save and render changes
|
|
78
|
+
this.debouncedSaveAndRender();
|
|
79
|
+
}
|
|
80
|
+
handleSeriesChange(tokenName, condition, value) {
|
|
81
|
+
this.updateSemanticToken(tokenName, condition, 0, value);
|
|
82
|
+
}
|
|
83
|
+
handleBothSeriesChange(tokenName, value) {
|
|
84
|
+
// Update both light and dark series values
|
|
85
|
+
this.updateSemanticToken(tokenName, 'light', 0, value);
|
|
86
|
+
this.updateSemanticToken(tokenName, 'dark', 0, value);
|
|
87
|
+
}
|
|
88
|
+
handleLuminosityChange(tokenName, condition, value) {
|
|
89
|
+
var _a, _b, _c, _d, _e;
|
|
90
|
+
// Get the current value to preserve alpha if it exists
|
|
91
|
+
const currentValue = (_e = (_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) === null || _c === void 0 ? void 0 : _c[tokenName]) === null || _d === void 0 ? void 0 : _d[condition]) === null || _e === void 0 ? void 0 : _e[1];
|
|
92
|
+
if (!isAlphaLuminosity(currentValue)) {
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
// Parse the current value to get the alpha component
|
|
96
|
+
const [, alpha] = parseAlphaLuminosity(currentValue);
|
|
97
|
+
// If alpha is defined and not 1, use the format "luminosity/alpha"
|
|
98
|
+
// Otherwise, just use the luminosity value
|
|
99
|
+
const newValue = alpha !== undefined && alpha !== 1 ? `${value}/${alpha}` : value;
|
|
100
|
+
this.updateSemanticToken(tokenName, condition, 1, newValue);
|
|
101
|
+
}
|
|
102
|
+
handleAlphaChange(tokenName, value) {
|
|
103
|
+
// Update both light and dark conditions
|
|
104
|
+
['light', 'dark'].forEach((condition) => {
|
|
105
|
+
var _a, _b, _c, _d, _e;
|
|
106
|
+
const currentValue = (_e = (_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) === null || _c === void 0 ? void 0 : _c[tokenName]) === null || _d === void 0 ? void 0 : _d[condition]) === null || _e === void 0 ? void 0 : _e[1];
|
|
107
|
+
if (!isAlphaLuminosity(currentValue)) {
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
// Parse the current value to get the luminosity component
|
|
111
|
+
const [luminosity] = parseAlphaLuminosity(currentValue);
|
|
112
|
+
// If alpha is 1 (default), just use the luminosity value
|
|
113
|
+
// Otherwise, use the format "luminosity/alpha"
|
|
114
|
+
const newValue = value === 1 ? luminosity : `${luminosity}/${value}`;
|
|
115
|
+
this.updateSemanticToken(tokenName, condition, 1, newValue);
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
addSemanticToken() {
|
|
119
|
+
var _a, _b;
|
|
120
|
+
if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes)) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
124
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
125
|
+
// Generate a random ID for the token name
|
|
126
|
+
const tokenName = makeId('sememe--');
|
|
127
|
+
// Create a new token with default values
|
|
128
|
+
updatedTokenSet.colors.semantic.sememes[tokenName] = {
|
|
129
|
+
light: ['neutral', 500],
|
|
130
|
+
dark: ['neutral', 500],
|
|
131
|
+
};
|
|
132
|
+
// Update the state
|
|
133
|
+
this.tokenSet = updatedTokenSet;
|
|
134
|
+
// Save and render changes
|
|
135
|
+
this.debouncedSaveAndRender();
|
|
136
|
+
}
|
|
137
|
+
removeSemanticToken(tokenName) {
|
|
138
|
+
var _a, _b, _c;
|
|
139
|
+
if (!((_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.semantic) === null || _b === void 0 ? void 0 : _b.sememes) === null || _c === void 0 ? void 0 : _c[tokenName])) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
143
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
144
|
+
// Delete the token
|
|
145
|
+
delete updatedTokenSet.colors.semantic.sememes[tokenName];
|
|
146
|
+
// Update the state
|
|
147
|
+
this.tokenSet = updatedTokenSet;
|
|
148
|
+
// Save and render changes
|
|
149
|
+
this.debouncedSaveAndRender();
|
|
150
|
+
}
|
|
151
|
+
getAliasTokensForSemantic(tokenName) {
|
|
152
|
+
var _a, _b, _c;
|
|
153
|
+
if (!((_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases) === null || _c === void 0 ? void 0 : _c[tokenName])) {
|
|
154
|
+
return [];
|
|
155
|
+
}
|
|
156
|
+
const aliasTokens = [];
|
|
157
|
+
const aliases = this.tokenSet.colors.alias.aliases[tokenName];
|
|
158
|
+
// Process each condition (root, attention)
|
|
159
|
+
Object.entries(aliases).forEach(([condition, names]) => {
|
|
160
|
+
names.forEach((name) => {
|
|
161
|
+
aliasTokens.push({ condition, name });
|
|
162
|
+
});
|
|
163
|
+
});
|
|
164
|
+
return aliasTokens;
|
|
165
|
+
}
|
|
166
|
+
addAliasToken(tokenName) {
|
|
167
|
+
var _a, _b;
|
|
168
|
+
if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases)) {
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
172
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
173
|
+
// Ensure the semantic token exists in the aliases structure
|
|
174
|
+
if (!updatedTokenSet.colors.alias.aliases[tokenName]) {
|
|
175
|
+
updatedTokenSet.colors.alias.aliases[tokenName] = {};
|
|
176
|
+
}
|
|
177
|
+
// Ensure the 'root' condition exists
|
|
178
|
+
if (!updatedTokenSet.colors.alias.aliases[tokenName].root) {
|
|
179
|
+
updatedTokenSet.colors.alias.aliases[tokenName].root = [];
|
|
180
|
+
}
|
|
181
|
+
// Generate a random ID for the alias name
|
|
182
|
+
const aliasName = makeId('alias--');
|
|
183
|
+
// Add the new alias to the 'root' condition
|
|
184
|
+
updatedTokenSet.colors.alias.aliases[tokenName].root.push(aliasName);
|
|
185
|
+
// Update the state
|
|
186
|
+
this.tokenSet = updatedTokenSet;
|
|
187
|
+
// Save and render changes
|
|
188
|
+
this.debouncedSaveAndRender();
|
|
189
|
+
}
|
|
190
|
+
removeAliasToken(tokenName, condition, aliasName) {
|
|
191
|
+
var _a, _b, _c, _d;
|
|
192
|
+
if (!((_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases) === null || _c === void 0 ? void 0 : _c[tokenName]) === null || _d === void 0 ? void 0 : _d[condition])) {
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
196
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
197
|
+
// Find the index of the alias in the array
|
|
198
|
+
const aliasIndex = updatedTokenSet.colors.alias.aliases[tokenName][condition].indexOf(aliasName);
|
|
199
|
+
if (aliasIndex === -1) {
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
// Remove the alias from the array
|
|
203
|
+
updatedTokenSet.colors.alias.aliases[tokenName][condition].splice(aliasIndex, 1);
|
|
204
|
+
// If the condition array is empty, remove it
|
|
205
|
+
if (updatedTokenSet.colors.alias.aliases[tokenName][condition].length === 0) {
|
|
206
|
+
delete updatedTokenSet.colors.alias.aliases[tokenName][condition];
|
|
207
|
+
}
|
|
208
|
+
// If the token has no more conditions, remove it from aliases
|
|
209
|
+
if (Object.keys(updatedTokenSet.colors.alias.aliases[tokenName]).length === 0) {
|
|
210
|
+
delete updatedTokenSet.colors.alias.aliases[tokenName];
|
|
211
|
+
}
|
|
212
|
+
// Update the state
|
|
213
|
+
this.tokenSet = updatedTokenSet;
|
|
214
|
+
// Save and render changes
|
|
215
|
+
this.debouncedSaveAndRender();
|
|
216
|
+
}
|
|
217
|
+
updateAliasToken(tokenName, oldCondition, oldName, newCondition, newName) {
|
|
218
|
+
var _a, _b, _c, _d;
|
|
219
|
+
if (!((_d = (_c = (_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases) === null || _c === void 0 ? void 0 : _c[tokenName]) === null || _d === void 0 ? void 0 : _d[oldCondition])) {
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
// Create a deep copy of the tokenSet to avoid direct mutation
|
|
223
|
+
const updatedTokenSet = JSON.parse(JSON.stringify(this.tokenSet));
|
|
224
|
+
// Find the index of the old alias in the array
|
|
225
|
+
const aliasIndex = updatedTokenSet.colors.alias.aliases[tokenName][oldCondition].indexOf(oldName);
|
|
226
|
+
if (aliasIndex === -1) {
|
|
227
|
+
return;
|
|
228
|
+
}
|
|
229
|
+
// Remove the old alias
|
|
230
|
+
updatedTokenSet.colors.alias.aliases[tokenName][oldCondition].splice(aliasIndex, 1);
|
|
231
|
+
// If the old condition array is empty, remove it
|
|
232
|
+
if (updatedTokenSet.colors.alias.aliases[tokenName][oldCondition].length === 0) {
|
|
233
|
+
delete updatedTokenSet.colors.alias.aliases[tokenName][oldCondition];
|
|
234
|
+
}
|
|
235
|
+
// Ensure the new condition exists
|
|
236
|
+
if (!updatedTokenSet.colors.alias.aliases[tokenName][newCondition]) {
|
|
237
|
+
updatedTokenSet.colors.alias.aliases[tokenName][newCondition] = [];
|
|
238
|
+
}
|
|
239
|
+
// Add the new alias to the new condition
|
|
240
|
+
updatedTokenSet.colors.alias.aliases[tokenName][newCondition].push(newName);
|
|
241
|
+
// Update the state
|
|
242
|
+
this.tokenSet = updatedTokenSet;
|
|
243
|
+
// Save and render changes
|
|
244
|
+
this.debouncedSaveAndRender();
|
|
245
|
+
}
|
|
246
|
+
checkDuplicateAlias(tokenName, condition, aliasName) {
|
|
247
|
+
var _a, _b;
|
|
248
|
+
if (!((_b = (_a = this.tokenSet.colors) === null || _a === void 0 ? void 0 : _a.alias) === null || _b === void 0 ? void 0 : _b.aliases)) {
|
|
249
|
+
return false;
|
|
250
|
+
}
|
|
251
|
+
// Check if the alias exists in any other token with the same condition
|
|
252
|
+
for (const [currentTokenName, conditions] of Object.entries(this.tokenSet.colors.alias.aliases)) {
|
|
253
|
+
// Skip the current token
|
|
254
|
+
if (currentTokenName === tokenName) {
|
|
255
|
+
continue;
|
|
256
|
+
}
|
|
257
|
+
// Check if the condition exists and contains the alias name
|
|
258
|
+
if (conditions[condition] && conditions[condition].includes(aliasName)) {
|
|
259
|
+
return true;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
return false;
|
|
263
|
+
}
|
|
264
|
+
renderTokenControls(tokenName, tokenValue) {
|
|
265
|
+
var _a, _b, _c, _d;
|
|
266
|
+
const physicalColorSeries = this.getPhysicalColorSeries();
|
|
267
|
+
const lightSeries = ((_a = tokenValue.light) === null || _a === void 0 ? void 0 : _a[0]) || '';
|
|
268
|
+
const lightLuminosityValue = ((_b = tokenValue.light) === null || _b === void 0 ? void 0 : _b[1]) || 0;
|
|
269
|
+
const darkSeries = ((_c = tokenValue.dark) === null || _c === void 0 ? void 0 : _c[0]) || '';
|
|
270
|
+
const darkLuminosityValue = ((_d = tokenValue.dark) === null || _d === void 0 ? void 0 : _d[1]) || 0;
|
|
271
|
+
// Parse the luminosity values to extract the alpha components
|
|
272
|
+
const [lightLuminosity, lightAlpha] = parseAlphaLuminosity(lightLuminosityValue);
|
|
273
|
+
const [darkLuminosity, darkAlpha] = parseAlphaLuminosity(darkLuminosityValue);
|
|
274
|
+
// Use the same series for both light and dark
|
|
275
|
+
const currentSeries = lightSeries || darkSeries;
|
|
276
|
+
// Use the first defined alpha value, or default to 1
|
|
277
|
+
const currentAlpha = lightAlpha !== undefined ? lightAlpha : darkAlpha !== undefined ? darkAlpha : 1;
|
|
278
|
+
// Create unique IDs for headings to reference in aria-labelledby
|
|
279
|
+
const tokenHeadingId = `${tokenName}-heading`;
|
|
280
|
+
const lightHeadingId = `${tokenName}-light-heading`;
|
|
281
|
+
const darkHeadingId = `${tokenName}-dark-heading`;
|
|
282
|
+
const seriesSelectId = `${tokenName}-series`;
|
|
283
|
+
const contentId = `${tokenName}-content`;
|
|
284
|
+
const aliasListId = `${tokenName}-alias-list`;
|
|
285
|
+
// Toggle expanded/collapsed state
|
|
286
|
+
const toggleExpanded = (e) => {
|
|
287
|
+
const button = e.currentTarget;
|
|
288
|
+
const container = button.closest('.collapsible-token');
|
|
289
|
+
const isExpanded = container.getAttribute('data-state') === 'expanded';
|
|
290
|
+
container.setAttribute('data-state', isExpanded ? 'collapsed' : 'expanded');
|
|
291
|
+
button.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
|
|
292
|
+
};
|
|
293
|
+
return html `
|
|
294
|
+
<div role="group" class="collapsible-token" data-state="collapsed">
|
|
295
|
+
<h3 id="${tokenHeadingId}" class="token-title">
|
|
296
|
+
<button
|
|
297
|
+
class="toggle-button dx-focus-ring dx-button"
|
|
298
|
+
@click=${toggleExpanded}
|
|
299
|
+
aria-expanded="false"
|
|
300
|
+
aria-controls="${contentId}"
|
|
301
|
+
>
|
|
302
|
+
<dx-icon icon="ph--caret-down--regular"></dx-icon>
|
|
303
|
+
<span class="sr-only">Toggle token controls</span>
|
|
304
|
+
</button>
|
|
305
|
+
<span class="static-token-name" @click=${toggleExpanded}>${tokenName}</span>
|
|
306
|
+
<input
|
|
307
|
+
type="text"
|
|
308
|
+
class="token-name-input dx-focus-ring"
|
|
309
|
+
.value=${tokenName}
|
|
310
|
+
@change=${(e) => this.handleTokenNameChange(tokenName, e.target.value)}
|
|
311
|
+
aria-label="Token name"
|
|
312
|
+
/>
|
|
313
|
+
<button
|
|
314
|
+
class="remove-token-button dx-focus-ring dx-button"
|
|
315
|
+
@click=${() => this.removeSemanticToken(tokenName)}
|
|
316
|
+
aria-label="Remove token"
|
|
317
|
+
>
|
|
318
|
+
<span class="sr-only">Remove token</span>
|
|
319
|
+
<dx-icon icon="ph--minus--regular" />
|
|
320
|
+
</button>
|
|
321
|
+
</h3>
|
|
322
|
+
<div id="${contentId}" class="token-config-content">
|
|
323
|
+
<div class="token-header">
|
|
324
|
+
<div class="token-series-select">
|
|
325
|
+
<label class="control-label" for="${seriesSelectId}">Palette:</label>
|
|
326
|
+
<select
|
|
327
|
+
id="${seriesSelectId}"
|
|
328
|
+
class="series-select dx-focus-ring"
|
|
329
|
+
.value=${currentSeries}
|
|
330
|
+
@change=${(e) => this.handleBothSeriesChange(tokenName, e.target.value)}
|
|
331
|
+
aria-labelledby="${tokenHeadingId}"
|
|
332
|
+
>
|
|
333
|
+
${repeat(physicalColorSeries, (series) => series, (series) => html `<option value="${series}" ?selected=${series === currentSeries}>${series}</option>`)}
|
|
334
|
+
</select>
|
|
335
|
+
</div>
|
|
336
|
+
<dx-range-spinbutton
|
|
337
|
+
label="Alpha"
|
|
338
|
+
min="0"
|
|
339
|
+
max="1"
|
|
340
|
+
step="0.01"
|
|
341
|
+
.value=${currentAlpha}
|
|
342
|
+
headingId=${tokenHeadingId}
|
|
343
|
+
@value-changed=${(e) => this.handleAlphaChange(tokenName, e.detail.value)}
|
|
344
|
+
></dx-range-spinbutton>
|
|
345
|
+
</div>
|
|
346
|
+
<div role="group" class="control-group">
|
|
347
|
+
<div role="none" class="control-group-item">
|
|
348
|
+
<div class="shade-preview dark">
|
|
349
|
+
<div class="shade" style="${styleMap({ backgroundColor: `var(--dx-${tokenName})` })}"></div>
|
|
350
|
+
</div>
|
|
351
|
+
<dx-range-spinbutton
|
|
352
|
+
label="Dark"
|
|
353
|
+
min="0"
|
|
354
|
+
max="1000"
|
|
355
|
+
step="1"
|
|
356
|
+
.value=${darkLuminosity}
|
|
357
|
+
headingId=${darkHeadingId}
|
|
358
|
+
@value-changed=${(e) => this.handleLuminosityChange(tokenName, 'dark', e.detail.value)}
|
|
359
|
+
variant="reverse-range"
|
|
360
|
+
></dx-range-spinbutton>
|
|
361
|
+
</div>
|
|
362
|
+
<div role="none" class="control-group-item">
|
|
363
|
+
<div class="shade-preview">
|
|
364
|
+
<div class="shade" style="${styleMap({ backgroundColor: `var(--dx-${tokenName})` })}"></div>
|
|
365
|
+
</div>
|
|
366
|
+
<dx-range-spinbutton
|
|
367
|
+
label="Light"
|
|
368
|
+
min="0"
|
|
369
|
+
max="1000"
|
|
370
|
+
step="1"
|
|
371
|
+
.value=${lightLuminosity}
|
|
372
|
+
headingId=${lightHeadingId}
|
|
373
|
+
@value-changed=${(e) => this.handleLuminosityChange(tokenName, 'light', e.detail.value)}
|
|
374
|
+
variant="reverse-order"
|
|
375
|
+
></dx-range-spinbutton>
|
|
376
|
+
</div>
|
|
377
|
+
</div>
|
|
378
|
+
|
|
379
|
+
<!-- Alias tokens -->
|
|
380
|
+
<div class="semantic-alias-token-section">
|
|
381
|
+
<ul id="${aliasListId}" class="semantic-alias-token-list">
|
|
382
|
+
${repeat(this.getAliasTokensForSemantic(tokenName), (alias) => `${tokenName}-${alias.condition}-${alias.name}`, (alias) => html `
|
|
383
|
+
<li class="alias-token-item">
|
|
384
|
+
<div role="none" class="condition-and-validation">
|
|
385
|
+
<p
|
|
386
|
+
class="alias-validation"
|
|
387
|
+
style=${styleMap({
|
|
388
|
+
display: this.checkDuplicateAlias(tokenName, alias.condition, alias.name) ? 'flex' : 'none',
|
|
389
|
+
})}
|
|
390
|
+
>
|
|
391
|
+
<dx-icon icon="ph--warning--duotone" size="6"></dx-icon>Duplicate
|
|
392
|
+
</p>
|
|
393
|
+
<select
|
|
394
|
+
class="alias-condition-select dx-focus-ring"
|
|
395
|
+
.value=${alias.condition}
|
|
396
|
+
@change=${(e) => {
|
|
397
|
+
const newCondition = e.target.value;
|
|
398
|
+
this.updateAliasToken(tokenName, alias.condition, alias.name, newCondition, alias.name);
|
|
399
|
+
}}
|
|
400
|
+
>
|
|
401
|
+
<option value="root">root</option>
|
|
402
|
+
<option value="attention">attention</option>
|
|
403
|
+
</select>
|
|
404
|
+
</div>
|
|
405
|
+
<input
|
|
406
|
+
type="text"
|
|
407
|
+
class="alias-name-input dx-focus-ring"
|
|
408
|
+
.value=${alias.name}
|
|
409
|
+
@change=${(e) => {
|
|
410
|
+
const newName = e.target.value;
|
|
411
|
+
this.updateAliasToken(tokenName, alias.condition, alias.name, alias.condition, newName);
|
|
412
|
+
}}
|
|
413
|
+
/>
|
|
414
|
+
<button
|
|
415
|
+
class="remove-alias-button dx-focus-ring dx-button"
|
|
416
|
+
@click=${() => this.removeAliasToken(tokenName, alias.condition, alias.name)}
|
|
417
|
+
>
|
|
418
|
+
<span class="sr-only">Remove alias token</span>
|
|
419
|
+
<dx-icon icon="ph--minus--regular" />
|
|
420
|
+
</button>
|
|
421
|
+
</li>
|
|
422
|
+
`)}
|
|
423
|
+
</ul>
|
|
424
|
+
<button class="add-alias-button dx-focus-ring dx-button" @click=${() => this.addAliasToken(tokenName)}>
|
|
425
|
+
Add alias
|
|
426
|
+
</button>
|
|
427
|
+
</div>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
`;
|
|
431
|
+
}
|
|
432
|
+
connectedCallback() {
|
|
433
|
+
super.connectedCallback();
|
|
434
|
+
saveAndRender(this.tokenSet);
|
|
435
|
+
window.addEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
|
|
436
|
+
}
|
|
437
|
+
disconnectedCallback() {
|
|
438
|
+
super.disconnectedCallback();
|
|
439
|
+
window.removeEventListener(tokenSetUpdateEvent, this.handleTokenSetUpdate);
|
|
440
|
+
}
|
|
441
|
+
handleSearchChange(e) {
|
|
442
|
+
this.searchTerm = e.target.value;
|
|
443
|
+
}
|
|
444
|
+
render() {
|
|
445
|
+
const semanticTokens = this.getSemanticTokens();
|
|
446
|
+
const filteredTokens = semanticTokens.filter(([tokenName]) => tokenName.toLowerCase().includes(this.searchTerm.toLowerCase()));
|
|
447
|
+
return html `
|
|
448
|
+
<input
|
|
449
|
+
type="search"
|
|
450
|
+
class="token-search dx-focus-ring"
|
|
451
|
+
placeholder="Search semantic tokens…"
|
|
452
|
+
.value=${this.searchTerm}
|
|
453
|
+
@input=${this.handleSearchChange}
|
|
454
|
+
aria-label="Search tokens"
|
|
455
|
+
/>
|
|
456
|
+
${repeat(filteredTokens, ([tokenName]) => tokenName, ([tokenName, tokenValue]) => this.renderTokenControls(tokenName, tokenValue))}
|
|
457
|
+
<button class="add-token-button dx-focus-ring dx-button" @click=${this.addSemanticToken}>Add token</button>
|
|
458
|
+
`;
|
|
459
|
+
}
|
|
460
|
+
createRenderRoot() {
|
|
461
|
+
return this;
|
|
462
|
+
}
|
|
463
|
+
};
|
|
464
|
+
__decorate([
|
|
465
|
+
state()
|
|
466
|
+
], DxThemeEditorSemanticColors.prototype, "tokenSet", void 0);
|
|
467
|
+
__decorate([
|
|
468
|
+
state()
|
|
469
|
+
], DxThemeEditorSemanticColors.prototype, "searchTerm", void 0);
|
|
470
|
+
DxThemeEditorSemanticColors = __decorate([
|
|
471
|
+
customElement('dx-theme-editor-semantic-colors')
|
|
472
|
+
], DxThemeEditorSemanticColors);
|
|
473
|
+
export { DxThemeEditorSemanticColors };
|
|
474
|
+
//# sourceMappingURL=dx-theme-editor-semantic-colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dx-theme-editor-semantic-colors.js","sourceRoot":"","sources":["../../../src/dx-theme-editor/dx-theme-editor-semantic-colors.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAGF,OAAO,EAAiB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAErE,OAAO,uBAAuB,CAAC;AAI/B,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAA4B,EAAE;IACjE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACtF,CAAC,CAAC;AAGK,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,UAAU;IAApD;;QAEL,aAAQ,GAAa,OAAO,EAAE,CAAC;QAG/B,eAAU,GAAW,EAAE,CAAC;QAEhB,2BAAsB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC7C,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC,EAAE,GAAG,CAAC,CAAC;QAEA,yBAAoB,GAAG,GAAG,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,EAAE,CAAC;QAC5B,CAAC,CAAC;IAugBJ,CAAC;IArgBS,sBAAsB;;QAC5B,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,MAAM,CAAA,EAAE,CAAC;YAC5C,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC;IAEO,iBAAiB;;QACvB,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,CAAA,EAAE,CAAC;YAC7C,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;IAEO,mBAAmB,CAAC,SAAiB,EAAE,SAA2B,EAAE,QAAe,EAAE,KAAU;;QACrG,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,0CAAG,SAAS,CAAC,0CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YACvE,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,+BAA+B;QAC/B,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;QAEhF,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,qBAAqB,CAAC,SAAiB,EAAE,OAAe;;QAC9D,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,0CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,sBAAsB;QACtB,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEtE,uBAAuB;QACvB,OAAO,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE1D,kCAAkC;QAClC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;QAE9D,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,kBAAkB,CAAC,SAAiB,EAAE,SAA2B,EAAE,KAAa;QACtF,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,CAAC;IAEO,sBAAsB,CAAC,SAAiB,EAAE,KAAa;QAC7D,2CAA2C;QAC3C,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IAEO,sBAAsB,CAAC,SAAiB,EAAE,SAA2B,EAAE,KAAa;;QAC1F,uDAAuD;QACvD,MAAM,YAAY,GAAG,MAAA,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,0CAAG,SAAS,CAAC,0CAAG,SAAS,CAAC,0CAAG,CAAC,CAAC,CAAC;QAC5F,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,qDAAqD;QACrD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;QAErD,mEAAmE;QACnE,2CAA2C;QAC3C,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAElF,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC9D,CAAC;IAEO,iBAAiB,CAAC,SAAiB,EAAE,KAAa;QACxD,wCAAwC;QACxC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;;YACtC,MAAM,YAAY,GAAG,MAAA,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,0CAAG,SAAS,CAAC,0CAAG,SAA6B,CAAC,0CAAG,CAAC,CAAC,CAAC;YAChH,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,0DAA0D;YAC1D,MAAM,CAAC,UAAU,CAAC,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;YAExD,yDAAyD;YACzD,+CAA+C;YAC/C,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,EAAE,CAAC;YAErE,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAA6B,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;QAClF,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;;QACtB,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,CAAA,EAAE,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,0CAA0C;QAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QAErC,yCAAyC;QACzC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG;YACnD,KAAK,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC;YACvB,IAAI,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,CAAC;QAEF,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,mBAAmB,CAAC,SAAiB;;QAC3C,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,QAAQ,0CAAE,OAAO,0CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,mBAAmB;QACnB,OAAO,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE1D,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,yBAAyB,CAAC,SAAiB;;QACjD,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,0CAAE,OAAO,0CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YACvD,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,WAAW,GAA0C,EAAE,CAAC;QAC9D,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE9D,2CAA2C;QAC3C,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;YACrD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,WAAW,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC;IAEO,aAAa,CAAC,SAAiB;;QACrC,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,0CAAE,OAAO,CAAA,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,4DAA4D;QAC5D,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;YACrD,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACvD,CAAC;QAED,qCAAqC;QACrC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;YAC1D,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;QAC5D,CAAC;QAED,0CAA0C;QAC1C,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAEpC,4CAA4C;QAC5C,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAErE,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,gBAAgB,CAAC,SAAiB,EAAE,SAAiB,EAAE,SAAiB;;QAC9E,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,0CAAE,OAAO,0CAAG,SAAS,CAAC,0CAAG,SAAS,CAAC,CAAA,EAAE,CAAC;YACpE,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,2CAA2C;QAC3C,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACjG,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,kCAAkC;QAClC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QAEjF,6CAA6C;QAC7C,IAAI,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5E,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,CAAC;QAED,8DAA8D;QAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9E,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzD,CAAC;QAED,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,gBAAgB,CACtB,SAAiB,EACjB,YAAoB,EACpB,OAAe,EACf,YAAoB,EACpB,OAAe;;QAEf,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,0CAAE,OAAO,0CAAG,SAAS,CAAC,0CAAG,YAAY,CAAC,CAAA,EAAE,CAAC;YACvE,OAAO;QACT,CAAC;QAED,8DAA8D;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElE,+CAA+C;QAC/C,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAClG,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,uBAAuB;QACvB,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QAEpF,iDAAiD;QACjD,IAAI,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/E,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC;QACvE,CAAC;QAED,kCAAkC;QAClC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC;YACnE,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;QACrE,CAAC;QAED,yCAAyC;QACzC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE5E,mBAAmB;QACnB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;QAEhC,0BAA0B;QAC1B,IAAI,CAAC,sBAAsB,EAAE,CAAC;IAChC,CAAC;IAEO,mBAAmB,CAAC,SAAiB,EAAE,SAAiB,EAAE,SAAiB;;QACjF,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,0CAAE,KAAK,0CAAE,OAAO,CAAA,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACf,CAAC;QAED,uEAAuE;QACvE,KAAK,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAChG,yBAAyB;YACzB,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;gBACnC,SAAS;YACX,CAAC;YAED,4DAA4D;YAC5D,IAAI,UAAU,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;gBACvE,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,mBAAmB,CAAC,SAAiB,EAAE,UAAe;;QAC5D,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC1D,MAAM,WAAW,GAAG,CAAA,MAAA,UAAU,CAAC,KAAK,0CAAG,CAAC,CAAC,KAAI,EAAE,CAAC;QAChD,MAAM,oBAAoB,GAAG,CAAA,MAAA,UAAU,CAAC,KAAK,0CAAG,CAAC,CAAC,KAAI,CAAC,CAAC;QACxD,MAAM,UAAU,GAAG,CAAA,MAAA,UAAU,CAAC,IAAI,0CAAG,CAAC,CAAC,KAAI,EAAE,CAAC;QAC9C,MAAM,mBAAmB,GAAG,CAAA,MAAA,UAAU,CAAC,IAAI,0CAAG,CAAC,CAAC,KAAI,CAAC,CAAC;QAEtD,8DAA8D;QAC9D,MAAM,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;QACjF,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAE9E,8CAA8C;QAC9C,MAAM,aAAa,GAAG,WAAW,IAAI,UAAU,CAAC;QAEhD,qDAAqD;QACrD,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAErG,iEAAiE;QACjE,MAAM,cAAc,GAAG,GAAG,SAAS,UAAU,CAAC;QAC9C,MAAM,cAAc,GAAG,GAAG,SAAS,gBAAgB,CAAC;QACpD,MAAM,aAAa,GAAG,GAAG,SAAS,eAAe,CAAC;QAClD,MAAM,cAAc,GAAG,GAAG,SAAS,SAAS,CAAC;QAC7C,MAAM,SAAS,GAAG,GAAG,SAAS,UAAU,CAAC;QACzC,MAAM,WAAW,GAAG,GAAG,SAAS,aAAa,CAAC;QAE9C,kCAAkC;QAClC,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YAClC,MAAM,MAAM,GAAG,CAAC,CAAC,aAAkC,CAAC;YACpD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAgB,CAAC;YACtE,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,UAAU,CAAC;YACvE,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YAC5E,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;kBAEG,cAAc;;;qBAGX,cAAc;;6BAEN,SAAS;;;;;mDAKa,cAAc,IAAI,SAAS;;;;qBAIzD,SAAS;sBACR,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;;;;;qBAK1F,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;;;;;;;mBAO3C,SAAS;;;kDAGsB,cAAc;;sBAE1C,cAAc;;yBAEX,aAAa;0BACZ,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;mCAClF,cAAc;;kBAE/B,MAAM,CACN,mBAAmB,EACnB,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAClB,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA,kBAAkB,MAAM,eAAe,MAAM,KAAK,aAAa,IAAI,MAAM,WAAW,CACrG;;;;;;;;uBAQM,YAAY;0BACT,cAAc;+BACT,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;4CAMxD,QAAQ,CAAC,EAAE,eAAe,EAAE,YAAY,SAAS,GAAG,EAAE,CAAC;;;;;;;yBAO1E,cAAc;4BACX,aAAa;iCACR,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;4CAMvE,QAAQ,CAAC,EAAE,eAAe,EAAE,YAAY,SAAS,GAAG,EAAE,CAAC;;;;;;;yBAO1E,eAAe;4BACZ,cAAc;iCACT,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;;sBAQ9F,WAAW;gBACjB,MAAM,CACN,IAAI,CAAC,yBAAyB,CAAC,SAAS,CAAC,EACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,EAAE,EAC1D,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;gCAKC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SAC5F,CAAC;;;;;;iCAMO,KAAK,CAAC,SAAS;kCACd,CAAC,CAAQ,EAAE,EAAE;YACrB,MAAM,YAAY,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;YAC3D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1F,CAAC;;;;;;;;;+BASM,KAAK,CAAC,IAAI;gCACT,CAAC,CAAQ,EAAE,EAAE;YACrB,MAAM,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;YACrD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC1F,CAAC;;;;+BAIQ,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC;;;;;;iBAMjF,CACF;;8EAE+D,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;;;;;;KAM5G,CAAC;IACJ,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC1E,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC7E,CAAC;IAEO,kBAAkB,CAAC,CAAQ;QACjC,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;IACzD,CAAC;IAEQ,MAAM;QACb,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAChD,MAAM,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAC3D,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAChE,CAAC;QAEF,OAAO,IAAI,CAAA;;;;;iBAKE,IAAI,CAAC,UAAU;iBACf,IAAI,CAAC,kBAAkB;;;QAGhC,MAAM,CACN,cAAc,EACd,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,EAC1B,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAC7E;wEACiE,IAAI,CAAC,gBAAgB;KACxF,CAAC;IACJ,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAlhBC;IADC,KAAK,EAAE;6DACuB;AAG/B;IADC,KAAK,EAAE;+DACgB;AALb,2BAA2B;IADvC,aAAa,CAAC,iCAAiC,CAAC;GACpC,2BAA2B,CAohBvC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import './dx-theme-editor-physical-colors';
|
|
3
|
+
import './dx-theme-editor-semantic-colors';
|
|
4
|
+
import './dx-theme-editor-alias-colors';
|
|
5
|
+
export type DxThemeEditorProps = {};
|
|
6
|
+
export declare class DxThemeEditor extends LitElement {
|
|
7
|
+
private activeTab;
|
|
8
|
+
private currentTokenSet;
|
|
9
|
+
private handleTabClick;
|
|
10
|
+
private handleTokenSetUpdate;
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
disconnectedCallback(): void;
|
|
13
|
+
render(): import("lit").TemplateResult<1>;
|
|
14
|
+
createRenderRoot(): this;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=dx-theme-editor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dx-theme-editor.d.ts","sourceRoot":"","sources":["../../../src/dx-theme-editor/dx-theme-editor.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,gCAAgC,CAAC;AAGxC,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAIpC,qBACa,aAAc,SAAQ,UAAU;IAE3C,OAAO,CAAC,SAAS,CAAmB;IAGpC,OAAO,CAAC,eAAe,CAAuB;IAE9C,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,oBAAoB,CAG1B;IAEO,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IA6GN,gBAAgB,IAAI,IAAI;CAGlC"}
|