@3mo/data-grid 0.5.8 → 0.5.10

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.
Files changed (25) hide show
  1. package/dist/DataGrid.d.ts +2 -1
  2. package/dist/DataGrid.d.ts.map +1 -1
  3. package/dist/DataGrid.js +283 -278
  4. package/dist/DataGridCell.js +40 -40
  5. package/dist/DataGridFooter.js +92 -92
  6. package/dist/DataGridHeader.js +90 -90
  7. package/dist/DataGridHeaderSeparator.js +45 -45
  8. package/dist/DataGridPrimaryContextMenuItem.js +5 -5
  9. package/dist/DataGridSidePanel.d.ts.map +1 -1
  10. package/dist/DataGridSidePanel.js +109 -109
  11. package/dist/FieldSelectDataGridPageSize.js +7 -7
  12. package/dist/columns/DataGridColumnBoolean.js +9 -9
  13. package/dist/columns/DataGridColumnImage.js +2 -2
  14. package/dist/columns/DataGridColumnText.js +5 -5
  15. package/dist/columns/date-time/DataGridColumnDateTimeBase.js +9 -9
  16. package/dist/columns/number/DataGridColumnCurrency.js +9 -9
  17. package/dist/columns/number/DataGridColumnNumber.js +5 -5
  18. package/dist/columns/number/DataGridColumnPercent.js +6 -6
  19. package/dist/columns/number/DataGridFooterSum.js +20 -20
  20. package/dist/excel.svg.js +47 -47
  21. package/dist/rows/DataGridDefaultRow.js +47 -47
  22. package/dist/rows/DataGridRow.d.ts.map +1 -1
  23. package/dist/rows/DataGridRow.js +142 -143
  24. package/dist/tsconfig.tsbuildinfo +1 -1
  25. package/package.json +55 -55
package/dist/DataGridSidePanel.js CHANGED
@@ -26,138 +26,138 @@ let DataGridSidePanel = class DataGridSidePanel extends Component {
26
26
  super(...arguments);
27
27
  this.getColumnTemplate = (column) => {
28
28
  const change = async (e) => {
29
- column.hidden = e.target?.selected === false;
29
+ column.hidden = e.detail === false;
30
30
  this.dataGrid.setColumns(this.dataGrid.columns);
31
31
  this.dataGrid.requestUpdate();
32
32
  await this.dataGrid.updateComplete;
33
33
  };
34
- return html `
35
- <mo-checkbox ${style({ height: '30px' })}
36
- label=${column.heading}
37
- ?selected=${column.hidden === false}
38
- @change=${change}
39
- ></mo-checkbox>
34
+ return html `
35
+ <mo-checkbox ${style({ height: '30px' })}
36
+ label=${column.heading}
37
+ ?selected=${column.hidden === false}
38
+ @change=${change}
39
+ ></mo-checkbox>
40
40
  `;
41
41
  };
42
42
  }
43
43
  static get styles() {
44
- return css `
45
- :host {
46
- display: inline-block !important;
47
- transition: 250ms;
48
- width: 100%;
49
- height: 100%;
50
- transform-origin: right center;
51
- }
52
-
53
- :host(:not([hidden])) {
54
- border-inline-start: var(--mo-data-grid-border);
55
- background: var(--mo-color-transparent-gray-1);
56
- opacity: 1;
57
- }
58
-
59
- :host([hidden]) {
60
- opacity: 0;
61
- transform: scale(0, 1);
62
- width: 0;
63
- }
64
-
65
- #flexHeading {
66
- border-top: var(--mo-data-grid-border);
67
- border-bottom: var(--mo-data-grid-border);
68
- height: var(--mo-data-grid-header-height);
69
- padding-inline-start: 14px;
70
- }
71
-
72
- mo-scroller {
73
- overflow-x: hidden;
74
- }
75
-
76
- mo-section {
77
- padding: 10px 14px 20px;
78
- border-bottom: var(--mo-data-grid-border);
79
- }
80
-
81
- mo-section::part(heading) {
82
- font-size: min(1em, 14px);
83
- letter-spacing: 0.15px;
84
- }
44
+ return css `
45
+ :host {
46
+ display: inline-block !important;
47
+ transition: 250ms;
48
+ width: 100%;
49
+ height: 100%;
50
+ transform-origin: right center;
51
+ }
52
+
53
+ :host(:not([hidden])) {
54
+ border-inline-start: var(--mo-data-grid-border);
55
+ background: var(--mo-color-transparent-gray-1);
56
+ opacity: 1;
57
+ }
58
+
59
+ :host([hidden]) {
60
+ opacity: 0;
61
+ transform: scale(0, 1);
62
+ width: 0;
63
+ }
64
+
65
+ #flexHeading {
66
+ border-top: var(--mo-data-grid-border);
67
+ border-bottom: var(--mo-data-grid-border);
68
+ height: var(--mo-data-grid-header-height);
69
+ padding-inline-start: 14px;
70
+ }
71
+
72
+ mo-scroller {
73
+ overflow-x: hidden;
74
+ }
75
+
76
+ mo-section {
77
+ padding: 10px 14px 20px;
78
+ border-bottom: var(--mo-data-grid-border);
79
+ }
80
+
81
+ mo-section::part(heading) {
82
+ font-size: min(1em, 14px);
83
+ letter-spacing: 0.15px;
84
+ }
85
85
  `;
86
86
  }
