@esri/solutions-components 0.5.9 → 0.5.11

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 (102) hide show
  1. package/dist/assets/data/images/onboarding.png +0 -0
  2. package/dist/assets/t9n/public-notification/resources.json +1 -1
  3. package/dist/assets/t9n/public-notification/resources_ar.json +5 -4
  4. package/dist/assets/t9n/public-notification/resources_bg.json +5 -4
  5. package/dist/assets/t9n/public-notification/resources_bs.json +5 -4
  6. package/dist/assets/t9n/public-notification/resources_ca.json +5 -4
  7. package/dist/assets/t9n/public-notification/resources_cs.json +5 -4
  8. package/dist/assets/t9n/public-notification/resources_da.json +5 -4
  9. package/dist/assets/t9n/public-notification/resources_de.json +5 -4
  10. package/dist/assets/t9n/public-notification/resources_el.json +5 -4
  11. package/dist/assets/t9n/public-notification/resources_en.json +1 -1
  12. package/dist/assets/t9n/public-notification/resources_es.json +5 -4
  13. package/dist/assets/t9n/public-notification/resources_et.json +5 -4
  14. package/dist/assets/t9n/public-notification/resources_fi.json +5 -4
  15. package/dist/assets/t9n/public-notification/resources_fr.json +5 -4
  16. package/dist/assets/t9n/public-notification/resources_he.json +5 -4
  17. package/dist/assets/t9n/public-notification/resources_hr.json +5 -4
  18. package/dist/assets/t9n/public-notification/resources_hu.json +5 -4
  19. package/dist/assets/t9n/public-notification/resources_id.json +5 -4
  20. package/dist/assets/t9n/public-notification/resources_it.json +5 -4
  21. package/dist/assets/t9n/public-notification/resources_ja.json +5 -4
  22. package/dist/assets/t9n/public-notification/resources_ko.json +5 -4
  23. package/dist/assets/t9n/public-notification/resources_lt.json +5 -4
  24. package/dist/assets/t9n/public-notification/resources_lv.json +5 -4
  25. package/dist/assets/t9n/public-notification/resources_nb.json +5 -4
  26. package/dist/assets/t9n/public-notification/resources_nl.json +5 -4
  27. package/dist/assets/t9n/public-notification/resources_pl.json +5 -4
  28. package/dist/assets/t9n/public-notification/resources_pt-BR.json +5 -4
  29. package/dist/assets/t9n/public-notification/resources_pt-PT.json +5 -4
  30. package/dist/assets/t9n/public-notification/resources_ro.json +5 -4
  31. package/dist/assets/t9n/public-notification/resources_ru.json +5 -4
  32. package/dist/assets/t9n/public-notification/resources_sk.json +5 -4
  33. package/dist/assets/t9n/public-notification/resources_sl.json +5 -4
  34. package/dist/assets/t9n/public-notification/resources_sr.json +5 -4
  35. package/dist/assets/t9n/public-notification/resources_sv.json +5 -4
  36. package/dist/assets/t9n/public-notification/resources_th.json +5 -4
  37. package/dist/assets/t9n/public-notification/resources_tr.json +5 -4
  38. package/dist/assets/t9n/public-notification/resources_uk.json +5 -4
  39. package/dist/assets/t9n/public-notification/resources_vi.json +5 -4
  40. package/dist/assets/t9n/public-notification/resources_zh-CN.json +5 -4
  41. package/dist/assets/t9n/public-notification/resources_zh-HK.json +5 -4
  42. package/dist/assets/t9n/public-notification/resources_zh-TW.json +5 -4
  43. package/dist/cjs/buffer-tools_4.cjs.entry.js +18 -4
  44. package/dist/cjs/calcite-input-text_5.cjs.entry.js +6 -11
  45. package/dist/cjs/{downloadUtils-4ef4b28b.js → downloadUtils-7a0fd3c0.js} +77 -20
  46. package/dist/cjs/{index.es-cbe67d5b.js → index.es-9965b78c.js} +1 -1
  47. package/dist/cjs/layer-table_2.cjs.entry.js +8 -3
  48. package/dist/cjs/loader.cjs.js +1 -1
  49. package/dist/cjs/public-notification.cjs.entry.js +72 -23
  50. package/dist/cjs/solutions-components.cjs.js +1 -1
  51. package/dist/collection/components/buffer-tools/buffer-tools.css +4 -0
  52. package/dist/collection/components/buffer-tools/buffer-tools.js +1 -1
  53. package/dist/collection/components/layer-table/layer-table.js +7 -2
  54. package/dist/collection/components/map-draw-tools/map-draw-tools.css +4 -0
  55. package/dist/collection/components/map-draw-tools/map-draw-tools.js +15 -1
  56. package/dist/collection/components/map-select-tools/map-select-tools.js +18 -1
  57. package/dist/collection/components/pdf-download/pdf-download.js +3 -9
  58. package/dist/collection/components/public-notification/public-notification.css +210 -203
  59. package/dist/collection/components/public-notification/public-notification.js +73 -22
  60. package/dist/collection/demos/new-public-notification.html +6 -4
  61. package/dist/collection/utils/downloadUtils.js +74 -19
  62. package/dist/collection/utils/downloadUtils.ts +93 -26
  63. package/dist/collection/utils/interfaces.ts +2 -2
  64. package/dist/components/buffer-tools2.js +2 -2
  65. package/dist/components/downloadUtils.js +75 -20
  66. package/dist/components/layer-table2.js +7 -2
  67. package/dist/components/map-draw-tools2.js +16 -2
  68. package/dist/components/map-select-tools2.js +3 -1
  69. package/dist/components/pdf-download2.js +3 -9
  70. package/dist/components/public-notification.js +74 -24
  71. package/dist/esm/buffer-tools_4.entry.js +18 -4
  72. package/dist/esm/calcite-combobox_3.entry.js +1 -1
  73. package/dist/esm/calcite-input-text_5.entry.js +7 -12
  74. package/dist/esm/{downloadUtils-2ebeb46d.js → downloadUtils-a447bab1.js} +77 -22
  75. package/dist/esm/{index.es-6dd27a48.js → index.es-b9cb902a.js} +2 -2
  76. package/dist/esm/layer-table_2.entry.js +9 -4
  77. package/dist/esm/loader.js +1 -1
  78. package/dist/esm/{mapViewUtils-ebbd4733.js → mapViewUtils-27dfdc29.js} +1 -1
  79. package/dist/esm/public-notification.entry.js +74 -25
  80. package/dist/esm/solutions-components.js +1 -1
  81. package/dist/solutions-components/demos/new-public-notification.html +6 -4
  82. package/dist/solutions-components/p-2f4e1ddf.entry.js +6 -0
  83. package/dist/solutions-components/{p-657caece.js → p-345f517c.js} +5 -5
  84. package/dist/solutions-components/{p-390d7de8.js → p-4b426bab.js} +1 -1
  85. package/dist/solutions-components/p-62492a2d.entry.js +17 -0
  86. package/dist/solutions-components/{p-ad82c173.js → p-80757ebd.js} +1 -1
  87. package/dist/solutions-components/{p-83e3db8e.entry.js → p-db099e05.entry.js} +1 -1
  88. package/dist/solutions-components/p-f3fbc327.entry.js +6 -0
  89. package/dist/solutions-components/{p-b4d4b50a.entry.js → p-f516f183.entry.js} +3 -3
  90. package/dist/solutions-components/solutions-components.esm.js +1 -1
  91. package/dist/solutions-components/utils/downloadUtils.ts +93 -26
  92. package/dist/solutions-components/utils/interfaces.ts +2 -2
  93. package/dist/types/components/map-draw-tools/map-draw-tools.d.ts +6 -0
  94. package/dist/types/components/map-select-tools/map-select-tools.d.ts +5 -0
  95. package/dist/types/components/public-notification/public-notification.d.ts +29 -11
  96. package/dist/types/components.d.ts +8 -0
  97. package/dist/types/utils/downloadUtils.d.ts +22 -8
  98. package/dist/types/utils/interfaces.d.ts +2 -2
  99. package/package.json +2 -2
  100. package/dist/solutions-components/p-6f27bea2.entry.js +0 -17
  101. package/dist/solutions-components/p-db82a9ce.entry.js +0 -6
  102. package/dist/solutions-components/p-deb90ce7.entry.js +0 -6
