ng-primitives 0.48.0 → 0.50.0

package/fesm2022/ng-primitives-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toggle.mjs","sources":["../../../../packages/ng-primitives/toggle/src/toggle/toggle-state.ts","../../../../packages/ng-primitives/toggle/src/toggle/toggle.ts","../../../../packages/ng-primitives/toggle/src/ng-primitives-toggle.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpToggle } from './toggle';\n\n/**\n * The state token  for the Toggle primitive.\n */\nexport const NgpToggleStateToken = createStateToken<NgpToggle>('Toggle');\n\n/**\n * Provides the Toggle state.\n */\nexport const provideToggleState = createStateProvider(NgpToggleStateToken);\n\n/**\n * Injects the Toggle state.\n */\nexport const injectToggleState = createStateInjector(NgpToggleStateToken);\n\n/**\n * The Toggle state registration function.\n */\nexport const toggleState = createState(NgpToggleStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { provideToggleState, toggleState } from './toggle-state';\n\n/**\n * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.\n */\n@Directive({\n  selector: '[ngpToggle]',\n  exportAs: 'ngpToggle',\n  providers: [provideToggleState()],\n  host: {\n    '[attr.type]': 'isButton ? \"button\" : null',\n    '[attr.aria-pressed]': 'state.selected()',\n    '[attr.data-selected]': 'state.selected() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n  },\n})\nexport class NgpToggle {\n  /**\n   * Access the element.\n   */\n  private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Whether the toggle is selected.\n   * @default false\n   */\n  readonly selected = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleSelected',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange = output<boolean>({\n    alias: 'ngpToggleSelectedChange',\n  });\n\n  /**\n   * Whether the toggle is disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the element is a button.\n   */\n  protected isButton = this.element.nativeElement.tagName === 'BUTTON';\n\n  /**\n   * The state for the toggle primitive.\n   * @internal\n   */\n  protected readonly state = toggleState<NgpToggle>(this);\n\n  /**\n   * Toggle the selected state.\n   */\n  @HostListener('click')\n  toggle(): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    this.state.selected.set(!this.state.selected());\n    this.selectedChange.emit(this.state.selected());\n  }\n\n  /**\n   * If the element is not a button or a link the space key should toggle the selected state.\n   */\n  @HostListener('keydown.space', ['$event'])\n  protected onKeyDown(event: KeyboardEvent): void {\n    if (!this.isButton && this.element.nativeElement.tagName !== 'A') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAQA;;AAEG;AACI,MAAM,mBAAmB,GAAG,gBAAgB,CAAY,QAAQ,CAAC;AAExE;;AAEG;MACU,kBAAkB,GAAG,mBAAmB,CAAC,mBAAmB;AAEzE;;AAEG;MACU,iBAAiB,GAAG,mBAAmB,CAAC,mBAAmB;AAExE;;AAEG;AACI,MAAM,WAAW,GAAG,WAAW,CAAC,mBAAmB,CAAC;;ACd3D;;AAEG;MAYU,SAAS,CAAA;AAXtB,IAAA,WAAA,GAAA;AAYE;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEtE;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAE;AACtD,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC;AAEF;;AAEG;QACM,IAAc,CAAA,cAAA,GAAG,MAAM,CAAU;AACxC,YAAA,KAAK,EAAE,yBAAyB;AACjC,SAAA,CAAC;AAEF;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAE;AACtD,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC;AAEF;;AAEG;QACO,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ;AAEpE;;;AAGG;AACgB,QAAA,IAAA,CAAA,KAAK,GAAG,WAAW,CAAY,IAAI,CAAC;AAyBxD;AAvBC;;AAEG;IAEH,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE;YACzB;;AAGF,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC/C,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;;AAGjD;;AAEG;AAEO,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,EAAE;YAChE,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,MAAM,EAAE;;;+GA9DN,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,SAAS,EART,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,gCAAA,EAAA,oBAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,kBAAkB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAQtB,SAAS,EAAA,UAAA,EAAA,CAAA;kBAXrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,SAAS,EAAE,CAAC,kBAAkB,EAAE,CAAC;AACjC,oBAAA,IAAI,EAAE;AACJ,wBAAA,aAAa,EAAE,4BAA4B;AAC3C,wBAAA,qBAAqB,EAAE,kBAAkB;AACzC,wBAAA,sBAAsB,EAAE,8BAA8B;AACtD,wBAAA,sBAAsB,EAAE,8BAA8B;AACvD,qBAAA;AACF,iBAAA;8BA+CC,MAAM,EAAA,CAAA;sBADL,YAAY;uBAAC,OAAO;gBAcX,SAAS,EAAA,CAAA;sBADlB,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;ACpF3C;;AAEG;;;;"}
+{"version":3,"file":"ng-primitives-toggle.mjs","sources":["../../../../packages/ng-primitives/toggle/src/toggle/toggle-state.ts","../../../../packages/ng-primitives/toggle/src/toggle/toggle.ts","../../../../packages/ng-primitives/toggle/src/ng-primitives-toggle.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpToggle } from './toggle';\n\n/**\n * The state token  for the Toggle primitive.\n */\nexport const NgpToggleStateToken = createStateToken<NgpToggle>('Toggle');\n\n/**\n * Provides the Toggle state.\n */\nexport const provideToggleState = createStateProvider(NgpToggleStateToken);\n\n/**\n * Injects the Toggle state.\n */\nexport const injectToggleState = createStateInjector<NgpToggle>(NgpToggleStateToken);\n\n/**\n * The Toggle state registration function.\n */\nexport const toggleState = createState(NgpToggleStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  Directive,\n  ElementRef,\n  HostListener,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { provideToggleState, toggleState } from './toggle-state';\n\n/**\n * Apply the `ngpToggle` directive to an element to manage the toggle state. This must be applied to a `button` element.\n */\n@Directive({\n  selector: '[ngpToggle]',\n  exportAs: 'ngpToggle',\n  providers: [provideToggleState()],\n  host: {\n    '[attr.type]': 'isButton ? \"button\" : null',\n    '[attr.aria-pressed]': 'state.selected()',\n    '[attr.data-selected]': 'state.selected() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n  },\n})\nexport class NgpToggle {\n  /**\n   * Access the element.\n   */\n  private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Whether the toggle is selected.\n   * @default false\n   */\n  readonly selected = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleSelected',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Emits when the selected state changes.\n   */\n  readonly selectedChange = output<boolean>({\n    alias: 'ngpToggleSelectedChange',\n  });\n\n  /**\n   * Whether the toggle is disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpToggleDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Determine if the element is a button.\n   */\n  protected isButton = this.element.nativeElement.tagName === 'BUTTON';\n\n  /**\n   * The state for the toggle primitive.\n   * @internal\n   */\n  protected readonly state = toggleState<NgpToggle>(this);\n\n  /**\n   * Toggle the selected state.\n   */\n  @HostListener('click')\n  toggle(): void {\n    if (this.state.disabled()) {\n      return;\n    }\n\n    const isSelected = !this.state.selected();\n\n    this.state.selected.set(isSelected);\n    this.selectedChange.emit(isSelected);\n  }\n\n  /**\n   * If the element is not a button or a link the space key should toggle the selected state.\n   */\n  @HostListener('keydown.space', ['$event'])\n  protected onKeyDown(event: KeyboardEvent): void {\n    if (!this.isButton && this.element.nativeElement.tagName !== 'A') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-toolbar.mjs","sources":["../../../../packages/ng-primitives/toolbar/src/toolbar/toolbar-state.ts","../../../../packages/ng-primitives/toolbar/src/toolbar/toolbar.ts","../../../../packages/ng-primitives/toolbar/src/ng-primitives-toolbar.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpToolbar } from './toolbar';\n\n/**\n * The state token  for the Toolbar primitive.\n */\nexport const NgpToolbarStateToken = createStateToken<NgpToolbar>('Toolbar');\n\n/**\n * Provides the Toolbar state.\n */\nexport const provideToolbarState = createStateProvider(NgpToolbarStateToken);\n\n/**\n * Injects the Toolbar state.\n */\nexport const injectToolbarState = createStateInjector(NgpToolbarStateToken);\n\n/**\n * The Toolbar state registration function.\n */\nexport const toolbarState = createState(NgpToolbarStateToken);\n","import { Directive, input } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { syncState } from 'ng-primitives/internal';\nimport { injectRovingFocusGroupState, NgpRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport { provideToolbarState, toolbarState } from './toolbar-state';\n\n@Directive({\n  selector: '[ngpToolbar]',\n  exportAs: 'ngpToolbar',\n  providers: [provideToolbarState()],\n  hostDirectives: [NgpRovingFocusGroup],\n  host: {\n    role: 'toolbar',\n    '[attr.aria-orientation]': 'state.orientation()',\n    '[attr.data-orientation]': 'state.orientation()',\n  },\n})\nexport class NgpToolbar {\n  /**\n   * Access the roving focus group state.\n   */\n  private readonly rovingFocusGroup = injectRovingFocusGroupState();\n\n  /**\n   * The orientation of the toolbar.\n   */\n  readonly orientation = input<NgpOrientation>('horizontal', {\n    alias: 'ngpToolbarOrientation',\n  });\n\n  /**\n   * The toolbar state.\n   */\n  protected readonly state = toolbarState<NgpToolbar>(this);\n\n  constructor() {\n    syncState(this.state.orientation, this.rovingFocusGroup().orientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAQA;;AAEG;AACI,MAAM,oBAAoB,GAAG,gBAAgB,CAAa,SAAS,CAAC;AAE3E;;AAEG;MACU,mBAAmB,GAAG,mBAAmB,CAAC,oBAAoB;AAE3E;;AAEG;MACU,kBAAkB,GAAG,mBAAmB,CAAC,oBAAoB;AAE1E;;AAEG;AACI,MAAM,YAAY,GAAG,WAAW,CAAC,oBAAoB,CAAC;;MCThD,UAAU,CAAA;AAkBrB,IAAA,WAAA,GAAA;AAjBA;;AAEG;QACc,IAAgB,CAAA,gBAAA,GAAG,2BAA2B,EAAE;AAEjE;;AAEG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAiB,YAAY,EAAE;AACzD,YAAA,KAAK,EAAE,uBAAuB;AAC/B,SAAA,CAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,KAAK,GAAG,YAAY,CAAa,IAAI,CAAC;AAGvD,QAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,WAAW,CAAC;;+GAnB7D,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EARV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,mBAAmB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAQvB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAXtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,SAAS,EAAE,CAAC,mBAAmB,EAAE,CAAC;oBAClC,cAAc,EAAE,CAAC,mBAAmB,CAAC;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,yBAAyB,EAAE,qBAAqB;AAChD,wBAAA,yBAAyB,EAAE,qBAAqB;AACjD,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"ng-primitives-toolbar.mjs","sources":["../../../../packages/ng-primitives/toolbar/src/toolbar/toolbar-state.ts","../../../../packages/ng-primitives/toolbar/src/toolbar/toolbar.ts","../../../../packages/ng-primitives/toolbar/src/ng-primitives-toolbar.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpToolbar } from './toolbar';\n\n/**\n * The state token  for the Toolbar primitive.\n */\nexport const NgpToolbarStateToken = createStateToken<NgpToolbar>('Toolbar');\n\n/**\n * Provides the Toolbar state.\n */\nexport const provideToolbarState = createStateProvider(NgpToolbarStateToken);\n\n/**\n * Injects the Toolbar state.\n */\nexport const injectToolbarState = createStateInjector<NgpToolbar>(NgpToolbarStateToken);\n\n/**\n * The Toolbar state registration function.\n */\nexport const toolbarState = createState(NgpToolbarStateToken);\n","import { Directive, input } from '@angular/core';\nimport { NgpOrientation } from 'ng-primitives/common';\nimport { syncState } from 'ng-primitives/internal';\nimport { injectRovingFocusGroupState, NgpRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport { provideToolbarState, toolbarState } from './toolbar-state';\n\n@Directive({\n  selector: '[ngpToolbar]',\n  exportAs: 'ngpToolbar',\n  providers: [provideToolbarState()],\n  hostDirectives: [NgpRovingFocusGroup],\n  host: {\n    role: 'toolbar',\n    '[attr.aria-orientation]': 'state.orientation()',\n    '[attr.data-orientation]': 'state.orientation()',\n  },\n})\nexport class NgpToolbar {\n  /**\n   * Access the roving focus group state.\n   */\n  private readonly rovingFocusGroup = injectRovingFocusGroupState();\n\n  /**\n   * The orientation of the toolbar.\n   */\n  readonly orientation = input<NgpOrientation>('horizontal', {\n    alias: 'ngpToolbarOrientation',\n  });\n\n  /**\n   * The toolbar state.\n   */\n  protected readonly state = toolbarState<NgpToolbar>(this);\n\n  constructor() {\n    syncState(this.state.orientation, this.rovingFocusGroup().orientation);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAQA;;AAEG;AACI,MAAM,oBAAoB,GAAG,gBAAgB,CAAa,SAAS,CAAC;AAE3E;;AAEG;MACU,mBAAmB,GAAG,mBAAmB,CAAC,oBAAoB;AAE3E;;AAEG;MACU,kBAAkB,GAAG,mBAAmB,CAAa,oBAAoB;AAEtF;;AAEG;AACI,MAAM,YAAY,GAAG,WAAW,CAAC,oBAAoB,CAAC;;MCThD,UAAU,CAAA;AAkBrB,IAAA,WAAA,GAAA;AAjBA;;AAEG;QACc,IAAgB,CAAA,gBAAA,GAAG,2BAA2B,EAAE;AAEjE;;AAEG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAiB,YAAY,EAAE;AACzD,YAAA,KAAK,EAAE,uBAAuB;AAC/B,SAAA,CAAC;AAEF;;AAEG;AACgB,QAAA,IAAA,CAAA,KAAK,GAAG,YAAY,CAAa,IAAI,CAAC;AAGvD,QAAA,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,WAAW,CAAC;;+GAnB7D,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EARV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,mBAAmB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAQvB,UAAU,EAAA,UAAA,EAAA,CAAA;kBAXtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,SAAS,EAAE,CAAC,mBAAmB,EAAE,CAAC;oBAClC,cAAc,EAAE,CAAC,mBAAmB,CAAC;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,yBAAyB,EAAE,qBAAqB;AAChD,wBAAA,yBAAyB,EAAE,qBAAqB;AACjD,qBAAA;AACF,iBAAA;;;AChBD;;AAEG;;;;"}

package/fesm2022/ng-primitives-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the tooltip is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the tooltip should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector(NgpTooltipTriggerStateToken) as <\n  T,\n>() => Signal<State<NgpTooltipTrigger<T>>>;\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip. This can be used to pass data to the tooltip content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the tooltip\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the tooltip.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // If the trigger is disabled, do not show the tooltip\n    if (this.state.disabled() || this.open()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    this.overlay()?.show();\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // If the trigger is disabled, do nothing\n    if (this.state.disabled()) {\n      return;\n    }\n\n    this.overlay()?.hide();\n  }\n\n  /**\n   * Create the overlay that will contain the tooltip\n   */\n  private createOverlay(): void {\n    const tooltip = this.state.tooltip();\n\n    if (!tooltip) {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: tooltip,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      context: this.state.context(),\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      showDelay: this.state.showDelay(),\n      hideDelay: this.state.hideDelay(),\n      closeOnEscape: true,\n      closeOnOutsideClick: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    // Create the overlay instance\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { injectOverlay } from 'ng-primitives/portal';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-tooltip-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-tooltip-transform-origin]': 'overlay.transformOrigin()',\n  },\n})\nexport class NgpTooltip {\n  /**\n   * Access the overlay.\n   */\n  protected readonly overlay = injectOverlay();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the tooltip is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the tooltip should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector<NgpTooltipTrigger<unknown>>(\n  NgpTooltipTriggerStateToken,\n);\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip. This can be used to pass data to the tooltip content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the tooltip\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the tooltip.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // If the trigger is disabled, do not show the tooltip\n    if (this.state.disabled() || this.open()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    this.overlay()?.show();\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // If the trigger is disabled, do nothing\n    if (this.state.disabled()) {\n      return;\n    }\n\n    this.overlay()?.hide();\n  }\n\n  /**\n   * Create the overlay that will contain the tooltip\n   */\n  private createOverlay(): void {\n    const tooltip = this.state.tooltip();\n\n    if (!tooltip) {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: tooltip,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      context: this.state.context(),\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      showDelay: this.state.showDelay(),\n      hideDelay: this.state.hideDelay(),\n      closeOnEscape: true,\n      closeOnOutsideClick: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    // Create the overlay instance\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { injectOverlay } from 'ng-primitives/portal';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-tooltip-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-tooltip-transform-origin]': 'overlay.transformOrigin()',\n  },\n})\nexport class NgpTooltip {\n  /**\n   * Access the overlay.\n   */\n  protected readonly overlay = injectOverlay();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-upload/file-dropzone/file-dropzone-state.d.ts

@@ -10,22 +10,7 @@ export declare const provideFileDropzoneState: (options?: import("ng-primitives/
 /**
  * Injects the FileDropzone state.
  */
-export declare const injectFileDropzoneState: <U = {
-    readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-    readonly fileTypes: import("@angular/core").InputSignalWithTransform<string[] | undefined, string | string[]>;
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly directory: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
-    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
-    readonly dragOver: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFileDropzone>;
-    onDragEnter: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDrop: (event: DragEvent) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFileDropzoneState: <U = NgpFileDropzone>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FileDropzone state registration function.
  */

package/file-upload/file-upload/file-upload-state.d.ts

@@ -10,27 +10,7 @@ export declare const provideFileUploadState: (options?: import("ng-primitives/st
 /**
  * Injects the FileUpload state.
  */
-export declare const injectFileUploadState: <U = {
-    readonly document: Document;
-    readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-    readonly fileTypes: import("@angular/core").InputSignalWithTransform<string[] | undefined, string | string[]>;
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly directory: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly dragAndDrop: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly selected: import("@angular/core").OutputEmitterRef<FileList | null>;
-    readonly canceled: import("@angular/core").OutputEmitterRef<void>;
-    readonly rejected: import("@angular/core").OutputEmitterRef<void>;
-    readonly dragOver: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
-    input: HTMLInputElement;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFileUpload>;
-    showFileDialog: () => void;
-    onDragEnter: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDrop: (event: DragEvent) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFileUploadState: <U = NgpFileUpload>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FileUpload state registration function.
  */

package/focus-trap/focus-trap/focus-trap-state.d.ts

@@ -10,34 +10,7 @@ export declare const provideFocusTrapState: (options?: import("ng-primitives/sta
 /**
  * Injects the FocusTrap state.
  */
-export declare const injectFocusTrapState: <U = {
-    readonly overlay: import("ng-primitives/portal").NgpOverlay<any> | null;
-    readonly focusTrap: {
-        active: boolean;
-        activate(): void;
-        deactivate(): void;
-    };
-    readonly injector: import("@angular/core").Injector;
-    readonly focusMonitor: import("@angular/cdk/focus-monitor.d-CvvJeQRc").e;
-    readonly interactivityChecker: import("@angular/cdk/a11y-module.d-DBHGyKoh").I;
-    readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
-    readonly ngZone: import("@angular/core").NgZone;
-    mutationObserver: MutationObserver | null;
-    lastFocusedElement: HTMLElement | null;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFocusTrap>;
-    ngOnInit: () => void;
-    ngOnDestroy: () => void;
-    handleFocusIn: (event: FocusEvent) => void;
-    handleFocusOut: (event: FocusEvent) => void;
-    handleMutations: (mutations: MutationRecord[]) => void;
-    handleKeyDown: (event: KeyboardEvent) => void;
-    getTabbableEdges: (container: HTMLElement) => readonly [HTMLElement | null, HTMLElement | null];
-    getTabbableCandidates: (container: HTMLElement) => HTMLElement[];
-    findVisible: (elements: HTMLElement[]) => HTMLElement | null;
-    focus: (element: HTMLElement | null) => void;
-    focusFirst: () => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFocusTrapState: <U = NgpFocusTrap>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FocusTrap state registration function.
  */

package/form-field/description/description.d.ts

@@ -10,31 +10,7 @@ export declare class NgpDescription {
     /**
      * Access the form field that the description is associated with.
      */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly labels: import("@angular/core").WritableSignal<string[]>;
-        readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-        readonly formControl: import("@angular/core").WritableSignal<string | null>;
-        readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-        readonly errors: import("@angular/core").WritableSignal<string[]>;
-        readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-        readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-        readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-        readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-        readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-        subscription?: import("rxjs").Subscription | undefined;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/form-field").NgpFormField>;
-        ngOnDestroy: () => void;
-        setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-        updateStatus: () => void;
-        setFormControl: (id: string) => void;
-        addLabel: (label: string) => void;
-        addDescription: (description: string) => void;
-        removeFormControl: () => void;
-        removeLabel: (label: string) => void;
-        removeDescription: (description: string) => void;
-    }>>;
+    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpDescription, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpDescription, "[ngpDescription]", ["ngpDescription"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/form-field/error/error.d.ts

@@ -7,31 +7,7 @@ export declare class NgpError implements OnChanges, OnDestroy {
     /**
      * Access the form field that the description is associated with.
      */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly labels: import("@angular/core").WritableSignal<string[]>;
-        readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-        readonly formControl: import("@angular/core").WritableSignal<string | null>;
-        readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-        readonly errors: import("@angular/core").WritableSignal<string[]>;
-        readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-        readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-        readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-        readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-        readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-        subscription?: import("rxjs").Subscription | undefined;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/form-field").NgpFormField>;
-        ngOnDestroy: () => void;
-        setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-        updateStatus: () => void;
-        setFormControl: (id: string) => void;
-        addLabel: (label: string) => void;
-        addDescription: (description: string) => void;
-        removeFormControl: () => void;
-        removeLabel: (label: string) => void;
-        removeDescription: (description: string) => void;
-    }>>;
+    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
     /**
      * The id of the error message. If not provided, a unique id will be generated.
      */

package/form-field/form-control/form-control-state.d.ts

@@ -10,11 +10,7 @@ export declare const provideFormControlState: (options?: import("ng-primitives/s
 /**
  * Injects the FormControl state.
  */
-export declare const injectFormControlState: <U = {
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFormControl>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFormControlState: <U = NgpFormControl>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FormControl state registration function.
  */

package/form-field/form-control/form-control.d.ts

@@ -24,8 +24,8 @@ export declare class NgpFormControl {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpFormControl, "[ngpFormControl]", ["ngpFormControl"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpFormControlDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 interface FormControlState {
-    id?: Signal<string>;
+    id: Signal<string>;
     disabled?: Signal<boolean>;
 }
-export declare function setupFormControl({ id, disabled, }: FormControlState): void;
+export declare function setupFormControl({ id, disabled }: FormControlState): void;
 export {};

package/form-field/form-field/form-field-state.d.ts

@@ -10,31 +10,7 @@ export declare const provideFormFieldState: (options?: import("ng-primitives/sta
 /**
  * Injects the FormField state.
  */
-export declare const injectFormFieldState: <U = {
-    readonly labels: import("@angular/core").WritableSignal<string[]>;
-    readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-    readonly formControl: import("@angular/core").WritableSignal<string | null>;
-    readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-    readonly errors: import("@angular/core").WritableSignal<string[]>;
-    readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-    readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-    readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-    readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-    readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-    readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-    readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-    subscription?: import("rxjs").Subscription | undefined;
-    readonly state: import("ng-primitives/state").CreatedState<NgpFormField>;
-    ngOnDestroy: () => void;
-    setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-    updateStatus: () => void;
-    setFormControl: (id: string) => void;
-    addLabel: (label: string) => void;
-    addDescription: (description: string) => void;
-    removeFormControl: () => void;
-    removeLabel: (label: string) => void;
-    removeDescription: (description: string) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectFormFieldState: <U = NgpFormField>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The FormField state registration function.
  */

package/form-field/label/label.d.ts

@@ -10,31 +10,7 @@ export declare class NgpLabel {
     /**
      * Access the form field that the label is associated with.
      */
-    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly labels: import("@angular/core").WritableSignal<string[]>;
-        readonly descriptions: import("@angular/core").WritableSignal<string[]>;
-        readonly formControl: import("@angular/core").WritableSignal<string | null>;
-        readonly ngControl: import("@angular/core").Signal<import("@angular/forms").NgControl | undefined>;
-        readonly errors: import("@angular/core").WritableSignal<string[]>;
-        readonly pristine: import("@angular/core").WritableSignal<boolean | null>;
-        readonly touched: import("@angular/core").WritableSignal<boolean | null>;
-        readonly dirty: import("@angular/core").WritableSignal<boolean | null>;
-        readonly valid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly invalid: import("@angular/core").WritableSignal<boolean | null>;
-        readonly pending: import("@angular/core").WritableSignal<boolean | null>;
-        readonly disabled: import("@angular/core").WritableSignal<boolean | null>;
-        subscription?: import("rxjs").Subscription | undefined;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/form-field").NgpFormField>;
-        ngOnDestroy: () => void;
-        setupSubscriptions: (control: import("@angular/forms").NgControl | null | undefined) => void;
-        updateStatus: () => void;
-        setFormControl: (id: string) => void;
-        addLabel: (label: string) => void;
-        addDescription: (description: string) => void;
-        removeFormControl: () => void;
-        removeLabel: (label: string) => void;
-        removeDescription: (description: string) => void;
-    }>>;
+    protected readonly formField: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/form-field").NgpFormField>>;
     /**
      * Derive the for attribute value if the label is an HTML label element.
      */

package/input/input/input-state.d.ts

@@ -10,20 +10,7 @@ export declare const provideInputState: (options?: import("ng-primitives/state")
 /**
  * Injects the Input state.
  */
-export declare const injectInputState: <U = {
-    readonly searchState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly destroyRef: import("@angular/core").DestroyRef;
-        readonly input: import("@angular/core").WritableSignal<HTMLInputElement | null>;
-        readonly value: import("@angular/core").WritableSignal<string>;
-        readonly empty: import("@angular/core").Signal<boolean>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/search").NgpSearch>;
-        clear: () => void;
-        registerInput: (input: HTMLInputElement) => void;
-    }>>;
-    readonly elementRef: import("@angular/core").ElementRef<HTMLInputElement>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpInput>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectInputState: <U = NgpInput>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Input state registration function.
  */

package/input/input/input.d.ts

@@ -2,6 +2,10 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/autofill";
 export declare class NgpInput {
+    /**
+     * The id of the input.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
     /**
      * The input may be used within a search field, if so we need to register it.
      */
@@ -20,5 +24,5 @@ export declare class NgpInput {
     protected readonly state: import("ng-primitives/state").CreatedState<NgpInput>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpAutofill; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpInput, "input[ngpInput]", ["ngpInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgpAutofill; inputs: {}; outputs: {}; }]>;
 }

package/listbox/listbox/listbox-state.d.ts

@@ -10,31 +10,7 @@ export declare const provideListboxState: (options?: import("ng-primitives/state
 /**
  * Injects the Listbox state.
  */
-export declare const injectListboxState: <U = {
-    readonly injector: import("@angular/core").Injector;
-    readonly destroyRef: import("@angular/core").DestroyRef;
-    readonly popoverTrigger: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/popover").NgpPopoverTrigger<unknown>>>;
-    readonly id: import("@angular/core").InputSignal<string>;
-    readonly mode: import("@angular/core").InputSignal<import("ng-primitives/common").NgpSelectionMode>;
-    readonly value: import("@angular/core").InputSignal<unknown[]>;
-    readonly valueChange: import("@angular/core").OutputEmitterRef<unknown[]>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly compareWith: import("@angular/core").InputSignal<(a: unknown, b: unknown) => boolean>;
-    readonly tabindex: import("@angular/core").Signal<-1 | 0>;
-    readonly options: import("@angular/core").WritableSignal<import("ng-primitives/listbox").NgpListboxOption<unknown>[]>;
-    readonly keyManager: import("@angular/cdk/activedescendant-key-manager.d-Bjic5obv").A<import("ng-primitives/listbox").NgpListboxOption<unknown>>;
-    readonly activeDescendant: import("@angular/core").WritableSignal<string | undefined>;
-    readonly isFocused: import("@angular/core").WritableSignal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpListbox<unknown>>;
-    ngAfterContentInit: () => void;
-    updateActiveItem: () => void;
-    onKeydown: (event: KeyboardEvent) => void;
-    selectOption: (value: unknown, origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    isSelected: (value: unknown) => boolean;
-    activateOption: (value: unknown) => void;
-    addOption: (option: import("ng-primitives/listbox").NgpListboxOption<unknown>) => void;
-    removeOption: (option: import("ng-primitives/listbox").NgpListboxOption<unknown>) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U> | undefined>;
+export declare const injectListboxState: <U = NgpListbox<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U> | undefined>;
 /**
  * The Listbox state registration function.
  */

package/menu/menu-trigger/menu-trigger-state.d.ts

@@ -10,28 +10,7 @@ export declare const provideMenuTriggerState: (options?: import("ng-primitives/s
 /**
  * Injects the MenuTrigger state.
  */
-export declare const injectMenuTriggerState: <U = {
-    readonly trigger: import("@angular/core").ElementRef<HTMLElement>;
-    readonly injector: import("@angular/core").Injector;
-    readonly viewContainerRef: import("@angular/core").ViewContainerRef;
-    readonly config: import("ng-primitives/menu").NgpMenuConfig;
-    readonly menu: import("@angular/core").InputSignal<import("ng-primitives/portal").NgpOverlayContent<unknown> | undefined>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-    readonly offset: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly flip: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly container: import("@angular/core").InputSignal<HTMLElement | null>;
-    readonly scrollBehavior: import("@angular/core").InputSignal<"reposition" | "block">;
-    readonly context: import("@angular/core").InputSignal<unknown>;
-    readonly overlay: import("@angular/core").WritableSignal<import("ng-primitives/portal").NgpOverlay<unknown> | null>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpMenuTrigger<unknown>>;
-    ngOnDestroy: () => void;
-    toggle: (event: MouseEvent) => void;
-    show: () => void;
-    hide: (origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    createOverlay: () => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectMenuTriggerState: <U = NgpMenuTrigger<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The MenuTrigger state registration function.
  */

package/menu/submenu-trigger/submenu-trigger-state.d.ts

@@ -10,26 +10,7 @@ export declare const provideSubmenuTriggerState: (options?: import("ng-primitive
 /**
  * Injects the SubmenuTrigger state.
  */
-export declare const injectSubmenuTriggerState: <U = {
-    readonly trigger: import("@angular/core").ElementRef<HTMLElement>;
-    readonly injector: import("@angular/core").Injector;
-    readonly viewContainerRef: import("@angular/core").ViewContainerRef;
-    readonly parentMenu: import("ng-primitives/menu").NgpMenu | null;
-    readonly menu: import("@angular/core").InputSignal<import("ng-primitives/portal").NgpOverlayContent<unknown> | undefined>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly placement: import("@angular/core").InputSignal<import("@floating-ui/dom").Placement>;
-    readonly offset: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly flip: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
-    readonly overlay: import("@angular/core").WritableSignal<import("ng-primitives/portal").NgpOverlay<unknown> | null>;
-    readonly open: import("@angular/core").Signal<boolean>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpSubmenuTrigger<unknown>>;
-    toggle: (event: MouseEvent) => void;
-    show: () => void;
-    hide: (origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
-    createOverlay: () => void;
-    showSubmenuOnArrow: (event: KeyboardEvent) => void;
-    showSubmenuOnHover: (event: PointerEvent) => void;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectSubmenuTriggerState: <U = NgpSubmenuTrigger<unknown>>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The SubmenuTrigger state registration function.
  */

package/meter/meter/meter-state.d.ts

@@ -10,15 +10,7 @@ export declare const provideMeterState: (options?: import("ng-primitives/state")
 /**
  * Injects the Meter state.
  */
-export declare const injectMeterState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-    readonly valueLabel: import("@angular/core").InputSignal<import("./meter").NgpMeterValueTextFn>;
-    readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
-    readonly percentage: import("@angular/core").Signal<number>;
-    readonly state: import("ng-primitives/state").CreatedState<NgpMeter>;
-}>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
+export declare const injectMeterState: <U = NgpMeter>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Meter state registration function.
  */

package/meter/meter-indicator/meter-indicator.d.ts

@@ -1,15 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpMeterIndicator {
     /** Access the meter */
-    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
-        readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
-        readonly percentage: import("@angular/core").Signal<number>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/meter").NgpMeter>;
-    }>>;
+    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/meter").NgpMeter>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpMeterIndicator, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMeterIndicator, "[ngpMeterIndicator]", ["ngpMeterIndicator"], {}, {}, never, never, true, never>;
 }

package/meter/meter-label/meter-label.d.ts

@@ -1,15 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgpMeterLabel {
     /** Access the meter */
-    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
-        readonly valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
-        readonly label: import("@angular/core").WritableSignal<NgpMeterLabel | null>;
-        readonly percentage: import("@angular/core").Signal<number>;
-        readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/meter").NgpMeter>;
-    }>>;
+    protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<import("ng-primitives/meter").NgpMeter>>;
     /** The id of the meter label */
     readonly id: import("@angular/core").InputSignal<string>;
     constructor();