ecabs-components 2.0.0-alpha.8 → 2.0.0-alpha.9

package/README.md

@@ -25,13 +25,10 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
 
 ## Version History
 
+- **v2.0.0-alpha.9**: Sync v1.1.92–v1.1.95 from `develop`: `ecabs-action-menu`, the `ecabsBadge` directive for menu-opening badges, `collapsible` on `ecabs-expansion-panel`, and faded, locked disabled `ecabs-phone`/`ecabs-select`/`ecabs-select-v2`. See those entries below for behaviour.
+  - On this line `ecabs-action-menu`, `ecabsBadge` and `ecabsActionMenuTrigger` are NgModule-declared (`standalone: false`), and the menu, badge, expansion and phone styles use the `@use`/`@forward` module system. The badge override `@use`s the badge module so its `@extend`s resolve.
+  - `ecabsBadge` writes an interactive chip's `tabindex` itself: Material 19's `MatChip` no longer binds one, so a menu badge would otherwise not be a tab stop.
 - **v2.0.0-alpha.8**: Port `ecabs-badge` from v1.1.91, a static status/label badge with semantic variants (`default`/`success`/`warning`/`danger`/`info`).
-  - Size scale (`small`/`medium`/`large`) and an optional border, on by default.
-  - Three icon tiers: a vendor-neutral `icon` with `iconWeight` (resolved through Phosphor, `bold` by default), a `materialIcon` ligature fallback, and an `ecabsBadgeIcon` projection slot for any other icon set.
-  - Labels stay within their container and ellipsise, with the full text shown in a tooltip only when it is actually clipped.
-  - Move `PhosphorIconWeight` out of the select models into `icon.consts`, and extract `buildPhosphorSvgIcon` so the icon-set format lives in one place.
-  - Add `STATUS_BADGE_VARIANTS` / `resolveStatusBadgeVariant` and the `statusBadgeVariant` pipe, so every app maps a platform status to a badge variant from one place instead of interpolating the status into `class` and relying on the global status styles.
-  - Replaces `scss/modules/_statuses.scss` and the status-class section of `material/overrides/_chip.scss`. Both stay for now and retire once every app has migrated.
   - On this line the badge component and the `statusBadgeVariant` pipe are NgModule-declared (`standalone: false`), and the badge styles use the `@use`/`@forward` module system.
   - Fix `ecabs-date-range-picker` drawing a form-field border around each inner input: the datepicker override imports only the datepicker module again, instead of compiling every module into the component's styles.
 - **v2.0.0** — Major framework and tooling upgrade (breaking).
@@ -40,6 +37,33 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
   - **Sass `@import` → `@use`/`@forward`**: migrate the library stylesheets to the module system and replace deprecated global functions (`length`/`nth`/`append` → `list.*`), removing all Sass deprecation warnings.
   - **Tailwind CSS v3 → v4**: CSS-first config (`tailwind.entry.css` with `@theme`/`@source`) via `@tailwindcss/cli`; utilities emitted unlayered so they keep winning over Angular Material; `!important` utilities use the v4 suffix syntax (`x!`).
   - **Visual parity fixes**: chip selected/unselected colors and specificity, button label weight, button-toggle centering, bare heading sizing, sidemenu colors, and checkbox v2 label alignment.
+- **v1.1.95** - Fade and lock disabled `ecabs-phone`, `ecabs-select` and `ecabs-select-v2` like `ecabs-input`; locking a phone now requires disabling the control, not the `[disabled]` input.
+- **v1.1.94** — Replace `hideToggle` on `ecabs-expansion-panel` with `collapsible`, so a panel that should not collapse offers no control rather than a hidden one.
+  - `[collapsible]="false"` renders a plain heading in place of `mat-expansion-panel-header`: no chevron, no tab stop, no `aria-expanded`, and `expanded` and `closePanel` are ignored. `hideToggle` only removed the chevron; the header stayed a button and still collapsed the panel on click.
+  - The heading takes the panel's header id, so the content region is not left labelled by an element that does not exist.
+  - `actionTitle` takes precedence over `title` rather than rendering two stacked headings.
+  - `showStatus` renders `ecabs-badge` with the variant from `statusBadgeVariant`, replacing the `mat-chip` themed by a lower-cased status class. Pass the raw status: a pre-formatted one misses the map and falls back to `default`.
+  - Heading geometry moves to `material/overrides/_expansion.scss`. Those rules ship inside `MatExpansionPanelHeader`'s own styles, and Angular injects a component's styles only once that component is first instantiated, so a screen whose panels are all non-collapsible never receives them.
+  - Drops the Material-demo `example-*` classes and `.rounded`, which shadowed Tailwind's own utility of that name.
+- **v1.1.93** — Teach a `mat-chip` to wear `ecabs-badge`'s appearance, so a status an operator can change looks like one they cannot.
+  - `ecabsBadge` puts the appearance on any host with the same inputs, and `ecabs-badge` uses it internally. Static labels stay `<ecabs-badge>`.
+  - A `matMenuTriggerFor` on the badge makes it keyboard-reachable by itself; a static badge drops the ripple and hover layer. `interactive` and `disableRipple` override either.
+  - The caret goes in `matChipTrailingIcon` and widens `--badge-max-width` itself, so a menu badge truncates level with a read-only one. Its tooltip needs `ecabsTooltipIfTruncated` and a `matTooltip`.
+  - Bind the menu with `[matMenuTriggerFor]="ref.menu"` against `<ecabs-action-menu #ref [showTrigger]="false">`; pair with `action-menu-panel--compact`.
+- **v1.1.92** — Add `ecabs-action-menu`, the overflow menu that hangs off a table row, moved out of Panels so the component and the styles that shape it live in one place.
+  - Bring your own trigger with an `ng-template ecabsActionMenuTrigger`, or fall back to the built-in three-dot button; `xPosition` picks the side the panel opens on.
+  - A projected trigger takes focus and opens on Enter or Space, since the usual one is a label or a badge rather than a button; `triggerFocusable` turns that off when the projected control already handles it.
+  - Item icons are optional and vendor-neutral (`icon` plus `iconWeight`, resolved through Phosphor), matching `ecabs-badge`.
+  - Panel width is adjustable: `menuClass` takes any class, `action-menu-panel--compact` ships for triggers shorter than a three-dot button, and `--action-menu-min-width` sets it outright.
+  - Item styles in `scss/modules/_menu.scss`, with the Material counters in `material/overrides/_menu.scss`.
+  - Not to be confused with `ecabs-menu-items`, which renders the sidebar's navigation tree: that is a list of places to go, this is a list of things to do.
+- **v1.1.91** — Add `ecabs-badge`, a static status/label badge with semantic variants (`default`/`success`/`warning`/`danger`/`info`).
+  - Size scale (`small`/`medium`/`large`) and an optional border, on by default.
+  - Three icon tiers: a vendor-neutral `icon` with `iconWeight` (resolved through Phosphor, `bold` by default), a `materialIcon` ligature fallback, and an `ecabsBadgeIcon` projection slot for any other icon set.
+  - Labels stay within their container and ellipsise, with the full text shown in a tooltip only when it is actually clipped.
+  - Move `PhosphorIconWeight` out of the select models into `icon.consts`, and extract `buildPhosphorSvgIcon` so the icon-set format lives in one place.
+  - Add `STATUS_BADGE_VARIANTS` / `resolveStatusBadgeVariant` and the `statusBadgeVariant` pipe, so every app maps a platform status to a badge variant from one place instead of interpolating the status into `class` and relying on the global status styles.
+  - Replaces `scss/modules/_statuses.scss` and the status-class section of `material/overrides/_chip.scss`. Both stay for now and retire once every app has migrated.
 - **v1.1.90** — Fix `ecabs-select` height issue.
 - **v1.1.89** — Fix inflated `ecabs-select` height: nudge the select item icon with a `transform` translate instead of padding so the vertical adjustment no longer adds to the control height.
 - **v1.1.88** — Fix `ecabs-validations-messages` freezing a validation message at the first value it rendered; `[token]` placeholders are now interpolated per render instead of overwriting the message template, so a control with a dynamic `max`/`min`/`maxlength` reads the current value.