@@ -188,6 +188,7 @@ export class MapDrawTools {
188
188
  }
189
189
  };
190
190
  this._sketchWidget = new this.Sketch(Object.assign(Object.assign({}, sketchOptions), { container: this._sketchElement, creationMode: "single", visibleElements: {
191
+ duplicateButton: false,
191
192
  selectionTools: {
192
193
  "lasso-selection": false,
193
194
  "rectangle-selection": false
@@ -196,7 +197,8 @@ export class MapDrawTools {
196
197
  },
197
198
  undoRedoMenu: false,
198
199
  settingsMenu: this.drawMode === EDrawMode.SKETCH
199
- } }));
200
+ } // temp workaround since we need duplicateButton flag that is not in 4.26 types but will be in the 4.27 modules we get from IA
201
+ }));
200
202
  this._sketchViewModel = new this.SketchViewModel(Object.assign({}, sketchOptions));
201
203
  this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol;
202
204
  this._sketchWidget.viewModel.pointSymbol = this.pointSymbol;
@@ -229,6 +231,7 @@ export class MapDrawTools {
229
231
  });
230
232
  this._sketchWidget.on("delete", () => {
231
233
  this.graphics = [];
234
+ this._setDefaultCreateTool();
232
235
  this.sketchGraphicsChange.emit({
233
236
  graphics: this.graphics,
234
237
  useOIDs: false
@@ -248,6 +251,7 @@ export class MapDrawTools {
248
251
  useOIDs: false
249
252
  });
250
253
  });
254
+ this._setDefaultCreateTool();
251
255
  }
