@pitchfork-ui/elements-angular 0.1.0 → 0.2.2

package/dist/types/pitchfork-ui-elements-angular.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { NgZone, EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { PfAccordionCustomEvent, Components, PfAccordionItemCustomEvent, PfAlertCustomEvent, PfButtonGroupCustomEvent, PfButtonGroupItemCustomEvent, PfCalendarCustomEvent, PfCarouselCustomEvent, PfCheckboxCustomEvent, PfCodeSnippetCustomEvent, PfCollapsibleCustomEvent, PfComboboxCustomEvent, PfCommandItemCustomEvent, PfCommandPaletteCustomEvent, PfContextMenuCustomEvent, PfDatePickerCustomEvent, PfDateRangePickerCustomEvent, PfDropdownCustomEvent, PfFileUploaderCustomEvent, PfInlineCtaCustomEvent, PfInputCustomEvent, PfMenuItemCustomEvent, PfModalCustomEvent, PfMultiSelectCustomEvent, PfNavSectionCustomEvent, PfNotificationCustomEvent, PfNumberInputCustomEvent, PfOptionCustomEvent, PfPaginationCustomEvent, PfPopoverCustomEvent, PfRadioButtonCustomEvent, PfRadioGroupCustomEvent, PfResizableCustomEvent, PfRichTextEditorCustomEvent, PfSelectCustomEvent, PfSlideoutMenuCustomEvent, PfSliderCustomEvent, PfSwitchCustomEvent, PfTabCustomEvent, PfTableCustomEvent, SortState, PfTableCellCustomEvent, PfTabsCustomEvent, PfTagCustomEvent, PfTagInputCustomEvent, PfTextareaCustomEvent, PfTimePickerCustomEvent, PfToasterCustomEvent, PfTreeItemCustomEvent, PfTreeViewCustomEvent } from '@pitchfork-ui/elements/components';
+import { PfAccordionCustomEvent, Components, PfAccordionItemCustomEvent, PfAlertCustomEvent, PfButtonGroupCustomEvent, PfButtonGroupItemCustomEvent, PfCalendarCustomEvent, PfCarouselCustomEvent, PfCheckboxCustomEvent, PfCodeSnippetCustomEvent, PfCollapsibleCustomEvent, PfComboboxCustomEvent, PfCommandItemCustomEvent, PfCommandPaletteCustomEvent, PfContextMenuCustomEvent, PfDatePickerCustomEvent, PfDateRangePickerCustomEvent, PfDropdownCustomEvent, PfFileUploaderCustomEvent, PfInlineCtaCustomEvent, PfInputCustomEvent, PfMenuItemCustomEvent, PfModalCustomEvent, PfMultiSelectCustomEvent, PfNavItemCustomEvent, PfNavSectionCustomEvent, PfNotificationCustomEvent, PfNumberInputCustomEvent, PfOptionCustomEvent, PfPaginationCustomEvent, PfPopoverCustomEvent, PfRadioButtonCustomEvent, PfRadioGroupCustomEvent, PfResizableCustomEvent, PfRichTextEditorCustomEvent, PfSelectCustomEvent, PfSlideoutMenuCustomEvent, PfSliderCustomEvent, PfSwitchCustomEvent, PfTabCustomEvent, PfTableCustomEvent, SortState, PfTableCellCustomEvent, PfTabsCustomEvent, PfTagCustomEvent, PfTagInputCustomEvent, PfTextareaCustomEvent, PfTimePickerCustomEvent, PfToasterCustomEvent, PfTreeItemCustomEvent, PfTreeViewCustomEvent } from '@pitchfork-ui/elements/components';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class PfAccordion {
@@ -811,11 +811,28 @@ declare interface PfMultiSelect extends Components.PfMultiSelect {
 declare class PfNavItem {
     protected z: NgZone;
     protected el: HTMLPfNavItemElement;
+    pfNavStructure: EventEmitter<PfNavItemCustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PfNavItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PfNavItem, "pf-nav-item", never, { "current": { "alias": "current"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PfNavItem, "pf-nav-item", never, { "current": { "alias": "current"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "pfNavStructure": "pfNavStructure"; }, never, ["*"], true, never>;
 }
 declare interface PfNavItem extends Components.PfNavItem {
+    /**
+     * Tells the group the ask changed, so it can resolve again.
+  
+  The same event `pf-nav-section` emits when its items move, because the
+  groups do the same thing with both: re-read every item and resolve the
+  one current page. Without this a navigation resolves at load and never
+  again for a consumer who marks items through the *property*, which is
+  every framework consumer — the generated bindings set props as
+  properties, so there is no attribute change and no `slotchange` either.
+  The symptom is a navigation whose highlight never moves while the router
+  works perfectly, which is what porting `apps/demo` ran into.
+  
+  `current` only. Watching `currentPage` would loop, since that is what the
+  group writes back.
+     */
+    pfNavStructure: EventEmitter<PfNavItemCustomEvent<void>>;
 }
 declare class PfNavSection {
     protected z: NgZone;
@@ -942,7 +959,7 @@ declare class PfPopover {
     }>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PfPopover, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PfPopover, "pf-popover", never, { "align": { "alias": "align"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "pfOpenChange": "pfOpenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PfPopover, "pf-popover", never, { "align": { "alias": "align"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "pfOpenChange": "pfOpenChange"; }, never, ["*"], true, never>;
 }
 declare interface PfPopover extends Components.PfPopover {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pitchfork-ui/elements-angular",
-  "version": "0.1.0",
-  "description": "Angular bindings for @pitchfork-ui/elements \u2014 standalone components and ControlValueAccessor directives generated from the Pitchfork UI custom elements.",
+  "version": "0.2.2",
+  "description": "Angular bindings for @pitchfork-ui/elements — standalone components and ControlValueAccessor directives generated from the Pitchfork UI custom elements.",
   "license": "MIT",
   "author": "Leland Rangel",
   "homepage": "https://lelandrangel.com/pitchfork-ui/",
@@ -27,7 +27,7 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@pitchfork-ui/elements": "^0.1.0",
+    "@pitchfork-ui/elements": "^0.3.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {