@getflip/swirl-components-angular 0.162.0 → 0.164.0

package/dist/component-library/lib/stencil-generated/components.d.ts

@@ -140,13 +140,21 @@ export declare class SwirlAutocomplete {
     static ɵcmp: i0.ɵɵComponentDeclaration<SwirlAutocomplete, "swirl-autocomplete", never, { "autoSelect": "autoSelect"; "clearButtonLabel": "clearButtonLabel"; "clearable": "clearable"; "disabled": "disabled"; "generateSuggestions": "generateSuggestions"; "inline": "inline"; "invalid": "invalid"; "maxLength": "maxLength"; "menuLabel": "menuLabel"; "mode": "mode"; "multiSelect": "multiSelect"; "placeholder": "placeholder"; "required": "required"; "spellCheck": "spellCheck"; "swirlAriaDescribedby": "swirlAriaDescribedby"; "value": "value"; }, {}, never, ["*"], false>;
 }
 export declare interface SwirlAvatar extends Components.SwirlAvatar {
+    /**
+     *
+     */
+    imageError: EventEmitter<CustomEvent<void>>;
+    /**
+     *
+     */
+    imageLoad: EventEmitter<CustomEvent<void>>;
 }
 export declare class SwirlAvatar {
     protected z: NgZone;
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlAvatar, "swirl-avatar", never, { "badge": "badge"; "badgePosition": "badgePosition"; "color": "color"; "icon": "icon"; "initials": "initials"; "interactive": "interactive"; "label": "label"; "showLabel": "showLabel"; "size": "size"; "src": "src"; "toolPosition": "toolPosition"; "variant": "variant"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlAvatar, "swirl-avatar", never, { "badge": "badge"; "badgePosition": "badgePosition"; "color": "color"; "icon": "icon"; "initials": "initials"; "interactive": "interactive"; "label": "label"; "loading": "loading"; "showLabel": "showLabel"; "size": "size"; "src": "src"; "toolPosition": "toolPosition"; "variant": "variant"; }, {}, never, ["*"], false>;
 }
 export declare interface SwirlAvatarGroup extends Components.SwirlAvatarGroup {
 }
@@ -190,7 +198,7 @@ export declare class SwirlBox {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlBox, "swirl-box", never, { "bordered": "bordered"; "borderedBlockEnd": "borderedBlockEnd"; "borderedBlockStart": "borderedBlockStart"; "borderedInlineEnd": "borderedInlineEnd"; "borderedInlineStart": "borderedInlineStart"; "bottom": "bottom"; "centerBlock": "centerBlock"; "centerInline": "centerInline"; "cover": "cover"; "height": "height"; "left": "left"; "maxHeight": "maxHeight"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "overflow": "overflow"; "padding": "padding"; "paddingBlockEnd": "paddingBlockEnd"; "paddingBlockStart": "paddingBlockStart"; "paddingInlineEnd": "paddingInlineEnd"; "paddingInlineStart": "paddingInlineStart"; "position": "position"; "right": "right"; "shrink": "shrink"; "top": "top"; "width": "width"; "zIndex": "zIndex"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlBox, "swirl-box", never, { "basis": "basis"; "bordered": "bordered"; "borderedBlockEnd": "borderedBlockEnd"; "borderedBlockStart": "borderedBlockStart"; "borderedInlineEnd": "borderedInlineEnd"; "borderedInlineStart": "borderedInlineStart"; "bottom": "bottom"; "centerBlock": "centerBlock"; "centerInline": "centerInline"; "cover": "cover"; "grow": "grow"; "height": "height"; "left": "left"; "maxHeight": "maxHeight"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "overflow": "overflow"; "padding": "padding"; "paddingBlockEnd": "paddingBlockEnd"; "paddingBlockStart": "paddingBlockStart"; "paddingInlineEnd": "paddingInlineEnd"; "paddingInlineStart": "paddingInlineStart"; "position": "position"; "right": "right"; "shrink": "shrink"; "top": "top"; "width": "width"; "zIndex": "zIndex"; }, {}, never, ["*"], false>;
 }
 export declare interface SwirlButton extends Components.SwirlButton {
 }
@@ -1995,6 +2003,14 @@ export declare class SwirlImageGrid {
     static ɵcmp: i0.ɵɵComponentDeclaration<SwirlImageGrid, "swirl-image-grid", never, { "aspectRatio": "aspectRatio"; "label": "label"; }, {}, never, ["*"], false>;
 }
 export declare interface SwirlImageGridItem extends Components.SwirlImageGridItem {
+    /**
+     *
+     */
+    imageError: EventEmitter<CustomEvent<void>>;
+    /**
+     *
+     */
+    imageLoad: EventEmitter<CustomEvent<void>>;
 }
 export declare class SwirlImageGridItem {
     protected z: NgZone;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-angular",
-  "version": "0.162.0",
+  "version": "0.164.0",
   "scripts": {
     "ng": "ng",
     "build": "ng build"
@@ -14,7 +14,7 @@
     "@angular/platform-browser": "^14.1.0",
     "@angular/platform-browser-dynamic": "^14.1.0",
     "@angular/router": "^14.1.0",
-    "@getflip/swirl-components": "^0.162.0",
+    "@getflip/swirl-components": "^0.164.0",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"

package/projects/component-library/src/lib/stencil-generated/components.ts

@@ -274,23 +274,34 @@ export class SwirlAutocomplete {
 }
 
 
-export declare interface SwirlAvatar extends Components.SwirlAvatar {}
+export declare interface SwirlAvatar extends Components.SwirlAvatar {
+  /**
+   *  
+   */
+  imageError: EventEmitter<CustomEvent<void>>;
+  /**
+   *  
+   */
+  imageLoad: EventEmitter<CustomEvent<void>>;
+
+}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'showLabel', 'size', 'src', 'toolPosition', 'variant']
+  inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'loading', 'showLabel', 'size', 'src', 'toolPosition', 'variant']
 })
 @Component({
   selector: 'swirl-avatar',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'showLabel', 'size', 'src', 'toolPosition', 'variant']
+  inputs: ['badge', 'badgePosition', 'color', 'icon', 'initials', 'interactive', 'label', 'loading', 'showLabel', 'size', 'src', 'toolPosition', 'variant']
 })
 export class SwirlAvatar {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['imageError', 'imageLoad']);
   }
 }
 