87
87
  get template() {
88
- return html `
89
- <mo-flex ${style({ height: '100%' })}>
90
- ${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? html.nothing : html `
91
- <mo-tab-bar ${style({ height: '60px' })}
92
- value=${ifDefined(this.dataGrid.sidePanelTab)}
93
- @change=${(e) => this.dataGrid.navigateToSidePanelTab(e.detail ?? DataGridSidePanelTab.Settings)}
94
- >
95
- <mo-tab value=${DataGridSidePanelTab.Filters}>
96
- <mo-icon icon='filter_list'></mo-icon>
97
- ${t('Extended Filters')}
98
- </mo-tab>
99
- <mo-tab value=${DataGridSidePanelTab.Settings}>
100
- <mo-icon icon='settings'></mo-icon>
101
- ${t('Settings')}
102
- </mo-tab>
103
- </mo-tab-bar>
104
- `}
105
-
106
- ${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? html.nothing : html `
107
- <mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
108
- <mo-heading typography='heading6' ${style({ flex: '1', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? 'Extended Filters' : 'Settings')}</mo-heading>
109
- <mo-icon-button icon='close' dense
110
- ${tooltip(t('Close'))}
111
- ${style({ cursor: 'pointer', color: 'var(--mo-color-gray)' })}
112
- @click=${() => this.dataGrid.navigateToSidePanelTab(undefined)}
113
- ></mo-icon-button>
114
- </mo-flex>
115
- `}
116
-
117
- <mo-scroller ${style({ flex: '1' })}>
118
- ${this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? this.filtersTemplate : this.settingsTemplate}
119
- </mo-scroller>
120
- </mo-flex>
88
+ return html `
89
+ <mo-flex ${style({ height: '100%' })}>
90
+ ${this.dataGrid.hasToolbar || this.dataGrid.hasFilters === false ? html.nothing : html `
91
+ <mo-tab-bar ${style({ height: '60px' })}
92
+ value=${ifDefined(this.dataGrid.sidePanelTab)}
93
+ @change=${(e) => this.dataGrid.navigateToSidePanelTab(e.detail ?? DataGridSidePanelTab.Settings)}
94
+ >
95
+ <mo-tab value=${DataGridSidePanelTab.Filters}>
96
+ <mo-icon icon='filter_list'></mo-icon>
97
+ ${t('Extended Filters')}
98
+ </mo-tab>
99
+ <mo-tab value=${DataGridSidePanelTab.Settings}>
100
+ <mo-icon icon='settings'></mo-icon>
101
+ ${t('Settings')}
102
+ </mo-tab>
103
+ </mo-tab-bar>
104
+ `}
105
+
106
+ ${this.dataGrid.hasToolbar === false && this.dataGrid.hasFilters === true ? html.nothing : html `
107
+ <mo-flex id='flexHeading' direction='horizontal' alignItems='center'>
108
+ <mo-heading typography='heading6' ${style({ flex: '1', color: 'var(--mo-color-on-surface)' })}>${t(this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? 'Extended Filters' : 'Settings')}</mo-heading>
109
+ <mo-icon-button icon='close' dense
110
+ ${tooltip(t('Close'))}
111
+ ${style({ cursor: 'pointer', color: 'var(--mo-color-gray)' })}
112
+ @click=${() => this.dataGrid.navigateToSidePanelTab(undefined)}
113
+ ></mo-icon-button>
114
+ </mo-flex>
115
+ `}
116
+
117
+ <mo-scroller ${style({ flex: '1' })}>
118
+ ${this.dataGrid.sidePanelTab === DataGridSidePanelTab.Filters ? this.filtersTemplate : this.settingsTemplate}
119
+ </mo-scroller>
120
+ </mo-flex>
121
121
  `;
122
122
  }
123
123
  get filtersTemplate() {
124
- return html `
125
- <mo-flex gap='14px' style='padding: 14px'>
126
- <slot name='filter'></slot>
127
- </mo-flex>
124
+ return html `
125
+ <mo-flex gap='14px' style='padding: 14px'>
126
+ <slot name='filter'></slot>
127
+ </mo-flex>
128
128
  `;
129
129
  }
130
130
  get settingsTemplate() {
131
- return html `
132
- <mo-flex>
133
- <slot name='settings'></slot>
134
-
135
- <mo-section heading=${t('Design')}>
136
- <mo-flex gap='16px'>
137
- <mo-field-select label=${t('Font Size')} ${bind(this, 'dataGrid', { keyPath: 'cellFontSize' })}>
131
+ return html `
132
+ <mo-flex>
133
+ <slot name='settings'></slot>
134
+
135
+ <mo-section heading=${t('Design')}>
136
+ <mo-flex gap='16px'>
137
+ <mo-field-select label=${t('Font Size')} ${bind(this, 'dataGrid', { keyPath: 'cellFontSize' })}>
138
138
  ${Array.from({ length: 5 }).map((_, i) => {
139
139
  const value = 0.8 + i * 0.1;
140
140
  return html `<mo-option value=${value}>${(value * 100).formatAsPercent()}</mo-option>`;
141
- })}
142
- </mo-field-select>
143
- <mo-field-select label=${t('Row Height')} ${bind(this, 'dataGrid', { keyPath: 'rowHeight' })}>
141
+ })}
142
+ </mo-field-select>
143
+ <mo-field-select label=${t('Row Height')} ${bind(this, 'dataGrid', { keyPath: 'rowHeight' })}>
144
144
  ${Array.from({ length: 7 }).map((_, i) => {
145
145
  const value = 30 + i * 5;
146
146
  return html `<mo-option value=${value}>${value}px</mo-option>`;
147
- })}
148
- </mo-field-select>
149
- </mo-flex>
150
- </mo-section>
151
-
152
- <mo-section .heading=${html `
153
- ${t('Columns')}
154
- <span style='color: var(--mo-color-gray)'>
155
- ${this.dataGrid.visibleColumns.length.format()}/${this.dataGrid.columns.length.format()}
156
- </span>
157
- `}>
158
- ${this.dataGrid.columns.map(this.getColumnTemplate)}
159
- </mo-section>
160
- </mo-flex>
147
+ })}
148
+ </mo-field-select>
149
+ </mo-flex>
150
+ </mo-section>
151
+
152
+ <mo-section .heading=${html `
153
+ ${t('Columns')}
154
+ <span style='color: var(--mo-color-gray)'>
155
+ ${this.dataGrid.visibleColumns.length.format()}/${this.dataGrid.columns.length.format()}
156
+ </span>
157
+ `}>
158
+ ${this.dataGrid.columns.map(this.getColumnTemplate)}
159
+ </mo-section>
160
+ </mo-flex>
161
161
  `;
162
162
  }
163
163
  };
package/dist/FieldSelectDataGridPageSize.js CHANGED
@@ -4,13 +4,13 @@ import { component, html, property } from '@a11d/lit';
4
4
  import { FieldSelect } from '@3mo/select-field';
5
5
  let FieldSelectDataGridPageSize = FieldSelectDataGridPageSize_1 = class FieldSelectDataGridPageSize extends FieldSelect {
6
6
  get optionsTemplate() {
7
- return html `
8
- ${!this.dataGrid || !this.dataGrid.supportsDynamicPageSize ? html.nothing : html `
9
- <mo-option value='auto'>Auto</mo-option>
10
- `}
11
- ${FieldSelectDataGridPageSize_1.data.map(size => html `
12
- <mo-option value=${size}>${size.format()}</mo-option>
13
- `)}
7
+ return html `
8
+ ${!this.dataGrid || !this.dataGrid.supportsDynamicPageSize ? html.nothing : html `
9
+ <mo-option value='auto'>Auto</mo-option>
10
+ `}
11
+ ${FieldSelectDataGridPageSize_1.data.map(size => html `
12
+ <mo-option value=${size}>${size.format()}</mo-option>
13
+ `)}
14
14
  `;
