@operato/scene-chartjs 7.0.0 → 7.0.2
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/CHANGELOG.md +18 -0
- package/dist/config-converter.js +1 -1
- package/dist/config-converter.js.map +1 -1
- package/dist/editors/index.d.ts +1 -1
- package/dist/editors/index.js +2 -2
- package/dist/editors/index.js.map +1 -1
- package/dist/ox-chart.js +1 -1
- package/dist/ox-chart.js.map +1 -1
- package/package.json +6 -4
- package/schema.graphql +76 -40
- package/src/config-converter.ts +1 -1
- package/src/editors/index.ts +2 -2
- package/src/ox-chart.ts +1 -1
- package/translations/en.json +2 -1
- package/translations/ja.json +2 -1
- package/translations/ko.json +2 -1
- package/translations/ms.json +2 -1
- package/translations/zh.json +2 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/editors/property-editor-chartjs-abstract.d.ts +0 -50
- package/dist/editors/property-editor-chartjs-abstract.js +0 -273
- package/dist/editors/property-editor-chartjs-abstract.js.map +0 -1
- package/dist/editors/property-editor-chartjs-hbar.d.ts +0 -10
- package/dist/editors/property-editor-chartjs-hbar.js +0 -154
- package/dist/editors/property-editor-chartjs-hbar.js.map +0 -1
- package/dist/editors/property-editor-chartjs-mixed.d.ts +0 -17
- package/dist/editors/property-editor-chartjs-mixed.js +0 -186
- package/dist/editors/property-editor-chartjs-mixed.js.map +0 -1
- package/dist/editors/property-editor-chartjs-multi-series-abstract.d.ts +0 -29
- package/dist/editors/property-editor-chartjs-multi-series-abstract.js +0 -363
- package/dist/editors/property-editor-chartjs-multi-series-abstract.js.map +0 -1
- package/dist/editors/property-editor-chartjs-pie.d.ts +0 -18
- package/dist/editors/property-editor-chartjs-pie.js +0 -74
- package/dist/editors/property-editor-chartjs-pie.js.map +0 -1
- package/dist/editors/property-editor-chartjs-radar.d.ts +0 -8
- package/dist/editors/property-editor-chartjs-radar.js +0 -36
- package/dist/editors/property-editor-chartjs-radar.js.map +0 -1
- package/dist/editors/property-editor-chartjs-styles.d.ts +0 -1
- package/dist/editors/property-editor-chartjs-styles.js +0 -167
- package/dist/editors/property-editor-chartjs-styles.js.map +0 -1
- package/dist/editors/property-editor-chartjs.d.ts +0 -10
- package/dist/editors/property-editor-chartjs.js +0 -79
- package/dist/editors/property-editor-chartjs.js.map +0 -1
- package/src/editors/property-editor-chartjs-abstract.ts +0 -324
- package/src/editors/property-editor-chartjs-hbar.ts +0 -157
- package/src/editors/property-editor-chartjs-mixed.ts +0 -199
- package/src/editors/property-editor-chartjs-multi-series-abstract.ts +0 -382
- package/src/editors/property-editor-chartjs-pie.ts +0 -86
- package/src/editors/property-editor-chartjs-radar.ts +0 -39
- package/src/editors/property-editor-chartjs-styles.ts +0 -167
- package/src/editors/property-editor-chartjs.ts +0 -79
| @@ -1,79 +0,0 @@ | |
| 1 | 
            -
            import '@operato/i18n/ox-i18n.js'
         | 
| 2 | 
            -
             | 
| 3 | 
            -
            import './property-editor-chartjs-hbar'
         | 
| 4 | 
            -
            import './property-editor-chartjs-mixed'
         | 
| 5 | 
            -
            import './property-editor-chartjs-pie'
         | 
| 6 | 
            -
            import './property-editor-chartjs-radar'
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            import { css, html } from 'lit'
         | 
| 9 | 
            -
            import { customElement } from 'lit/decorators.js'
         | 
| 10 | 
            -
             | 
| 11 | 
            -
            import { OxPropertyEditor, PropertySpec } from '@operato/property-editor'
         | 
| 12 | 
            -
             | 
| 13 | 
            -
            @customElement('property-editor-chartjs')
         | 
