# VerbenTicketingUi

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.

## Theming

This library is theme-aware: its component styles read the `verben-ng-ui`
`--vbn-*` CSS custom properties instead of hardcoded colors, so it automatically
follows whatever theme the host application configures. It ships **no** theme
config of its own (no `theme.css`, no `forRoot()`) — that is the host app's job.

**Host requirement:** the consuming application must load
`node_modules/verben-ng-ui/styles/theme.css` (which requires `verben-ng-ui@>=1.3.0`,
matching this library's peer dependency) and call `VerbenUiModule.forRoot({...})`
once. See that package's `INTEGRATION.md` for the full multi-layer setup.

Off-brand accent colours (e.g. the `#6f2290` active-border purple, the `#3479E9`
secondary accent, per-status badge colours, translucent hairlines like
`#0000001A`) are intentionally left as literals — they are not part of the brand
token contract, and mapping the translucent ones onto solid tokens would drop
their alpha channel.

**`src/theme/tailwind.css` is generated, not hand-written:** it is Tailwind
output built by `npm run build:lib:tailwind`. Never hand-edit it — change the
templates and regenerate, or you will produce malformed escaped selectors that
silently match nothing.

## Code scaffolding

Run `ng generate component component-name --project verben-ticketing-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project verben-ticketing-ui`.

> Note: Don't forget to add `--project verben-ticketing-ui` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build verben-ticketing-ui` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build verben-ticketing-ui`, go to the dist folder `cd dist/verben-ticketing-ui` and run `npm publish`.

## Running unit tests

Run `ng test verben-ticketing-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.