@open-rlb/ng-bootstrap 3.3.1 → 3.3.3
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.
|
@@ -9147,15 +9147,22 @@ class FileDndComponent {
|
|
|
9147
9147
|
@for (file of files(); track file.name + file.size) {
|
|
9148
9148
|
<rlb-card>
|
|
9149
9149
|
<rlb-card-body class="d-flex align-items-center">
|
|
9150
|
-
<div class="fs-3">
|
|
9150
|
+
<div class="fs-3 flex-shrink-0">
|
|
9151
9151
|
<i class="bi bi-file-earmark-text"></i>
|
|
9152
9152
|
</div>
|
|
9153
9153
|
|
|
9154
|
-
<div
|
|
9155
|
-
|
|
9154
|
+
<div
|
|
9155
|
+
class="mx-3 flex-grow-1"
|
|
9156
|
+
style="min-width: 0"
|
|
9157
|
+
>
|
|
9158
|
+
<div class="d-flex justify-content-between align-items-center mb-2 gap-2">
|
|
9156
9159
|
<span class="fw-bold text-truncate">{{ file.name }}</span>
|
|
9157
|
-
|
|
9160
|
+
|
|
9161
|
+
<span class="text-secondary text-nowrap flex-shrink-0">
|
|
9162
|
+
{{ formatBytes(file.size) }}
|
|
9163
|
+
</span>
|
|
9158
9164
|
</div>
|
|
9165
|
+
|
|
9159
9166
|
<rlb-progress
|
|
9160
9167
|
[height]="4"
|
|
9161
9168
|
[value]="100"
|
|
@@ -9166,6 +9173,7 @@ class FileDndComponent {
|
|
|
9166
9173
|
rlb-button
|
|
9167
9174
|
outline
|
|
9168
9175
|
color="danger"
|
|
9176
|
+
class="flex-shrink-0 ms-1"
|
|
9169
9177
|
(click)="deleteFile(file)"
|
|
9170
9178
|
aria-label="Remove file"
|
|
9171
9179
|
>
|
|
@@ -9224,15 +9232,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
|
|
|
9224
9232
|
@for (file of files(); track file.name + file.size) {
|
|
9225
9233
|
<rlb-card>
|
|
9226
9234
|
<rlb-card-body class="d-flex align-items-center">
|
|
9227
|
-
<div class="fs-3">
|
|
9235
|
+
<div class="fs-3 flex-shrink-0">
|
|
9228
9236
|
<i class="bi bi-file-earmark-text"></i>
|
|
9229
9237
|
</div>
|
|
9230
9238
|
|
|
9231
|
-
<div
|
|
9232
|
-
|
|
9239
|
+
<div
|
|
9240
|
+
class="mx-3 flex-grow-1"
|
|
9241
|
+
style="min-width: 0"
|
|
9242
|
+
>
|
|
9243
|
+
<div class="d-flex justify-content-between align-items-center mb-2 gap-2">
|
|
9233
9244
|
<span class="fw-bold text-truncate">{{ file.name }}</span>
|
|
9234
|
-
|
|
9245
|
+
|
|
9246
|
+
<span class="text-secondary text-nowrap flex-shrink-0">
|
|
9247
|
+
{{ formatBytes(file.size) }}
|
|
9248
|
+
</span>
|
|
9235
9249
|
</div>
|
|
9250
|
+
|
|
9236
9251
|
<rlb-progress
|
|
9237
9252
|
[height]="4"
|
|
9238
9253
|
[value]="100"
|
|
@@ -9243,6 +9258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
|
|
|
9243
9258
|
rlb-button
|
|
9244
9259
|
outline
|
|
9245
9260
|
color="danger"
|
|
9261
|
+
class="flex-shrink-0 ms-1"
|
|
9246
9262
|
(click)="deleteFile(file)"
|
|
9247
9263
|
aria-label="Remove file"
|
|
9248
9264
|
>
|
|
@@ -9937,10 +9953,12 @@ class SelectComponent extends AbstractComponent {
|
|
|
9937
9953
|
return;
|
|
9938
9954
|
vcr.clear();
|
|
9939
9955
|
options.forEach(opt => {
|
|
9940
|
-
vcr.createEmbeddedView(opt.template());
|
|
9956
|
+
const view = vcr.createEmbeddedView(opt.template());
|
|
9957
|
+
view.detectChanges();
|
|
9941
9958
|
});
|
|
9942
9959
|
untracked(() => {
|
|
9943
9960
|
this.onWrite(this.value());
|
|
9961
|
+
this.cdr.markForCheck();
|
|
9944
9962
|
});
|
|
9945
9963
|
});
|
|
9946
9964
|
}
|