@@ -373,13 +384,13 @@ export declare interface SwirlBox extends Components.SwirlBox {}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
-  inputs: ['bordered', 'borderedBlockEnd', 'borderedBlockStart', 'borderedInlineEnd', 'borderedInlineStart', 'bottom', 'centerBlock', 'centerInline', 'cover', 'height', 'left', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBlockEnd', 'paddingBlockStart', 'paddingInlineEnd', 'paddingInlineStart', 'position', 'right', 'shrink', 'top', 'width', 'zIndex']
+  inputs: ['basis', 'bordered', 'borderedBlockEnd', 'borderedBlockStart', 'borderedInlineEnd', 'borderedInlineStart', 'bottom', 'centerBlock', 'centerInline', 'cover', 'grow', 'height', 'left', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBlockEnd', 'paddingBlockStart', 'paddingInlineEnd', 'paddingInlineStart', 'position', 'right', 'shrink', 'top', 'width', 'zIndex']
 })
 @Component({
   selector: 'swirl-box',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
-  inputs: ['bordered', 'borderedBlockEnd', 'borderedBlockStart', 'borderedInlineEnd', 'borderedInlineStart', 'bottom', 'centerBlock', 'centerInline', 'cover', 'height', 'left', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBlockEnd', 'paddingBlockStart', 'paddingInlineEnd', 'paddingInlineStart', 'position', 'right', 'shrink', 'top', 'width', 'zIndex']
+  inputs: ['basis', 'bordered', 'borderedBlockEnd', 'borderedBlockStart', 'borderedInlineEnd', 'borderedInlineStart', 'bottom', 'centerBlock', 'centerInline', 'cover', 'grow', 'height', 'left', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'overflow', 'padding', 'paddingBlockEnd', 'paddingBlockStart', 'paddingInlineEnd', 'paddingInlineStart', 'position', 'right', 'shrink', 'top', 'width', 'zIndex']
 })
 export class SwirlBox {
   protected el: HTMLElement;
@@ -4525,7 +4536,17 @@ export class SwirlImageGrid {
 }
 
 
-export declare interface SwirlImageGridItem extends Components.SwirlImageGridItem {}
+export declare interface SwirlImageGridItem extends Components.SwirlImageGridItem {
+  /**
+   *  
+   */
+  imageError: EventEmitter<CustomEvent<void>>;
+  /**
+   *  
+   */
+  imageLoad: EventEmitter<CustomEvent<void>>;
+
+}
 
 @ProxyCmp({
   defineCustomElementFn: undefined,
@@ -4542,6 +4563,7 @@ export class SwirlImageGridItem {
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['imageError', 'imageLoad']);
   }
 }