@getflip/swirl-components-angular 0.209.0 → 0.211.0

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.
@@ -1552,6 +1552,28 @@ export class SwirlIconArrowUpward {
1552
1552
  export declare interface SwirlIconArrowUpward extends Components.SwirlIconArrowUpward {}
1553
1553
 
1554
1554
 
1555
+ @ProxyCmp({
1556
+ inputs: ['color', 'size']
1557
+ })
1558
+ @Component({
1559
+ selector: 'swirl-icon-aspect-ratio',
1560
+ changeDetection: ChangeDetectionStrategy.OnPush,
1561
+ template: '<ng-content></ng-content>',
1562
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1563
+ inputs: ['color', 'size'],
1564
+ })
1565
+ export class SwirlIconAspectRatio {
1566
+ protected el: HTMLElement;
1567
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1568
+ c.detach();
1569
+ this.el = r.nativeElement;
1570
+ }
1571
+ }
1572
+
1573
+
1574
+ export declare interface SwirlIconAspectRatio extends Components.SwirlIconAspectRatio {}
1575
+
1576
+
1555
1577
  @ProxyCmp({
1556
1578
  inputs: ['color', 'size']
1557
1579
  })
@@ -2014,6 +2036,28 @@ export class SwirlIconCopy {
2014
2036
  export declare interface SwirlIconCopy extends Components.SwirlIconCopy {}
2015
2037
 
2016
2038
 
2039
+ @ProxyCmp({
2040
+ inputs: ['color', 'size']
2041
+ })
2042
+ @Component({
2043
+ selector: 'swirl-icon-crop',
2044
+ changeDetection: ChangeDetectionStrategy.OnPush,
2045
+ template: '<ng-content></ng-content>',
2046
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
2047
+ inputs: ['color', 'size'],
2048
+ })
2049
+ export class SwirlIconCrop {
2050
+ protected el: HTMLElement;
2051
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
2052
+ c.detach();
2053
+ this.el = r.nativeElement;
2054
+ }
2055
+ }
2056
+
2057
+
2058
+ export declare interface SwirlIconCrop extends Components.SwirlIconCrop {}
2059
+
2060
+
2017
2061
  @ProxyCmp({
2018
2062
  inputs: ['color', 'size']
2019
2063
  })
@@ -3444,6 +3488,28 @@ export class SwirlIconMic {
3444
3488
  export declare interface SwirlIconMic extends Components.SwirlIconMic {}
3445
3489
 
3446
3490
 
3491
+ @ProxyCmp({
3492
+ inputs: ['color', 'size']
3493
+ })
3494
+ @Component({
3495
+ selector: 'swirl-icon-mic-off',
3496
+ changeDetection: ChangeDetectionStrategy.OnPush,
3497
+ template: '<ng-content></ng-content>',
3498
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
3499
+ inputs: ['color', 'size'],
3500
+ })
3501
+ export class SwirlIconMicOff {
3502
+ protected el: HTMLElement;
3503
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
3504
+ c.detach();
3505
+ this.el = r.nativeElement;
3506
+ }
3507
+ }
3508
+
3509
+
3510
+ export declare interface SwirlIconMicOff extends Components.SwirlIconMicOff {}
3511
+
3512
+
3447
3513
  @ProxyCmp({
3448
3514
  inputs: ['color', 'size']
3449
3515
  })
