@awc-ui/angular 1.0.0-beta.7 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
- # @awc-ui/angular
1
+ # Angular Web Components and Angular SSR — @awc-ui/angular
2
2
 
3
- Angular bindings for [AWC UI](https://www.npmjs.com/package/@awc-ui/core) — Material Design 3 web components, with directives that bridge Angular templates (including `ngModel` / reactive forms) to the underlying custom elements.
3
+ Angular 17+ components for [AWC UI](https://www.npmjs.com/package/@awc-ui/core) — accessible Material Design 3 Web Components with directives that bridge Angular templates, `ngModel`, reactive forms, and Angular SSR.
4
4
 
5
5
  ## Install
6
6
 
@@ -14,7 +14,7 @@ Requires Angular 17+.
14
14
 
15
15
  ```ts
16
16
  // NgModule apps
17
- import { AwcUiModule } from '@awc-ui/angular';
17
+ import { AwcUiModule } from "@awc-ui/angular";
18
18
 
19
19
  @NgModule({
20
20
  imports: [AwcUiModule],
@@ -24,8 +24,8 @@ export class AppModule {}
24
24
 
25
25
  ```ts
26
26
  // Standalone apps
27
- import { importProvidersFrom } from '@angular/core';
28
- import { AwcUiModule, provideAwcUi } from '@awc-ui/angular';
27
+ import { importProvidersFrom } from "@angular/core";
28
+ import { AwcUiModule, provideAwcUi } from "@awc-ui/angular";
29
29
 
30
30
  bootstrapApplication(AppComponent, {
31
31
  providers: [provideAwcUi(), importProvidersFrom(AwcUiModule)],
@@ -38,4 +38,6 @@ bootstrapApplication(AppComponent, {
38
38
 
39
39
  ## Documentation
40
40
 
41
- Component docs, theming, and per-component manuals ship with [`@awc-ui/core`](https://www.npmjs.com/package/@awc-ui/core).
41
+ [Angular and Angular SSR guide](https://awc-ui.dev/frameworks/angular/) · [All component docs](https://awc-ui.dev/components/)
42
+
43
+ Component manuals and AI-readable documentation also ship with [`@awc-ui/core`](https://www.npmjs.com/package/@awc-ui/core).
@@ -257,7 +257,7 @@ export declare class MdBadge {
257
257
  protected el: HTMLElement;
258
258
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
259
259
  static ɵfac: i0.ɵɵFactoryDeclaration<MdBadge, never>;
260
- static ɵcmp: i0.ɵɵComponentDeclaration<MdBadge, "md-badge", never, { "density": { "alias": "density"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
260
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdBadge, "md-badge", never, { "density": { "alias": "density"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "max": { "alias": "max"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
261
261
  }
262
262
  export declare interface MdBadge extends Components.MdBadge {
263
263
  }
@@ -490,7 +490,7 @@ export declare class MdChip {
490
490
  protected el: HTMLElement;
491
491
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
492
492
  static ɵfac: i0.ɵɵFactoryDeclaration<MdChip, never>;
493
- static ɵcmp: i0.ɵɵComponentDeclaration<MdChip, "md-chip", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
493
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdChip, "md-chip", never, { "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "contentAlign": { "alias": "contentAlign"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "softDisabled": { "alias": "softDisabled"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
494
494
  }
495
495
  export declare interface MdChip extends Components.MdChip {
496
496
  /**
@@ -1500,7 +1500,7 @@ export declare class MdStatusDot {
1500
1500
  protected el: HTMLElement;
1501
1501
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1502
1502
  static ɵfac: i0.ɵɵFactoryDeclaration<MdStatusDot, never>;
1503
- static ɵcmp: i0.ɵɵComponentDeclaration<MdStatusDot, "md-status-dot", never, { "density": { "alias": "density"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "live": { "alias": "live"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], true, never>;
1503
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdStatusDot, "md-status-dot", never, { "density": { "alias": "density"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "live": { "alias": "live"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], true, never>;
1504
1504
  }
1505
1505
  export declare interface MdStatusDot extends Components.MdStatusDot {
1506
1506
  }
@@ -1537,7 +1537,7 @@ export declare class MdStepper {
1537
1537
  protected el: HTMLElement;
1538
1538
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1539
1539
  static ɵfac: i0.ɵɵFactoryDeclaration<MdStepper, never>;
1540
- static ɵcmp: i0.ɵɵComponentDeclaration<MdStepper, "md-stepper", never, { "active": { "alias": "active"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "completedWord": { "alias": "completedWord"; "required": false; }; "currentWord": { "alias": "currentWord"; "required": false; }; "density": { "alias": "density"; "required": false; }; "errorWord": { "alias": "errorWord"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "nav": { "alias": "nav"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "ofWord": { "alias": "ofWord"; "required": false; }; "optionalWord": { "alias": "optionalWord"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "stepWord": { "alias": "stepWord"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
1540
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdStepper, "md-stepper", never, { "active": { "alias": "active"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "backLabel": { "alias": "backLabel"; "required": false; }; "completedWord": { "alias": "completedWord"; "required": false; }; "currentWord": { "alias": "currentWord"; "required": false; }; "density": { "alias": "density"; "required": false; }; "errorWord": { "alias": "errorWord"; "required": false; }; "finishLabel": { "alias": "finishLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "nav": { "alias": "nav"; "required": false; }; "nextDisabled": { "alias": "nextDisabled"; "required": false; }; "nextLabel": { "alias": "nextLabel"; "required": false; }; "ofWord": { "alias": "ofWord"; "required": false; }; "optionalWord": { "alias": "optionalWord"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "stepWord": { "alias": "stepWord"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
1541
1541
  }
1542
1542
  export declare interface MdStepper extends Components.MdStepper {
1543
1543
  /**
@@ -1569,7 +1569,7 @@ export declare class MdSubMenuItem {
1569
1569
  protected el: HTMLElement;
1570
1570
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1571
1571
  static ɵfac: i0.ɵɵFactoryDeclaration<MdSubMenuItem, never>;
1572
- static ɵcmp: i0.ɵɵComponentDeclaration<MdSubMenuItem, "md-sub-menu-item", never, { "badge": { "alias": "badge"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, {}, never, ["*"], true, never>;
1572
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdSubMenuItem, "md-sub-menu-item", never, { "badge": { "alias": "badge"; "required": false; }; "closeDelay": { "alias": "closeDelay"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "openDelay": { "alias": "openDelay"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; }, {}, never, ["*"], true, never>;
1573
1573
  }
1574
1574
  export declare interface MdSubMenuItem extends Components.MdSubMenuItem {
1575
1575
  /**
@@ -1890,7 +1890,7 @@ export declare class MdTimePicker {
1890
1890
  protected el: HTMLElement;
1891
1891
  constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1892
1892
  static ɵfac: i0.ɵɵFactoryDeclaration<MdTimePicker, never>;
1893
- static ɵcmp: i0.ɵɵComponentDeclaration<MdTimePicker, "md-time-picker", never, { "amLabel": { "alias": "amLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "format": { "alias": "format"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "headlineDialLabel": { "alias": "headlineDialLabel"; "required": false; }; "headlineInputLabel": { "alias": "headlineInputLabel"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "hourLabel": { "alias": "hourLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteLabel": { "alias": "minuteLabel"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okLabel": { "alias": "okLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "periodLabel": { "alias": "periodLabel"; "required": false; }; "periodLayout": { "alias": "periodLayout"; "required": false; }; "pmLabel": { "alias": "pmLabel"; "required": false; }; "rangeOutsideLabel": { "alias": "rangeOutsideLabel"; "required": false; }; "rangeOverflowLabel": { "alias": "rangeOverflowLabel"; "required": false; }; "rangeUnderflowLabel": { "alias": "rangeUnderflowLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "toggleDialLabel": { "alias": "toggleDialLabel"; "required": false; }; "toggleInputLabel": { "alias": "toggleInputLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
1893
+ static ɵcmp: i0.ɵɵComponentDeclaration<MdTimePicker, "md-time-picker", never, { "amLabel": { "alias": "amLabel"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "format": { "alias": "format"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "headlineDialLabel": { "alias": "headlineDialLabel"; "required": false; }; "headlineInputLabel": { "alias": "headlineInputLabel"; "required": false; }; "hideTrigger": { "alias": "hideTrigger"; "required": false; }; "hourLabel": { "alias": "hourLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteLabel": { "alias": "minuteLabel"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "name": { "alias": "name"; "required": false; }; "okLabel": { "alias": "okLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "periodLabel": { "alias": "periodLabel"; "required": false; }; "periodLayout": { "alias": "periodLayout"; "required": false; }; "pmLabel": { "alias": "pmLabel"; "required": false; }; "rangeOutsideLabel": { "alias": "rangeOutsideLabel"; "required": false; }; "rangeOverflowLabel": { "alias": "rangeOverflowLabel"; "required": false; }; "rangeUnderflowLabel": { "alias": "rangeUnderflowLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; "reserveSupportingSpace": { "alias": "reserveSupportingSpace"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "toggleDialLabel": { "alias": "toggleDialLabel"; "required": false; }; "toggleInputLabel": { "alias": "toggleInputLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueMissingLabel": { "alias": "valueMissingLabel"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
1894
1894
  }
1895
1895
  export declare interface MdTimePicker extends Components.MdTimePicker {
1896
1896
  /**