@recursyve/nice-ui-kit.v2 13.2.0-beta.108 → 13.2.0-beta.110

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 (9) hide show
  1. package/esm2020/lib/components/assets-carousel/assets-carousel.component.mjs +20 -11
  2. package/esm2020/lib/directives/chip-list/chip-list.directive.mjs +6 -1
  3. package/fesm2015/recursyve-nice-ui-kit.v2.mjs +24 -10
  4. package/fesm2015/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  5. package/fesm2020/recursyve-nice-ui-kit.v2.mjs +24 -10
  6. package/fesm2020/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  7. package/lib/components/assets-carousel/assets-carousel.component.d.ts +3 -1
  8. package/package.json +1 -1
  9. package/src/lib/components/assets-carousel/assets-carousel.theme.scss +15 -7
package/lib/components/assets-carousel/assets-carousel.component.d.ts CHANGED
@@ -49,8 +49,10 @@ export declare class NiceAssetsCarouselComponent implements ControlValueAccessor
49
49
  accept: string[];
50
50
  customActions: NiceAssetsCarouselActions[];
51
51
  multipleUpload: boolean;
52
+ visiblePreviewAsset: number;
52
53
  showAddAssetContainer: boolean;
53
54
  activeChange: EventEmitter<number>;
55
+ removedAsset: EventEmitter<NiceAssets>;
54
56
  listStyle: {
55
57
  transform: string;
56
58
  };
@@ -74,5 +76,5 @@ export declare class NiceAssetsCarouselComponent implements ControlValueAccessor
74
76
  clickCustom(action: NiceAssetsCarouselActions): void;
75
77
  startSyncVideo(): Promise<void>;
76
78
  static ɵfac: i0.ɵɵFactoryDeclaration<NiceAssetsCarouselComponent, [{ optional: true; }]>;
77
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceAssetsCarouselComponent, "nice-assets-carousel", never, { "color": "color"; "edit": "edit"; "accept": "accept"; "customActions": "customActions"; "multipleUpload": "multipleUpload"; "showAddAssetContainer": "showAddAssetContainer"; "assets": "assets"; }, { "activeChange": "activeChange"; }, never, never>;
79
+ static ɵcmp: i0.ɵɵComponentDeclaration<NiceAssetsCarouselComponent, "nice-assets-carousel", never, { "color": "color"; "edit": "edit"; "accept": "accept"; "customActions": "customActions"; "multipleUpload": "multipleUpload"; "visiblePreviewAsset": "visiblePreviewAsset"; "showAddAssetContainer": "showAddAssetContainer"; "assets": "assets"; }, { "activeChange": "activeChange"; "removedAsset": "removedAsset"; }, never, never>;
78
80
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@recursyve/nice-ui-kit.v2",
3
- "version": "13.2.0-beta.108",
3
+ "version": "13.2.0-beta.110",
4
4
  "exports": {
5
5
  ".": {
6
6
  "sass": "./_index.scss",
package/src/lib/components/assets-carousel/assets-carousel.theme.scss CHANGED
@@ -1,5 +1,12 @@
1
1
  @use "../../nice.utils" as nice;
2
2
 
3
+ /* Variables */
4
+ :root {
5
+ --nice-assets-carousel-asset-width: 90px;
6
+ --nice-assets-carousel-asset-height: 60px;
7
+ --nice-assets-carousel-asset-gap: 0.75rem;
8
+ }
9
+
3
10
  @mixin nice-assets-carousel-theme($theme) {
4
11
  nice-assets-carousel {
5
12
  .carousel-container {
@@ -50,6 +57,7 @@
50
57
  .asset-list {
51
58
  @apply flex flex-row;
52
59
 
60
+ gap: var(--nice-assets-carousel-asset-gap);
53
61
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
54
62
  }
55
63
  }
@@ -64,7 +72,7 @@
64
72
  }
65
73
 
66
74
  image, img, video {
67
- @apply w-full h-full select-none object-cover rounded;
75
+ @apply w-full h-full select-none object-cover;
68
76
  }
69
77
 
70
78
  .action-button {
@@ -131,8 +139,8 @@
131
139
  .add-asset-container {
132
140
  @apply bg-default z-50 cursor-pointer select-none mr-3;
133
141
 
134
- min-width: 90px;
135
- min-height: 60px;
142
+ min-width: var(--nice-assets-carousel-asset-width);
143
+ min-height: var(--nice-assets-carousel-asset-height);
136
144
 
137
145
  .add-asset {
138
146
  @apply h-full w-full flex justify-center items-center border border-white border-solid rounded;
@@ -144,13 +152,13 @@
144
152
  }
145
153
 
146
154
  .asset {
147
- width: 90px;
148
- height: 60px;
155
+ width: var(--nice-assets-carousel-asset-width);
156
+ height: var(--nice-assets-carousel-asset-height);
149
157
 
150
- @apply rounded mr-3 cursor-pointer;
158
+ @apply rounded cursor-pointer overflow-hidden border border-transparent;
151
159
 
152
160
  &.active {
153
- @apply border border-opacity-100 #{!important};
161
+ @apply border-opacity-100 #{!important};
154
162
 
155
163
  &.primary {
156
164
  @apply border-primary;