| 14 | 
            -
            export default class ChartJSEditor extends OxPropertyEditor {
         | 
| 15 | 
            -
              static styles = [
         | 
| 16 | 
            -
                css`
         | 
| 17 | 
            -
                  :host {
         | 
| 18 | 
            -
                    display: block;
         | 
| 19 | 
            -
                    padding: 5px;
         | 
| 20 | 
            -
             | 
| 21 | 
            -
                    --md-elevated-button-container-height: 20px;
         | 
| 22 | 
            -
                  }
         | 
| 23 | 
            -
             | 
| 24 | 
            -
                  #chart-type {
         | 
| 25 | 
            -
                    display: grid;
         | 
| 26 | 
            -
                    grid-template-columns: repeat(10, 1fr);
         | 
| 27 | 
            -
                    grid-gap: 5px;
         | 
| 28 | 
            -
                  }
         | 
| 29 | 
            -
             | 
| 30 | 
            -
                  #chart-type > label {
         | 
| 31 | 
            -
                    box-sizing: border-box;
         | 
| 32 | 
            -
                    grid-column: span 3;
         | 
| 33 | 
            -
             | 
| 34 | 
            -
                    text-align: right;
         | 
| 35 | 
            -
             | 
| 36 | 
            -
                    color: var(--md-sys-color-on-secondary-container);
         | 
| 37 | 
            -
                    font-size: 0.8em;
         | 
| 38 | 
            -
                    line-height: 2;
         | 
| 39 | 
            -
                    text-transform: capitalize;
         | 
| 40 | 
            -
                  }
         | 
| 41 | 
            -
             | 
| 42 | 
            -
                  #chart-type > input {
         | 
| 43 | 
            -
                    box-sizing: border-box;
         | 
| 44 | 
            -
                    grid-column: span 7;
         | 
| 45 | 
            -
                    border: 1px solid rgba(0, 0, 0, 0.2);
         | 
| 46 | 
            -
                  }
         | 
| 47 | 
            -
                `
         | 
| 48 | 
            -
              ]
         | 
| 49 | 
            -
             | 
| 50 | 
            -
              editorTemplate(value: any, spec: PropertySpec) {
         | 
| 51 | 
            -
                return html`
         | 
| 52 | 
            -
                  ${value
         | 
| 53 | 
            -
                    ? html`
         | 
| 54 | 
            -
                        <div id="chart-type">
         | 
| 55 | 
            -
                          <label> <ox-i18n msgid="label.chart-type">Chart Type</ox-i18n> </label>
         | 
| 56 | 
            -
                          <input type="text" .value=${value.type} readonly />
         | 
| 57 | 
            -
                        </div>
         | 
| 58 | 
            -
                      `
         | 
| 59 | 
            -
                    : html``}
         | 
| 60 | 
            -
                  ${!value
         | 
| 61 | 
            -
                    ? html``
         | 
| 62 | 
            -
                    : value.type == 'line'
         | 
| 63 | 
            -
                    ? html` <property-editor-chartjs-mixed .value=${value} fullwidth></property-editor-chartjs-mixed> `
         | 
| 64 | 
            -
                    : value.type == 'horizontalBar'
         | 
| 65 | 
            -
                    ? html` <property-editor-chartjs-hbar .value=${value} fullwidth></property-editor-chartjs-hbar> `
         | 
| 66 | 
            -
                    : value.type == 'bar'
         | 
| 67 | 
            -
                    ? html` <property-editor-chartjs-mixed .value=${value} fullwidth></property-editor-chartjs-mixed> `
         | 
| 68 | 
            -
                    : value.type == 'pie'
         | 
| 69 | 
            -
                    ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `
         | 
| 70 | 
            -
                    : value.type == 'doughnut'
         | 
| 71 | 
            -
                    ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `
         | 
| 72 | 
            -
                    : value.type == 'polarArea'
         | 
| 73 | 
            -
                    ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `
         | 
| 74 | 
            -
                    : value.type == 'radar'
         | 
| 75 | 
            -
                    ? html` <property-editor-chartjs-radar .value=${value} fullwidth></property-editor-chartjs-radar> `
         | 
| 76 | 
            -
                    : html``}
         | 
| 77 | 
            -
                `
         | 
| 78 | 
            -
              }
         | 
| 79 | 
            -
            }
         |