@mozaic-ds/chart
Version:
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
45 lines (41 loc) • 1.31 kB
text/typescript
import PatternSquares from './patternSquares';
import PatternDiagonals from './patternDiagonals';
import PatternZigzag from './patternZigzag';
import PatternVerticalLines from './patternVerticalLines';
import PatternDashedDiagonals from './patternDashedDiagonals';
import PatternCircles from './patternCircles';
export default function () {
const patternsStandardList = [
PatternSquares,
PatternDiagonals,
PatternZigzag,
PatternVerticalLines,
PatternDashedDiagonals,
PatternCircles
] as ((
hover: boolean,
color: string,
disableAccessibility: boolean
) => CanvasPattern)[];
const colourSets: [
string[],
string[],
string[],
string[],
string[],
string[],
string[]
] = [
['#393879', '#006974', '#405D68', '#005C91', '#8C3500', '#8C0003'],
['#A274FF', '#143666', '#00A3B2', '#8C1551', '#F255A3', '#095359'],
['#00A3B2', '#143666', '#3D993D', '#8C1551', '#E56D17', '#4C3380'],
['#8C1551', '#E56D17', '#4C3380', '#4588E5', '#095359', '#F255A3'],
['#4588E5', '#4C3380', '#E56D17', '#143666', '#D94141', '#8C1551'],
['#143666', '#F255A3', '#095359', '#4588E5', '#8C1551', '#E56D17'],
['#A274FF', '#B0BBC0', '#B0BBC0', '#B0BBC0', '#B0BBC0', '#B0BBC0']
];
return {
patternsStandardList,
colourSets
};
}