15
15
  }
16
16
  };
package/dist/columns/DataGridColumnBoolean.js CHANGED
@@ -19,18 +19,18 @@ let DataGridColumnBoolean = class DataGridColumnBoolean extends DataGridColumn {
19
19
  }
20
20
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
21
21
  getContentTemplate(value, _data) {
22
- return html `
23
- <mo-flex justifyContent='center' ${style({ height: '100%' })}>
24
- <mo-icon icon=${value ? this.trueIcon : this.falseIcon} ${style({ color: value ? this.trueIconColor : this.falseIconColor })}></mo-icon>
25
- </mo-flex>
22
+ return html `
23
+ <mo-flex justifyContent='center' ${style({ height: '100%' })}>
24
+ <mo-icon icon=${value ? this.trueIcon : this.falseIcon} ${style({ color: value ? this.trueIconColor : this.falseIconColor })}></mo-icon>
25
+ </mo-flex>
26
26
  `;
27
27
  }
28
28
  getEditContentTemplate(value, data) {
29
- return html `
30
- <mo-checkbox autofocus
31
- ?selected=${value}
32
- @change=${(e) => this.handleEdit(e.detail, data)}
33
- ></mo-checkbox>
29
+ return html `
30
+ <mo-checkbox autofocus
31
+ ?selected=${value}
32
+ @change=${(e) => this.handleEdit(e.detail, data)}
33
+ ></mo-checkbox>
34
34
  `;
35
35
  }
