ux4g-components-angular 1.0.0 → 1.1.0

package/dist/feedback/README.md

@@ -0,0 +1,87 @@
+# ux4g-components-angular
+
+Angular wrapper components for the UX4G Design System.
+
+## Installation
+
+```bash
+npm install ux4g-components-angular ux4g-components-web
+```
+
+## Setup
+
+Add the CSS bundle to your `angular.json` styles array:
+
+```json
+{
+  "styles": [
+    "node_modules/ux4g-components-web/styles/ux4g.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Usage
+
+```ts
+// app.module.ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+
+@NgModule({
+  imports: [UX4GButtonModule, UX4GSpinnerModule],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ux4g-button variant="primary" size="md" (buttonClick)="onSave()">
+  Save
+</ux4g-button>
+
+<ux4g-spinner variant="primary" size="md" type="full"></ux4g-spinner>
+```
+
+## Available Components (50)
+
+Each component is available as a sub-path import:
+
+```ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+import { UX4GBadgeModule } from 'ux4g-components-angular/badge';
+import { UX4GCardModule } from 'ux4g-components-angular/card';
+// ... and 46 more
+```
+
+Full list: `accessibility-bar`, `accordion`, `alert`, `avatar`, `badge`, `breadcrumb`, `button`, `card`, `carousel`, `checkbox`, `chip`, `chip-group`, `combobox`, `date-time-picker`, `divider`, `draft-status-banner`, `drawer`, `dropdown`, `empty-state`, `feedback`, `file-upload`, `footer`, `form-field-group`, `icon-button`, `image`, `input`, `journey-timeline`, `link`, `list`, `modal`, `navbar`, `otp-input`, `pagination`, `popover`, `progress-indicator`, `radio`, `result-list-row`, `search`, `sla-progress-indicator`, `slider`, `slot-grid`, `social-links`, `spinner`, `status-pipeline`, `stepper`, `switch`, `tab`, `table`, `tag`, `tooltip`
+
+## Architecture
+
+This package follows a CSS-first architecture:
+
+- **CSS is the source of truth** — all visual decisions live in CSS
+- **Wrappers are thin** — they map typed inputs to CSS class strings via `buildXxxClasses()` functions
+- **No inline styles, no CSS-in-JS** — only `[class]` bindings
+- **No local `types.ts` copies** — all Class_Builder functions are imported from `ux4g-components-web/types`
+
+## Compatibility
+
+- Angular >= 15.0.0
+- Built with Ivy partial compilation (compatible with Angular 15–19+)
+- `typesVersions` included for `moduleResolution: node` compatibility
+
+## Peer Dependencies
+
+- `@angular/core >= 15.0.0`
+- `@angular/common >= 15.0.0`
+
+## Related Packages
+
+- [`ux4g-components-web`](https://www.npmjs.com/package/ux4g-components-web) — CSS bundle and shared types (required)
+- [`ux4g-components-react`](https://www.npmjs.com/package/ux4g-components-react) — React wrapper components
+
+## License
+
+MIT

package/dist/feedback/fesm2022/ux4g-components-angular-feedback.mjs

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 import * as i0 from '@angular/core';
 import { ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';

package/dist/feedback/fesm2022/ux4g-components-angular-feedback.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ux4g-components-angular-feedback.mjs","sources":["../../../src/feedback/ux4g-feedback.component.ts","../../../src/feedback/ux4g-feedback.module.ts","../../../src/feedback/ux4g-components-angular-feedback.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ux4g-feedback',\r\n  standalone: false,\r\n  template: `<div [className]=\"feedbackClasses\"><ng-content></ng-content></div>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFeedbackComponent {\r\n  get feedbackClasses(): string {\r\n    return 'ux4g-feedback';\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFeedbackComponent } from './ux4g-feedback.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFeedbackComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFeedbackComponent],\r\n})\r\nexport class UX4GFeedbackModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,qBAAqB,CAAA;AAChC,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,eAAe;IACxB;+GAHW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,0EAHtB,CAAA,kEAAA,CAAoE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGnE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,kEAAA,CAAoE;oBAC9E,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;;MCEY,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,CAJd,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,YAAY,aACZ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEpB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ux4g-components-angular-feedback.mjs","sources":["../../../src/feedback/ux4g-feedback.component.ts","../../../src/feedback/ux4g-feedback.module.ts","../../../src/feedback/ux4g-components-angular-feedback.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ux4g-feedback',\r\n  standalone: false,\r\n  template: `<div [className]=\"feedbackClasses\"><ng-content></ng-content></div>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFeedbackComponent {\r\n  get feedbackClasses(): string {\r\n    return 'ux4g-feedback';\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFeedbackComponent } from './ux4g-feedback.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFeedbackComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFeedbackComponent],\r\n})\r\nexport class UX4GFeedbackModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAQa,qBAAqB,CAAA;AAChC,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,eAAe;IACxB;+GAHW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,0EAHtB,CAAA,kEAAA,CAAoE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGnE,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,kEAAA,CAAoE;oBAC9E,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;;MCEY,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,CAJd,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAC1B,YAAY,aACZ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEpB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACjC,iBAAA;;;ACRD;;AAEG;;;;"}

package/dist/feedback/public-api.d.ts

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 export { UX4GFeedbackComponent } from './ux4g-feedback.component';
 export { UX4GFeedbackModule } from './ux4g-feedback.module';
 export { buildFeedbackClasses } from 'ux4g-components-web/types';

package/dist/feedback/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/feedback/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/feedback/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/footer/README.md

@@ -0,0 +1,87 @@
+# ux4g-components-angular
+
+Angular wrapper components for the UX4G Design System.
+
+## Installation
+
+```bash
+npm install ux4g-components-angular ux4g-components-web
+```
+
+## Setup
+
+Add the CSS bundle to your `angular.json` styles array:
+
+```json
+{
+  "styles": [
+    "node_modules/ux4g-components-web/styles/ux4g.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Usage
+
+```ts
+// app.module.ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+
+@NgModule({
+  imports: [UX4GButtonModule, UX4GSpinnerModule],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ux4g-button variant="primary" size="md" (buttonClick)="onSave()">
+  Save
+</ux4g-button>
+
+<ux4g-spinner variant="primary" size="md" type="full"></ux4g-spinner>
+```
+
+## Available Components (50)
+
+Each component is available as a sub-path import:
+
+```ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+import { UX4GBadgeModule } from 'ux4g-components-angular/badge';
+import { UX4GCardModule } from 'ux4g-components-angular/card';
+// ... and 46 more
+```
+
+Full list: `accessibility-bar`, `accordion`, `alert`, `avatar`, `badge`, `breadcrumb`, `button`, `card`, `carousel`, `checkbox`, `chip`, `chip-group`, `combobox`, `date-time-picker`, `divider`, `draft-status-banner`, `drawer`, `dropdown`, `empty-state`, `feedback`, `file-upload`, `footer`, `form-field-group`, `icon-button`, `image`, `input`, `journey-timeline`, `link`, `list`, `modal`, `navbar`, `otp-input`, `pagination`, `popover`, `progress-indicator`, `radio`, `result-list-row`, `search`, `sla-progress-indicator`, `slider`, `slot-grid`, `social-links`, `spinner`, `status-pipeline`, `stepper`, `switch`, `tab`, `table`, `tag`, `tooltip`
+
+## Architecture
+
+This package follows a CSS-first architecture:
+
+- **CSS is the source of truth** — all visual decisions live in CSS
+- **Wrappers are thin** — they map typed inputs to CSS class strings via `buildXxxClasses()` functions
+- **No inline styles, no CSS-in-JS** — only `[class]` bindings
+- **No local `types.ts` copies** — all Class_Builder functions are imported from `ux4g-components-web/types`
+
+## Compatibility
+
+- Angular >= 15.0.0
+- Built with Ivy partial compilation (compatible with Angular 15–19+)
+- `typesVersions` included for `moduleResolution: node` compatibility
+
+## Peer Dependencies
+
+- `@angular/core >= 15.0.0`
+- `@angular/common >= 15.0.0`
+
+## Related Packages
+
+- [`ux4g-components-web`](https://www.npmjs.com/package/ux4g-components-web) — CSS bundle and shared types (required)
+- [`ux4g-components-react`](https://www.npmjs.com/package/ux4g-components-react) — React wrapper components
+
+## License
+
+MIT

package/dist/footer/fesm2022/ux4g-components-angular-footer.mjs

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 import * as i0 from '@angular/core';
 import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { buildFooterClasses } from 'ux4g-components-web/types';

package/dist/footer/fesm2022/ux4g-components-angular-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ux4g-components-angular-footer.mjs","sources":["../../../src/footer/ux4g-footer.component.ts","../../../src/footer/ux4g-footer.module.ts","../../../src/footer/ux4g-components-angular-footer.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { FooterTheme, buildFooterClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-footer',\r\n  standalone: false,\r\n  template: `<footer [className]=\"footerClasses\"><ng-content></ng-content></footer>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFooterComponent {\r\n  @Input() theme: FooterTheme = 'default';\r\n\r\n  get footerClasses(): string {\r\n    return buildFooterClasses(this.theme);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFooterComponent } from './ux4g-footer.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFooterComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFooterComponent],\r\n})\r\nexport class UX4GFooterModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MASa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAA,CAAA,KAAK,GAAgB,SAAS;AAKxC,IAAA;AAHC,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;IACvC;+GALW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oGAHpB,CAAA,sEAAA,CAAwE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGvE,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,sEAAA,CAAwE;oBAClF,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;;;MCDU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,CAJZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,aACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ux4g-components-angular-footer.mjs","sources":["../../../src/footer/ux4g-footer.component.ts","../../../src/footer/ux4g-footer.module.ts","../../../src/footer/ux4g-components-angular-footer.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { FooterTheme, buildFooterClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-footer',\r\n  standalone: false,\r\n  template: `<footer [className]=\"footerClasses\"><ng-content></ng-content></footer>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFooterComponent {\r\n  @Input() theme: FooterTheme = 'default';\r\n\r\n  get footerClasses(): string {\r\n    return buildFooterClasses(this.theme);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFooterComponent } from './ux4g-footer.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFooterComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFooterComponent],\r\n})\r\nexport class UX4GFooterModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MASa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;QAOW,IAAA,CAAA,KAAK,GAAgB,SAAS;AAKxC,IAAA;AAHC,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;IACvC;+GALW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oGAHpB,CAAA,sEAAA,CAAwE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGvE,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,sEAAA,CAAwE;oBAClF,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;;;MCDU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,CAJZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,aACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACRD;;AAEG;;;;"}

package/dist/footer/public-api.d.ts

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 export { UX4GFooterComponent } from './ux4g-footer.component';
 export { UX4GFooterModule } from './ux4g-footer.module';
 export { FooterTheme, buildFooterClasses } from 'ux4g-components-web/types';

package/dist/footer/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/footer/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/footer/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/form-field-group/README.md

@@ -0,0 +1,87 @@
+# ux4g-components-angular
+
+Angular wrapper components for the UX4G Design System.
+
+## Installation
+
+```bash
+npm install ux4g-components-angular ux4g-components-web
+```
+
+## Setup
+
+Add the CSS bundle to your `angular.json` styles array:
+
+```json
+{
+  "styles": [
+    "node_modules/ux4g-components-web/styles/ux4g.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Usage
+
+```ts
+// app.module.ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+
+@NgModule({
+  imports: [UX4GButtonModule, UX4GSpinnerModule],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ux4g-button variant="primary" size="md" (buttonClick)="onSave()">
+  Save
+</ux4g-button>
+
+<ux4g-spinner variant="primary" size="md" type="full"></ux4g-spinner>
+```
+
+## Available Components (50)
+
+Each component is available as a sub-path import:
+
+```ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+import { UX4GBadgeModule } from 'ux4g-components-angular/badge';
+import { UX4GCardModule } from 'ux4g-components-angular/card';
+// ... and 46 more
+```
+
+Full list: `accessibility-bar`, `accordion`, `alert`, `avatar`, `badge`, `breadcrumb`, `button`, `card`, `carousel`, `checkbox`, `chip`, `chip-group`, `combobox`, `date-time-picker`, `divider`, `draft-status-banner`, `drawer`, `dropdown`, `empty-state`, `feedback`, `file-upload`, `footer`, `form-field-group`, `icon-button`, `image`, `input`, `journey-timeline`, `link`, `list`, `modal`, `navbar`, `otp-input`, `pagination`, `popover`, `progress-indicator`, `radio`, `result-list-row`, `search`, `sla-progress-indicator`, `slider`, `slot-grid`, `social-links`, `spinner`, `status-pipeline`, `stepper`, `switch`, `tab`, `table`, `tag`, `tooltip`
+
+## Architecture
+
+This package follows a CSS-first architecture:
+
+- **CSS is the source of truth** — all visual decisions live in CSS
+- **Wrappers are thin** — they map typed inputs to CSS class strings via `buildXxxClasses()` functions
+- **No inline styles, no CSS-in-JS** — only `[class]` bindings
+- **No local `types.ts` copies** — all Class_Builder functions are imported from `ux4g-components-web/types`
+
+## Compatibility
+
+- Angular >= 15.0.0
+- Built with Ivy partial compilation (compatible with Angular 15–19+)
+- `typesVersions` included for `moduleResolution: node` compatibility
+
+## Peer Dependencies
+
+- `@angular/core >= 15.0.0`
+- `@angular/common >= 15.0.0`
+
+## Related Packages
+
+- [`ux4g-components-web`](https://www.npmjs.com/package/ux4g-components-web) — CSS bundle and shared types (required)
+- [`ux4g-components-react`](https://www.npmjs.com/package/ux4g-components-react) — React wrapper components
+
+## License
+
+MIT

package/dist/form-field-group/fesm2022/ux4g-components-angular-form-field-group.mjs

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 import * as i0 from '@angular/core';
 import { ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';

package/dist/form-field-group/fesm2022/ux4g-components-angular-form-field-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ux4g-components-angular-form-field-group.mjs","sources":["../../../src/form-field-group/ux4g-form-field-group.component.ts","../../../src/form-field-group/ux4g-form-field-group.module.ts","../../../src/form-field-group/ux4g-components-angular-form-field-group.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ux4g-form-field-group',\r\n  standalone: false,\r\n  template: `<div [className]=\"formFieldGroupClasses\"><ng-content></ng-content></div>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFormFieldGroupComponent {\r\n  get formFieldGroupClasses(): string {\r\n    return 'ux4g-form-group';\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFormFieldGroupComponent } from './ux4g-form-field-group.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFormFieldGroupComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFormFieldGroupComponent],\r\n})\r\nexport class UX4GFormFieldGroupModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,2BAA2B,CAAA;AACtC,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,iBAAiB;IAC1B;+GAHW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,kFAH5B,CAAA,wEAAA,CAA0E,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGzE,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,wEAAA,CAA0E;oBACpF,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;;MCEY,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,CAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAChC,YAAY,aACZ,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAE1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAHzB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ux4g-components-angular-form-field-group.mjs","sources":["../../../src/form-field-group/ux4g-form-field-group.component.ts","../../../src/form-field-group/ux4g-form-field-group.module.ts","../../../src/form-field-group/ux4g-components-angular-form-field-group.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ux4g-form-field-group',\r\n  standalone: false,\r\n  template: `<div [className]=\"formFieldGroupClasses\"><ng-content></ng-content></div>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GFormFieldGroupComponent {\r\n  get formFieldGroupClasses(): string {\r\n    return 'ux4g-form-group';\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GFormFieldGroupComponent } from './ux4g-form-field-group.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GFormFieldGroupComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GFormFieldGroupComponent],\r\n})\r\nexport class UX4GFormFieldGroupModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAQa,2BAA2B,CAAA;AACtC,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,iBAAiB;IAC1B;+GAHW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,kFAH5B,CAAA,wEAAA,CAA0E,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGzE,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA,wEAAA,CAA0E;oBACpF,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;;;MCEY,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,CAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAChC,YAAY,aACZ,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAE1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAHzB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA;;;ACRD;;AAEG;;;;"}

package/dist/form-field-group/public-api.d.ts

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 export { UX4GFormFieldGroupComponent } from './ux4g-form-field-group.component';
 export { UX4GFormFieldGroupModule } from './ux4g-form-field-group.module';
 export { buildFormFieldGroupClasses } from 'ux4g-components-web/types';

package/dist/form-field-group/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/form-field-group/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/form-field-group/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/icon-button/README.md

@@ -0,0 +1,87 @@
+# ux4g-components-angular
+
+Angular wrapper components for the UX4G Design System.
+
+## Installation
+
+```bash
+npm install ux4g-components-angular ux4g-components-web
+```
+
+## Setup
+
+Add the CSS bundle to your `angular.json` styles array:
+
+```json
+{
+  "styles": [
+    "node_modules/ux4g-components-web/styles/ux4g.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Usage
+
+```ts
+// app.module.ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+
+@NgModule({
+  imports: [UX4GButtonModule, UX4GSpinnerModule],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ux4g-button variant="primary" size="md" (buttonClick)="onSave()">
+  Save
+</ux4g-button>
+
+<ux4g-spinner variant="primary" size="md" type="full"></ux4g-spinner>
+```
+
+## Available Components (50)
+
+Each component is available as a sub-path import:
+
+```ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+import { UX4GBadgeModule } from 'ux4g-components-angular/badge';
+import { UX4GCardModule } from 'ux4g-components-angular/card';
+// ... and 46 more
+```
+
+Full list: `accessibility-bar`, `accordion`, `alert`, `avatar`, `badge`, `breadcrumb`, `button`, `card`, `carousel`, `checkbox`, `chip`, `chip-group`, `combobox`, `date-time-picker`, `divider`, `draft-status-banner`, `drawer`, `dropdown`, `empty-state`, `feedback`, `file-upload`, `footer`, `form-field-group`, `icon-button`, `image`, `input`, `journey-timeline`, `link`, `list`, `modal`, `navbar`, `otp-input`, `pagination`, `popover`, `progress-indicator`, `radio`, `result-list-row`, `search`, `sla-progress-indicator`, `slider`, `slot-grid`, `social-links`, `spinner`, `status-pipeline`, `stepper`, `switch`, `tab`, `table`, `tag`, `tooltip`
+
+## Architecture
+
+This package follows a CSS-first architecture:
+
+- **CSS is the source of truth** — all visual decisions live in CSS
+- **Wrappers are thin** — they map typed inputs to CSS class strings via `buildXxxClasses()` functions
+- **No inline styles, no CSS-in-JS** — only `[class]` bindings
+- **No local `types.ts` copies** — all Class_Builder functions are imported from `ux4g-components-web/types`
+
+## Compatibility
+
+- Angular >= 15.0.0
+- Built with Ivy partial compilation (compatible with Angular 15–19+)
+- `typesVersions` included for `moduleResolution: node` compatibility
+
+## Peer Dependencies
+
+- `@angular/core >= 15.0.0`
+- `@angular/common >= 15.0.0`
+
+## Related Packages
+
+- [`ux4g-components-web`](https://www.npmjs.com/package/ux4g-components-web) — CSS bundle and shared types (required)
+- [`ux4g-components-react`](https://www.npmjs.com/package/ux4g-components-react) — React wrapper components
+
+## License
+
+MIT

package/dist/icon-button/fesm2022/ux4g-components-angular-icon-button.mjs

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 import * as i0 from '@angular/core';
 import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { buildIconButtonClasses } from 'ux4g-components-web/types';

package/dist/icon-button/fesm2022/ux4g-components-angular-icon-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ux4g-components-angular-icon-button.mjs","sources":["../../../src/icon-button/ux4g-icon-button.component.ts","../../../src/icon-button/ux4g-icon-button.module.ts","../../../src/icon-button/ux4g-components-angular-icon-button.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { IconButtonVariant, IconButtonSize, buildIconButtonClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-icon-button',\r\n  standalone: false,\r\n  template: `\r\n    <button [className]=\"iconButtonClasses\">\r\n      <ng-content></ng-content>\r\n    </button>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GIconButtonComponent {\r\n  @Input() variant: IconButtonVariant = 'text-primary';\r\n  @Input() size: IconButtonSize = 'md';\r\n  @Input() pill: boolean = false;\r\n\r\n  get iconButtonClasses(): string {\r\n    return buildIconButtonClasses(this.variant, this.size, this.pill);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GIconButtonComponent } from './ux4g-icon-button.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GIconButtonComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GIconButtonComponent],\r\n})\r\nexport class UX4GIconButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAaa,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;QAWW,IAAA,CAAA,OAAO,GAAsB,cAAc;QAC3C,IAAA,CAAA,IAAI,GAAmB,IAAI;QAC3B,IAAA,CAAA,IAAI,GAAY,KAAK;AAK/B,IAAA;AAHC,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,OAAO,sBAAsB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IACnE;+GAPW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPxB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA;;;;AAIT,EAAA,CAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;MCPU,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,CAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC5B,YAAY,aACZ,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHrB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ux4g-components-angular-icon-button.mjs","sources":["../../../src/icon-button/ux4g-icon-button.component.ts","../../../src/icon-button/ux4g-icon-button.module.ts","../../../src/icon-button/ux4g-components-angular-icon-button.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { IconButtonVariant, IconButtonSize, buildIconButtonClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-icon-button',\r\n  standalone: false,\r\n  template: `\r\n    <button [className]=\"iconButtonClasses\">\r\n      <ng-content></ng-content>\r\n    </button>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GIconButtonComponent {\r\n  @Input() variant: IconButtonVariant = 'text-primary';\r\n  @Input() size: IconButtonSize = 'md';\r\n  @Input() pill: boolean = false;\r\n\r\n  get iconButtonClasses(): string {\r\n    return buildIconButtonClasses(this.variant, this.size, this.pill);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GIconButtonComponent } from './ux4g-icon-button.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GIconButtonComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GIconButtonComponent],\r\n})\r\nexport class UX4GIconButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAaa,uBAAuB,CAAA;AAVpC,IAAA,WAAA,GAAA;QAWW,IAAA,CAAA,OAAO,GAAsB,cAAc;QAC3C,IAAA,CAAA,IAAI,GAAmB,IAAI;QAC3B,IAAA,CAAA,IAAI,GAAY,KAAK;AAK/B,IAAA;AAHC,IAAA,IAAI,iBAAiB,GAAA;AACnB,QAAA,OAAO,sBAAsB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IACnE;+GAPW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPxB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGU,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,QAAQ,EAAE,CAAA;;;;AAIT,EAAA,CAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;;;MCPU,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,CAJhB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAC5B,YAAY,aACZ,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHrB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA;;;ACRD;;AAEG;;;;"}

package/dist/icon-button/public-api.d.ts

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 export { UX4GIconButtonComponent } from './ux4g-icon-button.component';
 export { UX4GIconButtonModule } from './ux4g-icon-button.module';
 export { IconButtonVariant, IconButtonSize } from 'ux4g-components-web/types';

package/dist/icon-button/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/icon-button/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/icon-button/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/image/README.md

@@ -0,0 +1,87 @@
+# ux4g-components-angular
+
+Angular wrapper components for the UX4G Design System.
+
+## Installation
+
+```bash
+npm install ux4g-components-angular ux4g-components-web
+```
+
+## Setup
+
+Add the CSS bundle to your `angular.json` styles array:
+
+```json
+{
+  "styles": [
+    "node_modules/ux4g-components-web/styles/ux4g.css",
+    "src/styles.css"
+  ]
+}
+```
+
+## Usage
+
+```ts
+// app.module.ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+
+@NgModule({
+  imports: [UX4GButtonModule, UX4GSpinnerModule],
+})
+export class AppModule {}
+```
+
+```html
+<!-- app.component.html -->
+<ux4g-button variant="primary" size="md" (buttonClick)="onSave()">
+  Save
+</ux4g-button>
+
+<ux4g-spinner variant="primary" size="md" type="full"></ux4g-spinner>
+```
+
+## Available Components (50)
+
+Each component is available as a sub-path import:
+
+```ts
+import { UX4GButtonModule } from 'ux4g-components-angular/button';
+import { UX4GSpinnerModule } from 'ux4g-components-angular/spinner';
+import { UX4GBadgeModule } from 'ux4g-components-angular/badge';
+import { UX4GCardModule } from 'ux4g-components-angular/card';
+// ... and 46 more
+```
+
+Full list: `accessibility-bar`, `accordion`, `alert`, `avatar`, `badge`, `breadcrumb`, `button`, `card`, `carousel`, `checkbox`, `chip`, `chip-group`, `combobox`, `date-time-picker`, `divider`, `draft-status-banner`, `drawer`, `dropdown`, `empty-state`, `feedback`, `file-upload`, `footer`, `form-field-group`, `icon-button`, `image`, `input`, `journey-timeline`, `link`, `list`, `modal`, `navbar`, `otp-input`, `pagination`, `popover`, `progress-indicator`, `radio`, `result-list-row`, `search`, `sla-progress-indicator`, `slider`, `slot-grid`, `social-links`, `spinner`, `status-pipeline`, `stepper`, `switch`, `tab`, `table`, `tag`, `tooltip`
+
+## Architecture
+
+This package follows a CSS-first architecture:
+
+- **CSS is the source of truth** — all visual decisions live in CSS
+- **Wrappers are thin** — they map typed inputs to CSS class strings via `buildXxxClasses()` functions
+- **No inline styles, no CSS-in-JS** — only `[class]` bindings
+- **No local `types.ts` copies** — all Class_Builder functions are imported from `ux4g-components-web/types`
+
+## Compatibility
+
+- Angular >= 15.0.0
+- Built with Ivy partial compilation (compatible with Angular 15–19+)
+- `typesVersions` included for `moduleResolution: node` compatibility
+
+## Peer Dependencies
+
+- `@angular/core >= 15.0.0`
+- `@angular/common >= 15.0.0`
+
+## Related Packages
+
+- [`ux4g-components-web`](https://www.npmjs.com/package/ux4g-components-web) — CSS bundle and shared types (required)
+- [`ux4g-components-react`](https://www.npmjs.com/package/ux4g-components-react) — React wrapper components
+
+## License
+
+MIT

package/dist/image/fesm2022/ux4g-components-angular-image.mjs

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 import * as i0 from '@angular/core';
 import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { buildImageContainerClasses } from 'ux4g-components-web/types';

package/dist/image/fesm2022/ux4g-components-angular-image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ux4g-components-angular-image.mjs","sources":["../../../src/image/ux4g-image.component.ts","../../../src/image/ux4g-image.module.ts","../../../src/image/ux4g-components-angular-image.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { ImageRatio, ImageOverlayPosition, buildImageContainerClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-image',\r\n  standalone: false,\r\n  template: `\r\n    <ng-container *ngIf=\"!overlay; else withOverlay\">\r\n      <img [class]=\"imgClass\" [src]=\"src\" [alt]=\"alt\" />\r\n    </ng-container>\r\n    <ng-template #withOverlay>\r\n      <div [class]=\"containerClasses\">\r\n        <img class=\"ux4g-img\" [src]=\"src\" [alt]=\"alt\" />\r\n        <div [class]=\"overlayPanelClass\">\r\n          <div class=\"ux4g-img-overlay-content\"><ng-content></ng-content></div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GImageComponent {\r\n  @Input() src: string = '';\r\n  @Input() alt: string = '';\r\n  @Input() ratio?: ImageRatio;\r\n  @Input() rounded: boolean = false;\r\n  @Input() overlay: boolean = false;\r\n  @Input() overlayPosition: ImageOverlayPosition = 'bottom';\r\n\r\n  get imgClass(): string {\r\n    return this.rounded ? 'ux4g-img ux4g-img-rounded' : 'ux4g-img';\r\n  }\r\n\r\n  get containerClasses(): string {\r\n    return buildImageContainerClasses(this.ratio, this.rounded, this.overlay);\r\n  }\r\n\r\n  get overlayPanelClass(): string {\r\n    return `ux4g-img-overlay-${this.overlayPosition}`;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GImageComponent } from './ux4g-image.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GImageComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GImageComponent],\r\n})\r\nexport class UX4GImageModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ux4g-components-angular-image.mjs","sources":["../../../src/image/ux4g-image.component.ts","../../../src/image/ux4g-image.module.ts","../../../src/image/ux4g-components-angular-image.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\r\nimport { ImageRatio, ImageOverlayPosition, buildImageContainerClasses } from 'ux4g-components-web/types';\r\n\r\n@Component({\r\n  selector: 'ux4g-image',\r\n  standalone: false,\r\n  template: `\r\n    <ng-container *ngIf=\"!overlay; else withOverlay\">\r\n      <img [class]=\"imgClass\" [src]=\"src\" [alt]=\"alt\" />\r\n    </ng-container>\r\n    <ng-template #withOverlay>\r\n      <div [class]=\"containerClasses\">\r\n        <img class=\"ux4g-img\" [src]=\"src\" [alt]=\"alt\" />\r\n        <div [class]=\"overlayPanelClass\">\r\n          <div class=\"ux4g-img-overlay-content\"><ng-content></ng-content></div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  `,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GImageComponent {\r\n  @Input() src: string = '';\r\n  @Input() alt: string = '';\r\n  @Input() ratio?: ImageRatio;\r\n  @Input() rounded: boolean = false;\r\n  @Input() overlay: boolean = false;\r\n  @Input() overlayPosition: ImageOverlayPosition = 'bottom';\r\n\r\n  get imgClass(): string {\r\n    return this.rounded ? 'ux4g-img ux4g-img-rounded' : 'ux4g-img';\r\n  }\r\n\r\n  get containerClasses(): string {\r\n    return buildImageContainerClasses(this.ratio, this.rounded, this.overlay);\r\n  }\r\n\r\n  get overlayPanelClass(): string {\r\n    return `ux4g-img-overlay-${this.overlayPosition}`;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { UX4GImageComponent } from './ux4g-image.component';\r\n\r\n@NgModule({\r\n  declarations: [UX4GImageComponent],\r\n  imports: [CommonModule],\r\n  exports: [UX4GImageComponent],\r\n})\r\nexport class UX4GImageModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/image/public-api.d.ts

@@ -1,3 +1,4 @@
+import 'ux4g-components-web/runtime/bootstrap';
 export { UX4GImageComponent } from './ux4g-image.component';
 export { UX4GImageModule } from './ux4g-image.module';
 export { ImageRatio, ImageOverlayPosition } from 'ux4g-components-web/types';

package/dist/image/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/image/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../src/image/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}