ngx-odontogram 0.1.0

package/README.md

@@ -0,0 +1,64 @@
+# NgxOdontogram
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build ngx-odontogram
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/ngx-odontogram
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/ngx-odontogram.mjs

@@ -0,0 +1,675 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, HostListener, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+// Adult teeth — FDI quadrants: 1=upper-right, 2=upper-left, 3=lower-left, 4=lower-right
+// Universal: upper-right 1-8, upper-left 9-16, lower-left 17-24, lower-right 25-32
+const ADULT_TEETH = [
+    // Upper right (FDI 11-18, Universal 8-1)
+    { fdi: 11, universal: 8, type: 'adult', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 8 },
+    { fdi: 12, universal: 7, type: 'adult', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 7 },
+    { fdi: 13, universal: 6, type: 'adult', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 6 },
+    { fdi: 14, universal: 5, type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 5 },
+    { fdi: 15, universal: 4, type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 16, universal: 3, type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 3 },
+    { fdi: 17, universal: 2, type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 2 },
+    { fdi: 18, universal: 1, type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 1 },
+    // Upper left (FDI 21-28, Universal 9-16)
+    { fdi: 21, universal: 9, type: 'adult', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 1 },
+    { fdi: 22, universal: 10, type: 'adult', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 2 },
+    { fdi: 23, universal: 11, type: 'adult', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 24, universal: 12, type: 'adult', quadrant: 'upper-left', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 25, universal: 13, type: 'adult', quadrant: 'upper-left', isAnterior: false, roots: 1, order: 5 },
+    { fdi: 26, universal: 14, type: 'adult', quadrant: 'upper-left', isAnterior: false, roots: 3, order: 6 },
+    { fdi: 27, universal: 15, type: 'adult', quadrant: 'upper-left', isAnterior: false, roots: 3, order: 7 },
+    { fdi: 28, universal: 16, type: 'adult', quadrant: 'upper-left', isAnterior: false, roots: 3, order: 8 },
+    // Lower left (FDI 31-38, Universal 17-24)
+    { fdi: 31, universal: 24, type: 'adult', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 1 },
+    { fdi: 32, universal: 23, type: 'adult', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 2 },
+    { fdi: 33, universal: 22, type: 'adult', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 34, universal: 21, type: 'adult', quadrant: 'lower-left', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 35, universal: 20, type: 'adult', quadrant: 'lower-left', isAnterior: false, roots: 1, order: 5 },
+    { fdi: 36, universal: 19, type: 'adult', quadrant: 'lower-left', isAnterior: false, roots: 2, order: 6 },
+    { fdi: 37, universal: 18, type: 'adult', quadrant: 'lower-left', isAnterior: false, roots: 2, order: 7 },
+    { fdi: 38, universal: 17, type: 'adult', quadrant: 'lower-left', isAnterior: false, roots: 2, order: 8 },
+    // Lower right (FDI 41-48, Universal 25-32)
+    { fdi: 41, universal: 25, type: 'adult', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 8 },
+    { fdi: 42, universal: 26, type: 'adult', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 7 },
+    { fdi: 43, universal: 27, type: 'adult', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 6 },
+    { fdi: 44, universal: 28, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 5 },
+    { fdi: 45, universal: 29, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 46, universal: 30, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 3 },
+    { fdi: 47, universal: 31, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 2 },
+    { fdi: 48, universal: 32, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 1 },
+];
+// Primary teeth — FDI quadrants: 5=upper-right, 6=upper-left, 7=lower-left, 8=lower-right
+// Universal primary: A-T (letters)
+const PRIMARY_TEETH = [
+    // Upper right (FDI 51-55, Universal E-A)
+    { fdi: 51, universal: 'E', type: 'primary', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 5 },
+    { fdi: 52, universal: 'D', type: 'primary', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 4 },
+    { fdi: 53, universal: 'C', type: 'primary', quadrant: 'upper-right', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 54, universal: 'B', type: 'primary', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 2 },
+    { fdi: 55, universal: 'A', type: 'primary', quadrant: 'upper-right', isAnterior: false, roots: 2, order: 1 },
+    // Upper left (FDI 61-65, Universal F-J)
+    { fdi: 61, universal: 'F', type: 'primary', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 1 },
+    { fdi: 62, universal: 'G', type: 'primary', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 2 },
+    { fdi: 63, universal: 'H', type: 'primary', quadrant: 'upper-left', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 64, universal: 'I', type: 'primary', quadrant: 'upper-left', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 65, universal: 'J', type: 'primary', quadrant: 'upper-left', isAnterior: false, roots: 2, order: 5 },
+    // Lower left (FDI 71-75, Universal O-K)
+    { fdi: 71, universal: 'O', type: 'primary', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 1 },
+    { fdi: 72, universal: 'N', type: 'primary', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 2 },
+    { fdi: 73, universal: 'M', type: 'primary', quadrant: 'lower-left', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 74, universal: 'L', type: 'primary', quadrant: 'lower-left', isAnterior: false, roots: 1, order: 4 },
+    { fdi: 75, universal: 'K', type: 'primary', quadrant: 'lower-left', isAnterior: false, roots: 2, order: 5 },
+    // Lower right (FDI 81-85, Universal T-P)
+    { fdi: 81, universal: 'T', type: 'primary', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 5 },
+    { fdi: 82, universal: 'S', type: 'primary', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 4 },
+    { fdi: 83, universal: 'R', type: 'primary', quadrant: 'lower-right', isAnterior: true, roots: 1, order: 3 },
+    { fdi: 84, universal: 'Q', type: 'primary', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 2 },
+    { fdi: 85, universal: 'P', type: 'primary', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 1 },
+];
+const ALL_TEETH = [...ADULT_TEETH, ...PRIMARY_TEETH];
+function getToothByFdi(fdi) {
+    return ALL_TEETH.find(t => t.fdi === fdi);
+}
+function getToothByUniversal(id) {
+    return ALL_TEETH.find(t => t.universal === id);
+}
+function getTeethByQuadrant(quadrant, type = 'all') {
+    return ALL_TEETH
+        .filter(t => t.quadrant === quadrant && (type === 'all' || t.type === type))
+        .sort((a, b) => a.order - b.order);
+}
+
+const TOOLTIP_W = 52;
+const TOOLTIP_H = 16;
+const TOOLTIP_R = 4;
+class ToothComponent {
+    definition = input.required(...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
+    conditions = input([], ...(ngDevMode ? [{ debugName: "conditions" }] : /* istanbul ignore next */ []));
+    notation = input('fdi', ...(ngDevMode ? [{ debugName: "notation" }] : /* istanbul ignore next */ []));
+    interactive = input(true, ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
+    showTooltip = input(true, ...(ngDevMode ? [{ debugName: "showTooltip" }] : /* istanbul ignore next */ []));
+    x = input(0, ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
+    y = input(0, ...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
+    size = input(36, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    toothClick = output();
+    surfaceClick = output();
+    toothHover = output();
+    surfaceHover = output();
+    hoveredSurface = signal(null, ...(ngDevMode ? [{ debugName: "hoveredSurface" }] : /* istanbul ignore next */ []));
+    tooltipPos = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "tooltipPos" }] : /* istanbul ignore next */ []));
+    TOOLTIP_W = TOOLTIP_W;
+    TOOLTIP_H = TOOLTIP_H;
+    TOOLTIP_R = TOOLTIP_R;
+    onHostLeave() {
+        this.hoveredSurface.set(null);
+    }
+    isAnterior = computed(() => this.definition().isAnterior, ...(ngDevMode ? [{ debugName: "isAnterior" }] : /* istanbul ignore next */ []));
+    isUpperArch = computed(() => this.definition().quadrant.startsWith('upper'), ...(ngDevMode ? [{ debugName: "isUpperArch" }] : /* istanbul ignore next */ []));
+    label = computed(() => {
+        const d = this.definition();
+        return this.notation() === 'fdi' ? String(d.fdi) : String(d.universal);
+    }, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    crownRect = computed(() => ({ x: this.x(), y: this.y(), w: this.size(), h: this.size() }), ...(ngDevMode ? [{ debugName: "crownRect" }] : /* istanbul ignore next */ []));
+    surfaces = computed(() => {
+        const x = this.x();
+        const y = this.y();
+        const s = this.size();
+        const cx = x + s / 2;
+        const cy = y + s / 2;
+        const inset = s * 0.3;
+        const tl = `${x},${y}`;
+        const tr = `${x + s},${y}`;
+        const bl = `${x},${y + s}`;
+        const br = `${x + s},${y + s}`;
+        const ci = `${cx - inset},${cy - inset}`;
+        const cii = `${cx + inset},${cy - inset}`;
+        const ciii = `${cx + inset},${cy + inset}`;
+        const civ = `${cx - inset},${cy + inset}`;
+        return {
+            buccal: `${tl} ${tr} ${cii} ${ci}`,
+            lingual: `${bl} ${br} ${ciii} ${civ}`,
+            mesial: `${tl} ${bl} ${civ} ${ci}`,
+            distal: `${tr} ${br} ${ciii} ${cii}`,
+            center: { x: cx - inset, y: cy - inset, w: inset * 2, h: inset * 2 },
+        };
+    }, ...(ngDevMode ? [{ debugName: "surfaces" }] : /* istanbul ignore next */ []));
+    rootRects = computed(() => {
+        const x = this.x();
+        const y = this.y();
+        const s = this.size();
+        const n = this.definition().roots;
+        const rootH = s * 0.7;
+        const rootW = Math.min(s / n - 3, 10);
+        const totalW = n * rootW + (n - 1) * 3;
+        const startX = x + (s - totalW) / 2;
+        const rootY = this.isUpperArch() ? y - rootH : y + s;
+        return Array.from({ length: n }, (_, i) => ({
+            x: startX + i * (rootW + 3),
+            y: rootY,
+            width: rootW,
+            height: rootH,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "rootRects" }] : /* istanbul ignore next */ []));
+    labelPos = computed(() => {
+        const s = this.size();
+        const rootH = s * 0.7;
+        return {
+            x: this.x() + s / 2,
+            y: this.isUpperArch()
+                ? this.y() - rootH - 4
+                : this.y() + s + rootH + 12,
+        };
+    }, ...(ngDevMode ? [{ debugName: "labelPos" }] : /* istanbul ignore next */ []));
+    getSurface(surface) {
+        return this.conditions().find(c => c.surface === surface);
+    }
+    getSurfaceColor(surface) {
+        return this.getSurface(surface)?.color;
+    }
+    buildEvent(mouseEvent, surface) {
+        const d = this.definition();
+        const id = this.notation() === 'fdi' ? d.fdi : d.universal;
+        return { toothId: id, toothFdi: d.fdi, toothType: d.type, surface, conditions: this.conditions(), mouseEvent };
+    }
+    onSurface(e, surface) {
+        e.stopPropagation();
+        if (!this.interactive())
+            return;
+        const ev = this.buildEvent(e, surface);
+        this.surfaceClick.emit(ev);
+        this.toothClick.emit(ev);
+    }
+    onSurfaceHover(e, surface) {
+        if (!this.interactive())
+            return;
+        const s = this.size();
+        const cx = this.x() + s / 2;
+        // position tooltip above crown for upper arch, below for lower arch
+        const tipY = this.isUpperArch()
+            ? this.y() - s * 0.7 - TOOLTIP_H - 2
+            : this.y() + s + s * 0.7 + TOOLTIP_H + 2;
+        this.hoveredSurface.set(surface);
+        this.tooltipPos.set({ x: cx, y: tipY });
+        const ev = this.buildEvent(e, surface);
+        this.surfaceHover.emit(ev);
+        this.toothHover.emit(ev);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToothComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ToothComponent, isStandalone: true, selector: "g[ngx-tooth]", inputs: { definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, conditions: { classPropertyName: "conditions", publicName: "conditions", isSignal: true, isRequired: false, transformFunction: null }, notation: { classPropertyName: "notation", publicName: "notation", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toothClick: "toothClick", surfaceClick: "surfaceClick", toothHover: "toothHover", surfaceHover: "surfaceHover" }, host: { listeners: { "mouseleave": "onHostLeave()" } }, ngImport: i0, template: `
+    @if (isUpperArch()) {
+      @for (root of rootRects(); track $index) {
+        <svg:rect
+          [attr.x]="root.x" [attr.y]="root.y"
+          [attr.width]="root.width" [attr.height]="root.height"
+          class="ngx-tooth-root"
+        />
+      }
+    }
+
+    <svg:polygon
+      [attr.points]="surfaces().buccal"
+      [attr.fill]="getSurfaceColor('buccal') || getSurfaceColor('labial') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, isAnterior() ? 'labial' : 'buccal')"
+      (mouseenter)="onSurfaceHover($event, isAnterior() ? 'labial' : 'buccal')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().lingual"
+      [attr.fill]="getSurfaceColor('lingual') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'lingual')"
+      (mouseenter)="onSurfaceHover($event, 'lingual')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().mesial"
+      [attr.fill]="getSurfaceColor('mesial') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'mesial')"
+      (mouseenter)="onSurfaceHover($event, 'mesial')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().distal"
+      [attr.fill]="getSurfaceColor('distal') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'distal')"
+      (mouseenter)="onSurfaceHover($event, 'distal')"
+    />
+    <svg:rect
+      [attr.x]="surfaces().center.x" [attr.y]="surfaces().center.y"
+      [attr.width]="surfaces().center.w" [attr.height]="surfaces().center.h"
+      [attr.fill]="getSurfaceColor('occlusal') || getSurfaceColor('incisal') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, isAnterior() ? 'incisal' : 'occlusal')"
+      (mouseenter)="onSurfaceHover($event, isAnterior() ? 'incisal' : 'occlusal')"
+    />
+
+    <!-- Crown outline — purely decorative, pointer-events:none lets clicks reach surfaces -->
+    <svg:rect
+      [attr.x]="crownRect().x" [attr.y]="crownRect().y"
+      [attr.width]="crownRect().w" [attr.height]="crownRect().h"
+      class="ngx-tooth-crown-outline"
+    />
+
+    <svg:text
+      [attr.x]="labelPos().x" [attr.y]="labelPos().y"
+      class="ngx-tooth-label"
+      text-anchor="middle"
+    >{{ label() }}</svg:text>
+
+    @if (!isUpperArch()) {
+      @for (root of rootRects(); track $index) {
+        <svg:rect
+          [attr.x]="root.x" [attr.y]="root.y"
+          [attr.width]="root.width" [attr.height]="root.height"
+          class="ngx-tooth-root"
+        />
+      }
+    }
+
+    <!-- Tooltip -->
+    @if (showTooltip() && hoveredSurface()) {
+      <svg:g>
+        <svg:rect
+          [attr.x]="tooltipPos().x - TOOLTIP_W / 2"
+          [attr.y]="tooltipPos().y - TOOLTIP_H / 2"
+          [attr.width]="TOOLTIP_W"
+          [attr.height]="TOOLTIP_H"
+          [attr.rx]="TOOLTIP_R"
+          class="ngx-tooltip-bg"
+        />
+        <svg:text
+          [attr.x]="tooltipPos().x"
+          [attr.y]="tooltipPos().y + 1"
+          class="ngx-tooltip-text"
+          text-anchor="middle"
+          dominant-baseline="middle"
+        >{{ hoveredSurface() }}</svg:text>
+      </svg:g>
+    }
+  `, isInline: true, styles: [".ngx-tooth-root{fill:#f0ece3;stroke:#999;stroke-width:1}.ngx-surface{stroke:#666;stroke-width:.8;cursor:pointer;transition:fill .12s}.ngx-surface:hover{fill:#bbdefb!important}.ngx-tooth-crown-outline{fill:none;stroke:#333;stroke-width:1.5;pointer-events:none}.ngx-tooth-label{font-size:9px;fill:#555;pointer-events:none;-webkit-user-select:none;user-select:none}.ngx-tooltip-bg{fill:#333;opacity:.88;pointer-events:none}.ngx-tooltip-text{font-size:9px;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToothComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'g[ngx-tooth]', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    @if (isUpperArch()) {
+      @for (root of rootRects(); track $index) {
+        <svg:rect
+          [attr.x]="root.x" [attr.y]="root.y"
+          [attr.width]="root.width" [attr.height]="root.height"
+          class="ngx-tooth-root"
+        />
+      }
+    }
+
+    <svg:polygon
+      [attr.points]="surfaces().buccal"
+      [attr.fill]="getSurfaceColor('buccal') || getSurfaceColor('labial') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, isAnterior() ? 'labial' : 'buccal')"
+      (mouseenter)="onSurfaceHover($event, isAnterior() ? 'labial' : 'buccal')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().lingual"
+      [attr.fill]="getSurfaceColor('lingual') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'lingual')"
+      (mouseenter)="onSurfaceHover($event, 'lingual')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().mesial"
+      [attr.fill]="getSurfaceColor('mesial') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'mesial')"
+      (mouseenter)="onSurfaceHover($event, 'mesial')"
+    />
+    <svg:polygon
+      [attr.points]="surfaces().distal"
+      [attr.fill]="getSurfaceColor('distal') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, 'distal')"
+      (mouseenter)="onSurfaceHover($event, 'distal')"
+    />
+    <svg:rect
+      [attr.x]="surfaces().center.x" [attr.y]="surfaces().center.y"
+      [attr.width]="surfaces().center.w" [attr.height]="surfaces().center.h"
+      [attr.fill]="getSurfaceColor('occlusal') || getSurfaceColor('incisal') || '#fff'"
+      class="ngx-surface"
+      (click)="onSurface($event, isAnterior() ? 'incisal' : 'occlusal')"
+      (mouseenter)="onSurfaceHover($event, isAnterior() ? 'incisal' : 'occlusal')"
+    />
+
+    <!-- Crown outline — purely decorative, pointer-events:none lets clicks reach surfaces -->
+    <svg:rect
+      [attr.x]="crownRect().x" [attr.y]="crownRect().y"
+      [attr.width]="crownRect().w" [attr.height]="crownRect().h"
+      class="ngx-tooth-crown-outline"
+    />
+
+    <svg:text
+      [attr.x]="labelPos().x" [attr.y]="labelPos().y"
+      class="ngx-tooth-label"
+      text-anchor="middle"
+    >{{ label() }}</svg:text>
+
+    @if (!isUpperArch()) {
+      @for (root of rootRects(); track $index) {
+        <svg:rect
+          [attr.x]="root.x" [attr.y]="root.y"
+          [attr.width]="root.width" [attr.height]="root.height"
+          class="ngx-tooth-root"
+        />
+      }
+    }
+
+    <!-- Tooltip -->
+    @if (showTooltip() && hoveredSurface()) {
+      <svg:g>
+        <svg:rect
+          [attr.x]="tooltipPos().x - TOOLTIP_W / 2"
+          [attr.y]="tooltipPos().y - TOOLTIP_H / 2"
+          [attr.width]="TOOLTIP_W"
+          [attr.height]="TOOLTIP_H"
+          [attr.rx]="TOOLTIP_R"
+          class="ngx-tooltip-bg"
+        />
+        <svg:text
+          [attr.x]="tooltipPos().x"
+          [attr.y]="tooltipPos().y + 1"
+          class="ngx-tooltip-text"
+          text-anchor="middle"
+          dominant-baseline="middle"
+        >{{ hoveredSurface() }}</svg:text>
+      </svg:g>
+    }
+  `, styles: [".ngx-tooth-root{fill:#f0ece3;stroke:#999;stroke-width:1}.ngx-surface{stroke:#666;stroke-width:.8;cursor:pointer;transition:fill .12s}.ngx-surface:hover{fill:#bbdefb!important}.ngx-tooth-crown-outline{fill:none;stroke:#333;stroke-width:1.5;pointer-events:none}.ngx-tooth-label{font-size:9px;fill:#555;pointer-events:none;-webkit-user-select:none;user-select:none}.ngx-tooltip-bg{fill:#333;opacity:.88;pointer-events:none}.ngx-tooltip-text{font-size:9px;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
+        }], propDecorators: { definition: [{ type: i0.Input, args: [{ isSignal: true, alias: "definition", required: true }] }], conditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "conditions", required: false }] }], notation: [{ type: i0.Input, args: [{ isSignal: true, alias: "notation", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], showTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltip", required: false }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: false }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], toothClick: [{ type: i0.Output, args: ["toothClick"] }], surfaceClick: [{ type: i0.Output, args: ["surfaceClick"] }], toothHover: [{ type: i0.Output, args: ["toothHover"] }], surfaceHover: [{ type: i0.Output, args: ["surfaceHover"] }], onHostLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+const TOOTH_SIZE = 36;
+const TOOTH_GAP = 6;
+const STEP = TOOTH_SIZE + TOOTH_GAP;
+const ROOT_H = TOOTH_SIZE * 0.7;
+const LABEL_H = 16;
+const ARCH_GAP = 28;
+// Layout constants
+const TEETH_PER_ARCH = 8; // adult teeth per quadrant
+const PRIMARY_PER_ARCH = 5; // primary teeth per quadrant
+const ADULT_ROW_W = TEETH_PER_ARCH * STEP - TOOTH_GAP;
+// SVG padding
+const PAD_X = 16;
+const PAD_Y = ROOT_H + LABEL_H + 8;
+// Arch midpoint x (center of chart)
+const MID_X = PAD_X + ADULT_ROW_W;
+class OdontogramComponent {
+    notation = input('fdi', ...(ngDevMode ? [{ debugName: "notation" }] : /* istanbul ignore next */ []));
+    teeth = input([], ...(ngDevMode ? [{ debugName: "teeth" }] : /* istanbul ignore next */ []));
+    showPrimary = input(true, ...(ngDevMode ? [{ debugName: "showPrimary" }] : /* istanbul ignore next */ []));
+    mode = input('interactive', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    showTooltip = input(true, ...(ngDevMode ? [{ debugName: "showTooltip" }] : /* istanbul ignore next */ []));
+    toothClick = output();
+    surfaceClick = output();
+    toothHover = output();
+    surfaceHover = output();
+    TOOTH_SIZE = TOOTH_SIZE;
+    PAD_X = PAD_X;
+    upperAdult = computed(() => ALL_TEETH.filter(t => t.type === 'adult' && t.quadrant.startsWith('upper'))
+        .sort((a, b) => this.globalOrder(a) - this.globalOrder(b)), ...(ngDevMode ? [{ debugName: "upperAdult" }] : /* istanbul ignore next */ []));
+    lowerAdult = computed(() => ALL_TEETH.filter(t => t.type === 'adult' && t.quadrant.startsWith('lower'))
+        .sort((a, b) => this.globalOrder(a) - this.globalOrder(b)), ...(ngDevMode ? [{ debugName: "lowerAdult" }] : /* istanbul ignore next */ []));
+    upperPrimary = computed(() => ALL_TEETH.filter(t => t.type === 'primary' && t.quadrant.startsWith('upper'))
+        .sort((a, b) => this.globalOrder(a) - this.globalOrder(b)), ...(ngDevMode ? [{ debugName: "upperPrimary" }] : /* istanbul ignore next */ []));
+    lowerPrimary = computed(() => ALL_TEETH.filter(t => t.type === 'primary' && t.quadrant.startsWith('lower'))
+        .sort((a, b) => this.globalOrder(a) - this.globalOrder(b)), ...(ngDevMode ? [{ debugName: "lowerPrimary" }] : /* istanbul ignore next */ []));
+    /** X position of an adult tooth within the SVG */
+    toothX(tooth) {
+        const isRight = tooth.quadrant.includes('right');
+        if (isRight) {
+            // Right quadrant: tooth order 1=innermost, 8=outermost → mirror left-to-right
+            return PAD_X + (TEETH_PER_ARCH - tooth.order) * STEP;
+        }
+        else {
+            // Left quadrant: tooth order 1=innermost
+            return PAD_X + TEETH_PER_ARCH * STEP + (tooth.order - 1) * STEP;
+        }
+    }
+    /** X position of a primary tooth — centered within the adult arch span */
+    primaryX(tooth) {
+        const adultSpanStart = PAD_X + (TEETH_PER_ARCH - PRIMARY_PER_ARCH) * STEP / 2;
+        const isRight = tooth.quadrant.includes('right');
+        if (isRight) {
+            return adultSpanStart + (PRIMARY_PER_ARCH - tooth.order) * STEP;
+        }
+        else {
+            return PAD_X + TEETH_PER_ARCH * STEP + (adultSpanStart - PAD_X) + (tooth.order - 1) * STEP;
+        }
+    }
+    upperAdultY = computed(() => PAD_Y, ...(ngDevMode ? [{ debugName: "upperAdultY" }] : /* istanbul ignore next */ []));
+    upperPrimaryY = computed(() => PAD_Y + TOOTH_SIZE + ROOT_H + ARCH_GAP, ...(ngDevMode ? [{ debugName: "upperPrimaryY" }] : /* istanbul ignore next */ []));
+    midlineY = computed(() => {
+        const base = this.upperAdultY() + TOOTH_SIZE + ROOT_H + ARCH_GAP / 2;
+        return this.showPrimary() ? this.upperPrimaryY() + TOOTH_SIZE + ROOT_H + ARCH_GAP / 2 : base;
+    }, ...(ngDevMode ? [{ debugName: "midlineY" }] : /* istanbul ignore next */ []));
+    lowerPrimaryY = computed(() => this.midlineY() + ARCH_GAP / 2, ...(ngDevMode ? [{ debugName: "lowerPrimaryY" }] : /* istanbul ignore next */ []));
+    lowerAdultY = computed(() => this.showPrimary()
+        ? this.lowerPrimaryY() + TOOTH_SIZE + ROOT_H + ARCH_GAP
+        : this.midlineY() + ARCH_GAP / 2, ...(ngDevMode ? [{ debugName: "lowerAdultY" }] : /* istanbul ignore next */ []));
+    svgWidth = computed(() => PAD_X * 2 + TEETH_PER_ARCH * 2 * STEP - TOOTH_GAP, ...(ngDevMode ? [{ debugName: "svgWidth" }] : /* istanbul ignore next */ []));
+    svgHeight = computed(() => {
+        const bottom = this.lowerAdultY() + TOOTH_SIZE + ROOT_H + LABEL_H + PAD_Y;
+        return bottom;
+    }, ...(ngDevMode ? [{ debugName: "svgHeight" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => `0 0 ${this.svgWidth()} ${this.svgHeight()}`, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    getConditions(tooth) {
+        const id = this.notation() === 'fdi' ? tooth.fdi : tooth.universal;
+        return this.teeth().find(t => t.id === id)?.conditions ?? [];
+    }
+    globalOrder(tooth) {
+        const isRight = tooth.quadrant.includes('right');
+        // Left-to-right order across full arch: right quadrant reversed, then left quadrant
+        return isRight ? TEETH_PER_ARCH - tooth.order : TEETH_PER_ARCH + tooth.order;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OdontogramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: OdontogramComponent, isStandalone: true, selector: "ngx-odontogram", inputs: { notation: { classPropertyName: "notation", publicName: "notation", isSignal: true, isRequired: false, transformFunction: null }, teeth: { classPropertyName: "teeth", publicName: "teeth", isSignal: true, isRequired: false, transformFunction: null }, showPrimary: { classPropertyName: "showPrimary", publicName: "showPrimary", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toothClick: "toothClick", surfaceClick: "surfaceClick", toothHover: "toothHover", surfaceHover: "surfaceHover" }, ngImport: i0, template: `
+    <svg
+      [attr.width]="svgWidth()"
+      [attr.height]="svgHeight()"
+      [attr.viewBox]="viewBox()"
+      class="ngx-odontogram"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <!-- Upper adult arch -->
+      @for (tooth of upperAdult(); track tooth.fdi) {
+        <g ngx-tooth
+          [definition]="tooth"
+          [conditions]="getConditions(tooth)"
+          [notation]="notation()"
+          [interactive]="mode() === 'interactive'"
+          [showTooltip]="showTooltip()"
+          [x]="toothX(tooth)"
+          [y]="upperAdultY()"
+          [size]="TOOTH_SIZE"
+          (toothClick)="toothClick.emit($event)"
+          (surfaceClick)="surfaceClick.emit($event)"
+          (toothHover)="toothHover.emit($event)"
+          (surfaceHover)="surfaceHover.emit($event)"
+        />
+      }
+
+      <!-- Upper primary arch -->
+      @if (showPrimary()) {
+        @for (tooth of upperPrimary(); track tooth.fdi) {
+          <g ngx-tooth
+            [definition]="tooth"
+            [conditions]="getConditions(tooth)"
+            [notation]="notation()"
+            [interactive]="mode() === 'interactive'"
+            [showTooltip]="showTooltip()"
+            [x]="primaryX(tooth)"
+            [y]="upperPrimaryY()"
+            [size]="TOOTH_SIZE"
+            (toothClick)="toothClick.emit($event)"
+            (surfaceClick)="surfaceClick.emit($event)"
+            (toothHover)="toothHover.emit($event)"
+            (surfaceHover)="surfaceHover.emit($event)"
+          />
+        }
+      }
+
+      <!-- Arch midline -->
+      <line
+        [attr.x1]="PAD_X - 4" [attr.y1]="midlineY()"
+        [attr.x2]="svgWidth() - PAD_X + 4" [attr.y2]="midlineY()"
+        class="ngx-midline"
+      />
+
+      <!-- Lower primary arch -->
+      @if (showPrimary()) {
+        @for (tooth of lowerPrimary(); track tooth.fdi) {
+          <g ngx-tooth
+            [definition]="tooth"
+            [conditions]="getConditions(tooth)"
+            [notation]="notation()"
+            [interactive]="mode() === 'interactive'"
+            [showTooltip]="showTooltip()"
+            [x]="primaryX(tooth)"
+            [y]="lowerPrimaryY()"
+            [size]="TOOTH_SIZE"
+            (toothClick)="toothClick.emit($event)"
+            (surfaceClick)="surfaceClick.emit($event)"
+            (toothHover)="toothHover.emit($event)"
+            (surfaceHover)="surfaceHover.emit($event)"
+          />
+        }
+      }
+
+      <!-- Lower adult arch -->
+      @for (tooth of lowerAdult(); track tooth.fdi) {
+        <g ngx-tooth
+          [definition]="tooth"
+          [conditions]="getConditions(tooth)"
+          [notation]="notation()"
+          [interactive]="mode() === 'interactive'"
+          [showTooltip]="showTooltip()"
+          [x]="toothX(tooth)"
+          [y]="lowerAdultY()"
+          [size]="TOOTH_SIZE"
+          (toothClick)="toothClick.emit($event)"
+          (surfaceClick)="surfaceClick.emit($event)"
+          (toothHover)="toothHover.emit($event)"
+          (surfaceHover)="surfaceHover.emit($event)"
+        />
+      }
+    </svg>
+  `, isInline: true, styles: [":host{display:inline-block}.ngx-odontogram{font-family:sans-serif}.ngx-midline{stroke:#bbb;stroke-width:1;stroke-dasharray:4 3}\n"], dependencies: [{ kind: "component", type: ToothComponent, selector: "g[ngx-tooth]", inputs: ["definition", "conditions", "notation", "interactive", "showTooltip", "x", "y", "size"], outputs: ["toothClick", "surfaceClick", "toothHover", "surfaceHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OdontogramComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-odontogram', standalone: true, imports: [ToothComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <svg
+      [attr.width]="svgWidth()"
+      [attr.height]="svgHeight()"
+      [attr.viewBox]="viewBox()"
+      class="ngx-odontogram"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <!-- Upper adult arch -->
+      @for (tooth of upperAdult(); track tooth.fdi) {
+        <g ngx-tooth
+          [definition]="tooth"
+          [conditions]="getConditions(tooth)"
+          [notation]="notation()"
+          [interactive]="mode() === 'interactive'"
+          [showTooltip]="showTooltip()"
+          [x]="toothX(tooth)"
+          [y]="upperAdultY()"
+          [size]="TOOTH_SIZE"
+          (toothClick)="toothClick.emit($event)"
+          (surfaceClick)="surfaceClick.emit($event)"
+          (toothHover)="toothHover.emit($event)"
+          (surfaceHover)="surfaceHover.emit($event)"
+        />
+      }
+
+      <!-- Upper primary arch -->
+      @if (showPrimary()) {
+        @for (tooth of upperPrimary(); track tooth.fdi) {
+          <g ngx-tooth
+            [definition]="tooth"
+            [conditions]="getConditions(tooth)"
+            [notation]="notation()"
+            [interactive]="mode() === 'interactive'"
+            [showTooltip]="showTooltip()"
+            [x]="primaryX(tooth)"
+            [y]="upperPrimaryY()"
+            [size]="TOOTH_SIZE"
+            (toothClick)="toothClick.emit($event)"
+            (surfaceClick)="surfaceClick.emit($event)"
+            (toothHover)="toothHover.emit($event)"
+            (surfaceHover)="surfaceHover.emit($event)"
+          />
+        }
+      }
+
+      <!-- Arch midline -->
+      <line
+        [attr.x1]="PAD_X - 4" [attr.y1]="midlineY()"
+        [attr.x2]="svgWidth() - PAD_X + 4" [attr.y2]="midlineY()"
+        class="ngx-midline"
+      />
+
+      <!-- Lower primary arch -->
+      @if (showPrimary()) {
+        @for (tooth of lowerPrimary(); track tooth.fdi) {
+          <g ngx-tooth
+            [definition]="tooth"
+            [conditions]="getConditions(tooth)"
+            [notation]="notation()"
+            [interactive]="mode() === 'interactive'"
+            [showTooltip]="showTooltip()"
+            [x]="primaryX(tooth)"
+            [y]="lowerPrimaryY()"
+            [size]="TOOTH_SIZE"
+            (toothClick)="toothClick.emit($event)"
+            (surfaceClick)="surfaceClick.emit($event)"
+            (toothHover)="toothHover.emit($event)"
+            (surfaceHover)="surfaceHover.emit($event)"
+          />
+        }
+      }
+
+      <!-- Lower adult arch -->
+      @for (tooth of lowerAdult(); track tooth.fdi) {
+        <g ngx-tooth
+          [definition]="tooth"
+          [conditions]="getConditions(tooth)"
+          [notation]="notation()"
+          [interactive]="mode() === 'interactive'"
+          [showTooltip]="showTooltip()"
+          [x]="toothX(tooth)"
+          [y]="lowerAdultY()"
+          [size]="TOOTH_SIZE"
+          (toothClick)="toothClick.emit($event)"
+          (surfaceClick)="surfaceClick.emit($event)"
+          (toothHover)="toothHover.emit($event)"
+          (surfaceHover)="surfaceHover.emit($event)"
+        />
+      }
+    </svg>
+  `, styles: [":host{display:inline-block}.ngx-odontogram{font-family:sans-serif}.ngx-midline{stroke:#bbb;stroke-width:1;stroke-dasharray:4 3}\n"] }]
+        }], propDecorators: { notation: [{ type: i0.Input, args: [{ isSignal: true, alias: "notation", required: false }] }], teeth: [{ type: i0.Input, args: [{ isSignal: true, alias: "teeth", required: false }] }], showPrimary: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPrimary", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], showTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltip", required: false }] }], toothClick: [{ type: i0.Output, args: ["toothClick"] }], surfaceClick: [{ type: i0.Output, args: ["surfaceClick"] }], toothHover: [{ type: i0.Output, args: ["toothHover"] }], surfaceHover: [{ type: i0.Output, args: ["surfaceHover"] }] } });
+
+/*
+ * Public API Surface of ngx-odontogram
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALL_TEETH, OdontogramComponent, ToothComponent, getTeethByQuadrant, getToothByFdi, getToothByUniversal };
+//# sourceMappingURL=ngx-odontogram.mjs.map

package/fesm2022/ngx-odontogram.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-odontogram.mjs","sources":["../../../projects/ngx-odontogram/src/lib/utils/tooth-definitions.ts","../../../projects/ngx-odontogram/src/lib/components/tooth/tooth.component.ts","../../../projects/ngx-odontogram/src/lib/components/odontogram/odontogram.component.ts","../../../projects/ngx-odontogram/src/public-api.ts","../../../projects/ngx-odontogram/src/ngx-odontogram.ts"],"sourcesContent":["import { ToothDefinition } from '../models/odontogram.models';\n\n// Adult teeth — FDI quadrants: 1=upper-right, 2=upper-left, 3=lower-left, 4=lower-right\n// Universal: upper-right 1-8, upper-left 9-16, lower-left 17-24, lower-right 25-32\nconst ADULT_TEETH: ToothDefinition[] = [\n  // Upper right (FDI 11-18, Universal 8-1)\n  { fdi: 11, universal: 8,  type: 'adult', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 8 },\n  { fdi: 12, universal: 7,  type: 'adult', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 7 },\n  { fdi: 13, universal: 6,  type: 'adult', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 6 },\n  { fdi: 14, universal: 5,  type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 5 },\n  { fdi: 15, universal: 4,  type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 4 },\n  { fdi: 16, universal: 3,  type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 3 },\n  { fdi: 17, universal: 2,  type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 2 },\n  { fdi: 18, universal: 1,  type: 'adult', quadrant: 'upper-right', isAnterior: false, roots: 3, order: 1 },\n  // Upper left (FDI 21-28, Universal 9-16)\n  { fdi: 21, universal: 9,  type: 'adult', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 1 },\n  { fdi: 22, universal: 10, type: 'adult', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 2 },\n  { fdi: 23, universal: 11, type: 'adult', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 24, universal: 12, type: 'adult', quadrant: 'upper-left',  isAnterior: false, roots: 1, order: 4 },\n  { fdi: 25, universal: 13, type: 'adult', quadrant: 'upper-left',  isAnterior: false, roots: 1, order: 5 },\n  { fdi: 26, universal: 14, type: 'adult', quadrant: 'upper-left',  isAnterior: false, roots: 3, order: 6 },\n  { fdi: 27, universal: 15, type: 'adult', quadrant: 'upper-left',  isAnterior: false, roots: 3, order: 7 },\n  { fdi: 28, universal: 16, type: 'adult', quadrant: 'upper-left',  isAnterior: false, roots: 3, order: 8 },\n  // Lower left (FDI 31-38, Universal 17-24)\n  { fdi: 31, universal: 24, type: 'adult', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 1 },\n  { fdi: 32, universal: 23, type: 'adult', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 2 },\n  { fdi: 33, universal: 22, type: 'adult', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 34, universal: 21, type: 'adult', quadrant: 'lower-left',  isAnterior: false, roots: 1, order: 4 },\n  { fdi: 35, universal: 20, type: 'adult', quadrant: 'lower-left',  isAnterior: false, roots: 1, order: 5 },\n  { fdi: 36, universal: 19, type: 'adult', quadrant: 'lower-left',  isAnterior: false, roots: 2, order: 6 },\n  { fdi: 37, universal: 18, type: 'adult', quadrant: 'lower-left',  isAnterior: false, roots: 2, order: 7 },\n  { fdi: 38, universal: 17, type: 'adult', quadrant: 'lower-left',  isAnterior: false, roots: 2, order: 8 },\n  // Lower right (FDI 41-48, Universal 25-32)\n  { fdi: 41, universal: 25, type: 'adult', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 8 },\n  { fdi: 42, universal: 26, type: 'adult', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 7 },\n  { fdi: 43, universal: 27, type: 'adult', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 6 },\n  { fdi: 44, universal: 28, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 5 },\n  { fdi: 45, universal: 29, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 4 },\n  { fdi: 46, universal: 30, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 3 },\n  { fdi: 47, universal: 31, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 2 },\n  { fdi: 48, universal: 32, type: 'adult', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 1 },\n];\n\n// Primary teeth — FDI quadrants: 5=upper-right, 6=upper-left, 7=lower-left, 8=lower-right\n// Universal primary: A-T (letters)\nconst PRIMARY_TEETH: ToothDefinition[] = [\n  // Upper right (FDI 51-55, Universal E-A)\n  { fdi: 51, universal: 'E', type: 'primary', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 5 },\n  { fdi: 52, universal: 'D', type: 'primary', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 4 },\n  { fdi: 53, universal: 'C', type: 'primary', quadrant: 'upper-right', isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 54, universal: 'B', type: 'primary', quadrant: 'upper-right', isAnterior: false, roots: 1, order: 2 },\n  { fdi: 55, universal: 'A', type: 'primary', quadrant: 'upper-right', isAnterior: false, roots: 2, order: 1 },\n  // Upper left (FDI 61-65, Universal F-J)\n  { fdi: 61, universal: 'F', type: 'primary', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 1 },\n  { fdi: 62, universal: 'G', type: 'primary', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 2 },\n  { fdi: 63, universal: 'H', type: 'primary', quadrant: 'upper-left',  isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 64, universal: 'I', type: 'primary', quadrant: 'upper-left',  isAnterior: false, roots: 1, order: 4 },\n  { fdi: 65, universal: 'J', type: 'primary', quadrant: 'upper-left',  isAnterior: false, roots: 2, order: 5 },\n  // Lower left (FDI 71-75, Universal O-K)\n  { fdi: 71, universal: 'O', type: 'primary', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 1 },\n  { fdi: 72, universal: 'N', type: 'primary', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 2 },\n  { fdi: 73, universal: 'M', type: 'primary', quadrant: 'lower-left',  isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 74, universal: 'L', type: 'primary', quadrant: 'lower-left',  isAnterior: false, roots: 1, order: 4 },\n  { fdi: 75, universal: 'K', type: 'primary', quadrant: 'lower-left',  isAnterior: false, roots: 2, order: 5 },\n  // Lower right (FDI 81-85, Universal T-P)\n  { fdi: 81, universal: 'T', type: 'primary', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 5 },\n  { fdi: 82, universal: 'S', type: 'primary', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 4 },\n  { fdi: 83, universal: 'R', type: 'primary', quadrant: 'lower-right', isAnterior: true,  roots: 1, order: 3 },\n  { fdi: 84, universal: 'Q', type: 'primary', quadrant: 'lower-right', isAnterior: false, roots: 1, order: 2 },\n  { fdi: 85, universal: 'P', type: 'primary', quadrant: 'lower-right', isAnterior: false, roots: 2, order: 1 },\n];\n\nexport const ALL_TEETH: ToothDefinition[] = [...ADULT_TEETH, ...PRIMARY_TEETH];\n\nexport function getToothByFdi(fdi: number): ToothDefinition | undefined {\n  return ALL_TEETH.find(t => t.fdi === fdi);\n}\n\nexport function getToothByUniversal(id: number | string): ToothDefinition | undefined {\n  return ALL_TEETH.find(t => t.universal === id);\n}\n\nexport function getTeethByQuadrant(quadrant: string, type: 'adult' | 'primary' | 'all' = 'all'): ToothDefinition[] {\n  return ALL_TEETH\n    .filter(t => t.quadrant === quadrant && (type === 'all' || t.type === type))\n    .sort((a, b) => a.order - b.order);\n}\n","import {\n  Component, input, output, computed, signal, ChangeDetectionStrategy, ViewEncapsulation, HostListener\n} from '@angular/core';\nimport { OdontogramEvent, SurfaceCondition, Surface, ToothDefinition, Notation } from '../../models/odontogram.models';\n\nconst TOOLTIP_W = 52;\nconst TOOLTIP_H = 16;\nconst TOOLTIP_R = 4;\n\n@Component({\n  selector: 'g[ngx-tooth]',\n  standalone: true,\n  imports: [],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  styles: [`\n    .ngx-tooth-root {\n      fill: #f0ece3;\n      stroke: #999;\n      stroke-width: 1;\n    }\n    .ngx-surface {\n      stroke: #666;\n      stroke-width: 0.8;\n      cursor: pointer;\n      transition: fill 0.12s;\n    }\n    .ngx-surface:hover {\n      fill: #bbdefb !important;\n    }\n    .ngx-tooth-crown-outline {\n      fill: none;\n      stroke: #333;\n      stroke-width: 1.5;\n      pointer-events: none;\n    }\n    .ngx-tooth-label {\n      font-size: 9px;\n      fill: #555;\n      pointer-events: none;\n      user-select: none;\n    }\n    .ngx-tooltip-bg {\n      fill: #333;\n      opacity: 0.88;\n      pointer-events: none;\n    }\n    .ngx-tooltip-text {\n      font-size: 9px;\n      fill: #fff;\n      pointer-events: none;\n      user-select: none;\n    }\n  `],\n  template: `\n    @if (isUpperArch()) {\n      @for (root of rootRects(); track $index) {\n        <svg:rect\n          [attr.x]=\"root.x\" [attr.y]=\"root.y\"\n          [attr.width]=\"root.width\" [attr.height]=\"root.height\"\n          class=\"ngx-tooth-root\"\n        />\n      }\n    }\n\n    <svg:polygon\n      [attr.points]=\"surfaces().buccal\"\n      [attr.fill]=\"getSurfaceColor('buccal') || getSurfaceColor('labial') || '#fff'\"\n      class=\"ngx-surface\"\n      (click)=\"onSurface($event, isAnterior() ? 'labial' : 'buccal')\"\n      (mouseenter)=\"onSurfaceHover($event, isAnterior() ? 'labial' : 'buccal')\"\n    />\n    <svg:polygon\n      [attr.points]=\"surfaces().lingual\"\n      [attr.fill]=\"getSurfaceColor('lingual') || '#fff'\"\n      class=\"ngx-surface\"\n      (click)=\"onSurface($event, 'lingual')\"\n      (mouseenter)=\"onSurfaceHover($event, 'lingual')\"\n    />\n    <svg:polygon\n      [attr.points]=\"surfaces().mesial\"\n      [attr.fill]=\"getSurfaceColor('mesial') || '#fff'\"\n      class=\"ngx-surface\"\n      (click)=\"onSurface($event, 'mesial')\"\n      (mouseenter)=\"onSurfaceHover($event, 'mesial')\"\n    />\n    <svg:polygon\n      [attr.points]=\"surfaces().distal\"\n      [attr.fill]=\"getSurfaceColor('distal') || '#fff'\"\n      class=\"ngx-surface\"\n      (click)=\"onSurface($event, 'distal')\"\n      (mouseenter)=\"onSurfaceHover($event, 'distal')\"\n    />\n    <svg:rect\n      [attr.x]=\"surfaces().center.x\" [attr.y]=\"surfaces().center.y\"\n      [attr.width]=\"surfaces().center.w\" [attr.height]=\"surfaces().center.h\"\n      [attr.fill]=\"getSurfaceColor('occlusal') || getSurfaceColor('incisal') || '#fff'\"\n      class=\"ngx-surface\"\n      (click)=\"onSurface($event, isAnterior() ? 'incisal' : 'occlusal')\"\n      (mouseenter)=\"onSurfaceHover($event, isAnterior() ? 'incisal' : 'occlusal')\"\n    />\n\n    <!-- Crown outline — purely decorative, pointer-events:none lets clicks reach surfaces -->\n    <svg:rect\n      [attr.x]=\"crownRect().x\" [attr.y]=\"crownRect().y\"\n      [attr.width]=\"crownRect().w\" [attr.height]=\"crownRect().h\"\n      class=\"ngx-tooth-crown-outline\"\n    />\n\n    <svg:text\n      [attr.x]=\"labelPos().x\" [attr.y]=\"labelPos().y\"\n      class=\"ngx-tooth-label\"\n      text-anchor=\"middle\"\n    >{{ label() }}</svg:text>\n\n    @if (!isUpperArch()) {\n      @for (root of rootRects(); track $index) {\n        <svg:rect\n          [attr.x]=\"root.x\" [attr.y]=\"root.y\"\n          [attr.width]=\"root.width\" [attr.height]=\"root.height\"\n          class=\"ngx-tooth-root\"\n        />\n      }\n    }\n\n    <!-- Tooltip -->\n    @if (showTooltip() && hoveredSurface()) {\n      <svg:g>\n        <svg:rect\n          [attr.x]=\"tooltipPos().x - TOOLTIP_W / 2\"\n          [attr.y]=\"tooltipPos().y - TOOLTIP_H / 2\"\n          [attr.width]=\"TOOLTIP_W\"\n          [attr.height]=\"TOOLTIP_H\"\n          [attr.rx]=\"TOOLTIP_R\"\n          class=\"ngx-tooltip-bg\"\n        />\n        <svg:text\n          [attr.x]=\"tooltipPos().x\"\n          [attr.y]=\"tooltipPos().y + 1\"\n          class=\"ngx-tooltip-text\"\n          text-anchor=\"middle\"\n          dominant-baseline=\"middle\"\n        >{{ hoveredSurface() }}</svg:text>\n      </svg:g>\n    }\n  `,\n})\nexport class ToothComponent {\n  definition = input.required<ToothDefinition>();\n  conditions = input<SurfaceCondition[]>([]);\n  notation = input<Notation>('fdi');\n  interactive = input<boolean>(true);\n  showTooltip = input<boolean>(true);\n  x = input<number>(0);\n  y = input<number>(0);\n  size = input<number>(36);\n\n  toothClick = output<OdontogramEvent>();\n  surfaceClick = output<OdontogramEvent>();\n  toothHover = output<OdontogramEvent>();\n  surfaceHover = output<OdontogramEvent>();\n\n  hoveredSurface = signal<string | null>(null);\n  tooltipPos = signal<{ x: number; y: number }>({ x: 0, y: 0 });\n\n  readonly TOOLTIP_W = TOOLTIP_W;\n  readonly TOOLTIP_H = TOOLTIP_H;\n  readonly TOOLTIP_R = TOOLTIP_R;\n\n  @HostListener('mouseleave')\n  onHostLeave() {\n    this.hoveredSurface.set(null);\n  }\n\n  isAnterior = computed(() => this.definition().isAnterior);\n  isUpperArch = computed(() => this.definition().quadrant.startsWith('upper'));\n\n  label = computed(() => {\n    const d = this.definition();\n    return this.notation() === 'fdi' ? String(d.fdi) : String(d.universal);\n  });\n\n  crownRect = computed(() => ({ x: this.x(), y: this.y(), w: this.size(), h: this.size() }));\n\n  surfaces = computed(() => {\n    const x = this.x();\n    const y = this.y();\n    const s = this.size();\n    const cx = x + s / 2;\n    const cy = y + s / 2;\n    const inset = s * 0.3;\n\n    const tl = `${x},${y}`;\n    const tr = `${x + s},${y}`;\n    const bl = `${x},${y + s}`;\n    const br = `${x + s},${y + s}`;\n    const ci   = `${cx - inset},${cy - inset}`;\n    const cii  = `${cx + inset},${cy - inset}`;\n    const ciii = `${cx + inset},${cy + inset}`;\n    const civ  = `${cx - inset},${cy + inset}`;\n\n    return {\n      buccal:  `${tl} ${tr} ${cii} ${ci}`,\n      lingual: `${bl} ${br} ${ciii} ${civ}`,\n      mesial:  `${tl} ${bl} ${civ} ${ci}`,\n      distal:  `${tr} ${br} ${ciii} ${cii}`,\n      center:  { x: cx - inset, y: cy - inset, w: inset * 2, h: inset * 2 },\n    };\n  });\n\n  rootRects = computed(() => {\n    const x = this.x();\n    const y = this.y();\n    const s = this.size();\n    const n = this.definition().roots;\n    const rootH = s * 0.7;\n    const rootW = Math.min(s / n - 3, 10);\n    const totalW = n * rootW + (n - 1) * 3;\n    const startX = x + (s - totalW) / 2;\n    const rootY = this.isUpperArch() ? y - rootH : y + s;\n\n    return Array.from({ length: n }, (_, i) => ({\n      x: startX + i * (rootW + 3),\n      y: rootY,\n      width: rootW,\n      height: rootH,\n    }));\n  });\n\n  labelPos = computed(() => {\n    const s = this.size();\n    const rootH = s * 0.7;\n    return {\n      x: this.x() + s / 2,\n      y: this.isUpperArch()\n        ? this.y() - rootH - 4\n        : this.y() + s + rootH + 12,\n    };\n  });\n\n  getSurface(surface: Surface): SurfaceCondition | undefined {\n    return this.conditions().find(c => c.surface === surface);\n  }\n\n  getSurfaceColor(surface: Surface): string | undefined {\n    return this.getSurface(surface)?.color;\n  }\n\n  private buildEvent(mouseEvent: MouseEvent, surface?: Surface): OdontogramEvent {\n    const d = this.definition();\n    const id = this.notation() === 'fdi' ? d.fdi : d.universal;\n    return { toothId: id, toothFdi: d.fdi, toothType: d.type, surface, conditions: this.conditions(), mouseEvent };\n  }\n\n  onSurface(e: MouseEvent, surface: Surface) {\n    e.stopPropagation();\n    if (!this.interactive()) return;\n    const ev = this.buildEvent(e, surface);\n    this.surfaceClick.emit(ev);\n    this.toothClick.emit(ev);\n  }\n\n  onSurfaceHover(e: MouseEvent, surface: Surface) {\n    if (!this.interactive()) return;\n    const s = this.size();\n    const cx = this.x() + s / 2;\n    // position tooltip above crown for upper arch, below for lower arch\n    const tipY = this.isUpperArch()\n      ? this.y() - s * 0.7 - TOOLTIP_H - 2\n      : this.y() + s + s * 0.7 + TOOLTIP_H + 2;\n    this.hoveredSurface.set(surface);\n    this.tooltipPos.set({ x: cx, y: tipY });\n    const ev = this.buildEvent(e, surface);\n    this.surfaceHover.emit(ev);\n    this.toothHover.emit(ev);\n  }\n}\n","import {\n  Component, input, output, computed, ChangeDetectionStrategy\n} from '@angular/core';\nimport { ToothComponent } from '../tooth/tooth.component';\nimport {\n  Notation, ToothData, OdontogramEvent, SurfaceCondition, ToothDefinition\n} from '../../models/odontogram.models';\nimport { ALL_TEETH } from '../../utils/tooth-definitions';\n\nconst TOOTH_SIZE = 36;\nconst TOOTH_GAP = 6;\nconst STEP = TOOTH_SIZE + TOOTH_GAP;\nconst ROOT_H = TOOTH_SIZE * 0.7;\nconst LABEL_H = 16;\nconst ARCH_GAP = 28;\n\n// Layout constants\nconst TEETH_PER_ARCH = 8;          // adult teeth per quadrant\nconst PRIMARY_PER_ARCH = 5;        // primary teeth per quadrant\nconst ADULT_ROW_W = TEETH_PER_ARCH * STEP - TOOTH_GAP;\n\n// SVG padding\nconst PAD_X = 16;\nconst PAD_Y = ROOT_H + LABEL_H + 8;\n\n// Arch midpoint x (center of chart)\nconst MID_X = PAD_X + ADULT_ROW_W;\n\n@Component({\n  selector: 'ngx-odontogram',\n  standalone: true,\n  imports: [ToothComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <svg\n      [attr.width]=\"svgWidth()\"\n      [attr.height]=\"svgHeight()\"\n      [attr.viewBox]=\"viewBox()\"\n      class=\"ngx-odontogram\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <!-- Upper adult arch -->\n      @for (tooth of upperAdult(); track tooth.fdi) {\n        <g ngx-tooth\n          [definition]=\"tooth\"\n          [conditions]=\"getConditions(tooth)\"\n          [notation]=\"notation()\"\n          [interactive]=\"mode() === 'interactive'\"\n          [showTooltip]=\"showTooltip()\"\n          [x]=\"toothX(tooth)\"\n          [y]=\"upperAdultY()\"\n          [size]=\"TOOTH_SIZE\"\n          (toothClick)=\"toothClick.emit($event)\"\n          (surfaceClick)=\"surfaceClick.emit($event)\"\n          (toothHover)=\"toothHover.emit($event)\"\n          (surfaceHover)=\"surfaceHover.emit($event)\"\n        />\n      }\n\n      <!-- Upper primary arch -->\n      @if (showPrimary()) {\n        @for (tooth of upperPrimary(); track tooth.fdi) {\n          <g ngx-tooth\n            [definition]=\"tooth\"\n            [conditions]=\"getConditions(tooth)\"\n            [notation]=\"notation()\"\n            [interactive]=\"mode() === 'interactive'\"\n            [showTooltip]=\"showTooltip()\"\n            [x]=\"primaryX(tooth)\"\n            [y]=\"upperPrimaryY()\"\n            [size]=\"TOOTH_SIZE\"\n            (toothClick)=\"toothClick.emit($event)\"\n            (surfaceClick)=\"surfaceClick.emit($event)\"\n            (toothHover)=\"toothHover.emit($event)\"\n            (surfaceHover)=\"surfaceHover.emit($event)\"\n          />\n        }\n      }\n\n      <!-- Arch midline -->\n      <line\n        [attr.x1]=\"PAD_X - 4\" [attr.y1]=\"midlineY()\"\n        [attr.x2]=\"svgWidth() - PAD_X + 4\" [attr.y2]=\"midlineY()\"\n        class=\"ngx-midline\"\n      />\n\n      <!-- Lower primary arch -->\n      @if (showPrimary()) {\n        @for (tooth of lowerPrimary(); track tooth.fdi) {\n          <g ngx-tooth\n            [definition]=\"tooth\"\n            [conditions]=\"getConditions(tooth)\"\n            [notation]=\"notation()\"\n            [interactive]=\"mode() === 'interactive'\"\n            [showTooltip]=\"showTooltip()\"\n            [x]=\"primaryX(tooth)\"\n            [y]=\"lowerPrimaryY()\"\n            [size]=\"TOOTH_SIZE\"\n            (toothClick)=\"toothClick.emit($event)\"\n            (surfaceClick)=\"surfaceClick.emit($event)\"\n            (toothHover)=\"toothHover.emit($event)\"\n            (surfaceHover)=\"surfaceHover.emit($event)\"\n          />\n        }\n      }\n\n      <!-- Lower adult arch -->\n      @for (tooth of lowerAdult(); track tooth.fdi) {\n        <g ngx-tooth\n          [definition]=\"tooth\"\n          [conditions]=\"getConditions(tooth)\"\n          [notation]=\"notation()\"\n          [interactive]=\"mode() === 'interactive'\"\n          [showTooltip]=\"showTooltip()\"\n          [x]=\"toothX(tooth)\"\n          [y]=\"lowerAdultY()\"\n          [size]=\"TOOTH_SIZE\"\n          (toothClick)=\"toothClick.emit($event)\"\n          (surfaceClick)=\"surfaceClick.emit($event)\"\n          (toothHover)=\"toothHover.emit($event)\"\n          (surfaceHover)=\"surfaceHover.emit($event)\"\n        />\n      }\n    </svg>\n  `,\n  styles: [`\n    :host { display: inline-block; }\n\n    .ngx-odontogram { font-family: sans-serif; }\n\n    .ngx-midline {\n      stroke: #bbb;\n      stroke-width: 1;\n      stroke-dasharray: 4 3;\n    }\n  `],\n})\nexport class OdontogramComponent {\n  notation = input<Notation>('fdi');\n  teeth = input<ToothData[]>([]);\n  showPrimary = input<boolean>(true);\n  mode = input<'view' | 'interactive'>('interactive');\n  showTooltip = input<boolean>(true);\n\n  toothClick = output<OdontogramEvent>();\n  surfaceClick = output<OdontogramEvent>();\n  toothHover = output<OdontogramEvent>();\n  surfaceHover = output<OdontogramEvent>();\n\n  readonly TOOTH_SIZE = TOOTH_SIZE;\n  readonly PAD_X = PAD_X;\n\n  upperAdult = computed(() =>\n    ALL_TEETH.filter(t => t.type === 'adult' && t.quadrant.startsWith('upper'))\n              .sort((a, b) => this.globalOrder(a) - this.globalOrder(b))\n  );\n\n  lowerAdult = computed(() =>\n    ALL_TEETH.filter(t => t.type === 'adult' && t.quadrant.startsWith('lower'))\n              .sort((a, b) => this.globalOrder(a) - this.globalOrder(b))\n  );\n\n  upperPrimary = computed(() =>\n    ALL_TEETH.filter(t => t.type === 'primary' && t.quadrant.startsWith('upper'))\n              .sort((a, b) => this.globalOrder(a) - this.globalOrder(b))\n  );\n\n  lowerPrimary = computed(() =>\n    ALL_TEETH.filter(t => t.type === 'primary' && t.quadrant.startsWith('lower'))\n              .sort((a, b) => this.globalOrder(a) - this.globalOrder(b))\n  );\n\n  /** X position of an adult tooth within the SVG */\n  toothX(tooth: ToothDefinition): number {\n    const isRight = tooth.quadrant.includes('right');\n    if (isRight) {\n      // Right quadrant: tooth order 1=innermost, 8=outermost → mirror left-to-right\n      return PAD_X + (TEETH_PER_ARCH - tooth.order) * STEP;\n    } else {\n      // Left quadrant: tooth order 1=innermost\n      return PAD_X + TEETH_PER_ARCH * STEP + (tooth.order - 1) * STEP;\n    }\n  }\n\n  /** X position of a primary tooth — centered within the adult arch span */\n  primaryX(tooth: ToothDefinition): number {\n    const adultSpanStart = PAD_X + (TEETH_PER_ARCH - PRIMARY_PER_ARCH) * STEP / 2;\n    const isRight = tooth.quadrant.includes('right');\n    if (isRight) {\n      return adultSpanStart + (PRIMARY_PER_ARCH - tooth.order) * STEP;\n    } else {\n      return PAD_X + TEETH_PER_ARCH * STEP + (adultSpanStart - PAD_X) + (tooth.order - 1) * STEP;\n    }\n  }\n\n  upperAdultY = computed(() => PAD_Y);\n  upperPrimaryY = computed(() => PAD_Y + TOOTH_SIZE + ROOT_H + ARCH_GAP);\n  midlineY = computed(() => {\n    const base = this.upperAdultY() + TOOTH_SIZE + ROOT_H + ARCH_GAP / 2;\n    return this.showPrimary() ? this.upperPrimaryY() + TOOTH_SIZE + ROOT_H + ARCH_GAP / 2 : base;\n  });\n  lowerPrimaryY = computed(() => this.midlineY() + ARCH_GAP / 2);\n  lowerAdultY = computed(() =>\n    this.showPrimary()\n      ? this.lowerPrimaryY() + TOOTH_SIZE + ROOT_H + ARCH_GAP\n      : this.midlineY() + ARCH_GAP / 2\n  );\n\n  svgWidth = computed(() => PAD_X * 2 + TEETH_PER_ARCH * 2 * STEP - TOOTH_GAP);\n  svgHeight = computed(() => {\n    const bottom = this.lowerAdultY() + TOOTH_SIZE + ROOT_H + LABEL_H + PAD_Y;\n    return bottom;\n  });\n  viewBox = computed(() => `0 0 ${this.svgWidth()} ${this.svgHeight()}`);\n\n  getConditions(tooth: ToothDefinition): SurfaceCondition[] {\n    const id = this.notation() === 'fdi' ? tooth.fdi : tooth.universal;\n    return this.teeth().find(t => t.id === id)?.conditions ?? [];\n  }\n\n  private globalOrder(tooth: ToothDefinition): number {\n    const isRight = tooth.quadrant.includes('right');\n    // Left-to-right order across full arch: right quadrant reversed, then left quadrant\n    return isRight ? TEETH_PER_ARCH - tooth.order : TEETH_PER_ARCH + tooth.order;\n  }\n}\n","/*\n * Public API Surface of ngx-odontogram\n */\n\nexport * from './lib/models/odontogram.models';\nexport * from './lib/utils/tooth-definitions';\nexport * from './lib/components/tooth/tooth.component';\nexport * from './lib/components/odontogram/odontogram.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "ngx-odontogram",
+  "version": "0.1.0",
+  "description": "Interactive SVG odontogram (dental chart) component for Angular. Supports FDI and Universal notation, adult and primary teeth, with full event-driven interactivity.",
+  "keywords": [
+    "angular",
+    "odontogram",
+    "dental",
+    "tooth",
+    "chart",
+    "svg",
+    "fdi",
+    "universal"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ngx-odontogram.mjs",
+  "typings": "types/ngx-odontogram.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/ngx-odontogram.d.ts",
+      "default": "./fesm2022/ngx-odontogram.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/ngx-odontogram.d.ts

@@ -0,0 +1,140 @@
+import * as _angular_core from '@angular/core';
+
+type Notation = 'fdi' | 'universal';
+type ToothType = 'adult' | 'primary';
+type Surface = 'mesial' | 'distal' | 'occlusal' | 'lingual' | 'buccal' | 'incisal' | 'labial';
+type Quadrant = 'upper-right' | 'upper-left' | 'lower-left' | 'lower-right';
+interface SurfaceCondition {
+    surface: Surface;
+    condition: string;
+    color?: string;
+}
+interface ToothData {
+    /** FDI number (e.g. 16) or Universal number (e.g. 3) or Universal primary letter (e.g. 'A') */
+    id: number | string;
+    conditions: SurfaceCondition[];
+}
+interface OdontogramEvent {
+    toothId: number | string;
+    toothFdi: number;
+    toothType: ToothType;
+    surface?: Surface;
+    conditions: SurfaceCondition[];
+    mouseEvent: MouseEvent;
+}
+interface ToothDefinition {
+    fdi: number;
+    universal: number | string;
+    type: ToothType;
+    quadrant: Quadrant;
+    /** Whether this tooth has an occlusal surface (posterior) or incisal (anterior) */
+    isAnterior: boolean;
+    /** Number of roots to draw */
+    roots: number;
+    /** Display order left-to-right within its arch row */
+    order: number;
+}
+
+declare const ALL_TEETH: ToothDefinition[];
+declare function getToothByFdi(fdi: number): ToothDefinition | undefined;
+declare function getToothByUniversal(id: number | string): ToothDefinition | undefined;
+declare function getTeethByQuadrant(quadrant: string, type?: 'adult' | 'primary' | 'all'): ToothDefinition[];
+
+declare class ToothComponent {
+    definition: _angular_core.InputSignal<ToothDefinition>;
+    conditions: _angular_core.InputSignal<SurfaceCondition[]>;
+    notation: _angular_core.InputSignal<Notation>;
+    interactive: _angular_core.InputSignal<boolean>;
+    showTooltip: _angular_core.InputSignal<boolean>;
+    x: _angular_core.InputSignal<number>;
+    y: _angular_core.InputSignal<number>;
+    size: _angular_core.InputSignal<number>;
+    toothClick: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    surfaceClick: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    toothHover: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    surfaceHover: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    hoveredSurface: _angular_core.WritableSignal<string | null>;
+    tooltipPos: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    readonly TOOLTIP_W = 52;
+    readonly TOOLTIP_H = 16;
+    readonly TOOLTIP_R = 4;
+    onHostLeave(): void;
+    isAnterior: _angular_core.Signal<boolean>;
+    isUpperArch: _angular_core.Signal<boolean>;
+    label: _angular_core.Signal<string>;
+    crownRect: _angular_core.Signal<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    surfaces: _angular_core.Signal<{
+        buccal: string;
+        lingual: string;
+        mesial: string;
+        distal: string;
+        center: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        };
+    }>;
+    rootRects: _angular_core.Signal<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }[]>;
+    labelPos: _angular_core.Signal<{
+        x: number;
+        y: number;
+    }>;
+    getSurface(surface: Surface): SurfaceCondition | undefined;
+    getSurfaceColor(surface: Surface): string | undefined;
+    private buildEvent;
+    onSurface(e: MouseEvent, surface: Surface): void;
+    onSurfaceHover(e: MouseEvent, surface: Surface): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToothComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToothComponent, "g[ngx-tooth]", never, { "definition": { "alias": "definition"; "required": true; "isSignal": true; }; "conditions": { "alias": "conditions"; "required": false; "isSignal": true; }; "notation": { "alias": "notation"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "toothClick": "toothClick"; "surfaceClick": "surfaceClick"; "toothHover": "toothHover"; "surfaceHover": "surfaceHover"; }, never, never, true, never>;
+}
+
+declare class OdontogramComponent {
+    notation: _angular_core.InputSignal<Notation>;
+    teeth: _angular_core.InputSignal<ToothData[]>;
+    showPrimary: _angular_core.InputSignal<boolean>;
+    mode: _angular_core.InputSignal<"view" | "interactive">;
+    showTooltip: _angular_core.InputSignal<boolean>;
+    toothClick: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    surfaceClick: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    toothHover: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    surfaceHover: _angular_core.OutputEmitterRef<OdontogramEvent>;
+    readonly TOOTH_SIZE = 36;
+    readonly PAD_X = 16;
+    upperAdult: _angular_core.Signal<ToothDefinition[]>;
+    lowerAdult: _angular_core.Signal<ToothDefinition[]>;
+    upperPrimary: _angular_core.Signal<ToothDefinition[]>;
+    lowerPrimary: _angular_core.Signal<ToothDefinition[]>;
+    /** X position of an adult tooth within the SVG */
+    toothX(tooth: ToothDefinition): number;
+    /** X position of a primary tooth — centered within the adult arch span */
+    primaryX(tooth: ToothDefinition): number;
+    upperAdultY: _angular_core.Signal<number>;
+    upperPrimaryY: _angular_core.Signal<number>;
+    midlineY: _angular_core.Signal<number>;
+    lowerPrimaryY: _angular_core.Signal<number>;
+    lowerAdultY: _angular_core.Signal<number>;
+    svgWidth: _angular_core.Signal<number>;
+    svgHeight: _angular_core.Signal<number>;
+    viewBox: _angular_core.Signal<string>;
+    getConditions(tooth: ToothDefinition): SurfaceCondition[];
+    private globalOrder;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OdontogramComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OdontogramComponent, "ngx-odontogram", never, { "notation": { "alias": "notation"; "required": false; "isSignal": true; }; "teeth": { "alias": "teeth"; "required": false; "isSignal": true; }; "showPrimary": { "alias": "showPrimary"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; }, { "toothClick": "toothClick"; "surfaceClick": "surfaceClick"; "toothHover": "toothHover"; "surfaceHover": "surfaceHover"; }, never, never, true, never>;
+}
+
+export { ALL_TEETH, OdontogramComponent, ToothComponent, getTeethByQuadrant, getToothByFdi, getToothByUniversal };
+export type { Notation, OdontogramEvent, Quadrant, Surface, SurfaceCondition, ToothData, ToothDefinition, ToothType };