36
36
  };
package/dist/columns/DataGridColumnImage.js CHANGED
@@ -11,8 +11,8 @@ let DataGridColumnImage = class DataGridColumnImage extends DataGridColumn {
11
11
  }
12
12
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
13
13
  getContentTemplate(value, _data) {
14
- return !value ? html.nothing : html `
15
- <img style='vertical-align: middle' src=${value} onload='this.hidden = false' onerror='this.hidden = true'/>
14
+ return !value ? html.nothing : html `
15
+ <img style='vertical-align: middle' src=${value} onload='this.hidden = false' onerror='this.hidden = true'/>
16
16
  `;
17
17
  }
18
18
  };
package/dist/columns/DataGridColumnText.js CHANGED
@@ -8,11 +8,11 @@ let DataGridColumnText = class DataGridColumnText extends DataGridColumn {
8
8
  return html `${value ?? ''}`;
9
9
  }
10
10
  getEditContentTemplate(value, data) {
11
- return html `
12
- <mo-field-text dense label=${this.heading} autofocus
13
- value=${ifDefined(value)}
14
- @change=${(e) => this.handleEdit(e.detail, data)}
15
- ></mo-field-text>
11
+ return html `
12
+ <mo-field-text dense label=${this.heading} autofocus
13
+ value=${ifDefined(value)}
14
+ @change=${(e) => this.handleEdit(e.detail, data)}
15
+ ></mo-field-text>
16
16
  `;
17
17
  }
18
18
  };
package/dist/columns/date-time/DataGridColumnDateTimeBase.js CHANGED
@@ -14,15 +14,15 @@ export class DataGridColumnDateTimeBase extends DataGridColumn {
14
14
  return this.formatOptions ?? this.constructor.defaultFormatOptions;
15
15
  }
