@esri/solutions-components 0.3.2 → 0.3.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. package/dist/assets/t9n/public-notification/resources.json +4 -1
  2. package/dist/assets/t9n/public-notification/resources_en.json +4 -1
  3. package/dist/cjs/buffer-tools_6.cjs.entry.js +8 -7
  4. package/dist/cjs/calcite-combobox_3.cjs.entry.js +38 -25
  5. package/dist/cjs/calcite-input-message_5.cjs.entry.js +272 -21
  6. package/dist/cjs/{csvUtils-18a03353.js → csvUtils-83af7ae1.js} +5 -5
  7. package/dist/cjs/layer-table.cjs.entry.js +3 -3
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/map-search.cjs.entry.js +46 -7
  10. package/dist/cjs/{mapViewUtils-8ea9adc5.js → mapViewUtils-55ac76cb.js} +40 -25
  11. package/dist/cjs/public-notification.cjs.entry.js +101 -18
  12. package/dist/cjs/{publicNotificationStore-aca88430.js → publicNotificationStore-28a8759d.js} +3 -1
  13. package/dist/cjs/solutions-components.cjs.js +1 -1
  14. package/dist/collection/collection-manifest.json +0 -5
  15. package/dist/collection/components/buffer-tools/buffer-tools.js +7 -6
  16. package/dist/collection/components/layer-table/layer-table.js +1 -1
  17. package/dist/collection/components/map-layer-picker/map-layer-picker.js +47 -29
  18. package/dist/collection/components/map-search/map-search.js +66 -7
  19. package/dist/collection/components/map-select-tools/map-select-tools.js +125 -8
  20. package/dist/collection/components/pdf-download/pdf-download.js +32 -8
  21. package/dist/collection/components/public-notification/public-notification.css +46 -41
  22. package/dist/collection/components/public-notification/public-notification.js +267 -19
  23. package/dist/collection/components/refine-selection/refine-selection.js +18 -1
  24. package/dist/collection/components/refine-selection-tools/refine-selection-tools.js +22 -5
  25. package/dist/{solutions-components/demos/config-pdf-download.html → collection/demos/buffer-tools.html} +13 -21
  26. package/dist/collection/demos/index.html +0 -24
  27. package/dist/collection/demos/map-draw-tools.html +17 -17
  28. package/dist/collection/demos/map-layer-picker.html +2 -0
  29. package/dist/collection/demos/map-search.html +16 -15
  30. package/dist/collection/demos/map-select-tools.html +16 -24
  31. package/dist/collection/demos/new-public-notification.html +46 -35
  32. package/dist/collection/demos/pdf-download.html +8 -1
  33. package/dist/collection/utils/csvUtils.js +4 -4
  34. package/dist/collection/utils/csvUtils.ts +6 -4
  35. package/dist/collection/utils/interfaces.ts +65 -1
  36. package/dist/collection/utils/mapViewUtils.js +36 -22
  37. package/dist/collection/utils/mapViewUtils.ts +50 -27
  38. package/dist/collection/utils/publicNotificationStore.js +3 -1
  39. package/dist/collection/utils/publicNotificationStore.ts +3 -1
  40. package/dist/collection/utils/queryUtils.js +2 -2
  41. package/dist/collection/utils/queryUtils.ts +2 -2
  42. package/dist/components/buffer-tools2.js +1 -1
  43. package/dist/components/csvUtils.js +4 -4
  44. package/dist/components/index.d.ts +0 -5
  45. package/dist/components/index.js +0 -5
  46. package/dist/components/layer-table.js +2 -3
  47. package/dist/components/map-layer-picker2.js +177 -28
  48. package/dist/components/map-search.js +47 -7
  49. package/dist/components/map-select-tools2.js +56 -11
  50. package/dist/components/pdf-download2.js +217 -8
  51. package/dist/components/public-notification.js +154 -55
  52. package/dist/components/publicNotificationStore.js +3 -1
  53. package/dist/components/queryUtils.js +3 -3
  54. package/dist/components/refine-selection-tools2.js +9 -8
  55. package/dist/components/refine-selection2.js +3 -1
  56. package/dist/esm/buffer-tools_6.entry.js +8 -7
  57. package/dist/esm/calcite-combobox_3.entry.js +38 -25
  58. package/dist/esm/calcite-input-message_5.entry.js +271 -20
  59. package/dist/esm/{csvUtils-edc0c2a8.js → csvUtils-eb231cfb.js} +5 -5
  60. package/dist/esm/layer-table.entry.js +3 -3
  61. package/dist/esm/loader.js +1 -1
  62. package/dist/esm/map-search.entry.js +46 -7
  63. package/dist/esm/{mapViewUtils-31d2c2bb.js → mapViewUtils-e5d8a1e1.js} +39 -25
  64. package/dist/esm/public-notification.entry.js +101 -18
  65. package/dist/esm/{publicNotificationStore-3e762eea.js → publicNotificationStore-8e9cb73b.js} +3 -1
  66. package/dist/esm/solutions-components.js +1 -1
  67. package/dist/{collection/demos/config-pdf-download.html → solutions-components/demos/buffer-tools.html} +13 -21
  68. package/dist/solutions-components/demos/index.html +0 -24
  69. package/dist/solutions-components/demos/map-draw-tools.html +17 -17
  70. package/dist/solutions-components/demos/map-layer-picker.html +2 -0
  71. package/dist/solutions-components/demos/map-search.html +16 -15
  72. package/dist/solutions-components/demos/map-select-tools.html +16 -24
  73. package/dist/solutions-components/demos/new-public-notification.html +46 -35
  74. package/dist/solutions-components/demos/pdf-download.html +8 -1
  75. package/dist/solutions-components/p-07593958.entry.js +6 -0
  76. package/dist/solutions-components/p-3fa9b3c8.js +36 -0
  77. package/dist/solutions-components/p-9b5a9117.entry.js +12 -0
  78. package/dist/solutions-components/{p-15cd8a97.js → p-9c1ebc90.js} +1 -1
  79. package/dist/solutions-components/{p-c76f8ff7.entry.js → p-a516c658.entry.js} +1 -1
  80. package/dist/solutions-components/{p-ad42039f.js → p-b668daf8.js} +2 -2
  81. package/dist/solutions-components/p-bfa95147.entry.js +17 -0
  82. package/dist/solutions-components/p-d09a168c.entry.js +6 -0
  83. package/dist/solutions-components/{p-fa6046a8.entry.js → p-fc9609e6.entry.js} +2 -2
  84. package/dist/solutions-components/solutions-components.esm.js +1 -1
  85. package/dist/solutions-components/utils/csvUtils.ts +6 -4
  86. package/dist/solutions-components/utils/interfaces.ts +65 -1
  87. package/dist/solutions-components/utils/mapViewUtils.ts +50 -27
  88. package/dist/solutions-components/utils/publicNotificationStore.ts +3 -1
  89. package/dist/solutions-components/utils/queryUtils.ts +2 -2
  90. package/dist/types/components/buffer-tools/buffer-tools.d.ts +4 -3
  91. package/dist/types/components/map-layer-picker/map-layer-picker.d.ts +22 -11
  92. package/dist/types/components/map-search/map-search.d.ts +18 -1
  93. package/dist/types/components/map-select-tools/map-select-tools.d.ts +31 -1
  94. package/dist/types/components/pdf-download/pdf-download.d.ts +7 -2
  95. package/dist/types/components/public-notification/public-notification.d.ts +98 -4
  96. package/dist/types/components/refine-selection/refine-selection.d.ts +5 -0
  97. package/dist/types/components/refine-selection-tools/refine-selection-tools.d.ts +6 -1
  98. package/dist/types/components.d.ts +154 -180
  99. package/dist/types/preact.d.ts +0 -10
  100. package/dist/types/utils/csvUtils.d.ts +1 -1
  101. package/dist/types/utils/interfaces.d.ts +56 -1
  102. package/dist/types/utils/mapViewUtils.d.ts +19 -9
  103. package/dist/types/utils/publicNotificationStore.d.ts +1 -0
  104. package/package.json +1 -1
  105. package/dist/cjs/check-list.cjs.entry.js +0 -103
  106. package/dist/cjs/config-buffer-tools.cjs.entry.js +0 -125
  107. package/dist/cjs/config-draw-tools.cjs.entry.js +0 -85
  108. package/dist/cjs/config-layer-picker.cjs.entry.js +0 -113
  109. package/dist/cjs/config-pdf-download.cjs.entry.js +0 -117
  110. package/dist/cjs/labelFormats-3236d2e0.js +0 -212
  111. package/dist/collection/components/check-list/check-list.css +0 -3
  112. package/dist/collection/components/check-list/check-list.js +0 -179
  113. package/dist/collection/components/config-buffer-tools/config-buffer-tools.css +0 -34
  114. package/dist/collection/components/config-buffer-tools/config-buffer-tools.js +0 -209
  115. package/dist/collection/components/config-draw-tools/config-draw-tools.css +0 -17
  116. package/dist/collection/components/config-draw-tools/config-draw-tools.js +0 -150
  117. package/dist/collection/components/config-layer-picker/config-layer-picker.css +0 -17
  118. package/dist/collection/components/config-layer-picker/config-layer-picker.js +0 -218
  119. package/dist/collection/components/config-pdf-download/config-pdf-download.css +0 -17
  120. package/dist/collection/components/config-pdf-download/config-pdf-download.js +0 -183
  121. package/dist/collection/demos/check-list.html +0 -65
  122. package/dist/collection/demos/config-buffer-tools.html +0 -92
  123. package/dist/collection/demos/config-draw-tools.html +0 -58
  124. package/dist/collection/demos/config-layer-picker.html +0 -97
  125. package/dist/components/check-list.d.ts +0 -11
  126. package/dist/components/check-list.js +0 -11
  127. package/dist/components/check-list2.js +0 -131
  128. package/dist/components/config-buffer-tools.d.ts +0 -11
  129. package/dist/components/config-buffer-tools.js +0 -187
  130. package/dist/components/config-draw-tools.d.ts +0 -11
  131. package/dist/components/config-draw-tools.js +0 -121
  132. package/dist/components/config-layer-picker.d.ts +0 -11
  133. package/dist/components/config-layer-picker.js +0 -163
  134. package/dist/components/config-pdf-download.d.ts +0 -11
  135. package/dist/components/config-pdf-download.js +0 -154
  136. package/dist/components/labelFormats.js +0 -210
  137. package/dist/components/mapViewUtils.js +0 -129
  138. package/dist/esm/check-list.entry.js +0 -99
  139. package/dist/esm/config-buffer-tools.entry.js +0 -121
  140. package/dist/esm/config-draw-tools.entry.js +0 -81
  141. package/dist/esm/config-layer-picker.entry.js +0 -109
  142. package/dist/esm/config-pdf-download.entry.js +0 -113
  143. package/dist/esm/labelFormats-b37958c3.js +0 -210
  144. package/dist/solutions-components/demos/check-list.html +0 -65
  145. package/dist/solutions-components/demos/config-buffer-tools.html +0 -92
  146. package/dist/solutions-components/demos/config-draw-tools.html +0 -58
  147. package/dist/solutions-components/demos/config-layer-picker.html +0 -97
  148. package/dist/solutions-components/p-16a0e65a.entry.js +0 -6
  149. package/dist/solutions-components/p-35078393.entry.js +0 -17
  150. package/dist/solutions-components/p-3d72bba6.entry.js +0 -6
  151. package/dist/solutions-components/p-3e444242.entry.js +0 -6
  152. package/dist/solutions-components/p-67afea92.entry.js +0 -12
  153. package/dist/solutions-components/p-7dcab29d.js +0 -36
  154. package/dist/solutions-components/p-89f7b02a.entry.js +0 -6
  155. package/dist/solutions-components/p-906b7b96.entry.js +0 -6
  156. package/dist/solutions-components/p-99c98510.entry.js +0 -6
  157. package/dist/solutions-components/p-b1a3605f.entry.js +0 -6
  158. package/dist/solutions-components/p-e99b1247.js +0 -6
  159. package/dist/types/components/check-list/check-list.d.ts +0 -57
  160. package/dist/types/components/config-buffer-tools/config-buffer-tools.d.ts +0 -92
  161. package/dist/types/components/config-draw-tools/config-draw-tools.d.ts +0 -58
  162. package/dist/types/components/config-layer-picker/config-layer-picker.d.ts +0 -83
  163. package/dist/types/components/config-pdf-download/config-pdf-download.d.ts +0 -81
