jrangel/lcp-visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes to color controls

Browse Source
This commit is contained in:
Jeremy Rangel
2025-01-15 03:00:49 -08:00
parent 7df4855b60
commit ea5e69f0fd
14 changed files with 383 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
blocks/bar-graph/build/block.json Normal file
View File

@ -0,0 +1,112 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "lcp/bar-graph",
"version": "0.1.0",
"title": "LCP Bar Graph",
"category": "widgets",
"icon": "chart-bar",
"description": "Display data in a bar graph format.",
"supports": {
"html": false
},
"textdomain": "lcp",
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"viewScript": "file:./view.js",
"attributes": {
"chartColorSource": {
"type": "string",
"default": "default"
},
"chartCustomColors": {
"type": "array",
"default": []
},
"showBarValues": {
"type": "boolean",
"default": true
},
"chartHeight": {
"type": "string",
"default": "400px"
},
"chartWidth": {
"type": "string",
"default": "100%"
},
"chartTitle": {
"type": "string",
"default": ""
},
"displayChartTitle": {
"type": "boolean",
"default": false
},
"allowDownload": {
"type": "boolean",
"default": false
},
"downloadMaxWidth": {
"type": "string",
"default": "2000px"
},
"showSorting": {
"type": "boolean",
"default": false
},
"showFiltering": {
"type": "boolean",
"default": false
},
"chartData": {
"type": "object",
"default": {}
},
"dataSource": {
"type": "string",
"default": "manual_json"
},
"barColor": {
"type": "string",
"default": "#0073aa"
},
"barOpacity": {
"type": "number",
"default": 1
},
"backgroundColor": {
"type": "string",
"default": "#ffffff"
},
"showGridX": {
"type": "boolean",
"default": false
},
"showGridY": {
"type": "boolean",
"default": true
},
"gridColor": {
"type": "string",
"default": "#e0e0e0"
},
"gridWidth": {
"type": "number",
"default": 1
},
"xAxisLabel": {
"type": "string",
"default": ""
},
"yAxisLabel": {
"type": "string",
"default": ""
},
"gridOpacity": {
"type": "number",
"default": 0.5
}
}
}

1
blocks/bar-graph/build/index-rtl.css Normal file
View File

@ -0,0 +1 @@
.wp-block-create-block-todo-list{border:1px dotted red}.wp-block-lcp-bar-graph{margin:1em 0}.wp-block-lcp-bar-graph .lcp-bar-graph-container{overflow:visible;width:100%}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg{overflow:visible}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .bar{transition:opacity .2s ease}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .bar:hover{cursor:pointer}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .grid line{stroke-opacity:.1}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .domain,.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tick line{stroke:#666}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tick text{fill:#666;font-size:12px}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tooltip{pointer-events:none}.wp-block-lcp-bar-graph .lcp-bar-graph-placeholder{font-size:1.2em;padding:2em;text-align:center}.lcp-data-selector .components-base-control{margin-bottom:1.5em}.lcp-data-selector .lcp-data-selector-error{background-color:#f8d7da;border-right:4px solid #cc1818;margin-top:.5em;padding:.5em}

1
blocks/bar-graph/build/index.asset.php Normal file
View File

@ -0,0 +1 @@
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '62449dbdc80e118c522c');

1
blocks/bar-graph/build/index.css Normal file
View File

@ -0,0 +1 @@
.wp-block-create-block-todo-list{border:1px dotted red}.wp-block-lcp-bar-graph{margin:1em 0}.wp-block-lcp-bar-graph .lcp-bar-graph-container{overflow:visible;width:100%}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg{overflow:visible}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .bar{transition:opacity .2s ease}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .bar:hover{cursor:pointer}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .grid line{stroke-opacity:.1}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .domain,.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tick line{stroke:#666}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tick text{fill:#666;font-size:12px}.wp-block-lcp-bar-graph .lcp-bar-graph-container svg .tooltip{pointer-events:none}.wp-block-lcp-bar-graph .lcp-bar-graph-placeholder{font-size:1.2em;padding:2em;text-align:center}.lcp-data-selector .components-base-control{margin-bottom:1.5em}.lcp-data-selector .lcp-data-selector-error{background-color:#f8d7da;border-left:4px solid #cc1818;margin-top:.5em;padding:.5em}

1
blocks/bar-graph/build/index.js Normal file
View File

File diff suppressed because one or more lines are too long

1
blocks/bar-graph/build/style-index-rtl.css Normal file
View File

@ -0,0 +1 @@
.wp-block-create-block-todo-list{background-color:#21759b;color:#fff;padding:2px}

1
blocks/bar-graph/build/style-index.css Normal file
View File

@ -0,0 +1 @@
.wp-block-create-block-todo-list{background-color:#21759b;color:#fff;padding:2px}

1
blocks/bar-graph/build/view.asset.php Normal file
View File

@ -0,0 +1 @@
<?php return array('dependencies' => array(), 'version' => '7ca23fe6db2e4bfa97aa');

1
blocks/bar-graph/build/view.js Normal file
View File

@ -0,0 +1 @@
console.log("Hello World! (from create-block-todo-list block)");