252
256
  /**
253
257
  * Clear any stored graphics and remove all graphics from the graphics layer
@@ -260,6 +264,16 @@ export class MapDrawTools {
260
264
  this.graphics = [];
261
265
  (_a = this._sketchGraphicsLayer) === null || _a === void 0 ? void 0 : _a.removeAll();
262
266
  }
267
+ /**
268
+ * Set the default create tool when we have no existing graphics
269
+ *
270
+ * @protected
271
+ */
272
+ _setDefaultCreateTool() {
273
+ if (!this.graphics || this.graphics.length === 0) {
274
+ this._sketchWidget.viewModel.create("rectangle");
275
+ }
276
+ }
263
277
  /**
264
278
  * Emit the undo event
265
279
  *
@@ -56,6 +56,7 @@ export class MapSelectTools {
56
56
  this.noResultText = undefined;
57
57
  this.searchConfiguration = undefined;
58
58
  this.selectionSet = undefined;
59
+ this.selectionLayerIds = [];
59
60
  this.selectLayerView = undefined;
60
61
  this.sketchLineSymbol = undefined;
61
62
  this.sketchPointSymbol = undefined;
@@ -198,7 +199,7 @@ export class MapSelectTools {
198
199
  */
199
200
  _getUseLayerFeaturesOptions() {
200
201
  const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
201
- return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }))));
202
+ return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }))));
202
203
  }
203
204
  /**
204
205
  * Renders the number of selected features
@@ -1018,6 +1019,22 @@ export class MapSelectTools {
1018
1019
  "text": "utils/interfaces/ISelectionSet: Used to store key details about any selections that have been made."
1019
1020
  }
1020
1021
  },
1022
+ "selectionLayerIds": {
1023
+ "type": "unknown",
1024
+ "mutable": false,
1025
+ "complexType": {
1026
+ "original": "string[]",
1027
+ "resolved": "string[]",
1028
+ "references": {}
1029
+ },
1030
+ "required": false,
1031
+ "optional": false,
1032
+ "docs": {
1033
+ "tags": [],
1034
+ "text": "string[]: List of layer ids that should be shown as potential selection layers\r\nwhen skectching with \"Use layer features\" option"
1035
+ },
1036
+ "defaultValue": "[]"
1037
+ },
1021
1038
  "selectLayerView": {
1022
1039
  "type": "unknown",
1023
1040
  "mutable": false,
@@ -48,11 +48,8 @@ export class PdfDownload {
48
48
  * @returns Promise resolving when function is done
49
49
  */