@@ -1,212 +0,0 @@
1
- /*!
2
- * Copyright 2022 Esri
3
- * Licensed under the Apache License, Version 2.0
4
- * http://www.apache.org/licenses/LICENSE-2.0
5
- */
6
- 'use strict';
7
-
8
- const labelFormats = [
9
- {
10
- descriptionPDF: {
11
- labelWidthDisplay: "2-5/8",
12
- labelHeightDisplay: "1",
13
- labelsPerPageDisplay: "30",
14
- averyPartNumber: "*60"
15
- },
16
- labelSpec: {
17
- type: "AVERY",
18
- pageDimensions: {
19
- width: 8.5,
20
- height: 11,
21
- leftMargin: 0.1875,
22
- rightMargin: 0.1875,
23
- topMargin: 0.5,
24
- bottomMargin: 0.5
25
- },
26
- numLabelsAcross: 3,
27
- numLabelsDown: 10,
28
- labelWidth: 2.625,
29
- labelHeight: 1,
30
- horizGapIn: 0.125,
31
- vertGapIn: 0,
32
- labelPadding: 0.1,
33
- fontSizePx: 11,
34
- maxNumLabelLines: 4
35
- }
36
- },
37
- {
38
- descriptionPDF: {
39
- labelWidthDisplay: "4",
40
- labelHeightDisplay: "1",
41
- labelsPerPageDisplay: "20",
42
- averyPartNumber: "*61"
43
- },
44
- labelSpec: {
45
- type: "AVERY",
46
- pageDimensions: {
47
- width: 8.5,
48
- height: 11,
49
- leftMargin: 0.15625,
50
- rightMargin: 0.15625,
51
- topMargin: 0.47637821,
52
- bottomMargin: 0.5
53
- },
54
- numLabelsAcross: 2,
55
- numLabelsDown: 10,
56
- labelWidth: 4,
57
- labelHeight: 1.0025,
58
- horizGapIn: 0.1875,
59
- vertGapIn: 0,
60
- labelPadding: 0.1,
61
- fontSizePx: 11,
62
- maxNumLabelLines: 4
63
- }
64
- },
65
- {
66
- descriptionPDF: {
67
- labelWidthDisplay: "4",
68
- labelHeightDisplay: "1-1/3",
69
- labelsPerPageDisplay: "14",
70
- averyPartNumber: "*62"
71
- },
72
- labelSpec: {
73
- type: "AVERY",
74
- pageDimensions: {
75
- width: 8.5,
76
- height: 11,
77
- leftMargin: 0.15625,
78
- rightMargin: 0.15625,
79
- topMargin: 0.81889808,
80
- bottomMargin: 0.83464612
81
- },
82
- numLabelsAcross: 2,
83
- numLabelsDown: 7,
84
- labelWidth: 4,
85
- labelHeight: 1.3352,
86
- horizGapIn: 0.1875,
87
- vertGapIn: 0,
88
- labelPadding: 0.1,
89
- fontSizePx: 11,
90
- maxNumLabelLines: 6
91
- }
92
- },
93
- {
94
- descriptionPDF: {
95
- labelWidthDisplay: "4",
96
- labelHeightDisplay: "2",
97
- labelsPerPageDisplay: "10",
98
- averyPartNumber: "*63"
99
- },
100
- labelSpec: {
101
- type: "AVERY",
102
- pageDimensions: {
103
- width: 8.5,
104
- height: 11,
105
- leftMargin: 0.15625,
106
- rightMargin: 0.15625,
107
- topMargin: 0.5,
108
- bottomMargin: 0.5
109
- },
110
- numLabelsAcross: 2,
111
- numLabelsDown: 5,
112
- labelWidth: 4,
113
- labelHeight: 2,
114
- horizGapIn: 0.1875,
115
- vertGapIn: 0,
116
- labelPadding: 0.1,
117
- fontSizePx: 12,
118
- maxNumLabelLines: 10
119
- }
120
- },
121
- {
122
- descriptionPDF: {
123
- labelWidthDisplay: "4",
124
- labelHeightDisplay: "3-1/3",
125
- labelsPerPageDisplay: "6",
126
- averyPartNumber: "*64"
127
- },
128
- labelSpec: {
129
- type: "AVERY",
130
- pageDimensions: {
131
- width: 8.5,
132
- height: 11,
133
- leftMargin: 0.15625,
134
- rightMargin: 0.15625,
135
- topMargin: 0.4724412,
136
- bottomMargin: 0.50000027
137
- },
138
- numLabelsAcross: 2,
139
- numLabelsDown: 3,
140
- labelWidth: 4,
141
- labelHeight: 3.342,
142
- horizGapIn: 0.1875,
143
- vertGapIn: 0,
144
- labelPadding: 0.1,
145
- fontSizePx: 14,
146
- maxNumLabelLines: 12
147
- }
148
- },
149
- {
150
- descriptionPDF: {
151
- labelWidthDisplay: "1-3/4",
152
- labelHeightDisplay: "1/2",
153
- labelsPerPageDisplay: "80",
154
- averyPartNumber: "*67"
155
- },
156
- labelSpec: {
157
- type: "AVERY",
158
- pageDimensions: {
159
- width: 8.5,
160
- height: 11,
161
- leftMargin: 0.307086375,
162
- rightMargin: 0.307086375,
163
- topMargin: 0.4724412,
164
- bottomMargin: 0.49606326
165
- },
166
- numLabelsAcross: 4,
167
- numLabelsDown: 20,
168
- labelWidth: 1.75,
169
- labelHeight: 0.50155,
170
- horizGapIn: 0.29527575,
171
- vertGapIn: 0,
172
- labelPadding: 0.1,
173
- fontSizePx: 8,
174
- maxNumLabelLines: 3
175
- }
176
- },
177
- {
178
- descriptionPDF: {
179
- labelWidthDisplay: "1-3/4",
180
- labelHeightDisplay: "2/3",
181
- labelsPerPageDisplay: "60",
182
- averyPartNumber: "*95"
183
- },
184
- labelSpec: {
185
- type: "AVERY",
186
- pageDimensions: {
187
- width: 8.5,
188
- height: 11,
189
- leftMargin: 0.28936983,
190
- rightMargin: 0.28936983,
191
- topMargin: 0.53937037,
192
- bottomMargin: 0.5511814
193
- },
194
- numLabelsAcross: 4,
195
- numLabelsDown: 15,
196
- labelWidth: 1.75,
197
- labelHeight: 0.6605,
198
- horizGapIn: 0.30708678,
199
- vertGapIn: 0,
200
- labelPadding: 0.1,
201
- fontSizePx: 8,
202
- maxNumLabelLines: 4
203
- }
204
- }
205
- ];
206
-
207
- const pdfUtils = /*#__PURE__*/Object.freeze({
208
- __proto__: null,
209
- 'default': labelFormats
210
- });
211
-
212
- exports.pdfUtils = pdfUtils;
@@ -1,3 +0,0 @@
1
- :host {
2
- display: block;
3
- }
@@ -1,179 +0,0 @@
1
- /*!
2
- * Copyright 2022 Esri
3
- * Licensed under the Apache License, Version 2.0
4
- * http://www.apache.org/licenses/LICENSE-2.0
5
- */
6
- /** @license
7
- * Copyright 2022 Esri
8
- *
9
- * Licensed under the Apache License, Version 2.0 (the "License");
10
- * you may not use this file except in compliance with the License.
11
- * You may obtain a copy of the License at
12
- *
13
- * http://www.apache.org/licenses/LICENSE-2.0
14
- *
15
- * Unless required by applicable law or agreed to in writing, software
16
- * distributed under the License is distributed on an "AS IS" BASIS,
17
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18
- * See the License for the specific language governing permissions and
19
- * limitations under the License.
20
- */
21
- import { Host, h } from '@stencil/core';
22
- export class CheckList {
23
- constructor() {
24
- //--------------------------------------------------------------------------
25
- //
26
- // State (internal)
27
- //
28
- //--------------------------------------------------------------------------
29
- //--------------------------------------------------------------------------
30
- //
31
- // Properties (protected)
32
- //
33
- //--------------------------------------------------------------------------
34
- /**
35
- * A list of all checkbox elements for this component
36
- *
37
- * @protected
38
- */
39
- this._elements = [];
40
- this.defaultChecked = true;
41
- this.values = undefined;
42
- }
43
- //--------------------------------------------------------------------------
44
- //
45
- // Watch handlers
46
- //
47
- //--------------------------------------------------------------------------
48
- //--------------------------------------------------------------------------
49
- //
50
- // Methods (public)
51
- //
52
- //--------------------------------------------------------------------------
53
- /**
54
- * Returns a key/value pair that represents the checkbox value and checked state
55
- *
56
- * @returns Promise with the state of the checkboxes
57
- */
58
- async getConfigInfo() {
59
- return this._elements.reduce((prev, cur) => {
60
- prev[cur.value] = cur.checked;
61
- return prev;
62
- }, {});
63
- }
64
- //--------------------------------------------------------------------------
65
- //
66
- // Events (public)
67
- //
68
- //--------------------------------------------------------------------------
69
- //--------------------------------------------------------------------------
70
- //
71
- // Functions (lifecycle)
72
- //
73
- //--------------------------------------------------------------------------
74
- /**
75
- * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
76
- */
77
- async componentDidLoad() {
78
- if (this.defaultChecked) {
79
- this._elements.forEach(el => {
80
- el.checked = true;
81
- });
82
- }
83
- }
84
- /**
85
- * Renders the component.
86
- */
87
- render() {
88
- return (h(Host, null, h("div", null, this._renderCheckboxes(this.values))));
89
- }
90
- //--------------------------------------------------------------------------
91
- //
92
- // Functions (protected)
93
- //
94
- //--------------------------------------------------------------------------
95
- /**
96
- * Render a checkbox with a label for each of the types listed in the NLS
97
- *
98
- * @returns Array of label/checkbox input nodes
99
- * @protected
100
- */
101
- _renderCheckboxes(values) {
102
- return values.map(v => {
103
- return (h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => this._elements.push(el), value: v }), v));
104
- });
105
- }
106
- static get is() { return "check-list"; }
107
- static get encapsulation() { return "shadow"; }
108
- static get originalStyleUrls() {
109
- return {
110
- "$": ["check-list.css"]
111
- };
112
- }
113
- static get styleUrls() {
114
- return {
115
- "$": ["check-list.css"]
116
- };
117
- }
118
- static get properties() {
119
- return {
120
- "defaultChecked": {
121
- "type": "boolean",
122
- "mutable": false,
123
- "complexType": {
124
- "original": "boolean",
125
- "resolved": "boolean",
126
- "references": {}
127
- },
128
- "required": false,
129
- "optional": false,
130
- "docs": {
131
- "tags": [],
132
- "text": "boolean: All checkboxes checked state will be set with this value on first render.\r\nDefault is true"
133
- },
134
- "attribute": "default-checked",
135
- "reflect": true,
136
- "defaultValue": "true"
137
- },
138
- "values": {
139
- "type": "unknown",
140
- "mutable": false,
141
- "complexType": {
142
- "original": "string[]",
143
- "resolved": "string[]",
144
- "references": {}
145
- },
146
- "required": false,
147
- "optional": false,
148
- "docs": {
149
- "tags": [],
150
- "text": "string []: The values to render beside the checkboxes"
151
- }
152
- }
153
- };
154
- }
155
- static get methods() {
156
- return {
157
- "getConfigInfo": {
158
- "complexType": {
159
- "signature": "() => Promise<{ [key: string]: boolean; }>",
160
- "parameters": [],
161
- "references": {
162
- "Promise": {
163
- "location": "global"
164
- }
165
- },
166
- "return": "Promise<{ [key: string]: boolean; }>"
167
- },
168
- "docs": {
169
- "text": "Returns a key/value pair that represents the checkbox value and checked state",
170
- "tags": [{
171
- "name": "returns",
172
- "text": "Promise with the state of the checkboxes"
173
- }]
174
- }
175
- }
176
- };
177
- }
178
- static get elementRef() { return "el"; }
179
- }
@@ -1,34 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .horizontal-display {
6
- display: flex;
7
- }
8
-
9
- .label-spacing {
10
- --calcite-label-margin-bottom: 0;
11
- }
12
-
13
- .padding-inline-end-1 {
14
- -webkit-padding-end: 1rem;
15
- padding-inline-end: 1rem;
16
- }
17
-
18
- .padding-inline-start-1 {
19
- -webkit-padding-start: 1rem;
20
- padding-inline-start: 1rem;
21
- }
22
-
23
- .padding-block-end-1 {
24
- -webkit-padding-after: 1rem;
25
- padding-block-end: 1rem;
26
- }
27
-
28
- .width-half {
29
- width: 50%;
30
- }
31
-
32
- .width-full {
33
- width: 100%;
34
- }
@@ -1,209 +0,0 @@
1
- /*!
2
- * Copyright 2022 Esri
3
- * Licensed under the Apache License, Version 2.0
4
- * http://www.apache.org/licenses/LICENSE-2.0
5
- */
6
- /** @license
7
- * Copyright 2022 Esri
8
- *
9
- * Licensed under the Apache License, Version 2.0 (the "License");
10
- * you may not use this file except in compliance with the License.
11
- * You may obtain a copy of the License at
12
- *
13
- * http://www.apache.org/licenses/LICENSE-2.0
14
- *
15
- * Unless required by applicable law or agreed to in writing, software
16
- * distributed under the License is distributed on an "AS IS" BASIS,
17
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
18
- * See the License for the specific language governing permissions and
19
- * limitations under the License.
20
- */
21
- import { Host, h } from '@stencil/core';
22
- import { getLocaleComponentStrings } from "../../utils/locale";
23
- export class ConfigBufferTools {
24
- constructor() {
25
- this.distance = 100;
26
- this.unit = "Meters";
27
- this._showBufferChecked = true;
28
- this._translations = undefined;
29
- }
30
- //--------------------------------------------------------------------------
31
- //
32
- // Watch handlers
33
- //
34
- //--------------------------------------------------------------------------
35
- //--------------------------------------------------------------------------
36
- //
37
- // Methods (public)
38
- //
39
- //--------------------------------------------------------------------------
40
- /**
41
- * Returns a key/value pair that represents the checkbox value and checked state
42
- *
43
- * @returns Promise with the state of the checkboxes
44
- */
45
- async getConfigInfo() {
46
- return {
47
- "distance": this.distance,
48
- "unit": this.unit
49
- };
50
- }
51
- //--------------------------------------------------------------------------
52
- //
53
- // Events (public)
54
- //
55
- //--------------------------------------------------------------------------
56
- //--------------------------------------------------------------------------
57
- //
58
- // Functions (lifecycle)
59
- //
60
- //--------------------------------------------------------------------------
61
- /**
62
- * StencilJS: Called once just after the component is first connected to the DOM.
63
- *
64
- * @returns Promise when complete
65
- */
66
- async componentWillLoad() {
67
- await this._getTranslations();
68
- }
69
- /**
70
- * Renders the component.
71
- */
72
- render() {
73
- return (h(Host, null, h("div", null, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { checked: this._showBufferChecked, onCalciteCheckboxChange: () => this._setShowBufferChecked(), ref: (el) => { this._showBufferElement = el; } }), this._translations.showSearchDistance)), h("div", { class: "padding-inline-start-1" }, h("div", { class: "padding-block-end-1 width-full" }, h("calcite-label", { class: "label-spacing" }, this._translations.defaultBufferDistance, h("calcite-input", { disabled: !this._showBufferChecked, min: 0, "number-button-type": "vertical", onCalciteInputInput: (evt) => { this._distanceChanged(evt); }, type: "number", value: this.distance.toString() }))), h("div", { class: "width-full" }, h("calcite-label", { class: "label-spacing" }, this._translations.defaultUnit, h("calcite-select", { disabled: !this._showBufferChecked, label: this._translations.defaultUnit, onCalciteSelectChange: (evt) => { this._unitSelectionChange(evt); } }, this._renderUnitOptions()))))));
74
- }
75
- //--------------------------------------------------------------------------
76
- //
77
- // Functions (protected)
78
- //
79
- //--------------------------------------------------------------------------
80
- /**
81
- * Store the user defined distance
82
- *
83
- * @protected
84
- */
85
- _distanceChanged(evt) {
86
- this.distance = evt.detail.value;
87
- }
88
- /**
89
- * Store the user defined unit
90
- *
91
- * @protected
92
- */
93
- _unitSelectionChange(evt) {
94
- this.unit = evt.target.value;
95
- }
96
- /**
97
- * Render the various unit options
98
- *
99
- * @returns Promise when complete
100
- * @protected
101
- */
102
- _renderUnitOptions() {
103
- const nlsUnits = this._translations.units || {};
104
- const units = Object.keys(nlsUnits).map(k => nlsUnits[k]);
105
- return units.map(unit => {
106
- return (h("calcite-option", { label: unit, selected: unit === this.unit, value: unit }));
107
- });
108
- }
109
- /**
110
- * When not checked the buffer options will be disabled in the config and not visible in the UI at runtime
111
- *
112
- * @protected
113
- */
114
- _setShowBufferChecked() {
115
- this._showBufferChecked = this._showBufferElement.checked;
116
- }
117
- /**
118
- * Fetches the component's translations
119
- *
120
- * @returns Promise when complete
121
- * @protected
122
- */
123
- async _getTranslations() {
124
- const messages = await getLocaleComponentStrings(this.el);
125
- this._translations = messages[0];
126
- }
127
- static get is() { return "config-buffer-tools"; }
128
- static get encapsulation() { return "shadow"; }
129
- static get originalStyleUrls() {
130
- return {
131
- "$": ["config-buffer-tools.css"]
132
- };
133
- }
134
- static get styleUrls() {
135
- return {
136
- "$": ["config-buffer-tools.css"]
137
- };
138
- }
139
- static get properties() {
140
- return {
141
- "distance": {
142
- "type": "number",
143
- "mutable": true,
144
- "complexType": {
145
- "original": "number",
146
- "resolved": "number",
147
- "references": {}
148
- },
149
- "required": false,
150
- "optional": false,
151
- "docs": {
152
- "tags": [],
153
- "text": "number: Default distance value."
154
- },
155
- "attribute": "distance",
156
- "reflect": true,
157
- "defaultValue": "100"
158
- },
159
- "unit": {
160
- "type": "string",
161
- "mutable": true,
162
- "complexType": {
163
- "original": "string",
164
- "resolved": "string",
165
- "references": {}
166
- },
167
- "required": false,
168
- "optional": false,
169
- "docs": {
170
- "tags": [],
171
- "text": "string: Default unit value.\r\nShould be a unit listed in assets/t9n/config-buffer-tools/resources"
172
- },
173
- "attribute": "unit",
174
- "reflect": true,
175
- "defaultValue": "\"Meters\""
176
- }
177
- };
178
- }
179
- static get states() {
180
- return {
181
- "_showBufferChecked": {},
182
- "_translations": {}
183
- };
184
- }
185
- static get methods() {
186
- return {
187
- "getConfigInfo": {
188
- "complexType": {
189
- "signature": "() => Promise<{ [key: string]: string | number; }>",
190
- "parameters": [],
191
- "references": {
192
- "Promise": {
193
- "location": "global"
194
- }
195
- },
196
- "return": "Promise<{ [key: string]: string | number; }>"
197
- },
198
- "docs": {
199
- "text": "Returns a key/value pair that represents the checkbox value and checked state",
200
- "tags": [{
201
- "name": "returns",
202
- "text": "Promise with the state of the checkboxes"
203
- }]
204
- }
205
- }
206
- };
207
- }
208
- static get elementRef() { return "el"; }
209
- }
@@ -1,17 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .label-spacing {
6
- --calcite-label-margin-bottom: 0;
7
- }
8
-
9
- .padding-block-end-1 {
10
- -webkit-padding-after: 1rem;
11
- padding-block-end: 1rem;
12
- }
13
-
14
- .padding-inline-start-1 {
15
- -webkit-padding-start: 1rem;
16
- padding-inline-start: 1rem;
17
- }