codexly-ui 0.4.8 → 0.4.9
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.
- package/fesm2022/codexly-ui.mjs +31 -31
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -4962,7 +4962,7 @@ class ClxUploadComponent {
|
|
|
4962
4962
|
_disabled = computed(() => this._cvaDisabled() || this.disabled(), ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
|
|
4963
4963
|
_sizeConfig = computed(() => UPLOAD_SIZE_MAP[this._size()], ...(ngDevMode ? [{ debugName: "_sizeConfig" }] : /* istanbul ignore next */ []));
|
|
4964
4964
|
_isError = computed(() => this._errorKey() !== null, ...(ngDevMode ? [{ debugName: "_isError" }] : /* istanbul ignore next */ []));
|
|
4965
|
-
_thumbClass = computed(() => `relative group flex flex-col ${resolveRadius(this._themeSvc.config().borderRadius)}
|
|
4965
|
+
_thumbClass = computed(() => `relative group flex flex-col ${resolveRadius(this._themeSvc.config().borderRadius)} border border-clx-border bg-clx-surface-2`, ...(ngDevMode ? [{ debugName: "_thumbClass" }] : /* istanbul ignore next */ []));
|
|
4966
4966
|
_previewItems = computed(() => {
|
|
4967
4967
|
const existing = this.existingFiles().map(f => ({
|
|
4968
4968
|
kind: 'existing',
|
|
@@ -5266,7 +5266,7 @@ class ClxUploadComponent {
|
|
|
5266
5266
|
<div class="mt-3 grid grid-cols-4 sm:grid-cols-6 gap-2">
|
|
5267
5267
|
@for (item of _previewItems(); track item.key) {
|
|
5268
5268
|
<div [class]="_thumbClass()">
|
|
5269
|
-
<div class="relative aspect-square w-full overflow-hidden">
|
|
5269
|
+
<div class="relative aspect-square w-full overflow-hidden rounded-[inherit]">
|
|
5270
5270
|
@if (item.isImage) {
|
|
5271
5271
|
<img [src]="item.thumbUrl" [alt]="item.name" loading="lazy" class="w-full h-full object-cover" />
|
|
5272
5272
|
} @else {
|
|
@@ -5284,22 +5284,22 @@ class ClxUploadComponent {
|
|
|
5284
5284
|
<span clx-icon name="error" size="md" class="text-white"></span>
|
|
5285
5285
|
</div>
|
|
5286
5286
|
}
|
|
5287
|
-
|
|
5288
|
-
<button
|
|
5289
|
-
clx-button
|
|
5290
|
-
type="button"
|
|
5291
|
-
variant="solid"
|
|
5292
|
-
color="red"
|
|
5293
|
-
shape="circle"
|
|
5294
|
-
size="xxs"
|
|
5295
|
-
icon="close"
|
|
5296
|
-
[iconOnly]="true"
|
|
5297
|
-
class="absolute top-0.5 right-0.5 shadow-md"
|
|
5298
|
-
[disabled]="_disabled()"
|
|
5299
|
-
(click)="_removeItem(item); $event.stopPropagation()">
|
|
5300
|
-
</button>
|
|
5301
5287
|
</div>
|
|
5302
5288
|
|
|
5289
|
+
<button
|
|
5290
|
+
clx-button
|
|
5291
|
+
type="button"
|
|
5292
|
+
variant="solid"
|
|
5293
|
+
color="red"
|
|
5294
|
+
shape="circle"
|
|
5295
|
+
size="xxs"
|
|
5296
|
+
icon="close"
|
|
5297
|
+
[iconOnly]="true"
|
|
5298
|
+
class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 shadow-md z-10"
|
|
5299
|
+
[disabled]="_disabled()"
|
|
5300
|
+
(click)="_removeItem(item); $event.stopPropagation()">
|
|
5301
|
+
</button>
|
|
5302
|
+
|
|
5303
5303
|
<div class="px-1.5 py-1 w-full min-w-0">
|
|
5304
5304
|
<p class="text-[11px] leading-tight text-clx-text-label font-medium truncate" [title]="item.name">{{ item.name }}</p>
|
|
5305
5305
|
@if (item.size !== undefined) {
|
|
@@ -5375,7 +5375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5375
5375
|
<div class="mt-3 grid grid-cols-4 sm:grid-cols-6 gap-2">
|
|
5376
5376
|
@for (item of _previewItems(); track item.key) {
|
|
5377
5377
|
<div [class]="_thumbClass()">
|
|
5378
|
-
<div class="relative aspect-square w-full overflow-hidden">
|
|
5378
|
+
<div class="relative aspect-square w-full overflow-hidden rounded-[inherit]">
|
|
5379
5379
|
@if (item.isImage) {
|
|
5380
5380
|
<img [src]="item.thumbUrl" [alt]="item.name" loading="lazy" class="w-full h-full object-cover" />
|
|
5381
5381
|
} @else {
|
|
@@ -5393,22 +5393,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5393
5393
|
<span clx-icon name="error" size="md" class="text-white"></span>
|
|
5394
5394
|
</div>
|
|
5395
5395
|
}
|
|
5396
|
-
|
|
5397
|
-
<button
|
|
5398
|
-
clx-button
|
|
5399
|
-
type="button"
|
|
5400
|
-
variant="solid"
|
|
5401
|
-
color="red"
|
|
5402
|
-
shape="circle"
|
|
5403
|
-
size="xxs"
|
|
5404
|
-
icon="close"
|
|
5405
|
-
[iconOnly]="true"
|
|
5406
|
-
class="absolute top-0.5 right-0.5 shadow-md"
|
|
5407
|
-
[disabled]="_disabled()"
|
|
5408
|
-
(click)="_removeItem(item); $event.stopPropagation()">
|
|
5409
|
-
</button>
|
|
5410
5396
|
</div>
|
|
5411
5397
|
|
|
5398
|
+
<button
|
|
5399
|
+
clx-button
|
|
5400
|
+
type="button"
|
|
5401
|
+
variant="solid"
|
|
5402
|
+
color="red"
|
|
5403
|
+
shape="circle"
|
|
5404
|
+
size="xxs"
|
|
5405
|
+
icon="close"
|
|
5406
|
+
[iconOnly]="true"
|
|
5407
|
+
class="absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 shadow-md z-10"
|
|
5408
|
+
[disabled]="_disabled()"
|
|
5409
|
+
(click)="_removeItem(item); $event.stopPropagation()">
|
|
5410
|
+
</button>
|
|
5411
|
+
|
|
5412
5412
|
<div class="px-1.5 py-1 w-full min-w-0">
|
|
5413
5413
|
<p class="text-[11px] leading-tight text-clx-text-label font-medium truncate" [title]="item.name">{{ item.name }}</p>
|
|
5414
5414
|
@if (item.size !== undefined) {
|