@@ -3950,6 +4016,138 @@ export class SwirlIconPrint {
3950
4016
  export declare interface SwirlIconPrint extends Components.SwirlIconPrint {}
3951
4017
 
3952
4018
 
4019
+ @ProxyCmp({
4020
+ inputs: ['color', 'size']
4021
+ })
4022
+ @Component({
4023
+ selector: 'swirl-icon-ratio-four-to-three',
4024
+ changeDetection: ChangeDetectionStrategy.OnPush,
4025
+ template: '<ng-content></ng-content>',
4026
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4027
+ inputs: ['color', 'size'],
4028
+ })
4029
+ export class SwirlIconRatioFourToThree {
4030
+ protected el: HTMLElement;
4031
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4032
+ c.detach();
4033
+ this.el = r.nativeElement;
4034
+ }
4035
+ }
4036
+
4037
+
4038
+ export declare interface SwirlIconRatioFourToThree extends Components.SwirlIconRatioFourToThree {}
4039
+
4040
+
4041
+ @ProxyCmp({
4042
+ inputs: ['color', 'size']
4043
+ })
4044
+ @Component({
4045
+ selector: 'swirl-icon-ratio-freeform',
4046
+ changeDetection: ChangeDetectionStrategy.OnPush,
4047
+ template: '<ng-content></ng-content>',
4048
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4049
+ inputs: ['color', 'size'],
4050
+ })
4051
+ export class SwirlIconRatioFreeform {
4052
+ protected el: HTMLElement;
4053
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4054
+ c.detach();
4055
+ this.el = r.nativeElement;
4056
+ }
4057
+ }
4058
+
4059
+
4060
+ export declare interface SwirlIconRatioFreeform extends Components.SwirlIconRatioFreeform {}
4061
+
4062
+
4063
+ @ProxyCmp({
4064
+ inputs: ['color', 'size']
4065
+ })
4066
+ @Component({
4067
+ selector: 'swirl-icon-ratio-sixteen-to-nine',
4068
+ changeDetection: ChangeDetectionStrategy.OnPush,
4069
+ template: '<ng-content></ng-content>',
4070
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4071
+ inputs: ['color', 'size'],
4072
+ })
4073
+ export class SwirlIconRatioSixteenToNine {
4074
+ protected el: HTMLElement;
4075
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4076
+ c.detach();
4077
+ this.el = r.nativeElement;
4078
+ }
4079
+ }
4080
+
4081
+
4082
+ export declare interface SwirlIconRatioSixteenToNine extends Components.SwirlIconRatioSixteenToNine {}
4083
+
4084
+
4085
+ @ProxyCmp({
4086
+ inputs: ['color', 'size']
4087
+ })
4088
+ @Component({
4089
+ selector: 'swirl-icon-ratio-square',
4090
+ changeDetection: ChangeDetectionStrategy.OnPush,
4091
+ template: '<ng-content></ng-content>',
4092
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4093
+ inputs: ['color', 'size'],
4094
+ })
4095
+ export class SwirlIconRatioSquare {
4096
+ protected el: HTMLElement;
4097
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4098
+ c.detach();
4099
+ this.el = r.nativeElement;
4100
+ }
4101
+ }
4102
+
4103
+
4104
+ export declare interface SwirlIconRatioSquare extends Components.SwirlIconRatioSquare {}
4105
+
4106
+
4107
+ @ProxyCmp({
4108
+ inputs: ['color', 'size']
4109
+ })
4110
+ @Component({
4111
+ selector: 'swirl-icon-ratio-three-to-four',
4112
+ changeDetection: ChangeDetectionStrategy.OnPush,
4113
+ template: '<ng-content></ng-content>',
4114
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4115
+ inputs: ['color', 'size'],
4116
+ })
4117
+ export class SwirlIconRatioThreeToFour {
4118
+ protected el: HTMLElement;
4119
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4120
+ c.detach();
4121
+ this.el = r.nativeElement;
4122
+ }
4123
+ }
4124
+
4125
+
4126
+ export declare interface SwirlIconRatioThreeToFour extends Components.SwirlIconRatioThreeToFour {}
4127
+
4128
+
4129
+ @ProxyCmp({
4130
+ inputs: ['color', 'size']
4131
+ })
4132
+ @Component({
4133
+ selector: 'swirl-icon-ratio-three-to-two',
4134
+ changeDetection: ChangeDetectionStrategy.OnPush,
4135
+ template: '<ng-content></ng-content>',
4136
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4137
+ inputs: ['color', 'size'],
4138
+ })
4139
+ export class SwirlIconRatioThreeToTwo {
4140
+ protected el: HTMLElement;
4141
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4142
+ c.detach();
4143
+ this.el = r.nativeElement;
4144
+ }
4145
+ }
4146
+
4147
+
4148
+ export declare interface SwirlIconRatioThreeToTwo extends Components.SwirlIconRatioThreeToTwo {}
4149
+
4150
+
3953
4151
  @ProxyCmp({
3954
4152
  inputs: ['color', 'size']
3955
4153
  })
@@ -4082,6 +4280,50 @@ export class SwirlIconRoadmap {
4082
4280
  export declare interface SwirlIconRoadmap extends Components.SwirlIconRoadmap {}
4083
4281
 
4084
4282
 
4283
+ @ProxyCmp({
4284
+ inputs: ['color', 'size']
4285
+ })
4286
+ @Component({
4287
+ selector: 'swirl-icon-rotate-left',
4288
+ changeDetection: ChangeDetectionStrategy.OnPush,
4289
+ template: '<ng-content></ng-content>',
4290
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4291
+ inputs: ['color', 'size'],
4292
+ })
4293
+ export class SwirlIconRotateLeft {
4294
+ protected el: HTMLElement;
4295
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4296
+ c.detach();
4297
+ this.el = r.nativeElement;
4298
+ }
4299
+ }
4300
+
4301
+
4302
+ export declare interface SwirlIconRotateLeft extends Components.SwirlIconRotateLeft {}
4303
+
4304
+
4305
+ @ProxyCmp({
4306
+ inputs: ['color', 'size']
4307
+ })
4308
+ @Component({
4309
+ selector: 'swirl-icon-rotate-right',
4310
+ changeDetection: ChangeDetectionStrategy.OnPush,
4311
+ template: '<ng-content></ng-content>',
4312
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4313
+ inputs: ['color', 'size'],
4314
+ })
4315
+ export class SwirlIconRotateRight {
4316
+ protected el: HTMLElement;
4317
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4318
+ c.detach();
4319
+ this.el = r.nativeElement;
4320
+ }
4321
+ }
4322
+
4323
+
4324
+ export declare interface SwirlIconRotateRight extends Components.SwirlIconRotateRight {}
4325
+
4326
+
4085
4327
  @ProxyCmp({
4086
4328
  inputs: ['color', 'size']
4087
4329
  })
@@ -4610,6 +4852,28 @@ export class SwirlIconVideoCamera {
4610
4852
  export declare interface SwirlIconVideoCamera extends Components.SwirlIconVideoCamera {}
4611
4853
 
4612
4854
 
4855
+ @ProxyCmp({
4856
+ inputs: ['color', 'size']
4857
+ })
4858
+ @Component({
4859
+ selector: 'swirl-icon-video-camera-off',
4860
+ changeDetection: ChangeDetectionStrategy.OnPush,
4861
+ template: '<ng-content></ng-content>',
4862
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4863
+ inputs: ['color', 'size'],
4864
+ })
4865
+ export class SwirlIconVideoCameraOff {
4866
+ protected el: HTMLElement;
4867
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
4868
+ c.detach();
4869
+ this.el = r.nativeElement;
4870
+ }
4871
+ }
4872
+
4873
+
4874
+ export declare interface SwirlIconVideoCameraOff extends Components.SwirlIconVideoCameraOff {}
4875
+
4876
+
4613
4877
  @ProxyCmp({
4614
4878
  inputs: ['color', 'size']
4615
4879
  })
@@ -4720,6 +4984,50 @@ export class SwirlIconWarning {
4720
4984
  export declare interface SwirlIconWarning extends Components.SwirlIconWarning {}
4721
4985
 
4722
4986
 
4987
+ @ProxyCmp({
4988
+ inputs: ['color', 'size']
4989
+ })
4990
+ @Component({
4991
+ selector: 'swirl-icon-web-asset',
4992
+ changeDetection: ChangeDetectionStrategy.OnPush,
4993
+ template: '<ng-content></ng-content>',
4994
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
4995
+ inputs: ['color', 'size'],
4996
+ })
4997
+ export class SwirlIconWebAsset {
4998
+ protected el: HTMLElement;
4999
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
5000
+ c.detach();
5001
+ this.el = r.nativeElement;
5002
+ }
5003
+ }
5004
+
5005
+
5006
+ export declare interface SwirlIconWebAsset extends Components.SwirlIconWebAsset {}
5007
+
5008
+
5009
+ @ProxyCmp({
5010
+ inputs: ['color', 'size']
5011
+ })
5012
+ @Component({
5013
+ selector: 'swirl-icon-web-asset-off',
5014
+ changeDetection: ChangeDetectionStrategy.OnPush,
5015
+ template: '<ng-content></ng-content>',
5016
+ // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
5017
+ inputs: ['color', 'size'],
5018
+ })
5019
+ export class SwirlIconWebAssetOff {
5020
+ protected el: HTMLElement;
5021
+ constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
5022
+ c.detach();
5023
+ this.el = r.nativeElement;
5024
+ }
5025
+ }
5026
+
5027
+
5028
+ export declare interface SwirlIconWebAssetOff extends Components.SwirlIconWebAssetOff {}
5029
+
5030
+
4723
5031
  @ProxyCmp({
4724
5032
  inputs: ['color', 'size']
4725
5033
  })
@@ -7240,27 +7548,29 @@ export declare interface SwirlThemeProvider extends Components.SwirlThemeProvide
7240
7548
 
7241
7549
 
7242
7550
  @ProxyCmp({
7243
- inputs: ['alt', 'format', 'interactive', 'progress', 'progressLabel', 'removeButtonLabel', 'showRemoveButton', 'size', 'src', 'timestamp']
7551
+ inputs: ['alt', 'editButtonIcon', 'editButtonLabel', 'format', 'interactive', 'progress', 'progressLabel', 'removeButtonLabel', 'showEditButton', 'showRemoveButton', 'size', 'src', 'timestamp']
7244
7552
  })
7245
7553
  @Component({
7246
7554
  selector: 'swirl-thumbnail',
7247
7555
  changeDetection: ChangeDetectionStrategy.OnPush,
7248
7556
  template: '<ng-content></ng-content>',
7249
7557
  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
7250
- inputs: ['alt', 'format', 'interactive', 'progress', 'progressLabel', 'removeButtonLabel', 'showRemoveButton', 'size', 'src', 'timestamp'],
7558
+ inputs: ['alt', 'editButtonIcon', 'editButtonLabel', 'format', 'interactive', 'progress', 'progressLabel', 'removeButtonLabel', 'showEditButton', 'showRemoveButton', 'size', 'src', 'timestamp'],
7251
7559
  })
7252
7560
  export class SwirlThumbnail {
7253
7561
  protected el: HTMLElement;
7254
7562
  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
7255
7563
  c.detach();
7256
7564
  this.el = r.nativeElement;
7257
- proxyOutputs(this, this.el, ['remove']);
7565
+ proxyOutputs(this, this.el, ['edit', 'remove']);
7258
7566
  }
7259
7567
  }
7260
7568
 
7261
7569
 
7262
7570
  export declare interface SwirlThumbnail extends Components.SwirlThumbnail {
7263
7571
 
7572
+ edit: EventEmitter<CustomEvent<MouseEvent>>;
7573
+
7264
7574
  remove: EventEmitter<CustomEvent<MouseEvent>>;
7265
7575
  }
7266
7576
 
@@ -66,6 +66,7 @@ export const DIRECTIVES = [
66
66
  d.SwirlIconArrowRight,
67
67
  d.SwirlIconArrowRightSmall,
68
68
  d.SwirlIconArrowUpward,
69
+ d.SwirlIconAspectRatio,
69
70
  d.SwirlIconAttachment,
70
71
  d.SwirlIconBarChart,
71
72
  d.SwirlIconBlock,
@@ -87,6 +88,7 @@ export const DIRECTIVES = [
87
88
  d.SwirlIconColumn,
88
89
  d.SwirlIconComment,
89
90
  d.SwirlIconCopy,
91
+ d.SwirlIconCrop,
90
92
  d.SwirlIconDarkMode,
91
93
  d.SwirlIconDateRange,
92
94
  d.SwirlIconDelete,
@@ -152,6 +154,7 @@ export const DIRECTIVES = [
152
154
  d.SwirlIconMenuFilled,
153
155
  d.SwirlIconMessage,
154
156
  d.SwirlIconMic,
157
+ d.SwirlIconMicOff,
155
158
  d.SwirlIconMoreHorizontal,
156
159
  d.SwirlIconMoreVertikal,
157
160
  d.SwirlIconNews,
@@ -175,12 +178,20 @@ export const DIRECTIVES = [
175
178
  d.SwirlIconPlayArrow,
176
179
  d.SwirlIconPoll,
177
180
  d.SwirlIconPrint,
181
+ d.SwirlIconRatioFourToThree,
182
+ d.SwirlIconRatioFreeform,
183
+ d.SwirlIconRatioSixteenToNine,
184
+ d.SwirlIconRatioSquare,
185
+ d.SwirlIconRatioThreeToFour,
186
+ d.SwirlIconRatioThreeToTwo,
178
187
  d.SwirlIconRecieved,
179
188
  d.SwirlIconRemove,
180
189
  d.SwirlIconRemoveModerator,
181
190
  d.SwirlIconReply,
182
191
  d.SwirlIconReport,
183
192
  d.SwirlIconRoadmap,
193
+ d.SwirlIconRotateLeft,
194
+ d.SwirlIconRotateRight,
184
195
  d.SwirlIconSearch,
185
196
  d.SwirlIconSearchStrong,
186
197
  d.SwirlIconSecure,
@@ -205,11 +216,14 @@ export const DIRECTIVES = [
205
216
  d.SwirlIconUserAdd,
206
217
  d.SwirlIconUserAssign,
207
218
  d.SwirlIconVideoCamera,
219
+ d.SwirlIconVideoCameraOff,
208
220
  d.SwirlIconVideoLibrary,
209
221
  d.SwirlIconVisibility,
210
222
  d.SwirlIconVisibilityOff,
211
223
  d.SwirlIconVoice,
212
224
  d.SwirlIconWarning,
225
+ d.SwirlIconWebAsset,
226
+ d.SwirlIconWebAssetOff,
213
227
  d.SwirlIconWork,
214
228
  d.SwirlImageGrid,
215
229
  d.SwirlImageGridItem,