@getflip/swirl-components-angular 0.236.1 → 0.238.0

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
 import { Components } from '@getflip/swirl-components';
 import type { SwirlAppLayoutMobileView as ISwirlAppLayoutSwirlAppLayoutMobileView } from '@getflip/swirl-components';
+import type { SwirlAppLayoutNavigationExpansionState as ISwirlAppLayoutSwirlAppLayoutNavigationExpansionState } from '@getflip/swirl-components';
 import type { SwirlAutocompleteValue as ISwirlAutocompleteSwirlAutocompleteValue } from '@getflip/swirl-components';
 import type { ComputePositionReturn as ISwirlPopoverComputePositionReturn } from '@getflip/swirl-components';
 import type { SwirlOSThemeChangeEventData as ISwirlThemeProviderSwirlOSThemeChangeEventData } from '@getflip/swirl-components';
@@ -88,12 +89,13 @@ export declare class SwirlAppLayout {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlAppLayout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlAppLayout, "swirl-app-layout", never, { "appName": { "alias": "appName"; "required": false; }; "backToNavigationViewButtonLabel": { "alias": "backToNavigationViewButtonLabel"; "required": false; }; "ctaIcon": { "alias": "ctaIcon"; "required": false; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; }; "hasNavigation": { "alias": "hasNavigation"; "required": false; }; "hideAppBar": { "alias": "hideAppBar"; "required": false; }; "navigationBackButtonLabel": { "alias": "navigationBackButtonLabel"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "showNavigationBackButton": { "alias": "showNavigationBackButton"; "required": false; }; "sidebarCloseButtonLabel": { "alias": "sidebarCloseButtonLabel"; "required": false; }; "sidebarHeading": { "alias": "sidebarHeading"; "required": false; }; "transitionStyle": { "alias": "transitionStyle"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlAppLayout, "swirl-app-layout", never, { "appName": { "alias": "appName"; "required": false; }; "backToNavigationViewButtonLabel": { "alias": "backToNavigationViewButtonLabel"; "required": false; }; "collapsibleNavigation": { "alias": "collapsibleNavigation"; "required": false; }; "ctaIcon": { "alias": "ctaIcon"; "required": false; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; }; "hasNavigation": { "alias": "hasNavigation"; "required": false; }; "hideAppBar": { "alias": "hideAppBar"; "required": false; }; "navigationBackButtonLabel": { "alias": "navigationBackButtonLabel"; "required": false; }; "navigationExpansionStateStorageKey": { "alias": "navigationExpansionStateStorageKey"; "required": false; }; "navigationLabel": { "alias": "navigationLabel"; "required": false; }; "navigationOverlayLabel": { "alias": "navigationOverlayLabel"; "required": false; }; "navigationToggleLabel": { "alias": "navigationToggleLabel"; "required": false; }; "showNavigationBackButton": { "alias": "showNavigationBackButton"; "required": false; }; "sidebarCloseButtonLabel": { "alias": "sidebarCloseButtonLabel"; "required": false; }; "sidebarHeading": { "alias": "sidebarHeading"; "required": false; }; "transitionStyle": { "alias": "transitionStyle"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlAppLayout extends Components.SwirlAppLayout {
     ctaClick: EventEmitter<CustomEvent<MouseEvent>>;
     mobileViewChange: EventEmitter<CustomEvent<ISwirlAppLayoutSwirlAppLayoutMobileView>>;
     navigationBackButtonClick: EventEmitter<CustomEvent<MouseEvent>>;
+    navigationExpansionStateChange: EventEmitter<CustomEvent<ISwirlAppLayoutSwirlAppLayoutNavigationExpansionState>>;
     sidebarToggle: EventEmitter<CustomEvent<boolean>>;
 }
 export declare class SwirlAutocomplete {
@@ -3276,7 +3278,7 @@ export declare class SwirlTreeViewItem {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SwirlTreeViewItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTreeViewItem, "swirl-tree-view-item", never, { "active": { "alias": "active"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "itemId": { "alias": "itemId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwirlTreeViewItem, "swirl-tree-view-item", never, { "active": { "alias": "active"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "itemId": { "alias": "itemId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SwirlTreeViewItem extends Components.SwirlTreeViewItem {
     expandedChange: EventEmitter<CustomEvent<boolean>>;

package/package.json

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

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

@@ -201,27 +201,28 @@ export declare interface SwirlAppIcon extends Components.SwirlAppIcon {}
 
 
 @ProxyCmp({
-  inputs: ['appName', 'backToNavigationViewButtonLabel', 'ctaIcon', 'ctaLabel', 'hasNavigation', 'hideAppBar', 'navigationBackButtonLabel', 'navigationLabel', 'showNavigationBackButton', 'sidebarCloseButtonLabel', 'sidebarHeading', 'transitionStyle'],
-  methods: ['showSidebar', 'hideSidebar', 'toggleSidebar', 'changeMobileView']
+  inputs: ['appName', 'backToNavigationViewButtonLabel', 'collapsibleNavigation', 'ctaIcon', 'ctaLabel', 'hasNavigation', 'hideAppBar', 'navigationBackButtonLabel', 'navigationExpansionStateStorageKey', 'navigationLabel', 'navigationOverlayLabel', 'navigationToggleLabel', 'showNavigationBackButton', 'sidebarCloseButtonLabel', 'sidebarHeading', 'transitionStyle'],
+  methods: ['showSidebar', 'hideSidebar', 'toggleSidebar', 'getCollapsibleNavigationState', 'setCollapsibleNavigationState', 'changeMobileView']
 })
 @Component({
   selector: 'swirl-app-layout',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['appName', 'backToNavigationViewButtonLabel', 'ctaIcon', 'ctaLabel', 'hasNavigation', 'hideAppBar', 'navigationBackButtonLabel', 'navigationLabel', 'showNavigationBackButton', 'sidebarCloseButtonLabel', 'sidebarHeading', 'transitionStyle'],
+  inputs: ['appName', 'backToNavigationViewButtonLabel', 'collapsibleNavigation', 'ctaIcon', 'ctaLabel', 'hasNavigation', 'hideAppBar', 'navigationBackButtonLabel', 'navigationExpansionStateStorageKey', 'navigationLabel', 'navigationOverlayLabel', 'navigationToggleLabel', 'showNavigationBackButton', 'sidebarCloseButtonLabel', 'sidebarHeading', 'transitionStyle'],
 })
 export class SwirlAppLayout {
   protected el: HTMLElement;
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
-    proxyOutputs(this, this.el, ['ctaClick', 'mobileViewChange', 'navigationBackButtonClick', 'sidebarToggle']);
+    proxyOutputs(this, this.el, ['ctaClick', 'mobileViewChange', 'navigationBackButtonClick', 'navigationExpansionStateChange', 'sidebarToggle']);
   }
 }
 
 
 import type { SwirlAppLayoutMobileView as ISwirlAppLayoutSwirlAppLayoutMobileView } from '@getflip/swirl-components';
+import type { SwirlAppLayoutNavigationExpansionState as ISwirlAppLayoutSwirlAppLayoutNavigationExpansionState } from '@getflip/swirl-components';
 
 export declare interface SwirlAppLayout extends Components.SwirlAppLayout {
 
@@ -231,6 +232,8 @@ export declare interface SwirlAppLayout extends Components.SwirlAppLayout {
 
   navigationBackButtonClick: EventEmitter<CustomEvent<MouseEvent>>;
 
+  navigationExpansionStateChange: EventEmitter<CustomEvent<ISwirlAppLayoutSwirlAppLayoutNavigationExpansionState>>;
+
   sidebarToggle: EventEmitter<CustomEvent<boolean>>;
 }
 
@@ -8047,7 +8050,7 @@ export declare interface SwirlTreeView extends Components.SwirlTreeView {
 
 
 @ProxyCmp({
-  inputs: ['active', 'href', 'icon', 'itemId', 'label'],
+  inputs: ['active', 'href', 'icon', 'iconColor', 'itemId', 'label'],
   methods: ['expand', 'collapse', 'select', 'unselect']
 })
 @Component({
@@ -8055,7 +8058,7 @@ export declare interface SwirlTreeView extends Components.SwirlTreeView {
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['active', 'href', 'icon', 'itemId', 'label'],
+  inputs: ['active', 'href', 'icon', 'iconColor', 'itemId', 'label'],
 })
 export class SwirlTreeViewItem {
   protected el: HTMLElement;