@salesforce/ui-theme-manager 11.66.3 → 11.67.0
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/dist/authoring/core/ThemeManagerPanelRoot.d.cts +20 -3
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts +20 -3
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts.map +1 -1
- package/dist/authoring/core/components/SaveBar.d.cts +4 -1
- package/dist/authoring/core/components/SaveBar.d.ts +4 -1
- package/dist/authoring/core/components/SaveBar.d.ts.map +1 -1
- package/dist/authoring/core/labels.d.cts +3 -2
- package/dist/authoring/core/labels.d.ts +3 -2
- package/dist/authoring/core/labels.d.ts.map +1 -1
- package/dist/authoring/react/index.js +1 -1
- package/dist/authoring/react/styles.css +1 -1
- package/dist/authoring/web-component/index.d.cts +15 -0
- package/dist/authoring/web-component/index.d.ts +15 -0
- package/dist/authoring/web-component/index.d.ts.map +1 -1
- package/dist/authoring/web-component/index.js +34 -33
- package/dist/protocol/messageTypes.d.cts +6 -0
- package/dist/protocol/messageTypes.d.ts +6 -0
- package/dist/protocol/messageTypes.d.ts.map +1 -1
- package/dist/runtime/previewRuntime.d.cts +4 -7
- package/dist/runtime/previewRuntime.d.ts +4 -7
- package/dist/runtime/previewRuntime.d.ts.map +1 -1
- package/dist/runtime/theme-preview-runtime.js +0 -36
- package/package.json +1 -1
|
@@ -19,19 +19,29 @@ export interface ThemeManagerPanelProps {
|
|
|
19
19
|
loading?: boolean;
|
|
20
20
|
/** Error message for failed brand fetch. */
|
|
21
21
|
error?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Optional help URL shown as a link beneath the error message. A host passes
|
|
24
|
+
* this for actionable errors (e.g. an org auth failure or no connected org)
|
|
25
|
+
* so the user can reach official docs for authorizing/connecting an org,
|
|
26
|
+
* instead of hitting a dead-end error string. Omit for non-actionable errors.
|
|
27
|
+
*/
|
|
28
|
+
errorHelpUrl?: string;
|
|
22
29
|
/** User selected a brand from the gallery. */
|
|
23
30
|
onSelectBrand: (brandId: string) => void;
|
|
24
31
|
/** User triggered an async brand search (debounced by host). */
|
|
25
32
|
onSearchBrands: (query: string) => void;
|
|
26
33
|
/** User changed a brand property. path is a dotted path like "colorScheme.primaryAccent". */
|
|
27
34
|
onUpdateBrandProperty: (section: string, path: string, value: unknown) => void;
|
|
28
|
-
/**
|
|
29
|
-
|
|
35
|
+
/**
|
|
36
|
+
* User clicked a save button. `"workspace"` overwrites the brand's existing
|
|
37
|
+
* local file; `"new"` saves it as a new local file instead of overwriting.
|
|
38
|
+
*/
|
|
39
|
+
onSaveBrand: (mode: "workspace" | "new") => void;
|
|
30
40
|
/** User switched tabs. */
|
|
31
41
|
onSelectTab: (tab: "local" | "org") => void;
|
|
32
42
|
/** User clicked refresh on local tab. */
|
|
33
43
|
onRefreshLocal: () => void;
|
|
34
|
-
/** User clicked "
|
|
44
|
+
/** User clicked "Copy Prompt for Agentforce Vibes". */
|
|
35
45
|
onApplyVibes?: () => void;
|
|
36
46
|
/**
|
|
37
47
|
* Whether to render the in-panel Save / Apply bar. Defaults to `true`.
|
|
@@ -40,6 +50,13 @@ export interface ThemeManagerPanelProps {
|
|
|
40
50
|
* `false` to avoid a duplicate set of buttons.
|
|
41
51
|
*/
|
|
42
52
|
showSaveBar?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether to render the panel's own title (`labels.header.title`). Defaults to
|
|
55
|
+
* `true`. A host that shows the title in its own chrome outside the panel (e.g.
|
|
56
|
+
* the VS Code extension renders it in an app-wide header) sets this to `false`
|
|
57
|
+
* to avoid a duplicate title.
|
|
58
|
+
*/
|
|
59
|
+
showTitle?: boolean;
|
|
43
60
|
}
|
|
44
61
|
/**
|
|
45
62
|
* Host-neutral React component for the Brand Manager control panel.
|
|
@@ -19,19 +19,29 @@ export interface ThemeManagerPanelProps {
|
|
|
19
19
|
loading?: boolean;
|
|
20
20
|
/** Error message for failed brand fetch. */
|
|
21
21
|
error?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Optional help URL shown as a link beneath the error message. A host passes
|
|
24
|
+
* this for actionable errors (e.g. an org auth failure or no connected org)
|
|
25
|
+
* so the user can reach official docs for authorizing/connecting an org,
|
|
26
|
+
* instead of hitting a dead-end error string. Omit for non-actionable errors.
|
|
27
|
+
*/
|
|
28
|
+
errorHelpUrl?: string;
|
|
22
29
|
/** User selected a brand from the gallery. */
|
|
23
30
|
onSelectBrand: (brandId: string) => void;
|
|
24
31
|
/** User triggered an async brand search (debounced by host). */
|
|
25
32
|
onSearchBrands: (query: string) => void;
|
|
26
33
|
/** User changed a brand property. path is a dotted path like "colorScheme.primaryAccent". */
|
|
27
34
|
onUpdateBrandProperty: (section: string, path: string, value: unknown) => void;
|
|
28
|
-
/**
|
|
29
|
-
|
|
35
|
+
/**
|
|
36
|
+
* User clicked a save button. `"workspace"` overwrites the brand's existing
|
|
37
|
+
* local file; `"new"` saves it as a new local file instead of overwriting.
|
|
38
|
+
*/
|
|
39
|
+
onSaveBrand: (mode: "workspace" | "new") => void;
|
|
30
40
|
/** User switched tabs. */
|
|
31
41
|
onSelectTab: (tab: "local" | "org") => void;
|
|
32
42
|
/** User clicked refresh on local tab. */
|
|
33
43
|
onRefreshLocal: () => void;
|
|
34
|
-
/** User clicked "
|
|
44
|
+
/** User clicked "Copy Prompt for Agentforce Vibes". */
|
|
35
45
|
onApplyVibes?: () => void;
|
|
36
46
|
/**
|
|
37
47
|
* Whether to render the in-panel Save / Apply bar. Defaults to `true`.
|
|
@@ -40,6 +50,13 @@ export interface ThemeManagerPanelProps {
|
|
|
40
50
|
* `false` to avoid a duplicate set of buttons.
|
|
41
51
|
*/
|
|
42
52
|
showSaveBar?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether to render the panel's own title (`labels.header.title`). Defaults to
|
|
55
|
+
* `true`. A host that shows the title in its own chrome outside the panel (e.g.
|
|
56
|
+
* the VS Code extension renders it in an app-wide header) sets this to `false`
|
|
57
|
+
* to avoid a duplicate title.
|
|
58
|
+
*/
|
|
59
|
+
showTitle?: boolean;
|
|
43
60
|
}
|
|
44
61
|
/**
|
|
45
62
|
* Host-neutral React component for the Brand Manager control panel.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeManagerPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/ThemeManagerPanelRoot.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAqB,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,uCAAuC;IACvC,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,gFAAgF;IAChF,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6FAA6F;IAC7F,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/E
|
|
1
|
+
{"version":3,"file":"ThemeManagerPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/ThemeManagerPanelRoot.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAqB,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,uCAAuC;IACvC,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,gFAAgF;IAChF,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6FAA6F;IAC7F,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/E;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;IACjD,0BAA0B;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC5C,yCAAyC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,+FA8OjC,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { PanelLabels } from '../labels.cjs';
|
|
2
2
|
export interface SaveBarProps {
|
|
3
3
|
labels: PanelLabels["save"];
|
|
4
|
+
/** Save edits back to the brand's existing local file (overwrite). */
|
|
4
5
|
onSave: () => void;
|
|
6
|
+
/** Save the current brand as a new local file rather than overwriting. */
|
|
7
|
+
onSaveAsNew: () => void;
|
|
5
8
|
onApplyVibes?: () => void;
|
|
6
9
|
}
|
|
7
|
-
export declare function SaveBar({ labels, onSave, onApplyVibes }: SaveBarProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function SaveBar({ labels, onSave, onSaveAsNew, onApplyVibes }: SaveBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
11
|
//# sourceMappingURL=SaveBar.d.ts.map
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { PanelLabels } from '../labels.js';
|
|
2
2
|
export interface SaveBarProps {
|
|
3
3
|
labels: PanelLabels["save"];
|
|
4
|
+
/** Save edits back to the brand's existing local file (overwrite). */
|
|
4
5
|
onSave: () => void;
|
|
6
|
+
/** Save the current brand as a new local file rather than overwriting. */
|
|
7
|
+
onSaveAsNew: () => void;
|
|
5
8
|
onApplyVibes?: () => void;
|
|
6
9
|
}
|
|
7
|
-
export declare function SaveBar({ labels, onSave, onApplyVibes }: SaveBarProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function SaveBar({ labels, onSave, onSaveAsNew, onApplyVibes }: SaveBarProps): import("react/jsx-runtime").JSX.Element;
|
|
8
11
|
//# sourceMappingURL=SaveBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SaveBar.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/SaveBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"SaveBar.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/SaveBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,sEAAsE;IACtE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,0EAA0E;IAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,YAAY,2CAgBlF"}
|
|
@@ -24,6 +24,8 @@ export interface PanelLabels {
|
|
|
24
24
|
noSelection: string;
|
|
25
25
|
loading: string;
|
|
26
26
|
error: string;
|
|
27
|
+
/** Link text shown beneath the error when a host supplies `errorHelpUrl`. */
|
|
28
|
+
errorHelp: string;
|
|
27
29
|
noLocalBrands: string;
|
|
28
30
|
};
|
|
29
31
|
/** Labels for the property-editor tabs (Colors / Typography / Borders). */
|
|
@@ -45,7 +47,6 @@ export interface PanelLabels {
|
|
|
45
47
|
typography: {
|
|
46
48
|
title: string;
|
|
47
49
|
baseFontFamily: string;
|
|
48
|
-
baseFontSize: string;
|
|
49
50
|
/** Column headers for the font-size scale table. */
|
|
50
51
|
sizeColumnName: string;
|
|
51
52
|
sizeColumnPixel: string;
|
|
@@ -59,7 +60,6 @@ export interface PanelLabels {
|
|
|
59
60
|
fontSizeXxLarge: string;
|
|
60
61
|
};
|
|
61
62
|
borders: {
|
|
62
|
-
title: string;
|
|
63
63
|
/** Border Weight sub-section heading. */
|
|
64
64
|
weightTitle: string;
|
|
65
65
|
/** Border Radius sub-section heading. */
|
|
@@ -92,6 +92,7 @@ export interface PanelLabels {
|
|
|
92
92
|
};
|
|
93
93
|
save: {
|
|
94
94
|
saveToWorkspace: string;
|
|
95
|
+
saveAsNew: string;
|
|
95
96
|
applyVibes: string;
|
|
96
97
|
};
|
|
97
98
|
}
|
|
@@ -24,6 +24,8 @@ export interface PanelLabels {
|
|
|
24
24
|
noSelection: string;
|
|
25
25
|
loading: string;
|
|
26
26
|
error: string;
|
|
27
|
+
/** Link text shown beneath the error when a host supplies `errorHelpUrl`. */
|
|
28
|
+
errorHelp: string;
|
|
27
29
|
noLocalBrands: string;
|
|
28
30
|
};
|
|
29
31
|
/** Labels for the property-editor tabs (Colors / Typography / Borders). */
|
|
@@ -45,7 +47,6 @@ export interface PanelLabels {
|
|
|
45
47
|
typography: {
|
|
46
48
|
title: string;
|
|
47
49
|
baseFontFamily: string;
|
|
48
|
-
baseFontSize: string;
|
|
49
50
|
/** Column headers for the font-size scale table. */
|
|
50
51
|
sizeColumnName: string;
|
|
51
52
|
sizeColumnPixel: string;
|
|
@@ -59,7 +60,6 @@ export interface PanelLabels {
|
|
|
59
60
|
fontSizeXxLarge: string;
|
|
60
61
|
};
|
|
61
62
|
borders: {
|
|
62
|
-
title: string;
|
|
63
63
|
/** Border Weight sub-section heading. */
|
|
64
64
|
weightTitle: string;
|
|
65
65
|
/** Border Radius sub-section heading. */
|
|
@@ -92,6 +92,7 @@ export interface PanelLabels {
|
|
|
92
92
|
};
|
|
93
93
|
save: {
|
|
94
94
|
saveToWorkspace: string;
|
|
95
|
+
saveAsNew: string;
|
|
95
96
|
applyVibes: string;
|
|
96
97
|
};
|
|
97
98
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/labels.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,2EAA2E;IAC3E,WAAW,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,
|
|
1
|
+
{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/labels.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,6EAA6E;QAC7E,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,2EAA2E;IAC3E,WAAW,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,oDAAoD;QACpD,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACR,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,yCAAyC;QACzC,WAAW,EAAE,MAAM,CAAC;QACpB,mDAAmD;QACnD,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;QACtB,iBAAiB;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,IAAI,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,WAmFvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAYvE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import he from"react";import Ye from"react";import{Fragment as Bt,jsx as re,jsxs as Ke}from"react/jsx-runtime";var kt=16,ce=e=>e*kt,vt=e=>e/kt;function V(e){return String(Number(e.toFixed(4)))}function Se({label:e,dimension:t,path:r,editable:n=!0,pixelInputLabel:o,remInputLabel:i,renderExample:a,onChange:s}){let[c,f]=Ye.useState(()=>V(ce(t.value))),[p,u]=Ye.useState(()=>V(t.value));Ye.useEffect(()=>{f(V(ce(t.value))),u(V(t.value))},[t.value]);let m=b=>{f(V(ce(b))),u(V(b)),s(r,{unit:"rem",value:b})},S=b=>{f(b);let N=Number(b);if(b.trim()===""||!Number.isFinite(N))return;let z=vt(N);u(V(z)),s(r,{unit:"rem",value:z})},k=b=>{u(b);let N=Number(b);b.trim()===""||!Number.isFinite(N)||(f(V(ce(N))),s(r,{unit:"rem",value:N}))},R=Number(c),w=c.trim()!==""&&Number.isFinite(R)&&R>=0?R:ce(t.value);return Ke("tr",{children:[re("th",{scope:"row",className:"tm-scale-name",children:e}),n?Ke(Bt,{children:[re("td",{children:re("input",{type:"number",className:"tm-scale-input",min:0,step:1,value:c,"aria-label":o,onChange:b=>S(b.target.value),onBlur:()=>m(vt(Number(c)||ce(t.value)))})}),re("td",{children:re("input",{type:"number",className:"tm-scale-input",min:0,step:.0625,value:p,"aria-label":i,onChange:b=>k(b.target.value),onBlur:()=>m(Number(p)||t.value)})})]}):Ke(Bt,{children:[re("td",{className:"tm-scale-static",children:V(ce(t.value))}),re("td",{className:"tm-scale-static",children:V(t.value)})]}),re("td",{className:"tm-scale-example",children:a(w)})]})}import{jsx as H,jsxs as Ce}from"react/jsx-runtime";function wt({title:e,nameColumn:t,pixelColumn:r,remColumn:n,exampleColumn:o,rows:i,renderExample:a,onChange:s}){return Ce("div",{className:"tm-border-group",children:[H("div",{className:"tm-section-title",children:e}),Ce("table",{className:"tm-scale-table",children:[H("thead",{children:Ce("tr",{children:[H("th",{scope:"col",children:t}),H("th",{scope:"col",children:r}),H("th",{scope:"col",children:n}),H("th",{scope:"col",children:o})]})}),H("tbody",{children:i.map(c=>H(Se,{label:c.label,dimension:c.dimension,path:c.path,editable:c.editable,pixelInputLabel:`${c.label} pixel value`,remInputLabel:`${c.label} rem value`,renderExample:a,onChange:s},c.path))})]})]})}function Rt({brand:e,labels:t,onChange:r}){let n=e.borderRadius.round||{unit:"rem",value:0},o=e.borderRadius.square||{unit:"rem",value:0},i=e.borderWeight.none||{unit:"rem",value:0},a=e.borderWeight.thin||{unit:"rem",value:.0625},s=e.borderWeight.medium||{unit:"rem",value:.125},c=e.borderWeight.thick||{unit:"rem",value:.1875},f=[{label:t.weightNone,path:"borderWeight.none",dimension:i,editable:!1},{label:t.weightThin,path:"borderWeight.thin",dimension:a,editable:!0},{label:t.weightMedium,path:"borderWeight.medium",dimension:s,editable:!0},{label:t.weightThick,path:"borderWeight.thick",dimension:c,editable:!0}],p=[{label:t.radiusSquare,path:"borderRadius.square",dimension:o,editable:!1},{label:t.radiusRound,path:"borderRadius.round",dimension:n,editable:!0}];return Ce("section",{className:"tm-section",children:[H(wt,{title:t.weightTitle,nameColumn:t.weightColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:f,renderExample:u=>H("span",{className:"tm-border-weight-example","aria-hidden":"true",style:{borderTopWidth:`${u}px`}}),onChange:r}),H(wt,{title:t.radiusTitle,nameColumn:t.radiusColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:p,renderExample:u=>H("span",{className:"tm-border-radius-example","aria-hidden":"true",style:{borderRadius:`${u}px`}}),onChange:r})]})}import Tt from"react";import ve from"react";import{jsx as G,jsxs as ne}from"react/jsx-runtime";function Be(e){let t=e.trim().replace(/^#/,"");if(!/^[0-9A-Fa-f]{3,8}$/.test(t))return null;let r,n,o,i=1;if(t.length===3)r=parseInt(t[0]+t[0],16),n=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16);else if(t.length===6)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);else if(t.length===8)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),i=parseInt(t.slice(6,8),16)/255;else return null;return{r,g:n,b:o,a:i}}function ke(e,t,r,n){let o=Math.round(e).toString(16).padStart(2,"0"),i=Math.round(t).toString(16).padStart(2,"0"),a=Math.round(r).toString(16).padStart(2,"0"),s=Math.round(n*255).toString(16).padStart(2,"0");return`#${o}${i}${a}${s}`}var jr=()=>ne("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[G("path",{d:"M8.51194 3.00541C9.18829 2.54594 10.0435 2.53694 10.6788 2.95419C10.8231 3.04893 10.9771 3.19768 11.389 3.60967C11.8009 4.02166 11.9497 4.17565 12.0444 4.31999C12.4617 4.95533 12.4527 5.81047 11.9932 6.48687C11.8834 6.64866 11.7092 6.85062 11.373 7.18689L10.9526 7.60727C10.7573 7.80253 10.7573 8.11911 10.9526 8.31438C11.1479 8.50964 11.4645 8.50964 11.6597 8.31438L12.0801 7.894C12.0899 7.88417 12.0996 7.87434 12.1092 7.86462C12.4111 7.5628 12.6482 7.32573 12.8216 7.06978C13.4711 6.11077 13.4874 4.85951 12.8627 3.88891C12.7047 3.63896 12.4738 3.40895 12.183 3.11884L12.183 3.11884C12.1622 3.09805 12.1411 3.07708 12.1198 3.05585L12.1005 3.03652C11.9202 2.85615 11.7724 2.70831 11.6427 2.62308C10.6721 1.99835 9.42086 2.01464 8.46185 2.66412C8.20589 2.83752 7.96883 3.07459 7.66701 3.37641C7.65729 3.38613 7.64746 3.39597 7.63763 3.40581L7.21725 3.82619C7.02199 4.02145 7.02199 4.33803 7.21725 4.53329C7.41251 4.72856 7.72909 4.72856 7.92435 4.53329L8.34473 4.11291C8.681 3.7767 8.88297 3.60251 9.04476 3.49267L8.51194 3.00541Z",fill:"currentColor"}),G("path",{d:"M6.48784 11.9946C5.81149 12.4541 4.95635 12.4631 4.32101 12.0458C4.17667 11.9511 4.02268 11.8023 3.61069 11.3903C3.1987 10.9784 3.04995 10.8244 2.95521 10.68C2.53796 10.0447 2.54696 9.18956 3.00643 8.51321C3.11627 8.35142 3.29046 8.14945 3.62673 7.81318L4.04711 7.3928C4.24238 7.19754 4.24238 6.88096 4.04711 6.68569C3.85185 6.49043 3.53527 6.49043 3.34001 6.68569L2.91963 7.10607C2.90991 7.1159 2.90007 7.12573 2.89035 7.13545C2.58853 7.43727 2.35146 7.67434 2.17806 7.93029C1.52858 8.8893 1.51229 10.1406 2.13702 11.1112C2.29502 11.3611 2.52503 11.5911 2.81514 11.8813L2.81514 11.8813C2.83593 11.902 2.85691 11.923 2.87819 11.9442L2.89752 11.9636C3.07789 12.1439 3.22573 12.2918 3.35543 12.377C4.32603 13.0017 5.57728 12.9854 6.53629 12.336C6.79225 12.1626 7.02931 11.9255 7.33113 11.6237C7.34085 11.6139 7.35069 11.6041 7.36052 11.5943L7.7809 11.1739C7.97616 10.9787 7.97616 10.6621 7.7809 10.4668C7.58563 10.2716 7.26905 10.2716 7.07379 10.4668L6.65341 10.8872C6.31714 11.2234 6.11517 11.3976 5.95338 11.5075L6.48784 11.9946Z",fill:"currentColor"}),G("path",{d:"M5.42583 9.57446C5.6211 9.76972 5.93768 9.76972 6.13294 9.57446L9.57422 6.13318C9.76948 5.93792 9.76948 5.62134 9.57422 5.42608C9.37896 5.23081 9.06238 5.23081 8.86711 5.42608L5.42583 8.86736C5.23057 9.06262 5.23057 9.3792 5.42583 9.57446Z",fill:"currentColor"})]});function we({fieldKey:e,label:t,value:r,onChange:n,opacityLabel:o,hexLabel:i,onLink:a,linkLabel:s}){let c=Be(r)||{r:0,g:0,b:0,a:1},[f,p]=ve.useState(c),[u,m]=ve.useState(!1),[S,k]=ve.useState(r);ve.useEffect(()=>{let d=Be(r);d&&(p(d),u||k(r))},[r,u]);let R=ke(f.r,f.g,f.b,f.a),w=`#${Math.round(f.r).toString(16).padStart(2,"0")}${Math.round(f.g).toString(16).padStart(2,"0")}${Math.round(f.b).toString(16).padStart(2,"0")}`,b=d=>{let y=Be(d.target.value);if(y){let C={...y,a:f.a};p(C);let B=ke(C.r,C.g,C.b,C.a);k(B),n(B)}},N=d=>{let y=parseFloat(d.target.value),C={...f,a:y};p(C);let B=ke(C.r,C.g,C.b,y);k(B),n(B)},z=()=>{m(!0)},M=d=>{k(d.target.value)},D=()=>{m(!1);let d=Be(S);if(d){p(d);let y=ke(d.r,d.g,d.b,d.a);k(y),n(y)}else k(R)},F=d=>{d.key==="Enter"&&D()};return ne("div",{className:"tm-field tm-color-field",children:[G("label",{htmlFor:`tm-color-${e}`,className:"tm-field-label",children:t}),a&&G("button",{type:"button",className:"tm-color-link-btn",onClick:a,"aria-label":s,title:s,children:G(jr,{})}),ne("div",{className:"tm-color-unified-controls",children:[ne("div",{className:"tm-color-picker-row",children:[G("div",{className:"tm-color-preview",style:{backgroundColor:R},"aria-hidden":"true"}),G("input",{id:`tm-color-${e}`,type:"color",className:"tm-color-input",value:w,onChange:b,"aria-label":`${t} color picker`})]}),ne("div",{className:"tm-color-opacity",children:[ne("div",{className:"tm-color-opacity-header",children:[G("label",{htmlFor:`tm-opacity-${e}`,className:"tm-opacity-label",children:o}),ne("span",{className:"tm-opacity-value",children:[Math.round(f.a*100),"%"]})]}),G("input",{id:`tm-opacity-${e}`,type:"range",min:"0",max:"1",step:"0.01",value:f.a,onChange:N,className:"tm-opacity-slider","aria-valuetext":`${Math.round(f.a*100)}%`})]}),ne("div",{className:"tm-color-hex",children:[G("label",{htmlFor:`tm-hex-${e}`,className:"tm-hex-label",children:i}),G("input",{id:`tm-hex-${e}`,type:"text",className:"tm-hex-input",value:u?S:R,onChange:M,onFocus:z,onBlur:D,onKeyDown:F,placeholder:"#RRGGBBAA"})]})]})]})}var Nt=/^\{!\$brand\.([^}]+)\}$/;function Re(e){return typeof e=="string"&&Nt.test(e)}function Ze(e,t,r=0){if(r>10)throw new Error(`Max resolution depth exceeded resolving: ${t}`);if(!Re(t))return t;let n=t.match(Nt);if(!n||!n[1])return t;let i=n[1].split("."),a=e;for(let s of i){if(a==null||typeof a!="object")throw new Error(`Invalid reference path: ${t} (failed at ${s})`);if(a=a[s],a===void 0)throw new Error(`Reference not found: ${t} (${s} is undefined)`)}return Re(a)?Ze(e,a,r+1):a}import{jsx as le,jsxs as Qe}from"react/jsx-runtime";var qr=["primary","secondary","tertiary"],Ft=["backgroundColor","textColor","borderColor"];function _t({brand:e,labels:t,onChange:r}){let[n,o]=Tt.useState(null),[i,a]=Tt.useState({}),s=p=>{try{let u=Ze(e,p);return typeof u=="string"?u:"#000000ff"}catch{return"#000000ff"}},c={backgroundColor:t.backgroundColor,textColor:t.textColor,borderColor:t.borderColor},f={primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};return Qe("section",{className:"tm-section",children:[le("div",{className:"tm-section-title",children:t.title}),qr.map(p=>{let u=e.buttonStyleGroup[p]["lightning:buttonColorGroup"],m=n===p,S=`tm-button-header-${p}`,k=`tm-button-panel-${p}`;return Qe("div",{className:"tm-button-group",role:"group","aria-label":f[p],children:[Qe("button",{type:"button",id:S,className:"tm-button-group-header","aria-expanded":m,"aria-controls":k,onClick:()=>o(R=>R===p?null:p),children:[le("span",{className:"tm-button-group-chevron","aria-hidden":"true",children:m?"\u25BE":"\u25B8"}),le("span",{className:"tm-button-group-name",children:f[p]}),le("span",{className:"tm-button-group-swatches","aria-hidden":"true",children:Ft.map(R=>{let w=u[R];return w==null?null:le("span",{className:"tm-button-group-swatch",style:{backgroundColor:s(w)}},R)})})]}),m&&le("div",{className:"tm-color-grid",id:k,role:"region","aria-labelledby":S,children:Ft.map(R=>{let w=u[R],b=`buttonStyleGroup.${p}.lightning:buttonColorGroup.${R}`,N=Re(w)?w:void 0,z=i[b]??0;return le(we,{fieldKey:`button-${p}-${R}`,label:c[R],value:s(w),onChange:M=>r(b,M),opacityLabel:t.opacity,hexLabel:t.hex,onLink:N?()=>{r(b,N),a(M=>({...M,[b]:(M[b]??0)+1}))}:void 0,linkLabel:t.linkToBrand},`${p}-${R}-${z}`)})})]},p)})]})}import{jsx as Je,jsxs as Vr}from"react/jsx-runtime";function Lt({colorScheme:e,labels:t,onChange:r}){let n=[{key:"root",label:t.root},{key:"contrast",label:t.contrast},{key:"neutral",label:t.neutral},{key:"primaryAccent",label:t.primaryAccent},{key:"primaryAccentContrast",label:t.primaryAccentContrast}];return Vr("section",{className:"tm-section",children:[Je("div",{className:"tm-section-title",children:t.title}),Je("div",{className:"tm-color-grid",children:n.map(({key:o,label:i})=>Je(we,{fieldKey:o,label:i,value:e[o]||"#000000ff",onChange:a=>r(`colorScheme.${o}`,a),opacityLabel:t.opacity,hexLabel:t.hex},o))})]})}import{jsx as Et,jsxs as Xr}from"react/jsx-runtime";function At({labels:e,onSave:t,onApplyVibes:r}){return Xr("div",{className:"tm-save-bar",children:[Et("button",{type:"button",className:"tm-btn tm-btn-primary",onClick:t,children:e.saveToWorkspace}),r&&Et("button",{type:"button",className:"tm-btn tm-btn-secondary",onClick:r,children:e.applyVibes})]})}import{useId as Yr}from"react";import{jsx as et,jsxs as Pt}from"react/jsx-runtime";function Mt({value:e,onChange:t,onSearch:r,placeholder:n,buttonLabel:o,minLength:i,minLengthHint:a}){let s=Yr(),c=e.trim(),f=c.length>=i,p=!f&&c.length>0,u=()=>{f&&r(c)};return Pt("div",{className:"tm-search-box",children:[Pt("div",{className:"tm-search-row",children:[et("input",{type:"text",className:"tm-search-input",value:e,onChange:S=>t(S.target.value),onKeyDown:S=>{S.key==="Enter"&&(S.preventDefault(),u())},placeholder:n,"aria-label":n,"aria-describedby":p?s:void 0}),et("button",{type:"button",className:"tm-btn tm-btn-primary tm-search-button",onClick:u,disabled:!f,title:f?void 0:a,children:o})]}),p&&et("div",{id:s,className:"tm-search-hint",children:a})]})}import{jsx as Dt}from"react/jsx-runtime";function It({tabs:e,activeTab:t,onSelectTab:r}){return Dt("div",{className:"tm-tab-switcher tm-section-tabs",role:"tablist",children:e.map(n=>{let o=t===n.id;return Dt("button",{id:`tm-section-tab-${n.id}`,type:"button",role:"tab","aria-selected":o,"aria-controls":o?`tm-section-panel-${n.id}`:void 0,className:`tm-tab ${o?"tm-tab-active":""}`,onClick:()=>r(n.id),children:n.label},n.id)})})}import{jsx as $t,jsxs as Kr}from"react/jsx-runtime";function zt({activeTab:e,onSelectTab:t,localLabel:r,orgLabel:n}){return Kr("div",{className:"tm-tab-switcher",role:"tablist",children:[$t("button",{type:"button",role:"tab","aria-selected":e==="local",className:`tm-tab ${e==="local"?"tm-tab-active":""}`,onClick:()=>t("local"),children:r}),$t("button",{type:"button",role:"tab","aria-selected":e==="org",className:`tm-tab ${e==="org"?"tm-tab-active":""}`,onClick:()=>t("org"),children:n})]})}function Ot(e){return e["sfdc_cms:title"]??"Untitled Brand"}import{jsx as Y,jsxs as Ht}from"react/jsx-runtime";function tt({brands:e,activeBrandId:t,onSelectBrand:r,noResultsLabel:n}){return e.length===0?Y("div",{className:"tm-gallery-empty",children:n}):Y("div",{className:"tm-gallery",children:e.map((o,i)=>{let a=o["sfdc_cms:title"]||`brand-${i}`,s=a===t,c=Ot(o),f=o.colorScheme;return Ht("div",{className:`tm-theme-card${s?" active":""}`,onClick:()=>r(a),role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),r(a))},children:[Ht("div",{className:"tm-swatches",children:[Y("span",{className:"tm-swatch",style:{background:f.primaryAccent||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.primaryAccentDerived||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.root||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.contrast||"#000"},"aria-hidden":"true"}),Y("span",{className:"tm-swatch",style:{background:f.neutral||"#000"},"aria-hidden":"true"})]}),Y("div",{className:"tm-card-info",children:Y("span",{className:"tm-card-label",children:c})})]},a)})})}import Gt from"react";import{jsx as W,jsxs as Ne}from"react/jsx-runtime";var Zr="Aa",Qr=[{key:"xSmall",fallbackRem:.625},{key:"small",fallbackRem:.8125},{key:"medium",fallbackRem:1},{key:"large",fallbackRem:1.125},{key:"xLarge",fallbackRem:1.5},{key:"xxLarge",fallbackRem:2}];function Jr(e){if(!e?.name)return"inherit";let t=n=>n.includes(" ")?`"${n}"`:n,r=[t(e.name),...(e.fallbacks??[]).map(t)];return e.category&&r.push(e.category),r.join(", ")}function Wt({brand:e,labels:t,onChange:r}){let n=Object.keys(e.fontFamily),i=e.baseFontFamily.match(/\{!\$brand\.fontFamily\.([^}]+)\}/)?.[1]||n[0]||"",[a,s]=Gt.useState(i);Gt.useEffect(()=>{s(i)},[i]);let c=m=>{s(m),r("baseFontFamily",`{!$brand.fontFamily.${m}}`)},f=Jr(e.fontFamily[a]),p=(m,S)=>{let k=e.fontSize?.[m];return k&&typeof k=="object"&&"unit"in k?k:{unit:"rem",value:S}},u={xSmall:t.fontSizeXSmall,small:t.fontSizeSmall,medium:t.fontSizeMedium,large:t.fontSizeLarge,xLarge:t.fontSizeXLarge,xxLarge:t.fontSizeXxLarge};return Ne("section",{className:"tm-section",children:[W("div",{className:"tm-section-title",children:t.title}),Ne("div",{className:"tm-field",children:[W("label",{htmlFor:"tm-base-font-family",className:"tm-field-label",children:t.baseFontFamily}),W("select",{id:"tm-base-font-family",className:"tm-select",value:a,onChange:m=>c(m.target.value),children:n.map(m=>{let S=e.fontFamily[m];return W("option",{value:m,children:S?.name||m},m)})})]}),Ne("table",{className:"tm-scale-table",children:[W("thead",{children:Ne("tr",{children:[W("th",{scope:"col",children:t.sizeColumnName}),W("th",{scope:"col",children:t.sizeColumnPixel}),W("th",{scope:"col",children:t.sizeColumnRem}),W("th",{scope:"col",children:t.sizeColumnExample})]})}),W("tbody",{children:Qr.map(({key:m,fallbackRem:S})=>{let k=u[m]??m;return W(Se,{label:k,dimension:p(m,S),path:`fontSize.${m}`,pixelInputLabel:`${k} pixel value`,remInputLabel:`${k} rem value`,renderExample:R=>W("span",{"aria-hidden":"true",style:{fontFamily:f,fontSize:`${R}px`},children:Zr}),onChange:r},m)})})]})]})}var K={header:{title:"Brand Toolkit",searchPlaceholder:"Search brands...",searchButton:"Search",searchMinLengthHint:"Enter at least 3 characters to search",tabLocal:"Brands in this Project",tabOrg:"Search in Connected Org",refreshLocal:"Refresh"},gallery:{title:"Brands",noResults:"No brands match your search.",noSelection:"Select a brand to edit",loading:"Loading brands...",error:"Error loading brands.",noLocalBrands:"No local brands saved yet."},sectionTabs:{colors:"Colors",typography:"Typography",borders:"Borders"},colors:{title:"Brand Colors",root:"Background (Root)",contrast:"Contrast",neutral:"Neutral",primaryAccent:"Primary Accent",primaryAccentContrast:"Primary Accent Contrast",opacity:"Opacity",hex:"Hex"},typography:{title:"Typography",baseFontFamily:"Base Font Family",baseFontSize:"Base Font Size",sizeColumnName:"Specified Font Size",sizeColumnPixel:"Pixel Value",sizeColumnRem:"Rem Value",sizeColumnExample:"Example",fontSizeXSmall:"Tiny (H6)",fontSizeSmall:"Small (H5, P2)",fontSizeMedium:"Medium (H4, P1)",fontSizeLarge:"Large (H3)",fontSizeXLarge:"Extra Large (H2)",fontSizeXxLarge:"Huge (H1)"},borders:{title:"Borders",weightTitle:"Border Weight",radiusTitle:"Border Radius",weightColumnName:"Specified Weight",radiusColumnName:"Specified Shape",columnPixel:"Pixel Value",columnRem:"Rem Value",columnExample:"Example",radiusRound:"Rounded: Small",radiusSquare:"Square",weightNone:"None",weightThin:"Thin",weightMedium:"Medium",weightThick:"Thick"},buttons:{title:"Buttons",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",backgroundColor:"Background",textColor:"Text",borderColor:"Border",opacity:"Opacity",hex:"Hex",linkToBrand:"Link to brand color"},save:{saveToWorkspace:"Save to Workspace",applyVibes:"Apply theme via Agentforce Vibes"}};function Ut(e){return e?{header:{...K.header,...e.header},gallery:{...K.gallery,...e.gallery},sectionTabs:{...K.sectionTabs,...e.sectionTabs},colors:{...K.colors,...e.colors},typography:{...K.typography,...e.typography},borders:{...K.borders,...e.borders},buttons:{...K.buttons,...e.buttons},save:{...K.save,...e.save}}:K}var X=(e,t=0,r=1)=>me(ue(t,e),r);var fe=e=>{e._clipped=!1,e._unclipped=e.slice(0);for(let t=0;t<=3;t++)t<3?((e[t]<0||e[t]>255)&&(e._clipped=!0),e[t]=X(e[t],0,255)):t===3&&(e[t]=X(e[t],0,1));return e};var jt={};for(let e of["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"])jt[`[object ${e}]`]=e.toLowerCase();function h(e){return jt[Object.prototype.toString.call(e)]||"object"}var g=(e,t=null)=>e.length>=3?Array.prototype.slice.call(e):h(e[0])=="object"&&t?t.split("").filter(r=>e[0][r]!==void 0).map(r=>e[0][r]):e[0];var Z=e=>{if(e.length<2)return null;let t=e.length-1;return h(e[t])=="string"?e[t].toLowerCase():null};var{PI:Te,min:me,max:ue}=Math,U=Te*2,Fe=Te/3,qt=Te/180,Vt=180/Te;var x={format:{},autodetect:[]};var rt=class{constructor(...t){let r=this;if(h(t[0])==="object"&&t[0].constructor&&t[0].constructor===this.constructor)return t[0];let n=Z(t),o=!1;if(!n){o=!0,x.sorted||(x.autodetect=x.autodetect.sort((i,a)=>a.p-i.p),x.sorted=!0);for(let i of x.autodetect)if(n=i.test(...t),n)break}if(x.format[n]){let i=x.format[n].apply(null,o?t:t.slice(0,-1));r._rgb=fe(i)}else throw new Error("unknown format: "+t);r._rgb.length===3&&r._rgb.push(1)}toString(){return h(this.hex)=="function"?this.hex():`[${this._rgb.join(",")}]`}},l=rt;var Xt="2.6.0";var _e=(...e)=>new _e.Color(...e);_e.Color=l;_e.version=Xt;var v=_e;var en=(...e)=>{e=g(e,"cmyk");let[t,r,n,o]=e,i=e.length>4?e[4]:1;return o===1?[0,0,0,i]:[t>=1?0:255*(1-t)*(1-o),r>=1?0:255*(1-r)*(1-o),n>=1?0:255*(1-n)*(1-o),i]},Yt=en;var{max:Kt}=Math,tn=(...e)=>{let[t,r,n]=g(e,"rgb");t=t/255,r=r/255,n=n/255;let o=1-Kt(t,Kt(r,n)),i=o<1?1/(1-o):0,a=(1-t-o)*i,s=(1-r-o)*i,c=(1-n-o)*i;return[a,s,c,o]},Zt=tn;l.prototype.cmyk=function(){return Zt(this._rgb)};v.cmyk=(...e)=>new l(...e,"cmyk");x.format.cmyk=Yt;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"cmyk"),h(e)==="array"&&e.length===4)return"cmyk"}});var nt=e=>Math.round(e*100)/100,rn=(...e)=>{let t=g(e,"hsla"),r=Z(e)||"lsa";return t[0]=nt(t[0]||0),t[1]=nt(t[1]*100)+"%",t[2]=nt(t[2]*100)+"%",r==="hsla"||t.length>3&&t[3]<1?(t[3]=t.length>3?t[3]:1,r="hsla"):t.length=3,`${r}(${t.join(",")})`},Qt=rn;var nn=(...e)=>{e=g(e,"rgba");let[t,r,n]=e;t/=255,r/=255,n/=255;let o=me(t,r,n),i=ue(t,r,n),a=(i+o)/2,s,c;return i===o?(s=0,c=Number.NaN):s=a<.5?(i-o)/(i+o):(i-o)/(2-i-o),t==i?c=(r-n)/(i-o):r==i?c=2+(n-t)/(i-o):n==i&&(c=4+(t-r)/(i-o)),c*=60,c<0&&(c+=360),e.length>3&&e[3]!==void 0?[c,s,a,e[3]]:[c,s,a]},Le=nn;var{round:ot}=Math,on=(...e)=>{let t=g(e,"rgba"),r=Z(e)||"rgb";return r.substr(0,3)=="hsl"?Qt(Le(t),r):(t[0]=ot(t[0]),t[1]=ot(t[1]),t[2]=ot(t[2]),(r==="rgba"||t.length>3&&t[3]<1)&&(t[3]=t.length>3?t[3]:1,r="rgba"),`${r}(${t.slice(0,r==="rgb"?3:4).join(",")})`)},Jt=on;var{round:at}=Math,an=(...e)=>{e=g(e,"hsl");let[t,r,n]=e,o,i,a;if(r===0)o=i=a=n*255;else{let s=[0,0,0],c=[0,0,0],f=n<.5?n*(1+r):n+r-n*r,p=2*n-f,u=t/360;s[0]=u+1/3,s[1]=u,s[2]=u-1/3;for(let m=0;m<3;m++)s[m]<0&&(s[m]+=1),s[m]>1&&(s[m]-=1),6*s[m]<1?c[m]=p+(f-p)*6*s[m]:2*s[m]<1?c[m]=f:3*s[m]<2?c[m]=p+(f-p)*(2/3-s[m])*6:c[m]=p;[o,i,a]=[at(c[0]*255),at(c[1]*255),at(c[2]*255)]}return e.length>3?[o,i,a,e[3]]:[o,i,a,1]},ye=an;var tr=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,rr=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,nr=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,or=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,ar=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,ir=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,{round:er}=Math,sr=e=>{e=e.toLowerCase().trim();let t;if(x.format.named)try{return x.format.named(e)}catch{}if(t=e.match(tr)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=+r[n];return r[3]=1,r}if(t=e.match(rr)){let r=t.slice(1,5);for(let n=0;n<4;n++)r[n]=+r[n];return r}if(t=e.match(nr)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=er(r[n]*2.55);return r[3]=1,r}if(t=e.match(or)){let r=t.slice(1,5);for(let n=0;n<3;n++)r[n]=er(r[n]*2.55);return r[3]=+r[3],r}if(t=e.match(ar)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=ye(r);return n[3]=1,n}if(t=e.match(ir)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=ye(r);return n[3]=+t[4],n}};sr.test=e=>tr.test(e)||rr.test(e)||nr.test(e)||or.test(e)||ar.test(e)||ir.test(e);var it=sr;l.prototype.css=function(e){return Jt(this._rgb,e)};v.css=(...e)=>new l(...e,"css");x.format.css=it;x.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&it.test(e))return"css"}});x.format.gl=(...e)=>{let t=g(e,"rgba");return t[0]*=255,t[1]*=255,t[2]*=255,t};v.gl=(...e)=>new l(...e,"gl");l.prototype.gl=function(){let e=this._rgb;return[e[0]/255,e[1]/255,e[2]/255,e[3]]};var{floor:sn}=Math,cn=(...e)=>{e=g(e,"hcg");let[t,r,n]=e,o,i,a;n=n*255;let s=r*255;if(r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let c=sn(t),f=t-c,p=n*(1-r),u=p+s*(1-f),m=p+s*f,S=p+s;switch(c){case 0:[o,i,a]=[S,m,p];break;case 1:[o,i,a]=[u,S,p];break;case 2:[o,i,a]=[p,S,m];break;case 3:[o,i,a]=[p,u,S];break;case 4:[o,i,a]=[m,p,S];break;case 5:[o,i,a]=[S,p,u];break}}return[o,i,a,e.length>3?e[3]:1]},cr=cn;var ln=(...e)=>{let[t,r,n]=g(e,"rgb"),o=me(t,r,n),i=ue(t,r,n),a=i-o,s=a*100/255,c=o/(255-a)*100,f;return a===0?f=Number.NaN:(t===i&&(f=(r-n)/a),r===i&&(f=2+(n-t)/a),n===i&&(f=4+(t-r)/a),f*=60,f<0&&(f+=360)),[f,s,c]},lr=ln;l.prototype.hcg=function(){return lr(this._rgb)};v.hcg=(...e)=>new l(...e,"hcg");x.format.hcg=cr;x.autodetect.push({p:1,test:(...e)=>{if(e=g(e,"hcg"),h(e)==="array"&&e.length===3)return"hcg"}});var fn=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,dn=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,pn=e=>{if(e.match(fn)){(e.length===4||e.length===7)&&(e=e.substr(1)),e.length===3&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);let t=parseInt(e,16),r=t>>16,n=t>>8&255,o=t&255;return[r,n,o,1]}if(e.match(dn)){(e.length===5||e.length===9)&&(e=e.substr(1)),e.length===4&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]);let t=parseInt(e,16),r=t>>24&255,n=t>>16&255,o=t>>8&255,i=Math.round((t&255)/255*100)/100;return[r,n,o,i]}throw new Error(`unknown hex color: ${e}`)},Ee=pn;var{round:Ae}=Math,mn=(...e)=>{let[t,r,n,o]=g(e,"rgba"),i=Z(e)||"auto";o===void 0&&(o=1),i==="auto"&&(i=o<1?"rgba":"rgb"),t=Ae(t),r=Ae(r),n=Ae(n);let s="000000"+(t<<16|r<<8|n).toString(16);s=s.substr(s.length-6);let c="0"+Ae(o*255).toString(16);switch(c=c.substr(c.length-2),i.toLowerCase()){case"rgba":return`#${s}${c}`;case"argb":return`#${c}${s}`;default:return`#${s}`}},Pe=mn;l.prototype.hex=function(e){return Pe(this._rgb,e)};v.hex=(...e)=>new l(...e,"hex");x.format.hex=Ee;x.autodetect.push({p:4,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&[3,4,5,6,7,8,9].indexOf(e.length)>=0)return"hex"}});var{cos:ge}=Math,un=(...e)=>{e=g(e,"hsi");let[t,r,n]=e,o,i,a;return isNaN(t)&&(t=0),isNaN(r)&&(r=0),t>360&&(t-=360),t<0&&(t+=360),t/=360,t<1/3?(a=(1-r)/3,o=(1+r*ge(U*t)/ge(Fe-U*t))/3,i=1-(a+o)):t<2/3?(t-=1/3,o=(1-r)/3,i=(1+r*ge(U*t)/ge(Fe-U*t))/3,a=1-(o+i)):(t-=2/3,i=(1-r)/3,a=(1+r*ge(U*t)/ge(Fe-U*t))/3,o=1-(i+a)),o=X(n*o*3),i=X(n*i*3),a=X(n*a*3),[o*255,i*255,a*255,e.length>3?e[3]:1]},fr=un;var{min:gn,sqrt:bn,acos:hn}=Math,yn=(...e)=>{let[t,r,n]=g(e,"rgb");t/=255,r/=255,n/=255;let o,i=gn(t,r,n),a=(t+r+n)/3,s=a>0?1-i/a:0;return s===0?o=NaN:(o=(t-r+(t-n))/2,o/=bn((t-r)*(t-r)+(t-n)*(r-n)),o=hn(o),n>r&&(o=U-o),o/=U),[o*360,s,a]},dr=yn;l.prototype.hsi=function(){return dr(this._rgb)};v.hsi=(...e)=>new l(...e,"hsi");x.format.hsi=fr;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsi"),h(e)==="array"&&e.length===3)return"hsi"}});l.prototype.hsl=function(){return Le(this._rgb)};v.hsl=(...e)=>new l(...e,"hsl");x.format.hsl=ye;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsl"),h(e)==="array"&&e.length===3)return"hsl"}});var{floor:xn}=Math,Sn=(...e)=>{e=g(e,"hsv");let[t,r,n]=e,o,i,a;if(n*=255,r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let s=xn(t),c=t-s,f=n*(1-r),p=n*(1-r*c),u=n*(1-r*(1-c));switch(s){case 0:[o,i,a]=[n,u,f];break;case 1:[o,i,a]=[p,n,f];break;case 2:[o,i,a]=[f,n,u];break;case 3:[o,i,a]=[f,p,n];break;case 4:[o,i,a]=[u,f,n];break;case 5:[o,i,a]=[n,f,p];break}}return[o,i,a,e.length>3?e[3]:1]},pr=Sn;var{min:Cn,max:vn}=Math,Bn=(...e)=>{e=g(e,"rgb");let[t,r,n]=e,o=Cn(t,r,n),i=vn(t,r,n),a=i-o,s,c,f;return f=i/255,i===0?(s=Number.NaN,c=0):(c=a/i,t===i&&(s=(r-n)/a),r===i&&(s=2+(n-t)/a),n===i&&(s=4+(t-r)/a),s*=60,s<0&&(s+=360)),[s,c,f]},mr=Bn;l.prototype.hsv=function(){return mr(this._rgb)};v.hsv=(...e)=>new l(...e,"hsv");x.format.hsv=pr;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsv"),h(e)==="array"&&e.length===3)return"hsv"}});var $={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452};var{pow:kn}=Math,wn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o,i,a,s,c,f;return i=(t+16)/116,o=isNaN(r)?i:i+r/500,a=isNaN(n)?i:i-n/200,i=$.Yn*ct(i),o=$.Xn*ct(o),a=$.Zn*ct(a),s=st(3.2404542*o-1.5371385*i-.4985314*a),c=st(-.969266*o+1.8760108*i+.041556*a),f=st(.0556434*o-.2040259*i+1.0572252*a),[s,c,f,e.length>3?e[3]:1]},st=e=>255*(e<=.00304?12.92*e:1.055*kn(e,1/2.4)-.055),ct=e=>e>$.t1?e*e*e:$.t2*(e-$.t0),Me=wn;var{pow:ur}=Math,Rn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Nn(t,r,n),s=116*i-16;return[s<0?0:s,500*(o-i),200*(i-a)]},lt=e=>(e/=255)<=.04045?e/12.92:ur((e+.055)/1.055,2.4),ft=e=>e>$.t3?ur(e,1/3):e/$.t2+$.t0,Nn=(e,t,r)=>{e=lt(e),t=lt(t),r=lt(r);let n=ft((.4124564*e+.3575761*t+.1804375*r)/$.Xn),o=ft((.2126729*e+.7151522*t+.072175*r)/$.Yn),i=ft((.0193339*e+.119192*t+.9503041*r)/$.Zn);return[n,o,i]},De=Rn;l.prototype.lab=function(){return De(this._rgb)};v.lab=(...e)=>new l(...e,"lab");x.format.lab=Me;x.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"lab"),h(e)==="array"&&e.length===3)return"lab"}});var{sin:Tn,cos:Fn}=Math,_n=(...e)=>{let[t,r,n]=g(e,"lch");return isNaN(n)&&(n=0),n=n*qt,[t,Fn(n)*r,Tn(n)*r]},Ie=_n;var Ln=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=Me(o,i,a);return[s,c,f,e.length>3?e[3]:1]},$e=Ln;var En=(...e)=>{let t=g(e,"hcl").reverse();return $e(...t)},gr=En;var{sqrt:An,atan2:Pn,round:Mn}=Math,Dn=(...e)=>{let[t,r,n]=g(e,"lab"),o=An(r*r+n*n),i=(Pn(n,r)*Vt+360)%360;return Mn(o*1e4)===0&&(i=Number.NaN),[t,o,i]},ze=Dn;var In=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=De(t,r,n);return ze(o,i,a)},dt=In;l.prototype.lch=function(){return dt(this._rgb)};l.prototype.hcl=function(){return dt(this._rgb).reverse()};v.lch=(...e)=>new l(...e,"lch");v.hcl=(...e)=>new l(...e,"hcl");x.format.lch=$e;x.format.hcl=gr;["lch","hcl"].forEach(e=>x.autodetect.push({p:2,test:(...t)=>{if(t=g(t,e),h(t)==="array"&&t.length===3)return e}}));var $n={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",maroon2:"#7f0000",maroon3:"#b03060",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",purple2:"#7f007f",purple3:"#a020f0",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},oe=$n;l.prototype.name=function(){let e=Pe(this._rgb,"rgb");for(let t of Object.keys(oe))if(oe[t]===e)return t.toLowerCase();return e};x.format.named=e=>{if(e=e.toLowerCase(),oe[e])return Ee(oe[e]);throw new Error("unknown color name: "+e)};x.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&oe[e.toLowerCase()])return"named"}});var zn=e=>{if(h(e)=="number"&&e>=0&&e<=16777215){let t=e>>16,r=e>>8&255,n=e&255;return[t,r,n,1]}throw new Error("unknown num color: "+e)},br=zn;var On=(...e)=>{let[t,r,n]=g(e,"rgb");return(t<<16)+(r<<8)+n},hr=On;l.prototype.num=function(){return hr(this._rgb)};v.num=(...e)=>new l(...e,"num");x.format.num=br;x.autodetect.push({p:5,test:(...e)=>{if(e.length===1&&h(e[0])==="number"&&e[0]>=0&&e[0]<=16777215)return"num"}});var{round:yr}=Math;l.prototype.rgb=function(e=!0){return e===!1?this._rgb.slice(0,3):this._rgb.slice(0,3).map(yr)};l.prototype.rgba=function(e=!0){return this._rgb.slice(0,4).map((t,r)=>r<3?e===!1?t:yr(t):t)};v.rgb=(...e)=>new l(...e,"rgb");x.format.rgb=(...e)=>{let t=g(e,"rgba");return t[3]===void 0&&(t[3]=1),t};x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"rgba"),h(e)==="array"&&(e.length===3||e.length===4&&h(e[3])=="number"&&e[3]>=0&&e[3]<=1))return"rgb"}});var{log:Oe}=Math,Hn=e=>{let t=e/100,r,n,o;return t<66?(r=255,n=t<6?0:-155.25485562709179-.44596950469579133*(n=t-2)+104.49216199393888*Oe(n),o=t<20?0:-254.76935184120902+.8274096064007395*(o=t-10)+115.67994401066147*Oe(o)):(r=351.97690566805693+.114206453784165*(r=t-55)-40.25366309332127*Oe(r),n=325.4494125711974+.07943456536662342*(n=t-50)-28.0852963507957*Oe(n),o=255),[r,n,o,1]},He=Hn;var{round:Gn}=Math,Wn=(...e)=>{let t=g(e,"rgb"),r=t[0],n=t[2],o=1e3,i=4e4,a=.4,s;for(;i-o>a;){s=(i+o)*.5;let c=He(s);c[2]/c[0]>=n/r?i=s:o=s}return Gn(s)},xr=Wn;l.prototype.temp=l.prototype.kelvin=l.prototype.temperature=function(){return xr(this._rgb)};v.temp=v.kelvin=v.temperature=(...e)=>new l(...e,"temp");x.format.temp=x.format.kelvin=x.format.temperature=He;var{pow:Ge,sign:Un}=Math,jn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o=Ge(t+.3963377774*r+.2158037573*n,3),i=Ge(t-.1055613458*r-.0638541728*n,3),a=Ge(t-.0894841775*r-1.291485548*n,3);return[255*pt(4.0767416621*o-3.3077115913*i+.2309699292*a),255*pt(-1.2684380046*o+2.6097574011*i-.3413193965*a),255*pt(-.0041960863*o-.7034186147*i+1.707614701*a),e.length>3?e[3]:1]},We=jn;function pt(e){let t=Math.abs(e);return t>.0031308?(Un(e)||1)*(1.055*Ge(t,1/2.4)-.055):e*12.92}var{cbrt:mt,pow:qn,sign:Vn}=Math,Xn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=[ut(t/255),ut(r/255),ut(n/255)],s=mt(.4122214708*o+.5363325363*i+.0514459929*a),c=mt(.2119034982*o+.6806995451*i+.1073969566*a),f=mt(.0883024619*o+.2817188376*i+.6299787005*a);return[.2104542553*s+.793617785*c-.0040720468*f,1.9779984951*s-2.428592205*c+.4505937099*f,.0259040371*s+.7827717662*c-.808675766*f]},Ue=Xn;function ut(e){let t=Math.abs(e);return t<.04045?e/12.92:(Vn(e)||1)*qn((t+.055)/1.055,2.4)}l.prototype.oklab=function(){return Ue(this._rgb)};v.oklab=(...e)=>new l(...e,"oklab");x.format.oklab=We;x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklab"),h(e)==="array"&&e.length===3)return"oklab"}});var Yn=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=We(o,i,a);return[s,c,f,e.length>3?e[3]:1]},Sr=Yn;var Kn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Ue(t,r,n);return ze(o,i,a)},Cr=Kn;l.prototype.oklch=function(){return Cr(this._rgb)};v.oklch=(...e)=>new l(...e,"oklch");x.format.oklch=Sr;x.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklch"),h(e)==="array"&&e.length===3)return"oklch"}});l.prototype.alpha=function(e,t=!1){return e!==void 0&&h(e)==="number"?t?(this._rgb[3]=e,this):new l([this._rgb[0],this._rgb[1],this._rgb[2],e],"rgb"):this._rgb[3]};l.prototype.clipped=function(){return this._rgb._clipped||!1};l.prototype.darken=function(e=1){let t=this,r=t.lab();return r[0]-=$.Kn*e,new l(r,"lab").alpha(t.alpha(),!0)};l.prototype.brighten=function(e=1){return this.darken(-e)};l.prototype.darker=l.prototype.darken;l.prototype.brighter=l.prototype.brighten;l.prototype.get=function(e){let[t,r]=e.split("."),n=this[t]();if(r){let o=t.indexOf(r)-(t.substr(0,2)==="ok"?2:0);if(o>-1)return n[o];throw new Error(`unknown channel ${r} in mode ${t}`)}else return n};var{pow:Zn}=Math,Qn=1e-7,Jn=20;l.prototype.luminance=function(e,t="rgb"){if(e!==void 0&&h(e)==="number"){if(e===0)return new l([0,0,0,this._rgb[3]],"rgb");if(e===1)return new l([255,255,255,this._rgb[3]],"rgb");let r=this.luminance(),n=Jn,o=(a,s)=>{let c=a.interpolate(s,.5,t),f=c.luminance();return Math.abs(e-f)<Qn||!n--?c:f>e?o(a,c):o(c,s)},i=(r>e?o(new l([0,0,0]),this):o(this,new l([255,255,255]))).rgb();return new l([...i,this._rgb[3]])}return eo(...this._rgb.slice(0,3))};var eo=(e,t,r)=>(e=gt(e),t=gt(t),r=gt(r),.2126*e+.7152*t+.0722*r),gt=e=>(e/=255,e<=.03928?e/12.92:Zn((e+.055)/1.055,2.4));var A={};var ae=(e,t,r=.5,...n)=>{let o=n[0]||"lrgb";if(!A[o]&&!n.length&&(o=Object.keys(A)[0]),!A[o])throw new Error(`interpolation mode ${o} is not defined`);return h(e)!=="object"&&(e=new l(e)),h(t)!=="object"&&(t=new l(t)),A[o](e,t,r).alpha(e.alpha()+r*(t.alpha()-e.alpha()))};l.prototype.mix=l.prototype.interpolate=function(e,t=.5,...r){return ae(this,e,t,...r)};l.prototype.premultiply=function(e=!1){let t=this._rgb,r=t[3];return e?(this._rgb=[t[0]*r,t[1]*r,t[2]*r,r],this):new l([t[0]*r,t[1]*r,t[2]*r,r],"rgb")};l.prototype.saturate=function(e=1){let t=this,r=t.lch();return r[1]+=$.Kn*e,r[1]<0&&(r[1]=0),new l(r,"lch").alpha(t.alpha(),!0)};l.prototype.desaturate=function(e=1){return this.saturate(-e)};l.prototype.set=function(e,t,r=!1){let[n,o]=e.split("."),i=this[n]();if(o){let a=n.indexOf(o)-(n.substr(0,2)==="ok"?2:0);if(a>-1){if(h(t)=="string")switch(t.charAt(0)){case"+":i[a]+=+t;break;case"-":i[a]+=+t;break;case"*":i[a]*=+t.substr(1);break;case"/":i[a]/=+t.substr(1);break;default:i[a]=+t}else if(h(t)==="number")i[a]=t;else throw new Error("unsupported value for Color.set");let s=new l(i,n);return r?(this._rgb=s._rgb,this):s}throw new Error(`unknown channel ${o} in mode ${n}`)}else return i};l.prototype.tint=function(e=.5,...t){return ae(this,"white",e,...t)};l.prototype.shade=function(e=.5,...t){return ae(this,"black",e,...t)};var to=(e,t,r)=>{let n=e._rgb,o=t._rgb;return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"rgb")};A.rgb=to;var{sqrt:bt,pow:be}=Math,ro=(e,t,r)=>{let[n,o,i]=e._rgb,[a,s,c]=t._rgb;return new l(bt(be(n,2)*(1-r)+be(a,2)*r),bt(be(o,2)*(1-r)+be(s,2)*r),bt(be(i,2)*(1-r)+be(c,2)*r),"rgb")};A.lrgb=ro;var no=(e,t,r)=>{let n=e.lab(),o=t.lab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"lab")};A.lab=no;var j=(e,t,r,n)=>{let o,i;n==="hsl"?(o=e.hsl(),i=t.hsl()):n==="hsv"?(o=e.hsv(),i=t.hsv()):n==="hcg"?(o=e.hcg(),i=t.hcg()):n==="hsi"?(o=e.hsi(),i=t.hsi()):n==="lch"||n==="hcl"?(n="hcl",o=e.hcl(),i=t.hcl()):n==="oklch"&&(o=e.oklch().reverse(),i=t.oklch().reverse());let a,s,c,f,p,u;(n.substr(0,1)==="h"||n==="oklch")&&([a,c,p]=o,[s,f,u]=i);let m,S,k,R;return!isNaN(a)&&!isNaN(s)?(s>a&&s-a>180?R=s-(a+360):s<a&&a-s>180?R=s+360-a:R=s-a,S=a+r*R):isNaN(a)?isNaN(s)?S=Number.NaN:(S=s,(p==1||p==0)&&n!="hsv"&&(m=f)):(S=a,(u==1||u==0)&&n!="hsv"&&(m=c)),m===void 0&&(m=c+r*(f-c)),k=p+r*(u-p),n==="oklch"?new l([k,m,S],n):new l([S,m,k],n)};var vr=(e,t,r)=>j(e,t,r,"lch");A.lch=vr;A.hcl=vr;var oo=(e,t,r)=>{let n=e.num(),o=t.num();return new l(n+r*(o-n),"num")};A.num=oo;var ao=(e,t,r)=>j(e,t,r,"hcg");A.hcg=ao;var io=(e,t,r)=>j(e,t,r,"hsi");A.hsi=io;var so=(e,t,r)=>j(e,t,r,"hsl");A.hsl=so;var co=(e,t,r)=>j(e,t,r,"hsv");A.hsv=co;var lo=(e,t,r)=>{let n=e.oklab(),o=t.oklab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"oklab")};A.oklab=lo;var fo=(e,t,r)=>j(e,t,r,"oklch");A.oklch=fo;var{pow:ht,sqrt:yt,PI:xt,cos:Br,sin:kr,atan2:po}=Math,wr=(e,t="lrgb",r=null)=>{let n=e.length;r||(r=Array.from(new Array(n)).map(()=>1));let o=n/r.reduce(function(u,m){return u+m});if(r.forEach((u,m)=>{r[m]*=o}),e=e.map(u=>new l(u)),t==="lrgb")return mo(e,r);let i=e.shift(),a=i.get(t),s=[],c=0,f=0;for(let u=0;u<a.length;u++)if(a[u]=(a[u]||0)*r[0],s.push(isNaN(a[u])?0:r[0]),t.charAt(u)==="h"&&!isNaN(a[u])){let m=a[u]/180*xt;c+=Br(m)*r[0],f+=kr(m)*r[0]}let p=i.alpha()*r[0];e.forEach((u,m)=>{let S=u.get(t);p+=u.alpha()*r[m+1];for(let k=0;k<a.length;k++)if(!isNaN(S[k]))if(s[k]+=r[m+1],t.charAt(k)==="h"){let R=S[k]/180*xt;c+=Br(R)*r[m+1],f+=kr(R)*r[m+1]}else a[k]+=S[k]*r[m+1]});for(let u=0;u<a.length;u++)if(t.charAt(u)==="h"){let m=po(f/s[u],c/s[u])/xt*180;for(;m<0;)m+=360;for(;m>=360;)m-=360;a[u]=m}else a[u]=a[u]/s[u];return p/=n,new l(a,t).alpha(p>.99999?1:p,!0)},mo=(e,t)=>{let r=e.length,n=[0,0,0,0];for(let o=0;o<e.length;o++){let i=e[o],a=t[o]/r,s=i._rgb;n[0]+=ht(s[0],2)*a,n[1]+=ht(s[1],2)*a,n[2]+=ht(s[2],2)*a,n[3]+=s[3]*a}return n[0]=yt(n[0]),n[1]=yt(n[1]),n[2]=yt(n[2]),n[3]>.9999999&&(n[3]=1),new l(fe(n))};var{pow:uo}=Math;function de(e){let t="rgb",r=v("#ccc"),n=0,o=[0,1],i=[],a=[0,0],s=!1,c=[],f=!1,p=0,u=1,m=!1,S={},k=!0,R=1,w=function(d){if(d=d||["#fff","#000"],d&&h(d)==="string"&&v.brewer&&v.brewer[d.toLowerCase()]&&(d=v.brewer[d.toLowerCase()]),h(d)==="array"){d.length===1&&(d=[d[0],d[0]]),d=d.slice(0);for(let y=0;y<d.length;y++)d[y]=v(d[y]);i.length=0;for(let y=0;y<d.length;y++)i.push(y/(d.length-1))}return D(),c=d},b=function(d){if(s!=null){let y=s.length-1,C=0;for(;C<y&&d>=s[C];)C++;return C-1}return 0},N=d=>d,z=d=>d,M=function(d,y){let C,B;if(y==null&&(y=!1),isNaN(d)||d===null)return r;y?B=d:s&&s.length>2?B=b(d)/(s.length-2):u!==p?B=(d-p)/(u-p):B=1,B=z(B),y||(B=N(B)),R!==1&&(B=uo(B,R)),B=a[0]+B*(1-a[0]-a[1]),B=X(B,0,1);let _=Math.floor(B*1e4);if(k&&S[_])C=S[_];else{if(h(c)==="array")for(let T=0;T<i.length;T++){let E=i[T];if(B<=E){C=c[T];break}if(B>=E&&T===i.length-1){C=c[T];break}if(B>E&&B<i[T+1]){B=(B-E)/(i[T+1]-E),C=v.interpolate(c[T],c[T+1],B,t);break}}else h(c)==="function"&&(C=c(B));k&&(S[_]=C)}return C};var D=()=>S={};w(e);let F=function(d){let y=v(M(d));return f&&y[f]?y[f]():y};return F.classes=function(d){if(d!=null){if(h(d)==="array")s=d,o=[d[0],d[d.length-1]];else{let y=v.analyze(o);d===0?s=[y.min,y.max]:s=v.limits(y,"e",d)}return F}return s},F.domain=function(d){if(!arguments.length)return o;p=d[0],u=d[d.length-1],i=[];let y=c.length;if(d.length===y&&p!==u)for(let C of Array.from(d))i.push((C-p)/(u-p));else{for(let C=0;C<y;C++)i.push(C/(y-1));if(d.length>2){let C=d.map((_,T)=>T/(d.length-1)),B=d.map(_=>(_-p)/(u-p));B.every((_,T)=>C[T]===_)||(z=_=>{if(_<=0||_>=1)return _;let T=0;for(;_>=B[T+1];)T++;let E=(_-B[T])/(B[T+1]-B[T]);return C[T]+E*(C[T+1]-C[T])})}}return o=[p,u],F},F.mode=function(d){return arguments.length?(t=d,D(),F):t},F.range=function(d,y){return w(d,y),F},F.out=function(d){return f=d,F},F.spread=function(d){return arguments.length?(n=d,F):n},F.correctLightness=function(d){return d==null&&(d=!0),m=d,D(),m?N=function(y){let C=M(0,!0).lab()[0],B=M(1,!0).lab()[0],_=C>B,T=M(y,!0).lab()[0],E=C+(B-C)*y,L=T-E,P=0,te=1,pe=20;for(;Math.abs(L)>.01&&pe-- >0;)(function(){return _&&(L*=-1),L<0?(P=y,y+=(te-y)*.5):(te=y,y+=(P-y)*.5),T=M(y,!0).lab()[0],L=T-E})();return y}:N=y=>y,F},F.padding=function(d){return d!=null?(h(d)==="number"&&(d=[d,d]),a=d,F):a},F.colors=function(d,y){arguments.length<2&&(y="hex");let C=[];if(arguments.length===0)C=c.slice(0);else if(d===1)C=[F(.5)];else if(d>1){let B=o[0],_=o[1]-B;C=go(0,d,!1).map(T=>F(B+T/(d-1)*_))}else{e=[];let B=[];if(s&&s.length>2)for(let _=1,T=s.length,E=1<=T;E?_<T:_>T;E?_++:_--)B.push((s[_-1]+s[_])*.5);else B=o;C=B.map(_=>F(_))}return v[y]&&(C=C.map(B=>B[y]())),C},F.cache=function(d){return d!=null?(k=d,F):k},F.gamma=function(d){return d!=null?(R=d,F):R},F.nodata=function(d){return d!=null?(r=v(d),F):r},F}function go(e,t,r){let n=[],o=e<t,i=r?o?t+1:t-1:t;for(let a=e;o?a<i:a>i;o?a++:a--)n.push(a);return n}var bo=function(e){let t=[1,1];for(let r=1;r<e;r++){let n=[1];for(let o=1;o<=t.length;o++)n[o]=(t[o]||0)+t[o-1];t=n}return t},ho=function(e){let t,r,n,o;if(e=e.map(i=>new l(i)),e.length===2)[r,n]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>r[s]+i*(n[s]-r[s]));return new l(a,"lab")};else if(e.length===3)[r,n,o]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>(1-i)*(1-i)*r[s]+2*(1-i)*i*n[s]+i*i*o[s]);return new l(a,"lab")};else if(e.length===4){let i;[r,n,o,i]=e.map(a=>a.lab()),t=function(a){let s=[0,1,2].map(c=>(1-a)*(1-a)*(1-a)*r[c]+3*(1-a)*(1-a)*a*n[c]+3*(1-a)*a*a*o[c]+a*a*a*i[c]);return new l(s,"lab")}}else if(e.length>=5){let i,a,s;i=e.map(c=>c.lab()),s=e.length-1,a=bo(s),t=function(c){let f=1-c,p=[0,1,2].map(u=>i.reduce((m,S,k)=>m+a[k]*f**(s-k)*c**k*S[u],0));return new l(p,"lab")}}else throw new RangeError("No point in running bezier with only one color.");return t},Rr=e=>{let t=ho(e);return t.scale=()=>de(t),t};var q=(e,t,r)=>{if(!q[r])throw new Error("unknown blend mode "+r);return q[r](e,t)},ie=e=>(t,r)=>{let n=v(r).rgb(),o=v(t).rgb();return v.rgb(e(n,o))},se=e=>(t,r)=>{let n=[];return n[0]=e(t[0],r[0]),n[1]=e(t[1],r[1]),n[2]=e(t[2],r[2]),n},yo=e=>e,xo=(e,t)=>e*t/255,So=(e,t)=>e>t?t:e,Co=(e,t)=>e>t?e:t,vo=(e,t)=>255*(1-(1-e/255)*(1-t/255)),Bo=(e,t)=>t<128?2*e*t/255:255*(1-2*(1-e/255)*(1-t/255)),ko=(e,t)=>255*(1-(1-t/255)/(e/255)),wo=(e,t)=>e===255?255:(e=255*(t/255)/(1-e/255),e>255?255:e);q.normal=ie(se(yo));q.multiply=ie(se(xo));q.screen=ie(se(vo));q.overlay=ie(se(Bo));q.darken=ie(se(So));q.lighten=ie(se(Co));q.dodge=ie(se(wo));q.burn=ie(se(ko));var Nr=q;var{pow:Ro,sin:No,cos:To}=Math;function Tr(e=300,t=-1.5,r=1,n=1,o=[0,1]){let i=0,a;h(o)==="array"?a=o[1]-o[0]:(a=0,o=[o,o]);let s=function(c){let f=U*((e+120)/360+t*c),p=Ro(o[0]+a*c,n),m=(i!==0?r[0]+c*i:r)*p*(1-p)/2,S=To(f),k=No(f),R=p+m*(-.14861*S+1.78277*k),w=p+m*(-.29227*S-.90649*k),b=p+m*(1.97294*S);return v(fe([R*255,w*255,b*255,1]))};return s.start=function(c){return c==null?e:(e=c,s)},s.rotations=function(c){return c==null?t:(t=c,s)},s.gamma=function(c){return c==null?n:(n=c,s)},s.hue=function(c){return c==null?r:(r=c,h(r)==="array"?(i=r[1]-r[0],i===0&&(r=r[1])):i=0,s)},s.lightness=function(c){return c==null?o:(h(c)==="array"?(o=c,a=c[1]-c[0]):(o=[c,c],a=0),s)},s.scale=()=>v.scale(s),s.hue(r),s}var Fo="0123456789abcdef",{floor:_o,random:Lo}=Math,Fr=()=>{let e="#";for(let t=0;t<6;t++)e+=Fo.charAt(_o(Lo()*16));return new l(e,"hex")};var{log:_r,pow:Eo,floor:Ao,abs:Po}=Math;function St(e,t=null){let r={min:Number.MAX_VALUE,max:Number.MAX_VALUE*-1,sum:0,values:[],count:0};return h(e)==="object"&&(e=Object.values(e)),e.forEach(n=>{t&&h(n)==="object"&&(n=n[t]),n!=null&&!isNaN(n)&&(r.values.push(n),r.sum+=n,n<r.min&&(r.min=n),n>r.max&&(r.max=n),r.count+=1)}),r.domain=[r.min,r.max],r.limits=(n,o)=>Ct(r,n,o),r}function Ct(e,t="equal",r=7){h(e)=="array"&&(e=St(e));let{min:n,max:o}=e,i=e.values.sort((s,c)=>s-c);if(r===1)return[n,o];let a=[];if(t.substr(0,1)==="c"&&(a.push(n),a.push(o)),t.substr(0,1)==="e"){a.push(n);for(let s=1;s<r;s++)a.push(n+s/r*(o-n));a.push(o)}else if(t.substr(0,1)==="l"){if(n<=0)throw new Error("Logarithmic scales are only possible for values > 0");let s=Math.LOG10E*_r(n),c=Math.LOG10E*_r(o);a.push(n);for(let f=1;f<r;f++)a.push(Eo(10,s+f/r*(c-s)));a.push(o)}else if(t.substr(0,1)==="q"){a.push(n);for(let s=1;s<r;s++){let c=(i.length-1)*s/r,f=Ao(c);if(f===c)a.push(i[f]);else{let p=c-f;a.push(i[f]*(1-p)+i[f+1]*p)}}a.push(o)}else if(t.substr(0,1)==="k"){let s,c=i.length,f=new Array(c),p=new Array(r),u=!0,m=0,S=null;S=[],S.push(n);for(let w=1;w<r;w++)S.push(n+w/r*(o-n));for(S.push(o);u;){for(let b=0;b<r;b++)p[b]=0;for(let b=0;b<c;b++){let N=i[b],z=Number.MAX_VALUE,M;for(let D=0;D<r;D++){let F=Po(S[D]-N);F<z&&(z=F,M=D),p[M]++,f[b]=M}}let w=new Array(r);for(let b=0;b<r;b++)w[b]=null;for(let b=0;b<c;b++)s=f[b],w[s]===null?w[s]=i[b]:w[s]+=i[b];for(let b=0;b<r;b++)w[b]*=1/p[b];u=!1;for(let b=0;b<r;b++)if(w[b]!==S[b]){u=!0;break}S=w,m++,m>200&&(u=!1)}let k={};for(let w=0;w<r;w++)k[w]=[];for(let w=0;w<c;w++)s=f[w],k[s].push(i[w]);let R=[];for(let w=0;w<r;w++)R.push(k[w][0]),R.push(k[w][k[w].length-1]);R=R.sort((w,b)=>w-b),a.push(R[0]);for(let w=1;w<R.length;w+=2){let b=R[w];!isNaN(b)&&a.indexOf(b)===-1&&a.push(b)}}return a}var Lr=(e,t)=>{e=new l(e),t=new l(t);let r=e.luminance(),n=t.luminance();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)};var{sqrt:Q,pow:I,min:Mo,max:Do,atan2:Er,abs:Ar,cos:je,sin:Pr,exp:Io,PI:Mr}=Math;function Dr(e,t,r=1,n=1,o=1){var i=function(Xe){return 360*Xe/(2*Mr)},a=function(Xe){return 2*Mr*Xe/360};e=new l(e),t=new l(t);let[s,c,f]=Array.from(e.lab()),[p,u,m]=Array.from(t.lab()),S=(s+p)/2,k=Q(I(c,2)+I(f,2)),R=Q(I(u,2)+I(m,2)),w=(k+R)/2,b=.5*(1-Q(I(w,7)/(I(w,7)+I(25,7)))),N=c*(1+b),z=u*(1+b),M=Q(I(N,2)+I(f,2)),D=Q(I(z,2)+I(m,2)),F=(M+D)/2,d=i(Er(f,N)),y=i(Er(m,z)),C=d>=0?d:d+360,B=y>=0?y:y+360,_=Ar(C-B)>180?(C+B+360)/2:(C+B)/2,T=1-.17*je(a(_-30))+.24*je(a(2*_))+.32*je(a(3*_+6))-.2*je(a(4*_-63)),E=B-C;E=Ar(E)<=180?E:B<=C?E+360:E-360,E=2*Q(M*D)*Pr(a(E)/2);let L=p-s,P=D-M,te=1+.015*I(S-50,2)/Q(20+I(S-50,2)),pe=1+.045*F,xe=1+.015*F*T,Gr=30*Io(-I((_-275)/25,2)),Wr=-(2*Q(I(F,7)/(I(F,7)+I(25,7))))*Pr(2*a(Gr)),Ur=Q(I(L/(r*te),2)+I(P/(n*pe),2)+I(E/(o*xe),2)+Wr*(P/(n*pe))*(E/(o*xe)));return Do(0,Mo(100,Ur))}function Ir(e,t,r="lab"){e=new l(e),t=new l(t);let n=e.get(r),o=t.get(r),i=0;for(let a in n){let s=(n[a]||0)-(o[a]||0);i+=s*s}return Math.sqrt(i)}var $r=(...e)=>{try{return new l(...e),!0}catch{return!1}};var zr={cool(){return de([v.hsl(180,1,.9),v.hsl(250,.7,.4)])},hot(){return de(["#000","#f00","#ff0","#fff"],[0,.25,.75,1]).mode("rgb")}};var qe={OrRd:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"],PuBu:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"],BuPu:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"],Oranges:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"],BuGn:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"],YlOrBr:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"],YlGn:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"],Reds:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"],RdPu:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"],Greens:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"],YlGnBu:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"],Purples:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"],GnBu:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"],Greys:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"],YlOrRd:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"],PuRd:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"],Blues:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"],PuBuGn:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"],Viridis:["#440154","#482777","#3f4a8a","#31678e","#26838f","#1f9d8a","#6cce5a","#b6de2b","#fee825"],Spectral:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],RdYlGn:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],RdBu:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],PiYG:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],PRGn:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],RdYlBu:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],BrBG:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],RdGy:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],PuOr:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],Set2:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],Accent:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"],Set1:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],Set3:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],Dark2:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"],Paired:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"],Pastel2:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"],Pastel1:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]};for(let e of Object.keys(qe))qe[e.toLowerCase()]=qe[e];var Or=qe;Object.assign(v,{average:wr,bezier:Rr,blend:Nr,cubehelix:Tr,mix:ae,interpolate:ae,random:Fr,scale:de,analyze:St,contrast:Lr,deltaE:Dr,distance:Ir,limits:Ct,valid:$r,scales:zr,input:x,colors:oe,brewer:Or});var J=v;function $o(e){if(e)try{return J.valid(e)?J(e).darken(.5).hex():void 0}catch{return}}function zo(e){return $o(e)}function Oo(e,t){if(!(!e||!t))try{if(!J.valid(e)||!J.valid(t))return;let r=J(e).darken(.5).hex();return J.contrast(r,t)<4.5?J(t).luminance()>.5?"#000000":"#FFFFFF":r}catch{return}}function Hr(e){let t=zo(e.primaryAccent),r=Oo(e.primaryAccentContrast,t);return{primaryAccentDerived:t,primaryAccentContrastDerived:r}}import{Fragment as Ve,jsx as O,jsxs as ee}from"react/jsx-runtime";var Ho=he.forwardRef(function(t,r){let{brands:n,localBrands:o,activeBrandId:i,activeTab:a,labels:s,loading:c,error:f,onSelectBrand:p,onSearchBrands:u,onUpdateBrandProperty:m,onSaveBrand:S,onSelectTab:k,onRefreshLocal:R,onApplyVibes:w,showSaveBar:b=!0}=t,N=Ut(s),[z,M]=he.useState(""),[D,F]=he.useState("colors"),d=L=>{L.trim().length>=3&&u(L.trim())},y=a==="local"?o:n,C=y.find(L=>(L["sfdc_cms:title"]||"")===i),[B,_]=he.useState({});he.useEffect(()=>{_({})},[i]);let T=he.useMemo(()=>{if(!C)return;if(Object.keys(B).length===0)return C;let L={...C.colorScheme,...B},P=Hr({primaryAccent:L.primaryAccent,primaryAccentContrast:L.primaryAccentContrast});return P.primaryAccentDerived!==void 0?L.primaryAccentDerived=P.primaryAccentDerived:delete L.primaryAccentDerived,P.primaryAccentContrastDerived!==void 0?L.primaryAccentContrastDerived=P.primaryAccentContrastDerived:delete L.primaryAccentContrastDerived,{...C,colorScheme:L}},[C,B]),E=(L,P,te)=>{if(P.startsWith("colorScheme.")&&typeof te=="string"){let pe=P.slice(12);_(xe=>({...xe,[pe]:te}))}m(L,P,te)};return ee("div",{ref:r,className:"tm-panel-root",children:[ee("header",{className:"tm-panel-header",children:[ee("div",{className:"tm-panel-header-row",children:[O("h2",{className:"tm-panel-title",children:N.header.title}),b&&T&&O(At,{labels:N.save,onSave:()=>S("workspace"),onApplyVibes:w})]}),O(zt,{activeTab:a,onSelectTab:k,localLabel:N.header.tabLocal,orgLabel:N.header.tabOrg}),a==="org"?ee(Ve,{children:[O(Mt,{value:z,onChange:M,onSearch:d,placeholder:N.header.searchPlaceholder,buttonLabel:N.header.searchButton,minLength:3,minLengthHint:N.header.searchMinLengthHint}),c?O("div",{className:"tm-gallery-empty",children:N.gallery.loading}):f?ee("div",{className:"tm-gallery-empty",children:[N.gallery.error,": ",f]}):O(tt,{brands:n,activeBrandId:i,onSelectBrand:p,noResultsLabel:N.gallery.noResults})]}):ee(Ve,{children:[O("div",{className:"tm-local-header",children:O("button",{type:"button",className:"tm-btn tm-btn-secondary tm-refresh-button",onClick:R,children:N.header.refreshLocal})}),o.length>0?O(tt,{brands:o,activeBrandId:i,onSelectBrand:p,noResultsLabel:N.gallery.noLocalBrands}):O("div",{className:"tm-empty-state",children:N.gallery.noLocalBrands})]})]}),T?ee(Ve,{children:[O(It,{tabs:[{id:"colors",label:N.sectionTabs.colors},{id:"typography",label:N.sectionTabs.typography},{id:"borders",label:N.sectionTabs.borders}],activeTab:D,onSelectTab:F}),ee("div",{className:"tm-panel-content",role:"tabpanel",id:`tm-section-panel-${D}`,"aria-labelledby":`tm-section-tab-${D}`,children:[D==="colors"&&ee(Ve,{children:[O(Lt,{colorScheme:T.colorScheme,labels:N.colors,onChange:(L,P)=>E("colors",L,P)}),O(_t,{brand:T,labels:N.buttons,onChange:(L,P)=>E("buttons",L,P)})]}),D==="typography"&&O(Wt,{brand:T,labels:N.typography,onChange:(L,P)=>E("typography",L,P)}),D==="borders"&&O(Rt,{brand:T,labels:N.borders,onChange:(L,P)=>E("borders",L,P)})]})]}):O("div",{className:"tm-panel-content",children:O("div",{className:"tm-panel-empty-state",children:y.length>0?N.gallery.noSelection:N.gallery.noResults})})]})});export{Ho as BrandManagerPanel};
|
|
1
|
+
import ye from"react";import Ke from"react";import{Fragment as Rt,jsx as ne,jsxs as Ze}from"react/jsx-runtime";var Nt=16,le=e=>e*Nt,wt=e=>e/Nt;function Y(e){return String(Number(e.toFixed(4)))}function Se({label:e,dimension:t,path:r,editable:n=!0,pixelInputLabel:o,remInputLabel:i,renderExample:a,onChange:s}){let[c,f]=Ke.useState(()=>Y(le(t.value))),[p,u]=Ke.useState(()=>Y(t.value));Ke.useEffect(()=>{f(Y(le(t.value))),u(Y(t.value))},[t.value]);let m=b=>{f(Y(le(b))),u(Y(b)),s(r,{unit:"rem",value:b})},S=b=>{f(b);let P=Number(b);if(b.trim()===""||!Number.isFinite(P))return;let $=wt(P);u(Y($)),s(r,{unit:"rem",value:$})},v=b=>{u(b);let P=Number(b);b.trim()===""||!Number.isFinite(P)||(f(Y(le(P))),s(r,{unit:"rem",value:P}))},R=Number(c),w=c.trim()!==""&&Number.isFinite(R)&&R>=0?R:le(t.value);return Ze("tr",{children:[ne("th",{scope:"row",className:"tm-scale-name",children:e}),n?Ze(Rt,{children:[ne("td",{children:ne("input",{type:"number",className:"tm-scale-input",min:0,step:1,value:c,"aria-label":o,onChange:b=>S(b.target.value),onBlur:()=>m(wt(Number(c)||le(t.value)))})}),ne("td",{children:ne("input",{type:"number",className:"tm-scale-input",min:0,step:.0625,value:p,"aria-label":i,onChange:b=>v(b.target.value),onBlur:()=>m(Number(p)||t.value)})})]}):Ze(Rt,{children:[ne("td",{className:"tm-scale-static",children:Y(le(t.value))}),ne("td",{className:"tm-scale-static",children:Y(t.value)})]}),ne("td",{className:"tm-scale-example",children:a(w)})]})}import{jsx as G,jsxs as Ce}from"react/jsx-runtime";function Tt({title:e,nameColumn:t,pixelColumn:r,remColumn:n,exampleColumn:o,rows:i,renderExample:a,onChange:s}){return Ce("div",{className:"tm-border-group",children:[G("div",{className:"tm-section-title",children:e}),Ce("table",{className:"tm-scale-table",children:[G("thead",{children:Ce("tr",{children:[G("th",{scope:"col",children:t}),G("th",{scope:"col",children:r}),G("th",{scope:"col",children:n}),G("th",{scope:"col",children:o})]})}),G("tbody",{children:i.map(c=>G(Se,{label:c.label,dimension:c.dimension,path:c.path,editable:c.editable,pixelInputLabel:`${c.label} pixel value`,remInputLabel:`${c.label} rem value`,renderExample:a,onChange:s},c.path))})]})]})}function _t({brand:e,labels:t,onChange:r}){let n=e.borderRadius.round||{unit:"rem",value:0},o=e.borderRadius.square||{unit:"rem",value:0},i=e.borderWeight.none||{unit:"rem",value:0},a=e.borderWeight.thin||{unit:"rem",value:.0625},s=e.borderWeight.medium||{unit:"rem",value:.125},c=e.borderWeight.thick||{unit:"rem",value:.1875},f=[{label:t.weightNone,path:"borderWeight.none",dimension:i,editable:!1},{label:t.weightThin,path:"borderWeight.thin",dimension:a,editable:!0},{label:t.weightMedium,path:"borderWeight.medium",dimension:s,editable:!0},{label:t.weightThick,path:"borderWeight.thick",dimension:c,editable:!0}],p=[{label:t.radiusSquare,path:"borderRadius.square",dimension:o,editable:!1},{label:t.radiusRound,path:"borderRadius.round",dimension:n,editable:!0}];return Ce("section",{className:"tm-section",children:[G(Tt,{title:t.weightTitle,nameColumn:t.weightColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:f,renderExample:u=>G("span",{className:"tm-border-weight-example","aria-hidden":"true",style:{borderTopWidth:`${u}px`}}),onChange:r}),G(Tt,{title:t.radiusTitle,nameColumn:t.radiusColumnName,pixelColumn:t.columnPixel,remColumn:t.columnRem,exampleColumn:t.columnExample,rows:p,renderExample:u=>G("span",{className:"tm-border-radius-example","aria-hidden":"true",style:{borderRadius:`${u}px`}}),onChange:r})]})}import Lt from"react";import ve from"react";import{jsx as W,jsxs as oe}from"react/jsx-runtime";function ke(e){let t=e.trim().replace(/^#/,"");if(!/^[0-9A-Fa-f]{3,8}$/.test(t))return null;let r,n,o,i=1;if(t.length===3)r=parseInt(t[0]+t[0],16),n=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16);else if(t.length===6)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16);else if(t.length===8)r=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16),i=parseInt(t.slice(6,8),16)/255;else return null;return{r,g:n,b:o,a:i}}function Be(e,t,r,n){let o=Math.round(e).toString(16).padStart(2,"0"),i=Math.round(t).toString(16).padStart(2,"0"),a=Math.round(r).toString(16).padStart(2,"0"),s=Math.round(n*255).toString(16).padStart(2,"0");return`#${o}${i}${a}${s}`}var qr=()=>oe("svg",{width:"12",height:"12",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[W("path",{d:"M8.51194 3.00541C9.18829 2.54594 10.0435 2.53694 10.6788 2.95419C10.8231 3.04893 10.9771 3.19768 11.389 3.60967C11.8009 4.02166 11.9497 4.17565 12.0444 4.31999C12.4617 4.95533 12.4527 5.81047 11.9932 6.48687C11.8834 6.64866 11.7092 6.85062 11.373 7.18689L10.9526 7.60727C10.7573 7.80253 10.7573 8.11911 10.9526 8.31438C11.1479 8.50964 11.4645 8.50964 11.6597 8.31438L12.0801 7.894C12.0899 7.88417 12.0996 7.87434 12.1092 7.86462C12.4111 7.5628 12.6482 7.32573 12.8216 7.06978C13.4711 6.11077 13.4874 4.85951 12.8627 3.88891C12.7047 3.63896 12.4738 3.40895 12.183 3.11884L12.183 3.11884C12.1622 3.09805 12.1411 3.07708 12.1198 3.05585L12.1005 3.03652C11.9202 2.85615 11.7724 2.70831 11.6427 2.62308C10.6721 1.99835 9.42086 2.01464 8.46185 2.66412C8.20589 2.83752 7.96883 3.07459 7.66701 3.37641C7.65729 3.38613 7.64746 3.39597 7.63763 3.40581L7.21725 3.82619C7.02199 4.02145 7.02199 4.33803 7.21725 4.53329C7.41251 4.72856 7.72909 4.72856 7.92435 4.53329L8.34473 4.11291C8.681 3.7767 8.88297 3.60251 9.04476 3.49267L8.51194 3.00541Z",fill:"currentColor"}),W("path",{d:"M6.48784 11.9946C5.81149 12.4541 4.95635 12.4631 4.32101 12.0458C4.17667 11.9511 4.02268 11.8023 3.61069 11.3903C3.1987 10.9784 3.04995 10.8244 2.95521 10.68C2.53796 10.0447 2.54696 9.18956 3.00643 8.51321C3.11627 8.35142 3.29046 8.14945 3.62673 7.81318L4.04711 7.3928C4.24238 7.19754 4.24238 6.88096 4.04711 6.68569C3.85185 6.49043 3.53527 6.49043 3.34001 6.68569L2.91963 7.10607C2.90991 7.1159 2.90007 7.12573 2.89035 7.13545C2.58853 7.43727 2.35146 7.67434 2.17806 7.93029C1.52858 8.8893 1.51229 10.1406 2.13702 11.1112C2.29502 11.3611 2.52503 11.5911 2.81514 11.8813L2.81514 11.8813C2.83593 11.902 2.85691 11.923 2.87819 11.9442L2.89752 11.9636C3.07789 12.1439 3.22573 12.2918 3.35543 12.377C4.32603 13.0017 5.57728 12.9854 6.53629 12.336C6.79225 12.1626 7.02931 11.9255 7.33113 11.6237C7.34085 11.6139 7.35069 11.6041 7.36052 11.5943L7.7809 11.1739C7.97616 10.9787 7.97616 10.6621 7.7809 10.4668C7.58563 10.2716 7.26905 10.2716 7.07379 10.4668L6.65341 10.8872C6.31714 11.2234 6.11517 11.3976 5.95338 11.5075L6.48784 11.9946Z",fill:"currentColor"}),W("path",{d:"M5.42583 9.57446C5.6211 9.76972 5.93768 9.76972 6.13294 9.57446L9.57422 6.13318C9.76948 5.93792 9.76948 5.62134 9.57422 5.42608C9.37896 5.23081 9.06238 5.23081 8.86711 5.42608L5.42583 8.86736C5.23057 9.06262 5.23057 9.3792 5.42583 9.57446Z",fill:"currentColor"})]});function we({fieldKey:e,label:t,value:r,onChange:n,opacityLabel:o,hexLabel:i,onLink:a,linkLabel:s}){let c=ke(r)||{r:0,g:0,b:0,a:1},[f,p]=ve.useState(c),[u,m]=ve.useState(!1),[S,v]=ve.useState(r);ve.useEffect(()=>{let d=ke(r);d&&(p(d),u||v(r))},[r,u]);let R=Be(f.r,f.g,f.b,f.a),w=`#${Math.round(f.r).toString(16).padStart(2,"0")}${Math.round(f.g).toString(16).padStart(2,"0")}${Math.round(f.b).toString(16).padStart(2,"0")}`,b=d=>{let x=ke(d.target.value);if(x){let B={...x,a:f.a};p(B);let k=Be(B.r,B.g,B.b,B.a);v(k),n(k)}},P=d=>{let x=parseFloat(d.target.value),B={...f,a:x};p(B);let k=Be(B.r,B.g,B.b,x);v(k),n(k)},$=()=>{m(!0)},N=d=>{v(d.target.value)},z=()=>{m(!1);let d=ke(S);if(d){p(d);let x=Be(d.r,d.g,d.b,d.a);v(x),n(x)}else v(R)},_=d=>{d.key==="Enter"&&z()};return oe("div",{className:"tm-field tm-color-field",children:[W("label",{htmlFor:`tm-color-${e}`,className:"tm-field-label",children:t}),a&&W("button",{type:"button",className:"tm-color-link-btn",onClick:a,"aria-label":s,title:s,children:W(qr,{})}),oe("div",{className:"tm-color-unified-controls",children:[oe("div",{className:"tm-color-picker-row",children:[W("div",{className:"tm-color-preview",style:{backgroundColor:R},"aria-hidden":"true"}),W("input",{id:`tm-color-${e}`,type:"color",className:"tm-color-input",value:w,onChange:b,"aria-label":`${t} color picker`})]}),oe("div",{className:"tm-color-opacity",children:[oe("div",{className:"tm-color-opacity-header",children:[W("label",{htmlFor:`tm-opacity-${e}`,className:"tm-opacity-label",children:o}),oe("span",{className:"tm-opacity-value",children:[Math.round(f.a*100),"%"]})]}),W("input",{id:`tm-opacity-${e}`,type:"range",min:"0",max:"1",step:"0.01",value:f.a,onChange:P,className:"tm-opacity-slider","aria-valuetext":`${Math.round(f.a*100)}%`})]}),oe("div",{className:"tm-color-hex",children:[W("label",{htmlFor:`tm-hex-${e}`,className:"tm-hex-label",children:i}),W("input",{id:`tm-hex-${e}`,type:"text",className:"tm-hex-input",value:u?S:R,onChange:N,onFocus:$,onBlur:z,onKeyDown:_,placeholder:"#RRGGBBAA"})]})]})]})}var Ft=/^\{!\$brand\.([^}]+)\}$/;function Re(e){return typeof e=="string"&&Ft.test(e)}function Qe(e,t,r=0){if(r>10)throw new Error(`Max resolution depth exceeded resolving: ${t}`);if(!Re(t))return t;let n=t.match(Ft);if(!n||!n[1])return t;let i=n[1].split("."),a=e;for(let s of i){if(a==null||typeof a!="object")throw new Error(`Invalid reference path: ${t} (failed at ${s})`);if(a=a[s],a===void 0)throw new Error(`Reference not found: ${t} (${s} is undefined)`)}return Re(a)?Qe(e,a,r+1):a}import{jsx as fe,jsxs as Je}from"react/jsx-runtime";var Vr=["primary","secondary","tertiary"],Et=["backgroundColor","textColor","borderColor"];function At({brand:e,labels:t,onChange:r}){let[n,o]=Lt.useState(null),[i,a]=Lt.useState({}),s=p=>{try{let u=Qe(e,p);return typeof u=="string"?u:"#000000ff"}catch{return"#000000ff"}},c={backgroundColor:t.backgroundColor,textColor:t.textColor,borderColor:t.borderColor},f={primary:t.primary,secondary:t.secondary,tertiary:t.tertiary};return Je("section",{className:"tm-section",children:[fe("div",{className:"tm-section-title",children:t.title}),Vr.map(p=>{let u=e.buttonStyleGroup[p]["lightning:buttonColorGroup"],m=n===p,S=`tm-button-header-${p}`,v=`tm-button-panel-${p}`;return Je("div",{className:"tm-button-group",role:"group","aria-label":f[p],children:[Je("button",{type:"button",id:S,className:"tm-button-group-header","aria-expanded":m,"aria-controls":v,onClick:()=>o(R=>R===p?null:p),children:[fe("span",{className:"tm-button-group-chevron","aria-hidden":"true",children:m?"\u25BE":"\u25B8"}),fe("span",{className:"tm-button-group-name",children:f[p]}),fe("span",{className:"tm-button-group-swatches","aria-hidden":"true",children:Et.map(R=>{let w=u[R];return w==null?null:fe("span",{className:"tm-button-group-swatch",style:{backgroundColor:s(w)}},R)})})]}),m&&fe("div",{className:"tm-color-grid",id:v,role:"region","aria-labelledby":S,children:Et.map(R=>{let w=u[R],b=`buttonStyleGroup.${p}.lightning:buttonColorGroup.${R}`,P=Re(w)?w:void 0,$=i[b]??0;return fe(we,{fieldKey:`button-${p}-${R}`,label:c[R],value:s(w),onChange:N=>r(b,N),opacityLabel:t.opacity,hexLabel:t.hex,onLink:P?()=>{r(b,P),a(N=>({...N,[b]:(N[b]??0)+1}))}:void 0,linkLabel:t.linkToBrand},`${p}-${R}-${$}`)})})]},p)})]})}import{jsx as et,jsxs as Xr}from"react/jsx-runtime";function Pt({colorScheme:e,labels:t,onChange:r}){let n=[{key:"root",label:t.root},{key:"contrast",label:t.contrast},{key:"neutral",label:t.neutral},{key:"primaryAccent",label:t.primaryAccent},{key:"primaryAccentContrast",label:t.primaryAccentContrast}];return Xr("section",{className:"tm-section",children:[et("div",{className:"tm-section-title",children:t.title}),et("div",{className:"tm-color-grid",children:n.map(({key:o,label:i})=>et(we,{fieldKey:o,label:i,value:e[o]||"#000000ff",onChange:a=>r(`colorScheme.${o}`,a),opacityLabel:t.opacity,hexLabel:t.hex},o))})]})}import{jsx as tt,jsxs as Yr}from"react/jsx-runtime";function Mt({labels:e,onSave:t,onSaveAsNew:r,onApplyVibes:n}){return Yr("div",{className:"tm-save-bar",children:[tt("button",{type:"button",className:"tm-btn tm-btn-primary",onClick:t,children:e.saveToWorkspace}),tt("button",{type:"button",className:"tm-btn tm-btn-secondary",onClick:r,children:e.saveAsNew}),n&&tt("button",{type:"button",className:"tm-btn tm-btn-secondary",onClick:n,children:e.applyVibes})]})}import{useId as Kr}from"react";import{jsx as rt,jsxs as Dt}from"react/jsx-runtime";function It({value:e,onChange:t,onSearch:r,placeholder:n,buttonLabel:o,minLength:i,minLengthHint:a}){let s=Kr(),c=e.trim(),f=c.length>=i,p=!f&&c.length>0,u=()=>{f&&r(c)};return Dt("div",{className:"tm-search-box",children:[Dt("div",{className:"tm-search-row",children:[rt("input",{type:"text",className:"tm-search-input",value:e,onChange:S=>t(S.target.value),onKeyDown:S=>{S.key==="Enter"&&(S.preventDefault(),u())},placeholder:n,"aria-label":n,"aria-describedby":p?s:void 0}),rt("button",{type:"button",className:"tm-btn tm-btn-primary tm-search-button",onClick:u,disabled:!f,title:f?void 0:a,children:o})]}),p&&rt("div",{id:s,className:"tm-search-hint",children:a})]})}import{jsx as $t}from"react/jsx-runtime";function Ot({tabs:e,activeTab:t,onSelectTab:r}){return $t("div",{className:"tm-tab-switcher tm-section-tabs",role:"tablist",children:e.map(n=>{let o=t===n.id;return $t("button",{id:`tm-section-tab-${n.id}`,type:"button",role:"tab","aria-selected":o,"aria-controls":o?`tm-section-panel-${n.id}`:void 0,className:`tm-tab ${o?"tm-tab-active":""}`,onClick:()=>r(n.id),children:n.label},n.id)})})}import{jsx as zt,jsxs as Zr}from"react/jsx-runtime";function Ht({activeTab:e,onSelectTab:t,localLabel:r,orgLabel:n}){return Zr("div",{className:"tm-tab-switcher",role:"tablist",children:[zt("button",{type:"button",role:"tab","aria-selected":e==="local",className:`tm-tab ${e==="local"?"tm-tab-active":""}`,onClick:()=>t("local"),children:r}),zt("button",{type:"button",role:"tab","aria-selected":e==="org",className:`tm-tab ${e==="org"?"tm-tab-active":""}`,onClick:()=>t("org"),children:n})]})}function Gt(e){return e["sfdc_cms:title"]??"Untitled Brand"}import{jsx as Q,jsxs as Wt}from"react/jsx-runtime";function nt({brands:e,activeBrandId:t,onSelectBrand:r,noResultsLabel:n}){return e.length===0?Q("div",{className:"tm-gallery-empty",children:n}):Q("div",{className:"tm-gallery",children:e.map((o,i)=>{let a=o["sfdc_cms:title"]||`brand-${i}`,s=a===t,c=Gt(o),f=o.colorScheme;return Wt("div",{className:`tm-theme-card${s?" active":""}`,onClick:()=>r(a),role:"button",tabIndex:0,onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),r(a))},children:[Wt("div",{className:"tm-swatches",children:[Q("span",{className:"tm-swatch",style:{background:f.primaryAccent||"#000"},"aria-hidden":"true"}),Q("span",{className:"tm-swatch",style:{background:f.primaryAccentDerived||"#000"},"aria-hidden":"true"}),Q("span",{className:"tm-swatch",style:{background:f.root||"#000"},"aria-hidden":"true"}),Q("span",{className:"tm-swatch",style:{background:f.contrast||"#000"},"aria-hidden":"true"}),Q("span",{className:"tm-swatch",style:{background:f.neutral||"#000"},"aria-hidden":"true"})]}),Q("div",{className:"tm-card-info",children:Q("span",{className:"tm-card-label",children:c})})]},a)})})}import Ut from"react";import{jsx as U,jsxs as Ne}from"react/jsx-runtime";var Qr="Aa",Jr=[{key:"xSmall",fallbackRem:.625},{key:"small",fallbackRem:.8125},{key:"medium",fallbackRem:1},{key:"large",fallbackRem:1.125},{key:"xLarge",fallbackRem:1.5},{key:"xxLarge",fallbackRem:2}];function en(e){if(!e?.name)return"inherit";let t=n=>n.includes(" ")?`"${n}"`:n,r=[t(e.name),...(e.fallbacks??[]).map(t)];return e.category&&r.push(e.category),r.join(", ")}function jt({brand:e,labels:t,onChange:r}){let n=Object.keys(e.fontFamily),i=e.baseFontFamily.match(/\{!\$brand\.fontFamily\.([^}]+)\}/)?.[1]||n[0]||"",[a,s]=Ut.useState(i);Ut.useEffect(()=>{s(i)},[i]);let c=m=>{s(m),r("baseFontFamily",`{!$brand.fontFamily.${m}}`)},f=en(e.fontFamily[a]),p=(m,S)=>{let v=e.fontSize?.[m];return v&&typeof v=="object"&&"unit"in v?v:{unit:"rem",value:S}},u={xSmall:t.fontSizeXSmall,small:t.fontSizeSmall,medium:t.fontSizeMedium,large:t.fontSizeLarge,xLarge:t.fontSizeXLarge,xxLarge:t.fontSizeXxLarge};return Ne("section",{className:"tm-section",children:[U("div",{className:"tm-section-title",children:t.title}),Ne("div",{className:"tm-field",children:[U("label",{htmlFor:"tm-base-font-family",className:"tm-field-label",children:t.baseFontFamily}),U("select",{id:"tm-base-font-family",className:"tm-select",value:a,onChange:m=>c(m.target.value),children:n.map(m=>{let S=e.fontFamily[m];return U("option",{value:m,children:S?.name||m},m)})})]}),Ne("table",{className:"tm-scale-table",children:[U("thead",{children:Ne("tr",{children:[U("th",{scope:"col",children:t.sizeColumnName}),U("th",{scope:"col",children:t.sizeColumnPixel}),U("th",{scope:"col",children:t.sizeColumnRem}),U("th",{scope:"col",children:t.sizeColumnExample})]})}),U("tbody",{children:Jr.map(({key:m,fallbackRem:S})=>{let v=u[m]??m;return U(Se,{label:v,dimension:p(m,S),path:`fontSize.${m}`,pixelInputLabel:`${v} pixel value`,remInputLabel:`${v} rem value`,renderExample:R=>U("span",{"aria-hidden":"true",style:{fontFamily:f,fontSize:`${R}px`},children:Qr}),onChange:r},m)})})]})]})}var J={header:{title:"Brand Toolkit",searchPlaceholder:"Search brands...",searchButton:"Search",searchMinLengthHint:"Enter at least 3 characters to search",tabLocal:"Brands in this Project",tabOrg:"Search in Connected Org",refreshLocal:"Refresh"},gallery:{title:"Brands",noResults:"No brands match your search.",noSelection:"Select a brand to edit",loading:"Loading brands...",error:"Error loading brands.",errorHelp:"Learn how to authorize and connect to an org",noLocalBrands:"No local brands saved yet."},sectionTabs:{colors:"Colors",typography:"Typography",borders:"Borders"},colors:{title:"Brand Colors",root:"Background (Root)",contrast:"Contrast",neutral:"Neutral",primaryAccent:"Primary Accent",primaryAccentContrast:"Primary Accent Contrast",opacity:"Opacity",hex:"Hex"},typography:{title:"Typography",baseFontFamily:"Base Font Family",sizeColumnName:"Specified Font Size",sizeColumnPixel:"Pixel Value",sizeColumnRem:"Rem Value",sizeColumnExample:"Example",fontSizeXSmall:"Tiny (H6)",fontSizeSmall:"Small (H5, P2)",fontSizeMedium:"Medium (H4, P1)",fontSizeLarge:"Large (H3)",fontSizeXLarge:"Extra Large (H2)",fontSizeXxLarge:"Huge (H1)"},borders:{weightTitle:"Border Weight",radiusTitle:"Border Radius",weightColumnName:"Specified Weight",radiusColumnName:"Specified Shape",columnPixel:"Pixel Value",columnRem:"Rem Value",columnExample:"Example",radiusRound:"Rounded: Small",radiusSquare:"Square",weightNone:"None",weightThin:"Thin",weightMedium:"Medium",weightThick:"Thick"},buttons:{title:"Buttons",primary:"Primary",secondary:"Secondary",tertiary:"Tertiary",backgroundColor:"Background",textColor:"Text",borderColor:"Border",opacity:"Opacity",hex:"Hex",linkToBrand:"Link to brand color"},save:{saveToWorkspace:"Save Changes in Local Project",saveAsNew:"Save as New in Local Project",applyVibes:"Copy Prompt for Agentforce Vibes"}};function qt(e){return e?{header:{...J.header,...e.header},gallery:{...J.gallery,...e.gallery},sectionTabs:{...J.sectionTabs,...e.sectionTabs},colors:{...J.colors,...e.colors},typography:{...J.typography,...e.typography},borders:{...J.borders,...e.borders},buttons:{...J.buttons,...e.buttons},save:{...J.save,...e.save}}:J}var K=(e,t=0,r=1)=>ue(ge(t,e),r);var de=e=>{e._clipped=!1,e._unclipped=e.slice(0);for(let t=0;t<=3;t++)t<3?((e[t]<0||e[t]>255)&&(e._clipped=!0),e[t]=K(e[t],0,255)):t===3&&(e[t]=K(e[t],0,1));return e};var Vt={};for(let e of["Boolean","Number","String","Function","Array","Date","RegExp","Undefined","Null"])Vt[`[object ${e}]`]=e.toLowerCase();function h(e){return Vt[Object.prototype.toString.call(e)]||"object"}var g=(e,t=null)=>e.length>=3?Array.prototype.slice.call(e):h(e[0])=="object"&&t?t.split("").filter(r=>e[0][r]!==void 0).map(r=>e[0][r]):e[0];var ee=e=>{if(e.length<2)return null;let t=e.length-1;return h(e[t])=="string"?e[t].toLowerCase():null};var{PI:Te,min:ue,max:ge}=Math,j=Te*2,_e=Te/3,Xt=Te/180,Yt=180/Te;var y={format:{},autodetect:[]};var ot=class{constructor(...t){let r=this;if(h(t[0])==="object"&&t[0].constructor&&t[0].constructor===this.constructor)return t[0];let n=ee(t),o=!1;if(!n){o=!0,y.sorted||(y.autodetect=y.autodetect.sort((i,a)=>a.p-i.p),y.sorted=!0);for(let i of y.autodetect)if(n=i.test(...t),n)break}if(y.format[n]){let i=y.format[n].apply(null,o?t:t.slice(0,-1));r._rgb=de(i)}else throw new Error("unknown format: "+t);r._rgb.length===3&&r._rgb.push(1)}toString(){return h(this.hex)=="function"?this.hex():`[${this._rgb.join(",")}]`}},l=ot;var Kt="2.6.0";var Fe=(...e)=>new Fe.Color(...e);Fe.Color=l;Fe.version=Kt;var C=Fe;var tn=(...e)=>{e=g(e,"cmyk");let[t,r,n,o]=e,i=e.length>4?e[4]:1;return o===1?[0,0,0,i]:[t>=1?0:255*(1-t)*(1-o),r>=1?0:255*(1-r)*(1-o),n>=1?0:255*(1-n)*(1-o),i]},Zt=tn;var{max:Qt}=Math,rn=(...e)=>{let[t,r,n]=g(e,"rgb");t=t/255,r=r/255,n=n/255;let o=1-Qt(t,Qt(r,n)),i=o<1?1/(1-o):0,a=(1-t-o)*i,s=(1-r-o)*i,c=(1-n-o)*i;return[a,s,c,o]},Jt=rn;l.prototype.cmyk=function(){return Jt(this._rgb)};C.cmyk=(...e)=>new l(...e,"cmyk");y.format.cmyk=Zt;y.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"cmyk"),h(e)==="array"&&e.length===4)return"cmyk"}});var at=e=>Math.round(e*100)/100,nn=(...e)=>{let t=g(e,"hsla"),r=ee(e)||"lsa";return t[0]=at(t[0]||0),t[1]=at(t[1]*100)+"%",t[2]=at(t[2]*100)+"%",r==="hsla"||t.length>3&&t[3]<1?(t[3]=t.length>3?t[3]:1,r="hsla"):t.length=3,`${r}(${t.join(",")})`},er=nn;var on=(...e)=>{e=g(e,"rgba");let[t,r,n]=e;t/=255,r/=255,n/=255;let o=ue(t,r,n),i=ge(t,r,n),a=(i+o)/2,s,c;return i===o?(s=0,c=Number.NaN):s=a<.5?(i-o)/(i+o):(i-o)/(2-i-o),t==i?c=(r-n)/(i-o):r==i?c=2+(n-t)/(i-o):n==i&&(c=4+(t-r)/(i-o)),c*=60,c<0&&(c+=360),e.length>3&&e[3]!==void 0?[c,s,a,e[3]]:[c,s,a]},Le=on;var{round:it}=Math,an=(...e)=>{let t=g(e,"rgba"),r=ee(e)||"rgb";return r.substr(0,3)=="hsl"?er(Le(t),r):(t[0]=it(t[0]),t[1]=it(t[1]),t[2]=it(t[2]),(r==="rgba"||t.length>3&&t[3]<1)&&(t[3]=t.length>3?t[3]:1,r="rgba"),`${r}(${t.slice(0,r==="rgb"?3:4).join(",")})`)},tr=an;var{round:st}=Math,sn=(...e)=>{e=g(e,"hsl");let[t,r,n]=e,o,i,a;if(r===0)o=i=a=n*255;else{let s=[0,0,0],c=[0,0,0],f=n<.5?n*(1+r):n+r-n*r,p=2*n-f,u=t/360;s[0]=u+1/3,s[1]=u,s[2]=u-1/3;for(let m=0;m<3;m++)s[m]<0&&(s[m]+=1),s[m]>1&&(s[m]-=1),6*s[m]<1?c[m]=p+(f-p)*6*s[m]:2*s[m]<1?c[m]=f:3*s[m]<2?c[m]=p+(f-p)*(2/3-s[m])*6:c[m]=p;[o,i,a]=[st(c[0]*255),st(c[1]*255),st(c[2]*255)]}return e.length>3?[o,i,a,e[3]]:[o,i,a,1]},xe=sn;var nr=/^rgb\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*\)$/,or=/^rgba\(\s*(-?\d+),\s*(-?\d+)\s*,\s*(-?\d+)\s*,\s*([01]|[01]?\.\d+)\)$/,ar=/^rgb\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,ir=/^rgba\(\s*(-?\d+(?:\.\d+)?)%,\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,sr=/^hsl\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*\)$/,cr=/^hsla\(\s*(-?\d+(?:\.\d+)?),\s*(-?\d+(?:\.\d+)?)%\s*,\s*(-?\d+(?:\.\d+)?)%\s*,\s*([01]|[01]?\.\d+)\)$/,{round:rr}=Math,lr=e=>{e=e.toLowerCase().trim();let t;if(y.format.named)try{return y.format.named(e)}catch{}if(t=e.match(nr)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=+r[n];return r[3]=1,r}if(t=e.match(or)){let r=t.slice(1,5);for(let n=0;n<4;n++)r[n]=+r[n];return r}if(t=e.match(ar)){let r=t.slice(1,4);for(let n=0;n<3;n++)r[n]=rr(r[n]*2.55);return r[3]=1,r}if(t=e.match(ir)){let r=t.slice(1,5);for(let n=0;n<3;n++)r[n]=rr(r[n]*2.55);return r[3]=+r[3],r}if(t=e.match(sr)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=xe(r);return n[3]=1,n}if(t=e.match(cr)){let r=t.slice(1,4);r[1]*=.01,r[2]*=.01;let n=xe(r);return n[3]=+t[4],n}};lr.test=e=>nr.test(e)||or.test(e)||ar.test(e)||ir.test(e)||sr.test(e)||cr.test(e);var ct=lr;l.prototype.css=function(e){return tr(this._rgb,e)};C.css=(...e)=>new l(...e,"css");y.format.css=ct;y.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&ct.test(e))return"css"}});y.format.gl=(...e)=>{let t=g(e,"rgba");return t[0]*=255,t[1]*=255,t[2]*=255,t};C.gl=(...e)=>new l(...e,"gl");l.prototype.gl=function(){let e=this._rgb;return[e[0]/255,e[1]/255,e[2]/255,e[3]]};var{floor:cn}=Math,ln=(...e)=>{e=g(e,"hcg");let[t,r,n]=e,o,i,a;n=n*255;let s=r*255;if(r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let c=cn(t),f=t-c,p=n*(1-r),u=p+s*(1-f),m=p+s*f,S=p+s;switch(c){case 0:[o,i,a]=[S,m,p];break;case 1:[o,i,a]=[u,S,p];break;case 2:[o,i,a]=[p,S,m];break;case 3:[o,i,a]=[p,u,S];break;case 4:[o,i,a]=[m,p,S];break;case 5:[o,i,a]=[S,p,u];break}}return[o,i,a,e.length>3?e[3]:1]},fr=ln;var fn=(...e)=>{let[t,r,n]=g(e,"rgb"),o=ue(t,r,n),i=ge(t,r,n),a=i-o,s=a*100/255,c=o/(255-a)*100,f;return a===0?f=Number.NaN:(t===i&&(f=(r-n)/a),r===i&&(f=2+(n-t)/a),n===i&&(f=4+(t-r)/a),f*=60,f<0&&(f+=360)),[f,s,c]},dr=fn;l.prototype.hcg=function(){return dr(this._rgb)};C.hcg=(...e)=>new l(...e,"hcg");y.format.hcg=fr;y.autodetect.push({p:1,test:(...e)=>{if(e=g(e,"hcg"),h(e)==="array"&&e.length===3)return"hcg"}});var dn=/^#?([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,pn=/^#?([A-Fa-f0-9]{8}|[A-Fa-f0-9]{4})$/,mn=e=>{if(e.match(dn)){(e.length===4||e.length===7)&&(e=e.substr(1)),e.length===3&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);let t=parseInt(e,16),r=t>>16,n=t>>8&255,o=t&255;return[r,n,o,1]}if(e.match(pn)){(e.length===5||e.length===9)&&(e=e.substr(1)),e.length===4&&(e=e.split(""),e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]);let t=parseInt(e,16),r=t>>24&255,n=t>>16&255,o=t>>8&255,i=Math.round((t&255)/255*100)/100;return[r,n,o,i]}throw new Error(`unknown hex color: ${e}`)},Ee=mn;var{round:Ae}=Math,un=(...e)=>{let[t,r,n,o]=g(e,"rgba"),i=ee(e)||"auto";o===void 0&&(o=1),i==="auto"&&(i=o<1?"rgba":"rgb"),t=Ae(t),r=Ae(r),n=Ae(n);let s="000000"+(t<<16|r<<8|n).toString(16);s=s.substr(s.length-6);let c="0"+Ae(o*255).toString(16);switch(c=c.substr(c.length-2),i.toLowerCase()){case"rgba":return`#${s}${c}`;case"argb":return`#${c}${s}`;default:return`#${s}`}},Pe=un;l.prototype.hex=function(e){return Pe(this._rgb,e)};C.hex=(...e)=>new l(...e,"hex");y.format.hex=Ee;y.autodetect.push({p:4,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&[3,4,5,6,7,8,9].indexOf(e.length)>=0)return"hex"}});var{cos:be}=Math,gn=(...e)=>{e=g(e,"hsi");let[t,r,n]=e,o,i,a;return isNaN(t)&&(t=0),isNaN(r)&&(r=0),t>360&&(t-=360),t<0&&(t+=360),t/=360,t<1/3?(a=(1-r)/3,o=(1+r*be(j*t)/be(_e-j*t))/3,i=1-(a+o)):t<2/3?(t-=1/3,o=(1-r)/3,i=(1+r*be(j*t)/be(_e-j*t))/3,a=1-(o+i)):(t-=2/3,i=(1-r)/3,a=(1+r*be(j*t)/be(_e-j*t))/3,o=1-(i+a)),o=K(n*o*3),i=K(n*i*3),a=K(n*a*3),[o*255,i*255,a*255,e.length>3?e[3]:1]},pr=gn;var{min:bn,sqrt:hn,acos:yn}=Math,xn=(...e)=>{let[t,r,n]=g(e,"rgb");t/=255,r/=255,n/=255;let o,i=bn(t,r,n),a=(t+r+n)/3,s=a>0?1-i/a:0;return s===0?o=NaN:(o=(t-r+(t-n))/2,o/=hn((t-r)*(t-r)+(t-n)*(r-n)),o=yn(o),n>r&&(o=j-o),o/=j),[o*360,s,a]},mr=xn;l.prototype.hsi=function(){return mr(this._rgb)};C.hsi=(...e)=>new l(...e,"hsi");y.format.hsi=pr;y.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsi"),h(e)==="array"&&e.length===3)return"hsi"}});l.prototype.hsl=function(){return Le(this._rgb)};C.hsl=(...e)=>new l(...e,"hsl");y.format.hsl=xe;y.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsl"),h(e)==="array"&&e.length===3)return"hsl"}});var{floor:Sn}=Math,Cn=(...e)=>{e=g(e,"hsv");let[t,r,n]=e,o,i,a;if(n*=255,r===0)o=i=a=n;else{t===360&&(t=0),t>360&&(t-=360),t<0&&(t+=360),t/=60;let s=Sn(t),c=t-s,f=n*(1-r),p=n*(1-r*c),u=n*(1-r*(1-c));switch(s){case 0:[o,i,a]=[n,u,f];break;case 1:[o,i,a]=[p,n,f];break;case 2:[o,i,a]=[f,n,u];break;case 3:[o,i,a]=[f,p,n];break;case 4:[o,i,a]=[u,f,n];break;case 5:[o,i,a]=[n,f,p];break}}return[o,i,a,e.length>3?e[3]:1]},ur=Cn;var{min:vn,max:kn}=Math,Bn=(...e)=>{e=g(e,"rgb");let[t,r,n]=e,o=vn(t,r,n),i=kn(t,r,n),a=i-o,s,c,f;return f=i/255,i===0?(s=Number.NaN,c=0):(c=a/i,t===i&&(s=(r-n)/a),r===i&&(s=2+(n-t)/a),n===i&&(s=4+(t-r)/a),s*=60,s<0&&(s+=360)),[s,c,f]},gr=Bn;l.prototype.hsv=function(){return gr(this._rgb)};C.hsv=(...e)=>new l(...e,"hsv");y.format.hsv=ur;y.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"hsv"),h(e)==="array"&&e.length===3)return"hsv"}});var O={Kn:18,Xn:.95047,Yn:1,Zn:1.08883,t0:.137931034,t1:.206896552,t2:.12841855,t3:.008856452};var{pow:wn}=Math,Rn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o,i,a,s,c,f;return i=(t+16)/116,o=isNaN(r)?i:i+r/500,a=isNaN(n)?i:i-n/200,i=O.Yn*ft(i),o=O.Xn*ft(o),a=O.Zn*ft(a),s=lt(3.2404542*o-1.5371385*i-.4985314*a),c=lt(-.969266*o+1.8760108*i+.041556*a),f=lt(.0556434*o-.2040259*i+1.0572252*a),[s,c,f,e.length>3?e[3]:1]},lt=e=>255*(e<=.00304?12.92*e:1.055*wn(e,1/2.4)-.055),ft=e=>e>O.t1?e*e*e:O.t2*(e-O.t0),Me=Rn;var{pow:br}=Math,Nn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Tn(t,r,n),s=116*i-16;return[s<0?0:s,500*(o-i),200*(i-a)]},dt=e=>(e/=255)<=.04045?e/12.92:br((e+.055)/1.055,2.4),pt=e=>e>O.t3?br(e,1/3):e/O.t2+O.t0,Tn=(e,t,r)=>{e=dt(e),t=dt(t),r=dt(r);let n=pt((.4124564*e+.3575761*t+.1804375*r)/O.Xn),o=pt((.2126729*e+.7151522*t+.072175*r)/O.Yn),i=pt((.0193339*e+.119192*t+.9503041*r)/O.Zn);return[n,o,i]},De=Nn;l.prototype.lab=function(){return De(this._rgb)};C.lab=(...e)=>new l(...e,"lab");y.format.lab=Me;y.autodetect.push({p:2,test:(...e)=>{if(e=g(e,"lab"),h(e)==="array"&&e.length===3)return"lab"}});var{sin:_n,cos:Fn}=Math,Ln=(...e)=>{let[t,r,n]=g(e,"lch");return isNaN(n)&&(n=0),n=n*Xt,[t,Fn(n)*r,_n(n)*r]},Ie=Ln;var En=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=Me(o,i,a);return[s,c,f,e.length>3?e[3]:1]},$e=En;var An=(...e)=>{let t=g(e,"hcl").reverse();return $e(...t)},hr=An;var{sqrt:Pn,atan2:Mn,round:Dn}=Math,In=(...e)=>{let[t,r,n]=g(e,"lab"),o=Pn(r*r+n*n),i=(Mn(n,r)*Yt+360)%360;return Dn(o*1e4)===0&&(i=Number.NaN),[t,o,i]},Oe=In;var $n=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=De(t,r,n);return Oe(o,i,a)},mt=$n;l.prototype.lch=function(){return mt(this._rgb)};l.prototype.hcl=function(){return mt(this._rgb).reverse()};C.lch=(...e)=>new l(...e,"lch");C.hcl=(...e)=>new l(...e,"hcl");y.format.lch=$e;y.format.hcl=hr;["lch","hcl"].forEach(e=>y.autodetect.push({p:2,test:(...t)=>{if(t=g(t,e),h(t)==="array"&&t.length===3)return e}}));var On={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",laserlemon:"#ffff54",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrod:"#fafad2",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",maroon2:"#7f0000",maroon3:"#b03060",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",purple2:"#7f007f",purple3:"#a020f0",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"},ae=On;l.prototype.name=function(){let e=Pe(this._rgb,"rgb");for(let t of Object.keys(ae))if(ae[t]===e)return t.toLowerCase();return e};y.format.named=e=>{if(e=e.toLowerCase(),ae[e])return Ee(ae[e]);throw new Error("unknown color name: "+e)};y.autodetect.push({p:5,test:(e,...t)=>{if(!t.length&&h(e)==="string"&&ae[e.toLowerCase()])return"named"}});var zn=e=>{if(h(e)=="number"&&e>=0&&e<=16777215){let t=e>>16,r=e>>8&255,n=e&255;return[t,r,n,1]}throw new Error("unknown num color: "+e)},yr=zn;var Hn=(...e)=>{let[t,r,n]=g(e,"rgb");return(t<<16)+(r<<8)+n},xr=Hn;l.prototype.num=function(){return xr(this._rgb)};C.num=(...e)=>new l(...e,"num");y.format.num=yr;y.autodetect.push({p:5,test:(...e)=>{if(e.length===1&&h(e[0])==="number"&&e[0]>=0&&e[0]<=16777215)return"num"}});var{round:Sr}=Math;l.prototype.rgb=function(e=!0){return e===!1?this._rgb.slice(0,3):this._rgb.slice(0,3).map(Sr)};l.prototype.rgba=function(e=!0){return this._rgb.slice(0,4).map((t,r)=>r<3?e===!1?t:Sr(t):t)};C.rgb=(...e)=>new l(...e,"rgb");y.format.rgb=(...e)=>{let t=g(e,"rgba");return t[3]===void 0&&(t[3]=1),t};y.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"rgba"),h(e)==="array"&&(e.length===3||e.length===4&&h(e[3])=="number"&&e[3]>=0&&e[3]<=1))return"rgb"}});var{log:ze}=Math,Gn=e=>{let t=e/100,r,n,o;return t<66?(r=255,n=t<6?0:-155.25485562709179-.44596950469579133*(n=t-2)+104.49216199393888*ze(n),o=t<20?0:-254.76935184120902+.8274096064007395*(o=t-10)+115.67994401066147*ze(o)):(r=351.97690566805693+.114206453784165*(r=t-55)-40.25366309332127*ze(r),n=325.4494125711974+.07943456536662342*(n=t-50)-28.0852963507957*ze(n),o=255),[r,n,o,1]},He=Gn;var{round:Wn}=Math,Un=(...e)=>{let t=g(e,"rgb"),r=t[0],n=t[2],o=1e3,i=4e4,a=.4,s;for(;i-o>a;){s=(i+o)*.5;let c=He(s);c[2]/c[0]>=n/r?i=s:o=s}return Wn(s)},Cr=Un;l.prototype.temp=l.prototype.kelvin=l.prototype.temperature=function(){return Cr(this._rgb)};C.temp=C.kelvin=C.temperature=(...e)=>new l(...e,"temp");y.format.temp=y.format.kelvin=y.format.temperature=He;var{pow:Ge,sign:jn}=Math,qn=(...e)=>{e=g(e,"lab");let[t,r,n]=e,o=Ge(t+.3963377774*r+.2158037573*n,3),i=Ge(t-.1055613458*r-.0638541728*n,3),a=Ge(t-.0894841775*r-1.291485548*n,3);return[255*ut(4.0767416621*o-3.3077115913*i+.2309699292*a),255*ut(-1.2684380046*o+2.6097574011*i-.3413193965*a),255*ut(-.0041960863*o-.7034186147*i+1.707614701*a),e.length>3?e[3]:1]},We=qn;function ut(e){let t=Math.abs(e);return t>.0031308?(jn(e)||1)*(1.055*Ge(t,1/2.4)-.055):e*12.92}var{cbrt:gt,pow:Vn,sign:Xn}=Math,Yn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=[bt(t/255),bt(r/255),bt(n/255)],s=gt(.4122214708*o+.5363325363*i+.0514459929*a),c=gt(.2119034982*o+.6806995451*i+.1073969566*a),f=gt(.0883024619*o+.2817188376*i+.6299787005*a);return[.2104542553*s+.793617785*c-.0040720468*f,1.9779984951*s-2.428592205*c+.4505937099*f,.0259040371*s+.7827717662*c-.808675766*f]},Ue=Yn;function bt(e){let t=Math.abs(e);return t<.04045?e/12.92:(Xn(e)||1)*Vn((t+.055)/1.055,2.4)}l.prototype.oklab=function(){return Ue(this._rgb)};C.oklab=(...e)=>new l(...e,"oklab");y.format.oklab=We;y.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklab"),h(e)==="array"&&e.length===3)return"oklab"}});var Kn=(...e)=>{e=g(e,"lch");let[t,r,n]=e,[o,i,a]=Ie(t,r,n),[s,c,f]=We(o,i,a);return[s,c,f,e.length>3?e[3]:1]},vr=Kn;var Zn=(...e)=>{let[t,r,n]=g(e,"rgb"),[o,i,a]=Ue(t,r,n);return Oe(o,i,a)},kr=Zn;l.prototype.oklch=function(){return kr(this._rgb)};C.oklch=(...e)=>new l(...e,"oklch");y.format.oklch=vr;y.autodetect.push({p:3,test:(...e)=>{if(e=g(e,"oklch"),h(e)==="array"&&e.length===3)return"oklch"}});l.prototype.alpha=function(e,t=!1){return e!==void 0&&h(e)==="number"?t?(this._rgb[3]=e,this):new l([this._rgb[0],this._rgb[1],this._rgb[2],e],"rgb"):this._rgb[3]};l.prototype.clipped=function(){return this._rgb._clipped||!1};l.prototype.darken=function(e=1){let t=this,r=t.lab();return r[0]-=O.Kn*e,new l(r,"lab").alpha(t.alpha(),!0)};l.prototype.brighten=function(e=1){return this.darken(-e)};l.prototype.darker=l.prototype.darken;l.prototype.brighter=l.prototype.brighten;l.prototype.get=function(e){let[t,r]=e.split("."),n=this[t]();if(r){let o=t.indexOf(r)-(t.substr(0,2)==="ok"?2:0);if(o>-1)return n[o];throw new Error(`unknown channel ${r} in mode ${t}`)}else return n};var{pow:Qn}=Math,Jn=1e-7,eo=20;l.prototype.luminance=function(e,t="rgb"){if(e!==void 0&&h(e)==="number"){if(e===0)return new l([0,0,0,this._rgb[3]],"rgb");if(e===1)return new l([255,255,255,this._rgb[3]],"rgb");let r=this.luminance(),n=eo,o=(a,s)=>{let c=a.interpolate(s,.5,t),f=c.luminance();return Math.abs(e-f)<Jn||!n--?c:f>e?o(a,c):o(c,s)},i=(r>e?o(new l([0,0,0]),this):o(this,new l([255,255,255]))).rgb();return new l([...i,this._rgb[3]])}return to(...this._rgb.slice(0,3))};var to=(e,t,r)=>(e=ht(e),t=ht(t),r=ht(r),.2126*e+.7152*t+.0722*r),ht=e=>(e/=255,e<=.03928?e/12.92:Qn((e+.055)/1.055,2.4));var L={};var ie=(e,t,r=.5,...n)=>{let o=n[0]||"lrgb";if(!L[o]&&!n.length&&(o=Object.keys(L)[0]),!L[o])throw new Error(`interpolation mode ${o} is not defined`);return h(e)!=="object"&&(e=new l(e)),h(t)!=="object"&&(t=new l(t)),L[o](e,t,r).alpha(e.alpha()+r*(t.alpha()-e.alpha()))};l.prototype.mix=l.prototype.interpolate=function(e,t=.5,...r){return ie(this,e,t,...r)};l.prototype.premultiply=function(e=!1){let t=this._rgb,r=t[3];return e?(this._rgb=[t[0]*r,t[1]*r,t[2]*r,r],this):new l([t[0]*r,t[1]*r,t[2]*r,r],"rgb")};l.prototype.saturate=function(e=1){let t=this,r=t.lch();return r[1]+=O.Kn*e,r[1]<0&&(r[1]=0),new l(r,"lch").alpha(t.alpha(),!0)};l.prototype.desaturate=function(e=1){return this.saturate(-e)};l.prototype.set=function(e,t,r=!1){let[n,o]=e.split("."),i=this[n]();if(o){let a=n.indexOf(o)-(n.substr(0,2)==="ok"?2:0);if(a>-1){if(h(t)=="string")switch(t.charAt(0)){case"+":i[a]+=+t;break;case"-":i[a]+=+t;break;case"*":i[a]*=+t.substr(1);break;case"/":i[a]/=+t.substr(1);break;default:i[a]=+t}else if(h(t)==="number")i[a]=t;else throw new Error("unsupported value for Color.set");let s=new l(i,n);return r?(this._rgb=s._rgb,this):s}throw new Error(`unknown channel ${o} in mode ${n}`)}else return i};l.prototype.tint=function(e=.5,...t){return ie(this,"white",e,...t)};l.prototype.shade=function(e=.5,...t){return ie(this,"black",e,...t)};var ro=(e,t,r)=>{let n=e._rgb,o=t._rgb;return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"rgb")};L.rgb=ro;var{sqrt:yt,pow:he}=Math,no=(e,t,r)=>{let[n,o,i]=e._rgb,[a,s,c]=t._rgb;return new l(yt(he(n,2)*(1-r)+he(a,2)*r),yt(he(o,2)*(1-r)+he(s,2)*r),yt(he(i,2)*(1-r)+he(c,2)*r),"rgb")};L.lrgb=no;var oo=(e,t,r)=>{let n=e.lab(),o=t.lab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"lab")};L.lab=oo;var q=(e,t,r,n)=>{let o,i;n==="hsl"?(o=e.hsl(),i=t.hsl()):n==="hsv"?(o=e.hsv(),i=t.hsv()):n==="hcg"?(o=e.hcg(),i=t.hcg()):n==="hsi"?(o=e.hsi(),i=t.hsi()):n==="lch"||n==="hcl"?(n="hcl",o=e.hcl(),i=t.hcl()):n==="oklch"&&(o=e.oklch().reverse(),i=t.oklch().reverse());let a,s,c,f,p,u;(n.substr(0,1)==="h"||n==="oklch")&&([a,c,p]=o,[s,f,u]=i);let m,S,v,R;return!isNaN(a)&&!isNaN(s)?(s>a&&s-a>180?R=s-(a+360):s<a&&a-s>180?R=s+360-a:R=s-a,S=a+r*R):isNaN(a)?isNaN(s)?S=Number.NaN:(S=s,(p==1||p==0)&&n!="hsv"&&(m=f)):(S=a,(u==1||u==0)&&n!="hsv"&&(m=c)),m===void 0&&(m=c+r*(f-c)),v=p+r*(u-p),n==="oklch"?new l([v,m,S],n):new l([S,m,v],n)};var Br=(e,t,r)=>q(e,t,r,"lch");L.lch=Br;L.hcl=Br;var ao=(e,t,r)=>{let n=e.num(),o=t.num();return new l(n+r*(o-n),"num")};L.num=ao;var io=(e,t,r)=>q(e,t,r,"hcg");L.hcg=io;var so=(e,t,r)=>q(e,t,r,"hsi");L.hsi=so;var co=(e,t,r)=>q(e,t,r,"hsl");L.hsl=co;var lo=(e,t,r)=>q(e,t,r,"hsv");L.hsv=lo;var fo=(e,t,r)=>{let n=e.oklab(),o=t.oklab();return new l(n[0]+r*(o[0]-n[0]),n[1]+r*(o[1]-n[1]),n[2]+r*(o[2]-n[2]),"oklab")};L.oklab=fo;var po=(e,t,r)=>q(e,t,r,"oklch");L.oklch=po;var{pow:xt,sqrt:St,PI:Ct,cos:wr,sin:Rr,atan2:mo}=Math,Nr=(e,t="lrgb",r=null)=>{let n=e.length;r||(r=Array.from(new Array(n)).map(()=>1));let o=n/r.reduce(function(u,m){return u+m});if(r.forEach((u,m)=>{r[m]*=o}),e=e.map(u=>new l(u)),t==="lrgb")return uo(e,r);let i=e.shift(),a=i.get(t),s=[],c=0,f=0;for(let u=0;u<a.length;u++)if(a[u]=(a[u]||0)*r[0],s.push(isNaN(a[u])?0:r[0]),t.charAt(u)==="h"&&!isNaN(a[u])){let m=a[u]/180*Ct;c+=wr(m)*r[0],f+=Rr(m)*r[0]}let p=i.alpha()*r[0];e.forEach((u,m)=>{let S=u.get(t);p+=u.alpha()*r[m+1];for(let v=0;v<a.length;v++)if(!isNaN(S[v]))if(s[v]+=r[m+1],t.charAt(v)==="h"){let R=S[v]/180*Ct;c+=wr(R)*r[m+1],f+=Rr(R)*r[m+1]}else a[v]+=S[v]*r[m+1]});for(let u=0;u<a.length;u++)if(t.charAt(u)==="h"){let m=mo(f/s[u],c/s[u])/Ct*180;for(;m<0;)m+=360;for(;m>=360;)m-=360;a[u]=m}else a[u]=a[u]/s[u];return p/=n,new l(a,t).alpha(p>.99999?1:p,!0)},uo=(e,t)=>{let r=e.length,n=[0,0,0,0];for(let o=0;o<e.length;o++){let i=e[o],a=t[o]/r,s=i._rgb;n[0]+=xt(s[0],2)*a,n[1]+=xt(s[1],2)*a,n[2]+=xt(s[2],2)*a,n[3]+=s[3]*a}return n[0]=St(n[0]),n[1]=St(n[1]),n[2]=St(n[2]),n[3]>.9999999&&(n[3]=1),new l(de(n))};var{pow:go}=Math;function pe(e){let t="rgb",r=C("#ccc"),n=0,o=[0,1],i=[],a=[0,0],s=!1,c=[],f=!1,p=0,u=1,m=!1,S={},v=!0,R=1,w=function(d){if(d=d||["#fff","#000"],d&&h(d)==="string"&&C.brewer&&C.brewer[d.toLowerCase()]&&(d=C.brewer[d.toLowerCase()]),h(d)==="array"){d.length===1&&(d=[d[0],d[0]]),d=d.slice(0);for(let x=0;x<d.length;x++)d[x]=C(d[x]);i.length=0;for(let x=0;x<d.length;x++)i.push(x/(d.length-1))}return z(),c=d},b=function(d){if(s!=null){let x=s.length-1,B=0;for(;B<x&&d>=s[B];)B++;return B-1}return 0},P=d=>d,$=d=>d,N=function(d,x){let B,k;if(x==null&&(x=!1),isNaN(d)||d===null)return r;x?k=d:s&&s.length>2?k=b(d)/(s.length-2):u!==p?k=(d-p)/(u-p):k=1,k=$(k),x||(k=P(k)),R!==1&&(k=go(k,R)),k=a[0]+k*(1-a[0]-a[1]),k=K(k,0,1);let F=Math.floor(k*1e4);if(v&&S[F])B=S[F];else{if(h(c)==="array")for(let T=0;T<i.length;T++){let A=i[T];if(k<=A){B=c[T];break}if(k>=A&&T===i.length-1){B=c[T];break}if(k>A&&k<i[T+1]){k=(k-A)/(i[T+1]-A),B=C.interpolate(c[T],c[T+1],k,t);break}}else h(c)==="function"&&(B=c(k));v&&(S[F]=B)}return B};var z=()=>S={};w(e);let _=function(d){let x=C(N(d));return f&&x[f]?x[f]():x};return _.classes=function(d){if(d!=null){if(h(d)==="array")s=d,o=[d[0],d[d.length-1]];else{let x=C.analyze(o);d===0?s=[x.min,x.max]:s=C.limits(x,"e",d)}return _}return s},_.domain=function(d){if(!arguments.length)return o;p=d[0],u=d[d.length-1],i=[];let x=c.length;if(d.length===x&&p!==u)for(let B of Array.from(d))i.push((B-p)/(u-p));else{for(let B=0;B<x;B++)i.push(B/(x-1));if(d.length>2){let B=d.map((F,T)=>T/(d.length-1)),k=d.map(F=>(F-p)/(u-p));k.every((F,T)=>B[T]===F)||($=F=>{if(F<=0||F>=1)return F;let T=0;for(;F>=k[T+1];)T++;let A=(F-k[T])/(k[T+1]-k[T]);return B[T]+A*(B[T+1]-B[T])})}}return o=[p,u],_},_.mode=function(d){return arguments.length?(t=d,z(),_):t},_.range=function(d,x){return w(d,x),_},_.out=function(d){return f=d,_},_.spread=function(d){return arguments.length?(n=d,_):n},_.correctLightness=function(d){return d==null&&(d=!0),m=d,z(),m?P=function(x){let B=N(0,!0).lab()[0],k=N(1,!0).lab()[0],F=B>k,T=N(x,!0).lab()[0],A=B+(k-B)*x,H=T-A,X=0,E=1,M=20;for(;Math.abs(H)>.01&&M-- >0;)(function(){return F&&(H*=-1),H<0?(X=x,x+=(E-x)*.5):(E=x,x+=(X-x)*.5),T=N(x,!0).lab()[0],H=T-A})();return x}:P=x=>x,_},_.padding=function(d){return d!=null?(h(d)==="number"&&(d=[d,d]),a=d,_):a},_.colors=function(d,x){arguments.length<2&&(x="hex");let B=[];if(arguments.length===0)B=c.slice(0);else if(d===1)B=[_(.5)];else if(d>1){let k=o[0],F=o[1]-k;B=bo(0,d,!1).map(T=>_(k+T/(d-1)*F))}else{e=[];let k=[];if(s&&s.length>2)for(let F=1,T=s.length,A=1<=T;A?F<T:F>T;A?F++:F--)k.push((s[F-1]+s[F])*.5);else k=o;B=k.map(F=>_(F))}return C[x]&&(B=B.map(k=>k[x]())),B},_.cache=function(d){return d!=null?(v=d,_):v},_.gamma=function(d){return d!=null?(R=d,_):R},_.nodata=function(d){return d!=null?(r=C(d),_):r},_}function bo(e,t,r){let n=[],o=e<t,i=r?o?t+1:t-1:t;for(let a=e;o?a<i:a>i;o?a++:a--)n.push(a);return n}var ho=function(e){let t=[1,1];for(let r=1;r<e;r++){let n=[1];for(let o=1;o<=t.length;o++)n[o]=(t[o]||0)+t[o-1];t=n}return t},yo=function(e){let t,r,n,o;if(e=e.map(i=>new l(i)),e.length===2)[r,n]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>r[s]+i*(n[s]-r[s]));return new l(a,"lab")};else if(e.length===3)[r,n,o]=e.map(i=>i.lab()),t=function(i){let a=[0,1,2].map(s=>(1-i)*(1-i)*r[s]+2*(1-i)*i*n[s]+i*i*o[s]);return new l(a,"lab")};else if(e.length===4){let i;[r,n,o,i]=e.map(a=>a.lab()),t=function(a){let s=[0,1,2].map(c=>(1-a)*(1-a)*(1-a)*r[c]+3*(1-a)*(1-a)*a*n[c]+3*(1-a)*a*a*o[c]+a*a*a*i[c]);return new l(s,"lab")}}else if(e.length>=5){let i,a,s;i=e.map(c=>c.lab()),s=e.length-1,a=ho(s),t=function(c){let f=1-c,p=[0,1,2].map(u=>i.reduce((m,S,v)=>m+a[v]*f**(s-v)*c**v*S[u],0));return new l(p,"lab")}}else throw new RangeError("No point in running bezier with only one color.");return t},Tr=e=>{let t=yo(e);return t.scale=()=>pe(t),t};var V=(e,t,r)=>{if(!V[r])throw new Error("unknown blend mode "+r);return V[r](e,t)},se=e=>(t,r)=>{let n=C(r).rgb(),o=C(t).rgb();return C.rgb(e(n,o))},ce=e=>(t,r)=>{let n=[];return n[0]=e(t[0],r[0]),n[1]=e(t[1],r[1]),n[2]=e(t[2],r[2]),n},xo=e=>e,So=(e,t)=>e*t/255,Co=(e,t)=>e>t?t:e,vo=(e,t)=>e>t?e:t,ko=(e,t)=>255*(1-(1-e/255)*(1-t/255)),Bo=(e,t)=>t<128?2*e*t/255:255*(1-2*(1-e/255)*(1-t/255)),wo=(e,t)=>255*(1-(1-t/255)/(e/255)),Ro=(e,t)=>e===255?255:(e=255*(t/255)/(1-e/255),e>255?255:e);V.normal=se(ce(xo));V.multiply=se(ce(So));V.screen=se(ce(ko));V.overlay=se(ce(Bo));V.darken=se(ce(Co));V.lighten=se(ce(vo));V.dodge=se(ce(Ro));V.burn=se(ce(wo));var _r=V;var{pow:No,sin:To,cos:_o}=Math;function Fr(e=300,t=-1.5,r=1,n=1,o=[0,1]){let i=0,a;h(o)==="array"?a=o[1]-o[0]:(a=0,o=[o,o]);let s=function(c){let f=j*((e+120)/360+t*c),p=No(o[0]+a*c,n),m=(i!==0?r[0]+c*i:r)*p*(1-p)/2,S=_o(f),v=To(f),R=p+m*(-.14861*S+1.78277*v),w=p+m*(-.29227*S-.90649*v),b=p+m*(1.97294*S);return C(de([R*255,w*255,b*255,1]))};return s.start=function(c){return c==null?e:(e=c,s)},s.rotations=function(c){return c==null?t:(t=c,s)},s.gamma=function(c){return c==null?n:(n=c,s)},s.hue=function(c){return c==null?r:(r=c,h(r)==="array"?(i=r[1]-r[0],i===0&&(r=r[1])):i=0,s)},s.lightness=function(c){return c==null?o:(h(c)==="array"?(o=c,a=c[1]-c[0]):(o=[c,c],a=0),s)},s.scale=()=>C.scale(s),s.hue(r),s}var Fo="0123456789abcdef",{floor:Lo,random:Eo}=Math,Lr=()=>{let e="#";for(let t=0;t<6;t++)e+=Fo.charAt(Lo(Eo()*16));return new l(e,"hex")};var{log:Er,pow:Ao,floor:Po,abs:Mo}=Math;function vt(e,t=null){let r={min:Number.MAX_VALUE,max:Number.MAX_VALUE*-1,sum:0,values:[],count:0};return h(e)==="object"&&(e=Object.values(e)),e.forEach(n=>{t&&h(n)==="object"&&(n=n[t]),n!=null&&!isNaN(n)&&(r.values.push(n),r.sum+=n,n<r.min&&(r.min=n),n>r.max&&(r.max=n),r.count+=1)}),r.domain=[r.min,r.max],r.limits=(n,o)=>kt(r,n,o),r}function kt(e,t="equal",r=7){h(e)=="array"&&(e=vt(e));let{min:n,max:o}=e,i=e.values.sort((s,c)=>s-c);if(r===1)return[n,o];let a=[];if(t.substr(0,1)==="c"&&(a.push(n),a.push(o)),t.substr(0,1)==="e"){a.push(n);for(let s=1;s<r;s++)a.push(n+s/r*(o-n));a.push(o)}else if(t.substr(0,1)==="l"){if(n<=0)throw new Error("Logarithmic scales are only possible for values > 0");let s=Math.LOG10E*Er(n),c=Math.LOG10E*Er(o);a.push(n);for(let f=1;f<r;f++)a.push(Ao(10,s+f/r*(c-s)));a.push(o)}else if(t.substr(0,1)==="q"){a.push(n);for(let s=1;s<r;s++){let c=(i.length-1)*s/r,f=Po(c);if(f===c)a.push(i[f]);else{let p=c-f;a.push(i[f]*(1-p)+i[f+1]*p)}}a.push(o)}else if(t.substr(0,1)==="k"){let s,c=i.length,f=new Array(c),p=new Array(r),u=!0,m=0,S=null;S=[],S.push(n);for(let w=1;w<r;w++)S.push(n+w/r*(o-n));for(S.push(o);u;){for(let b=0;b<r;b++)p[b]=0;for(let b=0;b<c;b++){let P=i[b],$=Number.MAX_VALUE,N;for(let z=0;z<r;z++){let _=Mo(S[z]-P);_<$&&($=_,N=z),p[N]++,f[b]=N}}let w=new Array(r);for(let b=0;b<r;b++)w[b]=null;for(let b=0;b<c;b++)s=f[b],w[s]===null?w[s]=i[b]:w[s]+=i[b];for(let b=0;b<r;b++)w[b]*=1/p[b];u=!1;for(let b=0;b<r;b++)if(w[b]!==S[b]){u=!0;break}S=w,m++,m>200&&(u=!1)}let v={};for(let w=0;w<r;w++)v[w]=[];for(let w=0;w<c;w++)s=f[w],v[s].push(i[w]);let R=[];for(let w=0;w<r;w++)R.push(v[w][0]),R.push(v[w][v[w].length-1]);R=R.sort((w,b)=>w-b),a.push(R[0]);for(let w=1;w<R.length;w+=2){let b=R[w];!isNaN(b)&&a.indexOf(b)===-1&&a.push(b)}}return a}var Ar=(e,t)=>{e=new l(e),t=new l(t);let r=e.luminance(),n=t.luminance();return r>n?(r+.05)/(n+.05):(n+.05)/(r+.05)};var{sqrt:te,pow:D,min:Do,max:Io,atan2:Pr,abs:Mr,cos:je,sin:Dr,exp:$o,PI:Ir}=Math;function $r(e,t,r=1,n=1,o=1){var i=function(Ye){return 360*Ye/(2*Ir)},a=function(Ye){return 2*Ir*Ye/360};e=new l(e),t=new l(t);let[s,c,f]=Array.from(e.lab()),[p,u,m]=Array.from(t.lab()),S=(s+p)/2,v=te(D(c,2)+D(f,2)),R=te(D(u,2)+D(m,2)),w=(v+R)/2,b=.5*(1-te(D(w,7)/(D(w,7)+D(25,7)))),P=c*(1+b),$=u*(1+b),N=te(D(P,2)+D(f,2)),z=te(D($,2)+D(m,2)),_=(N+z)/2,d=i(Pr(f,P)),x=i(Pr(m,$)),B=d>=0?d:d+360,k=x>=0?x:x+360,F=Mr(B-k)>180?(B+k+360)/2:(B+k)/2,T=1-.17*je(a(F-30))+.24*je(a(2*F))+.32*je(a(3*F+6))-.2*je(a(4*F-63)),A=k-B;A=Mr(A)<=180?A:k<=B?A+360:A-360,A=2*te(N*z)*Dr(a(A)/2);let H=p-s,X=z-N,E=1+.015*D(S-50,2)/te(20+D(S-50,2)),M=1+.045*_,me=1+.015*_*T,Xe=30*$o(-D((F-275)/25,2)),Ur=-(2*te(D(_,7)/(D(_,7)+D(25,7))))*Dr(2*a(Xe)),jr=te(D(H/(r*E),2)+D(X/(n*M),2)+D(A/(o*me),2)+Ur*(X/(n*M))*(A/(o*me)));return Io(0,Do(100,jr))}function Or(e,t,r="lab"){e=new l(e),t=new l(t);let n=e.get(r),o=t.get(r),i=0;for(let a in n){let s=(n[a]||0)-(o[a]||0);i+=s*s}return Math.sqrt(i)}var zr=(...e)=>{try{return new l(...e),!0}catch{return!1}};var Hr={cool(){return pe([C.hsl(180,1,.9),C.hsl(250,.7,.4)])},hot(){return pe(["#000","#f00","#ff0","#fff"],[0,.25,.75,1]).mode("rgb")}};var qe={OrRd:["#fff7ec","#fee8c8","#fdd49e","#fdbb84","#fc8d59","#ef6548","#d7301f","#b30000","#7f0000"],PuBu:["#fff7fb","#ece7f2","#d0d1e6","#a6bddb","#74a9cf","#3690c0","#0570b0","#045a8d","#023858"],BuPu:["#f7fcfd","#e0ecf4","#bfd3e6","#9ebcda","#8c96c6","#8c6bb1","#88419d","#810f7c","#4d004b"],Oranges:["#fff5eb","#fee6ce","#fdd0a2","#fdae6b","#fd8d3c","#f16913","#d94801","#a63603","#7f2704"],BuGn:["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"],YlOrBr:["#ffffe5","#fff7bc","#fee391","#fec44f","#fe9929","#ec7014","#cc4c02","#993404","#662506"],YlGn:["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"],Reds:["#fff5f0","#fee0d2","#fcbba1","#fc9272","#fb6a4a","#ef3b2c","#cb181d","#a50f15","#67000d"],RdPu:["#fff7f3","#fde0dd","#fcc5c0","#fa9fb5","#f768a1","#dd3497","#ae017e","#7a0177","#49006a"],Greens:["#f7fcf5","#e5f5e0","#c7e9c0","#a1d99b","#74c476","#41ab5d","#238b45","#006d2c","#00441b"],YlGnBu:["#ffffd9","#edf8b1","#c7e9b4","#7fcdbb","#41b6c4","#1d91c0","#225ea8","#253494","#081d58"],Purples:["#fcfbfd","#efedf5","#dadaeb","#bcbddc","#9e9ac8","#807dba","#6a51a3","#54278f","#3f007d"],GnBu:["#f7fcf0","#e0f3db","#ccebc5","#a8ddb5","#7bccc4","#4eb3d3","#2b8cbe","#0868ac","#084081"],Greys:["#ffffff","#f0f0f0","#d9d9d9","#bdbdbd","#969696","#737373","#525252","#252525","#000000"],YlOrRd:["#ffffcc","#ffeda0","#fed976","#feb24c","#fd8d3c","#fc4e2a","#e31a1c","#bd0026","#800026"],PuRd:["#f7f4f9","#e7e1ef","#d4b9da","#c994c7","#df65b0","#e7298a","#ce1256","#980043","#67001f"],Blues:["#f7fbff","#deebf7","#c6dbef","#9ecae1","#6baed6","#4292c6","#2171b5","#08519c","#08306b"],PuBuGn:["#fff7fb","#ece2f0","#d0d1e6","#a6bddb","#67a9cf","#3690c0","#02818a","#016c59","#014636"],Viridis:["#440154","#482777","#3f4a8a","#31678e","#26838f","#1f9d8a","#6cce5a","#b6de2b","#fee825"],Spectral:["#9e0142","#d53e4f","#f46d43","#fdae61","#fee08b","#ffffbf","#e6f598","#abdda4","#66c2a5","#3288bd","#5e4fa2"],RdYlGn:["#a50026","#d73027","#f46d43","#fdae61","#fee08b","#ffffbf","#d9ef8b","#a6d96a","#66bd63","#1a9850","#006837"],RdBu:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#f7f7f7","#d1e5f0","#92c5de","#4393c3","#2166ac","#053061"],PiYG:["#8e0152","#c51b7d","#de77ae","#f1b6da","#fde0ef","#f7f7f7","#e6f5d0","#b8e186","#7fbc41","#4d9221","#276419"],PRGn:["#40004b","#762a83","#9970ab","#c2a5cf","#e7d4e8","#f7f7f7","#d9f0d3","#a6dba0","#5aae61","#1b7837","#00441b"],RdYlBu:["#a50026","#d73027","#f46d43","#fdae61","#fee090","#ffffbf","#e0f3f8","#abd9e9","#74add1","#4575b4","#313695"],BrBG:["#543005","#8c510a","#bf812d","#dfc27d","#f6e8c3","#f5f5f5","#c7eae5","#80cdc1","#35978f","#01665e","#003c30"],RdGy:["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff","#e0e0e0","#bababa","#878787","#4d4d4d","#1a1a1a"],PuOr:["#7f3b08","#b35806","#e08214","#fdb863","#fee0b6","#f7f7f7","#d8daeb","#b2abd2","#8073ac","#542788","#2d004b"],Set2:["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],Accent:["#7fc97f","#beaed4","#fdc086","#ffff99","#386cb0","#f0027f","#bf5b17","#666666"],Set1:["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],Set3:["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],Dark2:["#1b9e77","#d95f02","#7570b3","#e7298a","#66a61e","#e6ab02","#a6761d","#666666"],Paired:["#a6cee3","#1f78b4","#b2df8a","#33a02c","#fb9a99","#e31a1c","#fdbf6f","#ff7f00","#cab2d6","#6a3d9a","#ffff99","#b15928"],Pastel2:["#b3e2cd","#fdcdac","#cbd5e8","#f4cae4","#e6f5c9","#fff2ae","#f1e2cc","#cccccc"],Pastel1:["#fbb4ae","#b3cde3","#ccebc5","#decbe4","#fed9a6","#ffffcc","#e5d8bd","#fddaec","#f2f2f2"]};for(let e of Object.keys(qe))qe[e.toLowerCase()]=qe[e];var Gr=qe;Object.assign(C,{average:Nr,bezier:Tr,blend:_r,cubehelix:Fr,mix:ie,interpolate:ie,random:Lr,scale:pe,analyze:vt,contrast:Ar,deltaE:$r,distance:Or,limits:kt,valid:zr,scales:Hr,input:y,colors:ae,brewer:Gr});var re=C;function Oo(e){if(e)try{return re.valid(e)?re(e).darken(.5).hex():void 0}catch{return}}function zo(e){return Oo(e)}function Ho(e,t){if(!(!e||!t))try{if(!re.valid(e)||!re.valid(t))return;let r=re(e).darken(.5).hex();return re.contrast(r,t)<4.5?re(t).luminance()>.5?"#000000":"#FFFFFF":r}catch{return}}function Wr(e){let t=zo(e.primaryAccent),r=Ho(e.primaryAccentContrast,t);return{primaryAccentDerived:t,primaryAccentContrastDerived:r}}import{Fragment as Ve,jsx as I,jsxs as Z}from"react/jsx-runtime";var Go=ye.forwardRef(function(t,r){let{brands:n,localBrands:o,activeBrandId:i,activeTab:a,labels:s,loading:c,error:f,errorHelpUrl:p,onSelectBrand:u,onSearchBrands:m,onUpdateBrandProperty:S,onSaveBrand:v,onSelectTab:R,onRefreshLocal:w,onApplyVibes:b,showSaveBar:P=!0,showTitle:$=!0}=t,N=qt(s),[z,_]=ye.useState(""),[d,x]=ye.useState("colors"),B=E=>{E.trim().length>=3&&m(E.trim())},k=a==="local"?o:n,F=k.find(E=>(E["sfdc_cms:title"]||"")===i),[T,A]=ye.useState({});ye.useEffect(()=>{A({})},[i]);let H=ye.useMemo(()=>{if(!F)return;if(Object.keys(T).length===0)return F;let E={...F.colorScheme,...T},M=Wr({primaryAccent:E.primaryAccent,primaryAccentContrast:E.primaryAccentContrast});return M.primaryAccentDerived!==void 0?E.primaryAccentDerived=M.primaryAccentDerived:delete E.primaryAccentDerived,M.primaryAccentContrastDerived!==void 0?E.primaryAccentContrastDerived=M.primaryAccentContrastDerived:delete E.primaryAccentContrastDerived,{...F,colorScheme:E}},[F,T]),X=(E,M,me)=>{if(M.startsWith("colorScheme.")&&typeof me=="string"){let Xe=M.slice(12);A(Bt=>({...Bt,[Xe]:me}))}S(E,M,me)};return Z("div",{ref:r,className:"tm-panel-root",children:[Z("header",{className:"tm-panel-header",children:[($||P&&H)&&Z("div",{className:"tm-panel-header-row",children:[$&&I("h2",{className:"tm-panel-title",children:N.header.title}),P&&H&&I(Mt,{labels:N.save,onSave:()=>v("workspace"),onSaveAsNew:()=>v("new"),onApplyVibes:b})]}),I(Ht,{activeTab:a,onSelectTab:R,localLabel:N.header.tabLocal,orgLabel:N.header.tabOrg}),a==="org"?Z(Ve,{children:[I(It,{value:z,onChange:_,onSearch:B,placeholder:N.header.searchPlaceholder,buttonLabel:N.header.searchButton,minLength:3,minLengthHint:N.header.searchMinLengthHint}),c?I("div",{className:"tm-gallery-empty",children:N.gallery.loading}):f?Z("div",{className:"tm-gallery-empty tm-gallery-error",children:[Z("p",{className:"tm-gallery-error-message",children:[N.gallery.error,": ",f]}),p&&I("p",{className:"tm-gallery-error-help",children:I("a",{href:p,target:"_blank",rel:"noopener noreferrer",children:N.gallery.errorHelp})})]}):I(nt,{brands:n,activeBrandId:i,onSelectBrand:u,noResultsLabel:N.gallery.noResults})]}):Z(Ve,{children:[I("div",{className:"tm-local-header",children:I("button",{type:"button",className:"tm-btn tm-btn-secondary tm-refresh-button",onClick:w,children:N.header.refreshLocal})}),o.length>0?I(nt,{brands:o,activeBrandId:i,onSelectBrand:u,noResultsLabel:N.gallery.noLocalBrands}):I("div",{className:"tm-empty-state",children:N.gallery.noLocalBrands})]})]}),H?Z(Ve,{children:[I(Ot,{tabs:[{id:"colors",label:N.sectionTabs.colors},{id:"typography",label:N.sectionTabs.typography},{id:"borders",label:N.sectionTabs.borders}],activeTab:d,onSelectTab:x}),Z("div",{className:"tm-panel-content",role:"tabpanel",id:`tm-section-panel-${d}`,"aria-labelledby":`tm-section-tab-${d}`,children:[d==="colors"&&Z(Ve,{children:[I(Pt,{colorScheme:H.colorScheme,labels:N.colors,onChange:(E,M)=>X("colors",E,M)}),I(At,{brand:H,labels:N.buttons,onChange:(E,M)=>X("buttons",E,M)})]}),d==="typography"&&I(jt,{brand:H,labels:N.typography,onChange:(E,M)=>X("typography",E,M)}),d==="borders"&&I(_t,{brand:H,labels:N.borders,onChange:(E,M)=>X("borders",E,M)})]})]}):I("div",{className:"tm-panel-content",children:I("div",{className:"tm-panel-empty-state",children:k.length>0?N.gallery.noSelection:N.gallery.noResults})})]})});export{Go as BrandManagerPanel};
|