16
16
  getEditContentTemplate(value, data) {
17
- return html `
18
- ${staticHtml `
19
- <${this.fieldTag} dense autofocus
20
- ?pickerHidden=${this.pickerHidden}
21
- label=${this.heading}
22
- .value=${value}
23
- @change=${(e) => this.handleEdit(e.detail, data)}
24
- ></${this.fieldTag}>
25
- `}
17
+ return html `
18
+ ${staticHtml `
19
+ <${this.fieldTag} dense autofocus
20
+ ?pickerHidden=${this.pickerHidden}
21
+ label=${this.heading}
22
+ .value=${value}
23
+ @change=${(e) => this.handleEdit(e.detail, data)}
24
+ ></${this.fieldTag}>
25
+ `}
26
26
  `;
27
27
  }
28
28
  }
package/dist/columns/number/DataGridColumnCurrency.js CHANGED
@@ -18,18 +18,18 @@ let DataGridColumnCurrency = DataGridColumnCurrency_1 = class DataGridColumnCurr
18
18
  return html `${this.getNumber(value)?.formatAsCurrency(this.currency) ?? html.nothing}`;
19
19
  }
20
20
  getEditContentTemplate(value, data) {
21
- return html `
22
- <mo-field-currency dense autofocus
23
- .currency=${this.currency}
24
- label=${this.heading}
25
- value=${ifDefined(value)}
26
- @change=${(e) => this.handleEdit(e.detail, data)}
27
- ></mo-field-currency>
21
+ return html `
22
+ <mo-field-currency dense autofocus
23
+ .currency=${this.currency}
24
+ label=${this.heading}
25
+ value=${ifDefined(value)}
26
+ @change=${(e) => this.handleEdit(e.detail, data)}
27
+ ></mo-field-currency>
28
28
  `;
29
29
  }
30
30
  getSumTemplate(sum) {
31
- return html `
32
- <span style='font-weight: 500'>${sum.formatAsCurrency(this.currency)}</span>
31
+ return html `
32
+ <span style='font-weight: 500'>${sum.formatAsCurrency(this.currency)}</span>
33
33
  `;
34
34
  }
35
35
  };
package/dist/columns/number/DataGridColumnNumber.js CHANGED
@@ -8,11 +8,11 @@ let DataGridColumnNumber = class DataGridColumnNumber extends DataGridColumnNumb
8
8
  return html `${this.getNumber(value)?.format() ?? html.nothing}`;
9
9
  }
10
10
  getEditContentTemplate(value, data) {
11
- return html `
12
- <mo-field-number dense label=${this.heading} autofocus
13
- value=${ifDefined(value)}
14
- @change=${(e) => this.handleEdit(e.detail, data)}
15
- ></mo-field-number>
11
+ return html `
12
+ <mo-field-number dense label=${this.heading} autofocus
13
+ value=${ifDefined(value)}
14
+ @change=${(e) => this.handleEdit(e.detail, data)}
15
+ ></mo-field-number>
16
16
  `;
17
17
  }
18
18
  getSumTemplate(sum) {
package/dist/columns/number/DataGridColumnPercent.js CHANGED
@@ -8,12 +8,12 @@ let DataGridColumnPercent = class DataGridColumnPercent extends DataGridColumnNu
8
8
  return html `${this.getNumber(value)?.formatAsPercent() ?? html.nothing}`;
9
9
  }
10
10
  getEditContentTemplate(value, data) {
11
- return html `
12
- <mo-field-percent dense autofocus
13
- label=${this.heading}
14
- value=${ifDefined(value)}
15
- @change=${(e) => this.handleEdit(e.detail, data)}
16
- ></mo-field-percent>
11
+ return html `
12
+ <mo-field-percent dense autofocus
13
+ label=${this.heading}
14
+ value=${ifDefined(value)}
15
+ @change=${(e) => this.handleEdit(e.detail, data)}
16
+ ></mo-field-percent>
17
17
  `;
18
18
  }
19
19
  getSumTemplate(sum) {
package/dist/columns/number/DataGridFooterSum.js CHANGED
@@ -13,29 +13,29 @@ let DataGridFooterSum = class DataGridFooterSum extends Component {
13
13
  this.heading = '';
14
14
  }
15
15
  static get styles() {
16
- return css `
17
- :host {
18
- display: flex;
19
- flex-direction: column;
20
- position: relative;
21
- max-height: 100%;
22
- line-height: 1em;
23
- user-select: all;
24
- align-items: flex-end;
25
- }
26
-
27
- div {
28
- color: var(--mo-color-gray);
29
- font-size: 0.75rem;
30
- }
16
+ return css `
17
+ :host {
18
+ display: flex;
19
+ flex-direction: column;
20
+ position: relative;
21
+ max-height: 100%;
22
+ line-height: 1em;
23
+ user-select: all;
24
+ align-items: flex-end;
25
+ }
26
+
27
+ div {
28
+ color: var(--mo-color-gray);
29
+ font-size: 0.75rem;
30
+ }
31
31
  `;
32
32
  }
33
33
  get template() {
34
- return html `
35
- <div>${this.heading}</div>
36
- <mo-flex direction='horizontal' justifyContent='center'>
37
- <slot></slot>
38
- </mo-flex>
34
+ return html `
35
+ <div>${this.heading}</div>
36
+ <mo-flex direction='horizontal' justifyContent='center'>
37
+ <slot></slot>
38
+ </mo-flex>
39
39
  `;
40
40
  }
41
41
  };
package/dist/excel.svg.js CHANGED
@@ -1,48 +1,48 @@
1
- export default `<?xml version="1.0" encoding="utf-8"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
3
- <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
4
- <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
5
- <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
6
- <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
7
- <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
8
- <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
9
- <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
10
- <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
11
- ]>
12
- <svg version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
13
- xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2289.75 2130"
14
- enable-background="new 0 0 2289.75 2130" xml:space="preserve">
15
- <metadata>
16
- <sfw xmlns="&ns_sfw;">
17
- <slices></slices>
18
- <sliceSourceBounds bottomLeftOrigin="true" height="2130" width="2289.75" x="-1147.5" y="-1041"></sliceSourceBounds>
19
- </sfw>
20
- </metadata>
21
- <path fill="#185C37" d="M1437.75,1011.75L532.5,852v1180.393c0,53.907,43.7,97.607,97.607,97.607l0,0h1562.036
22
- c53.907,0,97.607-43.7,97.607-97.607l0,0V1597.5L1437.75,1011.75z"/>
23
- <path fill="#21A366" d="M1437.75,0H630.107C576.2,0,532.5,43.7,532.5,97.607c0,0,0,0,0,0V532.5l905.25,532.5L1917,1224.75
24
- L2289.75,1065V532.5L1437.75,0z"/>
25
- <path fill="#107C41" d="M532.5,532.5h905.25V1065H532.5V532.5z"/>
26
- <path opacity="0.1" enable-background="new " d="M1180.393,426H532.5v1331.25h647.893c53.834-0.175,97.432-43.773,97.607-97.607
27
- V523.607C1277.825,469.773,1234.227,426.175,1180.393,426z"/>
28
- <path opacity="0.2" enable-background="new " d="M1127.143,479.25H532.5V1810.5h594.643
29
- c53.834-0.175,97.432-43.773,97.607-97.607V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"/>
30
- <path opacity="0.2" enable-background="new " d="M1127.143,479.25H532.5V1704h594.643c53.834-0.175,97.432-43.773,97.607-97.607
31
- V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"/>
32
- <path opacity="0.2" enable-background="new " d="M1073.893,479.25H532.5V1704h541.393c53.834-0.175,97.432-43.773,97.607-97.607
33
- V576.857C1171.325,523.023,1127.727,479.425,1073.893,479.25z"/>
34
- <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="203.5132" y1="1729.0183" x2="967.9868" y2="404.9817" gradientTransform="matrix(1 0 0 -1 0 2132)">
35
- <stop offset="0" style="stop-color:#18884F"/>
36
- <stop offset="0.5" style="stop-color:#117E43"/>
37
- <stop offset="1" style="stop-color:#0B6631"/>
38
- </linearGradient>
39
- <path fill="url(#SVGID_1_)" d="M97.607,479.25h976.285c53.907,0,97.607,43.7,97.607,97.607v976.285
40
- c0,53.907-43.7,97.607-97.607,97.607H97.607C43.7,1650.75,0,1607.05,0,1553.143V576.857C0,522.95,43.7,479.25,97.607,479.25z"/>
41
- <path fill="#FFFFFF" d="M302.3,1382.264l205.332-318.169L319.5,747.683h151.336l102.666,202.35
42
- c9.479,19.223,15.975,33.494,19.49,42.919h1.331c6.745-15.336,13.845-30.228,21.3-44.677L725.371,747.79h138.929l-192.925,314.548
43
- L869.2,1382.263H721.378L602.79,1160.158c-5.586-9.45-10.326-19.376-14.164-29.66h-1.757c-3.474,10.075-8.083,19.722-13.739,28.755
44
- l-122.102,223.011H302.3z"/>
45
- <path fill="#33C481" d="M2192.143,0H1437.75v532.5h852V97.607C2289.75,43.7,2246.05,0,2192.143,0L2192.143,0z"/>
46
- <path fill="#107C41" d="M1437.75,1065h852v532.5h-852V1065z"/>
47
- </svg>
1
+ export default `<?xml version="1.0" encoding="utf-8"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
3
+ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
4
+ <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
5
+ <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
6
+ <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
7
+ <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
8
+ <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
9
+ <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
10
+ <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
11
+ ]>
12
+ <svg version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
13
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2289.75 2130"
14
+ enable-background="new 0 0 2289.75 2130" xml:space="preserve">
15
+ <metadata>
16
+ <sfw xmlns="&ns_sfw;">
17
+ <slices></slices>
18
+ <sliceSourceBounds bottomLeftOrigin="true" height="2130" width="2289.75" x="-1147.5" y="-1041"></sliceSourceBounds>
19
+ </sfw>
20
+ </metadata>
21
+ <path fill="#185C37" d="M1437.75,1011.75L532.5,852v1180.393c0,53.907,43.7,97.607,97.607,97.607l0,0h1562.036
22
+ c53.907,0,97.607-43.7,97.607-97.607l0,0V1597.5L1437.75,1011.75z"/>
23
+ <path fill="#21A366" d="M1437.75,0H630.107C576.2,0,532.5,43.7,532.5,97.607c0,0,0,0,0,0V532.5l905.25,532.5L1917,1224.75
24
+ L2289.75,1065V532.5L1437.75,0z"/>
25
+ <path fill="#107C41" d="M532.5,532.5h905.25V1065H532.5V532.5z"/>
26
+ <path opacity="0.1" enable-background="new " d="M1180.393,426H532.5v1331.25h647.893c53.834-0.175,97.432-43.773,97.607-97.607
27
+ V523.607C1277.825,469.773,1234.227,426.175,1180.393,426z"/>
28
+ <path opacity="0.2" enable-background="new " d="M1127.143,479.25H532.5V1810.5h594.643
29
+ c53.834-0.175,97.432-43.773,97.607-97.607V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"/>
30
+ <path opacity="0.2" enable-background="new " d="M1127.143,479.25H532.5V1704h594.643c53.834-0.175,97.432-43.773,97.607-97.607
31
+ V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"/>
32
+ <path opacity="0.2" enable-background="new " d="M1073.893,479.25H532.5V1704h541.393c53.834-0.175,97.432-43.773,97.607-97.607
33
+ V576.857C1171.325,523.023,1127.727,479.425,1073.893,479.25z"/>
34
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="203.5132" y1="1729.0183" x2="967.9868" y2="404.9817" gradientTransform="matrix(1 0 0 -1 0 2132)">
35
+ <stop offset="0" style="stop-color:#18884F"/>
36
+ <stop offset="0.5" style="stop-color:#117E43"/>
37
+ <stop offset="1" style="stop-color:#0B6631"/>
38
+ </linearGradient>
39
+ <path fill="url(#SVGID_1_)" d="M97.607,479.25h976.285c53.907,0,97.607,43.7,97.607,97.607v976.285
40
+ c0,53.907-43.7,97.607-97.607,97.607H97.607C43.7,1650.75,0,1607.05,0,1553.143V576.857C0,522.95,43.7,479.25,97.607,479.25z"/>
41
+ <path fill="#FFFFFF" d="M302.3,1382.264l205.332-318.169L319.5,747.683h151.336l102.666,202.35
42
+ c9.479,19.223,15.975,33.494,19.49,42.919h1.331c6.745-15.336,13.845-30.228,21.3-44.677L725.371,747.79h138.929l-192.925,314.548
43
+ L869.2,1382.263H721.378L602.79,1160.158c-5.586-9.45-10.326-19.376-14.164-29.66h-1.757c-3.474,10.075-8.083,19.722-13.739,28.755
44
+ l-122.102,223.011H302.3z"/>
45
+ <path fill="#33C481" d="M2192.143,0H1437.75v532.5h852V97.607C2289.75,43.7,2246.05,0,2192.143,0L2192.143,0z"/>
46
+ <path fill="#107C41" d="M1437.75,1065h852v532.5h-852V1065z"/>
47
+ </svg>
48
48
  `;