@esri/solutions-components 0.5.9 → 0.5.11

Sign up to get free protection for your applications and to get access to all the features.
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
+ }