50
50
  async downloadCSV(exportInfos, removeDuplicates, addColumnTitle = true) {
51
- Object.keys(exportInfos).forEach(k => {
52
- const exportInfo = exportInfos[k];
53
- void downloadUtils.downloadCSV(exportInfo.selectionSetNames, exportInfo.layerView.layer, exportInfo.ids, true, // formatUsingLayerPopup
54
- removeDuplicates, addColumnTitle);
55
- });
51
+ void downloadUtils.downloadCSV(exportInfos, true, // formatUsingLayerPopup
52
+ removeDuplicates, addColumnTitle);
56
53
  }
57
54
  /**
58
55
  * Downloads pdf of mailing labels for the provided list of ids
@@ -64,10 +61,7 @@ export class PdfDownload {
64
61
  * @returns Promise resolving when function is done
65
62
  */
66
63
  async downloadPDF(exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
67
- Object.keys(exportInfos).forEach(k => {
68
- const exportInfo = exportInfos[k];
69
- void downloadUtils.downloadPDF(exportInfo.selectionSetNames, exportInfo.layerView.layer, exportInfo.ids, this._labelInfoElement.selectedOption.value, removeDuplicates, title, initialImageDataUrl);
70
- });
64
+ void downloadUtils.downloadPDF(exportInfos, this._labelInfoElement.selectedOption.value, removeDuplicates, title, initialImageDataUrl);
71
65
  }
72
66
  //--------------------------------------------------------------------------
73
67
  //
@@ -14,206 +14,213 @@
14
14
  * limitations under the License.
15
15
  */
16
16
 
