@getflip/swirl-components-angular 0.528.0 → 0.530.0-beta-20260918114248

package/.turbo/turbo-build.log

@@ -21,6 +21,6 @@ Built Angular Package
  - to:   /home/runner/work/swirl/swirl/packages/swirl-components-angular/dist/component-library
 ------------------------------------------------------------------------------
 
-Build at: 2026-09-15T10:49:41.383Z - Time: 10721ms
+Build at: 2026-09-18T11:42:40.072Z - Time: 13647ms
 
-Done in 12.61s.
+Done in 16.11s.

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @getflip/swirl-components-angular
 
+## 0.530.0-beta-20260918114248
+
+### Patch Changes
+
+- Updated dependencies
+  [[`ca5a59b99`](https://github.com/getflip/swirl/commit/ca5a59b99d89b62c31a68af9e277ff1dbe7c5340),
+  [`20e5e7d51`](https://github.com/getflip/swirl/commit/20e5e7d5137c32d2b4f6a9480c9528d70871fec4)]:
+  - @getflip/swirl-components@0.530.0-beta-20260918114248
+
+## 0.529.0
+
+### Minor Changes
+
+- [#1790](https://github.com/getflip/swirl/pull/1790)
+  [`627d06f18`](https://github.com/getflip/swirl/commit/627d06f181825ae0af5bf26c6c14455038a04e3f)
+  Thanks [@danizep](https://github.com/danizep)! - Add `trigger` prop to
+  swirl-popover-trigger (`click` | `hover` | `focus`, array or space-separated
+  string) so popovers used as hover cards are keyboard accessible (WCAG 1.4.13).
+
+  Deprecates `triggerOnClick` and `triggerOnHover`; `triggerOnHover="true"` now
+  also opens the popover on keyboard focus.
+
+### Patch Changes
+
+- [#1806](https://github.com/getflip/swirl/pull/1806)
+  [`dabcc0e33`](https://github.com/getflip/swirl/commit/dabcc0e334f584eea3bb7d494c20a99a14a6f158)
+  Thanks [@danizep](https://github.com/danizep)! - Fix SwirlFileViewer video
+  rendering: videos now fill the available stage and letterbox the picture, so
+  extremely wide/short videos are no longer covered by the native controls bar,
+  and tall videos no longer overflow their container.
+- Updated dependencies
+  [[`dabcc0e33`](https://github.com/getflip/swirl/commit/dabcc0e334f584eea3bb7d494c20a99a14a6f158),
+  [`627d06f18`](https://github.com/getflip/swirl/commit/627d06f181825ae0af5bf26c6c14455038a04e3f)]:
+  - @getflip/swirl-components@0.529.0
+
 ## 0.528.0
 
 ### Minor Changes

package/dist/component-library/fesm2022/getflip-swirl-components-angular.mjs

@@ -154,11 +154,11 @@ let SwirlActionListItem = class SwirlActionListItem {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlActionListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlActionListItem, isStandalone: false, selector: "swirl-action-list-item", inputs: { badge: "badge", description: "description", disabled: "disabled", icon: "icon", iconBadge: "iconBadge", intent: "intent", label: "label", size: "size", suffix: "suffix", swirlAriaExpanded: "swirlAriaExpanded", swirlAriaHaspopup: "swirlAriaHaspopup", truncateLabel: "truncateLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlActionListItem, isStandalone: false, selector: "swirl-action-list-item", inputs: { badge: "badge", description: "description", disabled: "disabled", icon: "icon", iconBadge: "iconBadge", intent: "intent", label: "label", size: "size", suffix: "suffix", swirlAriaDescribedby: "swirlAriaDescribedby", swirlAriaDisabled: "swirlAriaDisabled", swirlAriaExpanded: "swirlAriaExpanded", swirlAriaHaspopup: "swirlAriaHaspopup", truncateLabel: "truncateLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlActionListItem = __decorate([
     ProxyCmp({
-        inputs: ['badge', 'description', 'disabled', 'icon', 'iconBadge', 'intent', 'label', 'size', 'suffix', 'swirlAriaExpanded', 'swirlAriaHaspopup', 'truncateLabel']
+        inputs: ['badge', 'description', 'disabled', 'icon', 'iconBadge', 'intent', 'label', 'size', 'suffix', 'swirlAriaDescribedby', 'swirlAriaDisabled', 'swirlAriaExpanded', 'swirlAriaHaspopup', 'truncateLabel']
     })
 ], SwirlActionListItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlActionListItem, decorators: [{
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['badge', 'description', 'disabled', 'icon', 'iconBadge', 'intent', { name: 'label', required: true }, 'size', 'suffix', 'swirlAriaExpanded', 'swirlAriaHaspopup', 'truncateLabel'],
+                    inputs: ['badge', 'description', 'disabled', 'icon', 'iconBadge', 'intent', { name: 'label', required: true }, 'size', 'suffix', 'swirlAriaDescribedby', 'swirlAriaDisabled', 'swirlAriaExpanded', 'swirlAriaHaspopup', 'truncateLabel'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -10368,11 +10368,11 @@ let SwirlPopoverTrigger = class SwirlPopoverTrigger {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlPopoverTrigger, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlPopoverTrigger, isStandalone: false, selector: "swirl-popover-trigger", inputs: { hidePopoverWhenInvisible: "hidePopoverWhenInvisible", hoverDelay: "hoverDelay", hoverLingerDuration: "hoverLingerDuration", parentScrollContainer: "parentScrollContainer", setAriaAttributes: "setAriaAttributes", swirlPopover: "swirlPopover", triggerOnClick: "triggerOnClick", triggerOnHover: "triggerOnHover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlPopoverTrigger, isStandalone: false, selector: "swirl-popover-trigger", inputs: { hidePopoverWhenInvisible: "hidePopoverWhenInvisible", hoverDelay: "hoverDelay", hoverLingerDuration: "hoverLingerDuration", parentScrollContainer: "parentScrollContainer", setAriaAttributes: "setAriaAttributes", swirlPopover: "swirlPopover", trigger: "trigger", triggerOnClick: "triggerOnClick", triggerOnHover: "triggerOnHover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlPopoverTrigger = __decorate([
     ProxyCmp({
-        inputs: ['hidePopoverWhenInvisible', 'hoverDelay', 'hoverLingerDuration', 'parentScrollContainer', 'setAriaAttributes', 'swirlPopover', 'triggerOnClick', 'triggerOnHover']
+        inputs: ['hidePopoverWhenInvisible', 'hoverDelay', 'hoverLingerDuration', 'parentScrollContainer', 'setAriaAttributes', 'swirlPopover', 'trigger', 'triggerOnClick', 'triggerOnHover']
     })
 ], SwirlPopoverTrigger);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlPopoverTrigger, decorators: [{
@@ -10382,7 +10382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['hidePopoverWhenInvisible', 'hoverDelay', 'hoverLingerDuration', 'parentScrollContainer', 'setAriaAttributes', { name: 'swirlPopover', required: true }, 'triggerOnClick', 'triggerOnHover'],
+                    inputs: ['hidePopoverWhenInvisible', 'hoverDelay', 'hoverLingerDuration', 'parentScrollContainer', 'setAriaAttributes', { name: 'swirlPopover', required: true }, 'trigger', 'triggerOnClick', 'triggerOnHover'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
@@ -10533,14 +10533,14 @@ let SwirlResourceListItem = class SwirlResourceListItem {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['activate', 'toggleDrag', 'valueChange']);
+        proxyOutputs(this, this.el, ['toggleDrag', 'valueChange']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlResourceListItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlResourceListItem, isStandalone: false, selector: "swirl-resource-list-item", inputs: { active: "active", alignItems: "alignItems", allowDrag: "allowDrag", allowHtml: "allowHtml", checkboxLabel: "checkboxLabel", checked: "checked", compact: "compact", description: "description", descriptionWrap: "descriptionWrap", disabled: "disabled", dragHandleDescription: "dragHandleDescription", dragHandleLabel: "dragHandleLabel", dragging: "dragging", hideDivider: "hideDivider", href: "href", interactive: "interactive", label: "label", labelMinHeight: "labelMinHeight", labelTooltip: "labelTooltip", labelTooltipPosition: "labelTooltipPosition", labelWeight: "labelWeight", labelWrap: "labelWrap", labelWrapMaxLines: "labelWrapMaxLines", menuTriggerId: "menuTriggerId", menuTriggerLabel: "menuTriggerLabel", meta: "meta", rel: "rel", selectable: "selectable", selectionMode: "selectionMode", swirlAriaCurrent: "swirlAriaCurrent", swirlAriaLabel: "swirlAriaLabel", target: "target", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.23", type: SwirlResourceListItem, isStandalone: false, selector: "swirl-resource-list-item", inputs: { active: "active", alignItems: "alignItems", allowDrag: "allowDrag", allowHtml: "allowHtml", checked: "checked", compact: "compact", description: "description", descriptionWrap: "descriptionWrap", disabled: "disabled", dragHandleDescription: "dragHandleDescription", dragHandleLabel: "dragHandleLabel", dragging: "dragging", hideDivider: "hideDivider", href: "href", interactive: "interactive", label: "label", labelMinHeight: "labelMinHeight", labelTooltip: "labelTooltip", labelTooltipPosition: "labelTooltipPosition", labelWeight: "labelWeight", labelWrap: "labelWrap", labelWrapMaxLines: "labelWrapMaxLines", menuTriggerId: "menuTriggerId", menuTriggerLabel: "menuTriggerLabel", meta: "meta", rel: "rel", selectable: "selectable", swirlAriaCurrent: "swirlAriaCurrent", swirlAriaLabel: "swirlAriaLabel", target: "target", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SwirlResourceListItem = __decorate([
     ProxyCmp({
-        inputs: ['active', 'alignItems', 'allowDrag', 'allowHtml', 'checkboxLabel', 'checked', 'compact', 'description', 'descriptionWrap', 'disabled', 'dragHandleDescription', 'dragHandleLabel', 'dragging', 'hideDivider', 'href', 'interactive', 'label', 'labelMinHeight', 'labelTooltip', 'labelTooltipPosition', 'labelWeight', 'labelWrap', 'labelWrapMaxLines', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'rel', 'selectable', 'selectionMode', 'swirlAriaCurrent', 'swirlAriaLabel', 'target', 'value']
+        inputs: ['active', 'alignItems', 'allowDrag', 'allowHtml', 'checked', 'compact', 'description', 'descriptionWrap', 'disabled', 'dragHandleDescription', 'dragHandleLabel', 'dragging', 'hideDivider', 'href', 'interactive', 'label', 'labelMinHeight', 'labelTooltip', 'labelTooltipPosition', 'labelWeight', 'labelWrap', 'labelWrapMaxLines', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'rel', 'selectable', 'swirlAriaCurrent', 'swirlAriaLabel', 'target', 'value']
     })
 ], SwirlResourceListItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImport: i0, type: SwirlResourceListItem, decorators: [{
@@ -10550,7 +10550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.23", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'alignItems', 'allowDrag', 'allowHtml', 'checkboxLabel', 'checked', 'compact', 'description', 'descriptionWrap', 'disabled', 'dragHandleDescription', 'dragHandleLabel', 'dragging', 'hideDivider', 'href', 'interactive', { name: 'label', required: true }, 'labelMinHeight', 'labelTooltip', 'labelTooltipPosition', 'labelWeight', 'labelWrap', 'labelWrapMaxLines', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'rel', 'selectable', 'selectionMode', 'swirlAriaCurrent', 'swirlAriaLabel', 'target', 'value'],
+                    inputs: ['active', 'alignItems', 'allowDrag', 'allowHtml', 'checked', 'compact', 'description', 'descriptionWrap', 'disabled', 'dragHandleDescription', 'dragHandleLabel', 'dragging', 'hideDivider', 'href', 'interactive', { name: 'label', required: true }, 'labelMinHeight', 'labelTooltip', 'labelTooltipPosition', 'labelWeight', 'labelWrap', 'labelWrapMaxLines', 'menuTriggerId', 'menuTriggerLabel', 'meta', 'rel', 'selectable', 'swirlAriaCurrent', 'swirlAriaLabel', 'target', 'value'],
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });