History

Doxa Maps 443b163682 Share the ported _globals.scss rules through one module Seven shadow-root components each carry their own copy of DX Life's base/_globals.scss rules, because page CSS cannot reach into a shadow root. Measured first: where the copies overlap they are byte-identical (the Cyrillic stack 3x, strong{font-weight:500} 2x, scrollbar-gutter 2x), so this is deduplication, not a fix. The module exports FUNCTIONS, not strings, and the measurement forced that: the six copies of the Cyrillic rule share one declaration but have six different subjects (.rd-goal-card__title, .rd-h2, .rd-title, .region-card__title, .rl-title x2). A fixed rule string would have to pick one class and silently stop styling the other five. The caller owns its selector; the module owns the declaration. cyrillicHeading takes a selector LIST, not a selector. GoalCard styles one heading class; RegionSectionCard groups two into a single rule sharing one declaration block. A one-selector signature emits two rules instead of one -- the same CSS to a browser, but not the same stylesheet, and the bar here is unchanged, not equivalent. Migrated GoalCard and RegionSectionCard. regions-dashboard's two files port the same rules and stay with their owner; the harness records them so that migration can run against this same baseline. The img border-radius rule (_globals.scss:80) is documented as deliberately NOT ported, because an invisible omission is one that gets "fixed" later. PROOF: internal/check-ported-globals-identical.mjs executes each component's setup, captures the string handed to useShadowStyles and hashes it. The emitted CSS is byte-identical across the refactor (987d94b1cd66110d, 897d948b17b21efe, both captured from `45e31f102`). The harness's first version hashed the SOURCE of the call and was wrong: this refactor replaces a literal with a function call, so the source changes by construction -- a text-hash gate fails a perfect refactor and cannot tell that from a broken one. It measured the artifact when the property under test was the output. It failed exactly that way on first run. Shown capable of failing, four ways: dropping letter-spacing, a wrong font name, 500->600, and splitting the grouped rule into two. All four go red; restoring goes green. Components that cannot be evaluated are reported NOT MEASURED (exit 75), never as a pass.		2026-09-29 01:38:08 +00:00
..
charts	Delete 7 unreachable library components, and gate the thing a census cannot see	2026-09-29 01:38:07 +00:00
dashboards	Delete 7 unreachable library components, and gate the thing a census cannot see	2026-09-29 01:38:07 +00:00
hints	The map controls and the pin hint printed; the attribution stays	2026-09-28 21:59:29 +00:00
legends	The legend collapse caret stops turning when the reader asks for reduced motion	2026-09-29 01:38:07 +00:00
map-controls	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
maps	A country map you can drop on one page, without the dashboard around it	2026-09-29 01:38:07 +00:00
poster	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
qa	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
regions	Share the ported _globals.scss rules through one module	2026-09-29 01:38:08 +00:00
search	The search header's filter labels follow a mid-session language switch	2026-09-28 13:37:44 +00:00
tables	DataTable + StackLayout: physical left/right -> logical, where the rule mirrors	2026-09-28 09:48:45 +00:00
BackToTopButton.vue	Shipped comments describe the behaviour instead of quoting a person	2026-09-28 17:40:35 +00:00
PeopleGroupDetail.vue	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
README.md	consolidate docs into documentation/ and deployment shells into deployment/	2026-09-21 23:23:23 +00:00
ResearchMapFilterPanel.vue	Four shared controls get a 24x24 target at every pointer, not only on touch (WCAG 2.5.8)	2026-09-26 13:35:57 +00:00
ResearchMapSideMenu.vue	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
SideMenuDrawer.vue	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
ViewSelect.vue	Every animating library component now honours prefers-reduced-motion itself	2026-09-29 01:38:07 +00:00
WARNING.md	Complete app-profiles->plugin-designs sweep across comments/docs; build green; layouts kept at root (load-bearing)	2026-09-17 18:18:19 +00:00

README.md

library/components/ — shared Vue components

The map UI, built from parameterized pieces every app-profile reuses. Fix one here and every map benefits — never edit a shared component to customize one map.

  library/components/
  ┌───────────────────────────────────────────┐
  │ legends/        map-controls/   poster/      │
  │ charts/         tables/                       │
  │ PeopleGroupDetail.vue   SideMenuDrawer.vue    │
  │ ResearchMapFilterPanel.vue  …SideMenu.vue     │
  └───────────────────────────────────────────┘
     reused by every app-profile via @map/components/…

legends/, map-controls/, poster/ each have their own README.
Every component uses <script setup>, calls useShadowStyles(), and reaches stores via inject('mapStore' | 'uiStore' | 'dataStore') — never a direct store import.

Full catalog + conventions: ../../documentation/architecture/components.md · per-file roles: ../../documentation/reference.md.