17
- :host {
18
- display: block;
19
- --calcite-input-message-spacing-value: 0;
20
- }
21
-
22
- .align-center {
23
- align-items: center;
24
- }
25
-
26
- .border-bottom-1 {
27
- border-width: 0px;
28
- border-bottom-width: 1px;
29
- border-style: solid;
30
- border-color: var(--calcite-ui-border-3);
31
- }
32
-
33
- .action-bar-size {
34
- height: 3.5rem;
35
- width: 100%;
36
- }
37
-
38
- .w-1-2 {
39
- width: 50%;
40
- }
41
-
42
- .w-1-3 {
43
- width: 33.33%;
44
- }
45
-
46
- .action-center {
47
- -webkit-box-align: center;
48
- -webkit-align-items: center;
49
- -ms-grid-row-align: center;
50
- align-items: center;
51
- align-content: center;
52
- justify-content: center;
53
- }
54
-
55
- .width-full {
56
- width: 100%;
57
- }
58
-
59
- .height-full {
60
- height: 100%;
61
- }
62
-
63
- .padding-1 {
64
- padding: 1rem;
65
- }
66
-
67
- .padding-top-sides-1 {
68
- -webkit-padding-before: 1rem;
69
- padding-block-start: 1rem;
70
- -webkit-padding-start: 1rem;
71
- padding-inline-start: 1rem;
72
- -webkit-padding-end: 1rem;
73
- padding-inline-end: 1rem;
74
- }
75
-
76
- .padding-sides-1 {
77
- -webkit-padding-start: 1rem;
78
- padding-inline-start: 1rem;
79
- -webkit-padding-end: 1rem;
80
- padding-inline-end: 1rem;
81
- }
82
-
83
- .padding-end-1-2 {
84
- -webkit-padding-end: .5rem;
85
- padding-inline-end: .5rem;
86
- }
87
-
88
- .padding-top-1-2 {
89
- -webkit-padding-before: .5rem;
90
- padding-block-start: .5rem;
91
- }
92
-
93
- .padding-top-1 {
94
- padding-top: 1rem;
95
- }
96
-
97
- .padding-bottom-1 {
98
- padding-bottom: 1rem;
99
- }
100
-
101
- .padding-bottom-1-2 {
102
- padding-bottom: .5rem;
103
- }
104
-
105
- .info-blue {
106
- /* This would be better but not the right color in light theme */
107
- /* color: var(--calcite-ui-info); */
108
-
109
- /* This is --calcite-ui-info value for dark theme*/
110
- color: #00A0FF;
111
- }
112
-
113
- .info-message {
114
- justify-content: center;
115
- display: grid;
116
- }
117
-
118
- .font-bold {
119
- font-weight: bold;
120
- }
121
-
122
- .display-flex {
123
- display: flex;
124
- }
125
-
126
- .display-block {
127
- display: block;
128
- }
129
-
130
- .display-none {
131
- display: none;
132
- }
133
-
134
- .border-bottom {
135
- border-bottom: 1px solid var(--calcite-ui-border-2);
136
- }
137
-
138
- .padding-start-1-2 {
139
- -webkit-padding-start: 0.5rem;
140
- padding-inline-start: 0.5rem;
141
- }
142
-
143
- .list-border {
144
- border: 1px solid var(--calcite-ui-border-2);
145
- }
146
-
147
- .margin-sides-1 {
148
- -webkit-margin-start: 1rem;
149
- margin-inline-start: 1rem;
150
- -webkit-margin-end: 1rem;
151
- margin-inline-end: 1rem;
152
- }
153
-
154
- .margin-start-1-2 {
155
- -webkit-margin-start: 0.5rem;
156
- margin-inline-start: 0.5rem;
157
- }
158
-
159
- .float-right {
160
- float: right;
161
- }
162
-
163
- .float-right[dir="rtl"] {
164
- float: left;
165
- }
166
-
167
- .float-left {
168
- float: left;
169
- }
170
-
171
- .float-left[dir="rtl"] {
172
- float: right;
173
- }
174
-
175
- .margin-top-0 {
176
- -webkit-margin-before: 0 !important;
177
- margin-block-start: 0 !important;
178
- }
179
-
180
- .height-1-1-2 {
181
- height: 1.5rem;
182
- }
183
-
184
- .main-background {
185
- background-color: var(--calcite-ui-foreground-2);
186
- }
187
-
188
- .position-right {
189
- position: absolute;
190
- right: 1rem;
191
- }
192
-
193
- .position-right[dir="rtl"] {
194
- position: absolute;
195
- left: 1rem;
196
- }
197
-
198
- .label-margin-0 {
199
- --calcite-label-margin-bottom: 0;
200
- }
201
-
202
- .list-label {
203
- color: var(--calcite-ui-text-1);
204
- }
205
-
206
- .list-label,
207
- .list-description {
208
- font-family: var(--calcite-sans-family);
209
- font-size: var(--calcite-font-size--2);
210
- font-weight: var(--calcite-font-weight-normal);
211
- overflow-wrap: break-word;
212
- word-break: break-word;
213
- }
214
-
215
- .list-description {
216
- -webkit-margin-before: 0.125rem;
217
- margin-block-start: 0.125rem;
218
- color: var(--calcite-ui-text-3);
219
- }
17
+ :host {
18
+ display: block;
19
+ --calcite-input-message-spacing-value: 0;
20
+ }
21
+
22
+ .align-center {
23
+ align-items: center;
24
+ }
25
+
26
+ .border-bottom-1 {
27
+ border-width: 0px;
28
+ border-bottom-width: 1px;
29
+ border-style: solid;
30
+ border-color: var(--calcite-ui-border-3);
31
+ }
32
+
33
+ .action-bar-size {
34
+ height: 3.5rem;
35
+ width: 100%;
36
+ }
37
+
38
+ .w-1-2 {
39
+ width: 50%;
40
+ }
41
+
42
+ .w-1-3 {
43
+ width: 33.33%;
44
+ }
45
+
46
+ .action-center {
47
+ -webkit-box-align: center;
48
+ -webkit-align-items: center;
49
+ -ms-grid-row-align: center;
50
+ align-items: center;
51
+ align-content: center;
52
+ justify-content: center;
53
+ }
54
+
55
+ .width-full {
56
+ width: 100%;
57
+ }
58
+
59
+ .height-full {
60
+ height: 100%;
61
+ }
62
+
63
+ .padding-1 {
64
+ padding: 1rem;
65
+ }
66
+
67
+ .padding-top-sides-1 {
68
+ -webkit-padding-before: 1rem;
69
+ padding-block-start: 1rem;
70
+ -webkit-padding-start: 1rem;
71
+ padding-inline-start: 1rem;
72
+ -webkit-padding-end: 1rem;
73
+ padding-inline-end: 1rem;
74
+ }
75
+
76
+ .padding-sides-1 {
77
+ -webkit-padding-start: 1rem;
78
+ padding-inline-start: 1rem;
79
+ -webkit-padding-end: 1rem;
80
+ padding-inline-end: 1rem;
81
+ }
82
+
83
+ .padding-end-1-2 {
84
+ -webkit-padding-end: .5rem;
85
+ padding-inline-end: .5rem;
86
+ }
87
+
88
+ .padding-top-1-2 {
89
+ -webkit-padding-before: .5rem;
90
+ padding-block-start: .5rem;
91
+ }
92
+
93
+ .padding-top-1 {
94
+ padding-top: 1rem;
95
+ }
96
+
97
+ .padding-bottom-1 {
98
+ padding-bottom: 1rem;
99
+ }
100
+
101
+ .padding-bottom-1-2 {
102
+ padding-bottom: .5rem;
103
+ }
104
+
105
+ .info-blue {
106
+ /* This would be better but not the right color in light theme */
107
+ /* color: var(--calcite-ui-info); */
108
+
109
+ /* This is --calcite-ui-info value for dark theme*/
110
+ color: #00A0FF;
111
+ }
112
+
113
+ .info-message {
114
+ justify-content: center;
115
+ display: grid;
116
+ }
117
+
118
+ .font-bold {
119
+ font-weight: bold;
120
+ }
121
+
122
+ .display-flex {
123
+ display: flex;
124
+ }
125
+
126
+ .display-block {
127
+ display: block;
128
+ }
129
+
130
+ .display-none {
131
+ display: none;
132
+ }
133
+
134
+ .border-bottom {
135
+ border-bottom: 1px solid var(--calcite-ui-border-2);
136
+ }
137
+
138
+ .padding-start-1-2 {
139
+ -webkit-padding-start: 0.5rem;
140
+ padding-inline-start: 0.5rem;
141
+ }
142
+
143
+ .list-border {
144
+ border: 1px solid var(--calcite-ui-border-2);
145
+ }
146
+
147
+ .margin-sides-1 {
148
+ -webkit-margin-start: 1rem;
149
+ margin-inline-start: 1rem;
150
+ -webkit-margin-end: 1rem;
151
+ margin-inline-end: 1rem;
152
+ }
153
+
154
+ .margin-start-1-2 {
155
+ -webkit-margin-start: 0.5rem;
156
+ margin-inline-start: 0.5rem;
157
+ }
158
+
159
+ .float-right {
160
+ float: right;
161
+ }
162
+
163
+ .float-right[dir="rtl"] {
164
+ float: left;
165
+ }
166
+
167
+ .float-left {
168
+ float: left;
169
+ }
170
+
171
+ .float-left[dir="rtl"] {
172
+ float: right;
173
+ }
174
+
175
+ .margin-top-0 {
176
+ -webkit-margin-before: 0 !important;
177
+ margin-block-start: 0 !important;
178
+ }
179
+
180
+ .height-1-1-2 {
181
+ height: 1.5rem;
182
+ }
183
+
184
+ .main-background {
185
+ background-color: var(--calcite-ui-foreground-2);
186
+ }
187
+
188
+ .position-right {
189
+ position: absolute;
190
+ right: 1rem;
191
+ }
192
+
193
+ .position-right[dir="rtl"] {
194
+ position: absolute;
195
+ left: 1rem;
196
+ }
197
+
198
+ .label-margin-0 {
199
+ --calcite-label-margin-bottom: 0;
200
+ }
201
+
202
+ .list-label {
203
+ color: var(--calcite-ui-text-1);
204
+ }
205
+
206
+ .list-label,
207
+ .list-description {
208
+ font-family: var(--calcite-sans-family);
209
+ font-size: var(--calcite-font-size--2);
210
+ font-weight: var(--calcite-font-weight-normal);
211
+ overflow-wrap: break-word;
212
+ word-break: break-word;
213
+ }
214
+
215
+ .list-description {
216
+ -webkit-margin-before: 0.125rem;
217
+ margin-block-start: 0.125rem;
218
+ color: var(--calcite-ui-text-3);
219
+ }
220
+
221
+ .img-container {
222
+ -o-object-fit: scale-down;
223
+ object-fit: scale-down;
224
+ width: 100%;
225
+ height: 100%;
226
+ }