@omegagrid/plugin-charts 0.7.0 → 0.7.1
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/ui/chartList.js +1 -1
- package/dist/ui/chartList.js.map +1 -1
- package/package.json +5 -5
package/dist/ui/chartList.js
CHANGED
|
@@ -32,7 +32,7 @@ let ChartList = class ChartList extends LitElement {
|
|
|
32
32
|
<div class="controls p">
|
|
33
33
|
<og-button text="+" @click="${() => this.addChart()}"></og-button>
|
|
34
34
|
<!--<og-button @click="${this._onApplyClick}">
|
|
35
|
-
<div slot="content"><og-
|
|
35
|
+
<div slot="content"><og-icon icon="refresh"></og-icon> ${msg('Apply')}</div>
|
|
36
36
|
</og-button>-->
|
|
37
37
|
</div>
|
|
38
38
|
<div class="controls search-bar">
|
package/dist/ui/chartList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartList.js","sourceRoot":"","sources":["../../src/ui/chartList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAqB,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,kBAAkB,GAAS,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAmBxC,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAoB,CAAA,CAAC,CAAC;IAEnF;QACC,KAAK,EAAE,CAAC;QA4BT,kBAAa,GAAG,CAAC,IAAoB,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEhD,CAAC,CAAqB,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC;aACxF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;;EAE5B,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE;YACpB,sCAAsC;YACtC,qCAAqC;QACtC,CAAC,CAAA;QAED,mBAAc,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;QACtC,CAAC,CAAA;QAWD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;iCAEa,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;4BAC1B,IAAI,CAAC,aAAa;
|
|
1
|
+
{"version":3,"file":"chartList.js","sourceRoot":"","sources":["../../src/ui/chartList.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { Input, List, Size, events } from \"@omegagrid/core\";\nimport { msg } from \"@omegagrid/localize\";\nimport { Grid } from \"@omegagrid/grid\";\nimport { ChartGridPlugin } from \"../gridPlugin\";\nimport { style } from \"./chartList.style\";\nimport { debounce } from \"ts-debounce\";\nimport { ChartModel } from \"../model\";\nimport { ChartSource } from \"../types\";\n\nconst DEFAULT_CHART_SIZE: Size = {w: 300, h: 200};\n\n@customElement(\"og-plugin-chart-list\")\nexport class ChartList extends LitElement {\n\t\n\tstatic styles = [style];\n\n\t@property({type: Object})\n\tgrid: Grid;\n\n\t@query('og-input#search')\n\tsearchInput: Input;\n\n\t@query('og-list')\n\tlist: List;\n\n\t@property({type: String})\n\tfilter: string;\n\n\t@property({type: Array})\n\titems: ChartModel[];\n\n\tget plugin() { return this.grid?.plugins.plugins.get('charts') as ChartGridPlugin }\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t}\n\n\taddChart() {\n\t\tconst grid = this.grid;\n\t\tif (!grid) return;\n\n\t\tconst range = grid.selection.range;\n\t\tconst cell = range.bounds[1][0];\n\t\tconst location = grid.model.calculateCellOffset(cell);\n\t\tlocation.y += grid.model.rows[cell.r1].height;\n\n\t\tconst sourceData: ChartSource = {\n\t\t\ttype: 'column',\n\t\t\tgrouping: 'standard',\n\t\t\tdataRange: range.A1,\n\t\t\tsize: DEFAULT_CHART_SIZE,\n\t\t\tlocation: location,\n\t\t};\n\n\t\tconst model = this.plugin.addModel(sourceData);\n\t\tconst items = [...this.items, model];\n\t\tthis.items = items;\n\t\tthis.filter = model.title;\n\t\tthis.dispatchEvent(new events.AddEvent({value: model}));\n\t}\n\n\t_itemRenderer = (_div: HTMLDivElement, index: number) => html`\n\t\t<og-plugin-chart-form\n\t\t\t@change=\"${(e: events.ChangeEvent) => this.dispatchEvent(new events.ChangeEvent({value: e.value}))}\"\n\t\t\t.model=\"${this.items[index]}\">\n\t\t</og-plugin-chart-form>\n\t`;\n\n\t_onApplyClick = () => {\n\t\t// this.model.clearCalculatedStyles();\n\t\t// this.grid.rendering.render(false);\n\t}\n\n\t_onSearchInput = () => {\n\t\tthis.filter = this.searchInput.value;\n\t}\n\n\twillUpdate(_props: Map<string, unknown>) {\n\t\t// if (props.has('filter') || this.items == null) {\n\t\t\tthis.items = Array.from(this.plugin.models).filter(\n\t\t\t\tm => !this.filter || m.title.toLowerCase().includes(this.filter.toLowerCase())\n\t\t\t);\n\t\t// }\n\t\tif (_props.has('filter')) this.list?.renderItems(true);\n\t}\n\t\n\trender = () => html`\n\t\t<div class=\"controls p\">\n\t\t\t<og-button text=\"+\" @click=\"${() => this.addChart()}\"></og-button>\n\t\t\t<!--<og-button @click=\"${this._onApplyClick}\">\n\t\t\t\t<div slot=\"content\"><og-icon icon=\"refresh\"></og-icon> ${msg('Apply')}</div>\n\t\t\t</og-button>-->\n\t\t</div>\n\t\t<div class=\"controls search-bar\">\n\t\t\t<og-icon icon=\"magnifying-glass\" style=\"flex: 0\"></og-icon>\n\t\t\t<og-input \n\t\t\t\tid=\"search\"\n\t\t\t\t.value=\"${this.filter}\"\n\t\t\t\t@input=\"${debounce(this._onSearchInput, 100)}\">\n\t\t\t</og-input>\n\t\t</div>\n\t\t<div class=\"body\">\n\t\t\t<og-list\n\t\t\t\tdisabledSelect\n\t\t\t\tdynamicItemHeight\n\t\t\t\tnativeHeight\n\t\t\t\titemHeight=\"130\"\n\t\t\t\t.itemRenderer=\"${this._itemRenderer}\"\n\t\t\t\t.size=\"${this.items.length}\">\n\t\t\t</og-list>\n\t\t</div>\n\t`;\n\n}"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/plugin-charts",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Xlsx import/export plugin",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"_prepublish": "yarn test && yarn lint"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@omegagrid/core": "^0.7.
|
|
31
|
-
"@omegagrid/editor": "^0.7.
|
|
32
|
-
"@omegagrid/grid": "^0.7.
|
|
33
|
-
"@omegagrid/localize": "^0.7.
|
|
30
|
+
"@omegagrid/core": "^0.7.1",
|
|
31
|
+
"@omegagrid/editor": "^0.7.1",
|
|
32
|
+
"@omegagrid/grid": "^0.7.1",
|
|
33
|
+
"@omegagrid/localize": "^0.7.1",
|
|
34
34
|
"lit": "^3.1.1",
|
|
35
35
|
"lit-html": "^3.1.1",
|
|
36
36
|
"ts-debounce": "^4.0.0"
|