@joanroucoux/cairn-ui 0.8.1 → 0.9.0

package/fesm2022/joanroucoux-cairn-ui-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-table.mjs","sources":["../../../projects/ui/table/table.ts","../../../projects/ui/table/joanroucoux-cairn-ui-table.ts"],"sourcesContent":["import { Component, Directive, booleanAttribute, computed, input } from '@angular/core';\n\nimport { holdTransitionsUntilRendered } from '@joanroucoux/cairn-ui/motion';\n\n/** Breakpoints a secondary column can be held back until. */\nexport const CELL_BREAKPOINTS = ['md', 'lg'] as const;\nexport type CellBreakpoint = (typeof CELL_BREAKPOINTS)[number];\n\n/** Body row heights. */\nexport const TABLE_ROWS = ['48', '52', '60'] as const;\nexport type TableRow = (typeof TABLE_ROWS)[number];\n\nconst ROW_CLASSES: Record<TableRow, string> = {\n  '48': '[--table-row:3rem]',\n  '52': '[--table-row:3.25rem]',\n  '60': '[--table-row:3.75rem]',\n};\n\nconst FROM_CLASSES: Record<CellBreakpoint, string> = {\n  md: 'hidden md:table-cell',\n  lg: 'hidden lg:table-cell',\n};\n\nconst TH_CLASSES =\n  'h-[calc(var(--table-head)+var(--table-head-gap))] border-b-(length:--table-head-gap) border-transparent px-2 align-middle text-caption font-medium text-(--subtle-foreground) shadow-(--table-rule)';\nconst TD_CLASSES = 'h-(--table-row) px-2 align-middle text-body';\nconst NUMERIC_CLASSES = 'text-right tabular-nums whitespace-nowrap';\nconst TEXTUAL_CLASSES = 'text-left';\nconst PRIMARY_CLASSES = 'w-full max-w-0';\n\n/**\n * Styled native table. The rows and cells stay plain <tr> and <td>. `row` sets the height of every\n * body row, `rule` draws or drops the hairline under the header, `spaced` leaves 4px between the\n * header and the first row.\n *\n * @example\n * <table uiTable row=\"60\" [rule]=\"false\">\n */\n@Directive({\n  selector: 'table[uiTable]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiTable {\n  readonly row = input<TableRow>('48');\n  readonly rule = input(true, { transform: booleanAttribute });\n  readonly spaced = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() =>\n    [\n      'w-full border-separate border-spacing-0',\n      ROW_CLASSES[this.row()],\n      this.rule() ? '[--table-rule:inset_0_-1px_0_var(--hairline)]' : '[--table-rule:none]',\n      this.spaced() ? '[--table-head-gap:0.25rem]' : '[--table-head-gap:0px]',\n    ].join(' '),\n  );\n\n  constructor() {\n    holdTransitionsUntilRendered();\n  }\n}\n\n/** Body of one group of rows: leaves a 4px tail after its last row. */\n@Directive({\n  selector: 'tbody[uiGroup]',\n  host: { class: 'after:table-row after:h-1 after:content-[\"\"]' },\n})\nexport class UiGroup {}\n\n/**\n * Body or group row. An ordinary row glows on hover and takes the soft fill when `selected`; an\n * `interactive` row (one that opens something) also presses to the soft fill. A row with no action keeps a\n * plain name: `<td uiTd primary class=\"truncate font-medium\">`.\n * `group` marks the row that holds a group band: it carries no hover state.\n *\n * @example\n * <tr uiTr [selected]=\"open\">...\n * <tr uiTr group><td ui-group-cell name=\"Brokerage\">...\n */\n@Directive({\n  selector: 'tr[uiTr]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-selected]': 'selected() ? \"true\" : null',\n  },\n})\nexport class UiTr {\n  readonly group = input(false, { transform: booleanAttribute });\n  readonly selected = input(false, { transform: booleanAttribute });\n  readonly interactive = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() => {\n    if (this.group()) {\n      return '';\n    }\n    return [\n      'relative [&>td:first-child]:rounded-l-control [&>td:last-child]:rounded-r-control',\n      this.selected() ? '[&>td]:bg-(--soft)' : '',\n      'hover:[&>td]:bg-(--glow) [&>td]:transition-colors [&>td]:duration-(--duration-fast) [&>td]:ease-out',\n      this.interactive()\n        ? 'active:[&>td]:bg-(--soft) transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale)'\n        : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n  });\n}\n\nconst cellClasses = (\n  base: string,\n  numeric: boolean,\n  primary: boolean,\n  from: CellBreakpoint | null,\n  secondary: boolean,\n): string => {\n  const breakpoint = from ?? (secondary ? 'lg' : null);\n  return [\n    base,\n    numeric ? NUMERIC_CLASSES : TEXTUAL_CLASSES,\n    primary ? PRIMARY_CLASSES : '',\n    breakpoint ? FROM_CLASSES[breakpoint] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n};\n\n/**\n * Column header, centred in its 36px. `numeric` right-aligns and lines the digits up; `secondary`\n * (or `from`) holds a column back until the viewport is wide enough for it; `primary` makes it\n * the column that absorbs the free width and truncates; `tall` is a 40px header; `width` fixes the column width and keeps it from shrinking.\n *\n * @example\n * <th uiTh numeric secondary width=\"108px\">Quantity</th>\n */\n@Directive({\n  selector: 'th[uiTh]',\n  host: {\n    '[class]': 'classes()',\n    '[style.width]': 'width()',\n    '[style.min-width]': 'width()',\n  },\n})\nexport class UiTh {\n  readonly width = input<string | null>(null);\n  readonly numeric = input(false, { transform: booleanAttribute });\n  readonly primary = input(false, { transform: booleanAttribute });\n  readonly secondary = input(false, { transform: booleanAttribute });\n  readonly tall = input(false, { transform: booleanAttribute });\n  readonly from = input<CellBreakpoint | null>(null);\n\n  protected readonly classes = computed(() =>\n    cellClasses(\n      `${this.tall() ? '[--table-head:2.5rem]' : '[--table-head:2.25rem]'} ${TH_CLASSES}`,\n      this.numeric(),\n      this.primary(),\n      this.from(),\n      this.secondary(),\n    ),\n  );\n}\n\n/** Body cell. Same inputs as `UiTh` (bar `tall` and `width`), and they must be set on both to match. */\n@Directive({\n  selector: 'td[uiTd]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiTd {\n  readonly numeric = input(false, { transform: booleanAttribute });\n  readonly primary = input(false, { transform: booleanAttribute });\n  readonly secondary = input(false, { transform: booleanAttribute });\n  readonly from = input<CellBreakpoint | null>(null);\n\n  protected readonly classes = computed(() =>\n    cellClasses(TD_CLASSES, this.numeric(), this.primary(), this.from(), this.secondary()),\n  );\n}\n\n/** Group band sizes. */\nexport const GROUP_SIZES = ['md', 'lg'] as const;\nexport type GroupSize = (typeof GROUP_SIZES)[number];\n\n/**\n * The band that opens a group of rows: name in 600 (a heading), meta beside it, the projected\n * total pinned to the right. Spans the whole row through `colspan`.\n *\n * @example\n * <tr uiTr group><td ui-group-cell colspan=\"4\" name=\"Brokerage\" meta=\"Savings plan\">...total...</td></tr>\n */\n@Component({\n  selector: 'td[ui-group-cell]',\n  host: {\n    '[class]': 'hostClasses()',\n  },\n  template: `\n    <div\n      class=\"rounded-control flex items-center justify-between gap-4 bg-(--muted) px-2\"\n      [class]=\"size() === 'lg' ? 'min-h-12' : 'min-h-11'\"\n    >\n      <div class=\"flex min-w-0 items-baseline gap-3\">\n        <h2 class=\"text-body m-0 font-semibold whitespace-nowrap outline-none\" data-group-heading tabindex=\"-1\">\n          {{ name() }}\n        </h2>\n        @if (meta()) {\n          <span class=\"text-label truncate text-(--muted-foreground)\">{{ meta() }}</span>\n        }\n      </div>\n      <span class=\"font-semibold whitespace-nowrap tabular-nums\"><ng-content /></span>\n    </div>\n  `,\n})\nexport class UiGroupCell {\n  readonly name = input.required<string>();\n  readonly meta = input<string>();\n  readonly size = input<GroupSize>('md');\n\n  protected readonly hostClasses = computed(\n    () => `px-0 ${this.size() === 'lg' ? 'pt-3' : 'pt-2.5'} pb-1 align-middle text-body`,\n  );\n}\n\n/**\n * Makes a link or button the way into its row. By default an invisible layer stretches over the\n * whole row, so the row is one target for the pointer, the keyboard and a screen reader, and its\n * focus ring wraps the row. With `[stretch]=\"false\"` only the name is the\n * target: it underlines on hover and takes its own ring. `current` marks the open line.\n *\n * @example\n * <td uiTd primary><a uiRowLink href=\"/lines/42\">Ferrari</a></td>\n * <td uiTd primary><a uiRowLink [stretch]=\"false\" href=\"/accounts/3\">Brokerage</a></td>\n */\n@Directive({\n  selector: 'a[uiRowLink], button[uiRowLink]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-current]': 'current() ? \"true\" : null',\n  },\n})\nexport class UiRowLink {\n  readonly stretch = input(true, { transform: booleanAttribute });\n  readonly current = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() =>\n    this.stretch()\n      ? 'block max-w-full truncate rounded-control text-left font-medium outline-none after:absolute after:inset-0 after:rounded-control after:content-[\"\"] focus-visible:after:outline-2 focus-visible:after:-outline-offset-2 focus-visible:after:outline-(--ring)'\n      : 'block max-w-full truncate rounded-sm text-left font-medium underline-offset-[3px] outline-none hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)',\n  );\n}\n\n/** A control in another cell of a stretched-link row: lifts it above the layer that covers the row. */\n@Directive({\n  selector: '[uiRowAction]',\n  host: { class: 'relative z-1' },\n})\nexport class UiRowAction {}\n\n/** Tones of a subtitle: subtle (default), `--stale` at 500, or the color of the cell. */\nexport const SUB_TONES = ['subtle', 'stale', 'inherit'] as const;\nexport type SubTone = (typeof SUB_TONES)[number];\n\nconst SUB_TONE_CLASSES: Record<SubTone, string> = {\n  subtle: 'font-normal text-(--subtle-foreground)',\n  stale: 'font-medium text-(--stale)',\n  inherit: 'font-normal',\n};\n\n/**\n * A second line under a cell's main text. `narrow` shows it only under 1024px, where it carries\n * the quantity, average cost and quote that were held back. Its amounts go through `ui-amount`\n * so they mask.\n *\n * @example\n * <span uiCellSub narrow>10 × 421.26 € · cost 388.10 €</span>\n * <span uiCellSub tone=\"stale\">Quote of 24/09</span>\n */\n@Directive({\n  selector: '[uiCellSub]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiCellSub {\n  readonly narrow = input(false, { transform: booleanAttribute });\n  readonly tone = input<SubTone>('subtle');\n\n  protected readonly classes = computed(\n    () =>\n      `${this.narrow() ? 'lg:hidden ' : ''}block truncate text-caption tabular-nums ${SUB_TONE_CLASSES[this.tone()]}`,\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"joanroucoux-cairn-ui-table.mjs","names":[],"sources":["../../../projects/ui/table/table.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, Directive, booleanAttribute, computed, inject, input, model } from '@angular/core';\n\nimport { holdTransitionsUntilRendered } from '@joanroucoux/cairn-ui/motion';\n\n/** Breakpoints a secondary column can be held back until. */\nexport const CELL_BREAKPOINTS = ['md', 'lg'] as const;\nexport type CellBreakpoint = (typeof CELL_BREAKPOINTS)[number];\n\n/** Body row heights. */\nexport const TABLE_ROWS = ['48', '52', '60'] as const;\nexport type TableRow = (typeof TABLE_ROWS)[number];\n\nconst ROW_CLASSES: Record<TableRow, string> = {\n  '48': '[--table-row:3rem]',\n  '52': '[--table-row:3.25rem]',\n  '60': '[--table-row:3.75rem]',\n};\n\nconst FROM_CLASSES: Record<CellBreakpoint, string> = {\n  md: 'hidden md:table-cell',\n  lg: 'hidden lg:table-cell',\n};\n\nconst TH_CLASSES =\n  'h-[calc(var(--table-head)+var(--table-head-gap))] border-b-(length:--table-head-gap) border-transparent px-2 align-middle text-caption font-medium text-(--subtle-foreground) shadow-(--table-rule)';\nconst TD_CLASSES = 'h-(--table-row) px-2 align-middle text-body';\nconst NUMERIC_CLASSES = 'text-right tabular-nums whitespace-nowrap';\nconst TEXTUAL_CLASSES = 'text-left';\nconst PRIMARY_CLASSES = 'w-full max-w-0';\n\n/**\n * Styled native table. `row` sets the height of every body row, `rule` draws or drops the hairline\n * under the header, `spaced` leaves a gap between the header and the first row.\n *\n * @example\n * <table uiTable row=\"60\" [rule]=\"false\">\n */\n@Directive({\n  selector: 'table[uiTable]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiTable {\n  readonly row = input<TableRow>('48');\n  readonly rule = input(true, { transform: booleanAttribute });\n  readonly spaced = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() =>\n    [\n      'w-full border-separate border-spacing-0',\n      ROW_CLASSES[this.row()],\n      this.rule() ? '[--table-rule:inset_0_-1px_0_var(--hairline)]' : '[--table-rule:none]',\n      this.spaced() ? '[--table-head-gap:0.25rem]' : '[--table-head-gap:0px]',\n    ].join(' '),\n  );\n\n  constructor() {\n    holdTransitionsUntilRendered();\n  }\n}\n\n/**\n * Body of one group of rows. `collapsed` hides every `tr[uiTr]` but the group row with `hidden`: the rows\n * stay in the DOM, so a `uiFlipList` around the table sees no item added or removed and slides\n * nothing. A plain `tr` without `uiTr` is not hidden.\n *\n * @example\n * <tbody uiGroup [collapsed]=\"!open()\">\n */\n@Directive({\n  selector: 'tbody[uiGroup]',\n  host: { class: 'after:table-row after:h-1 after:content-[\"\"]' },\n})\nexport class UiGroup {\n  readonly collapsed = input(false, { transform: booleanAttribute });\n}\n\n/**\n * Body or group row. `selected` takes the soft fill, `interactive` (a row that opens something) also\n * presses to it. `group` marks the row that holds a group band: it has no hover state.\n *\n * @example\n * <tr uiTr [selected]=\"open\">...\n * <tr uiTr group><td ui-group-cell name=\"Brokerage\">...\n */\n@Directive({\n  selector: 'tr[uiTr]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-selected]': 'selected() ? \"true\" : null',\n    '[hidden]': '!group() && body?.collapsed()',\n  },\n})\nexport class UiTr {\n  protected readonly body = inject(UiGroup, { optional: true });\n\n  readonly group = input(false, { transform: booleanAttribute });\n  readonly selected = input(false, { transform: booleanAttribute });\n  readonly interactive = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() => {\n    if (this.group()) {\n      return '';\n    }\n    return [\n      'relative [&>td:first-child]:rounded-l-control [&>td:last-child]:rounded-r-control',\n      this.selected() ? '[&>td]:bg-(--soft)' : '',\n      'hover:[&>td]:bg-(--glow) [&>td]:transition-colors [&>td]:duration-(--duration-fast) [&>td]:ease-out',\n      this.interactive()\n        ? 'active:[&>td]:bg-(--soft) transition-transform duration-(--duration-press) ease-out active:scale-(--press-scale)'\n        : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n  });\n}\n\nconst cellClasses = (\n  base: string,\n  numeric: boolean,\n  primary: boolean,\n  from: CellBreakpoint | null,\n  secondary: boolean,\n): string => {\n  const breakpoint = from ?? (secondary ? 'lg' : null);\n  return [\n    base,\n    numeric ? NUMERIC_CLASSES : TEXTUAL_CLASSES,\n    primary ? PRIMARY_CLASSES : '',\n    breakpoint ? FROM_CLASSES[breakpoint] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n};\n\n/**\n * Column header. `numeric` right-aligns, `secondary` (or `from`) hides the column below a\n * breakpoint, `primary` makes it the column that absorbs the free width, `tall` is a 40px header,\n * `width` fixes the column width.\n *\n * @example\n * <th uiTh numeric secondary width=\"108px\">Quantity</th>\n */\n@Directive({\n  selector: 'th[uiTh]',\n  host: {\n    '[class]': 'classes()',\n    '[style.width]': 'width()',\n    '[style.min-width]': 'width()',\n  },\n})\nexport class UiTh {\n  readonly width = input<string | null>(null);\n  readonly numeric = input(false, { transform: booleanAttribute });\n  readonly primary = input(false, { transform: booleanAttribute });\n  readonly secondary = input(false, { transform: booleanAttribute });\n  readonly tall = input(false, { transform: booleanAttribute });\n  readonly from = input<CellBreakpoint | null>(null);\n\n  protected readonly classes = computed(() =>\n    cellClasses(\n      `${this.tall() ? '[--table-head:2.5rem]' : '[--table-head:2.25rem]'} ${TH_CLASSES}`,\n      this.numeric(),\n      this.primary(),\n      this.from(),\n      this.secondary(),\n    ),\n  );\n}\n\n/** Body cell. Same inputs as `UiTh` bar `tall` and `width`, which must be set on both to match. */\n@Directive({\n  selector: 'td[uiTd]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiTd {\n  readonly numeric = input(false, { transform: booleanAttribute });\n  readonly primary = input(false, { transform: booleanAttribute });\n  readonly secondary = input(false, { transform: booleanAttribute });\n  readonly from = input<CellBreakpoint | null>(null);\n\n  protected readonly classes = computed(() =>\n    cellClasses(TD_CLASSES, this.numeric(), this.primary(), this.from(), this.secondary()),\n  );\n}\n\n/** Group band sizes. */\nexport const GROUP_SIZES = ['md', 'lg'] as const;\nexport type GroupSize = (typeof GROUP_SIZES)[number];\n\n/**\n * The band that opens a group of rows: name, meta beside it, the projected total on the right.\n * Spans the whole row through `colspan`.\n *\n * With `collapsible` the band is a button inside the heading, with a chevron that turns when the\n * group is folded. `expanded` is a model: the page keeps the fold memory and sets `collapsed` on the\n * `tbody[uiGroup]`. `toggleDisabled` keeps the button focusable and announced, but a click changes\n * nothing (a filter holds the group open). `controls` is the id of the group it folds.\n *\n * @example\n * <tr uiTr group><td ui-group-cell colspan=\"4\" name=\"Brokerage\" meta=\"Savings plan\">...total...</td></tr>\n * <tr uiTr group><td ui-group-cell collapsible [(expanded)]=\"open\" controls=\"brokerage\" colspan=\"4\" name=\"Brokerage\">...</td></tr>\n */\n@Component({\n  selector: 'td[ui-group-cell]',\n  imports: [NgTemplateOutlet],\n  host: {\n    '[class]': 'hostClasses()',\n  },\n  template: `\n    <ng-template #total><ng-content /></ng-template>\n    @if (collapsible()) {\n      <h2 class=\"m-0 font-normal\">\n        <button\n          class=\"rounded-control flex w-full items-center justify-between gap-4 bg-(--muted) px-2 text-left not-aria-disabled:cursor-pointer not-aria-disabled:hover:bg-(--soft) focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)\"\n          data-group-heading\n          type=\"button\"\n          [attr.aria-controls]=\"controls() || null\"\n          [attr.aria-disabled]=\"toggleDisabled() ? 'true' : null\"\n          [attr.aria-expanded]=\"expanded()\"\n          [class]=\"size() === 'lg' ? 'min-h-12' : 'min-h-11'\"\n          (click)=\"toggle()\"\n        >\n          <span class=\"flex min-w-0 items-center gap-2.5\">\n            <svg\n              aria-hidden=\"true\"\n              class=\"flex-none stroke-(--muted-foreground) transition-transform duration-(--duration-fast) ease-out\"\n              fill=\"none\"\n              height=\"18\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"1.75\"\n              viewBox=\"0 0 24 24\"\n              width=\"18\"\n              [class.-rotate-90]=\"!expanded()\"\n            >\n              <path d=\"m6 9 6 6 6-6\" />\n            </svg>\n            <span class=\"flex min-w-0 items-baseline gap-3\">\n              <span class=\"text-body font-semibold whitespace-nowrap\">{{ name() }}</span>\n              @if (meta()) {\n                <span class=\"text-label truncate text-(--muted-foreground)\">{{ meta() }}</span>\n              }\n            </span>\n          </span>\n          <span class=\"text-body font-semibold whitespace-nowrap tabular-nums\">\n            <ng-container [ngTemplateOutlet]=\"total\" />\n          </span>\n        </button>\n      </h2>\n    } @else {\n      <div\n        class=\"rounded-control flex items-center justify-between gap-4 bg-(--muted) px-2\"\n        [class]=\"size() === 'lg' ? 'min-h-12' : 'min-h-11'\"\n      >\n        <div class=\"flex min-w-0 items-baseline gap-3\">\n          <h2 class=\"text-body m-0 font-semibold whitespace-nowrap outline-none\" data-group-heading tabindex=\"-1\">\n            {{ name() }}\n          </h2>\n          @if (meta()) {\n            <span class=\"text-label truncate text-(--muted-foreground)\">{{ meta() }}</span>\n          }\n        </div>\n        <span class=\"font-semibold whitespace-nowrap tabular-nums\"><ng-container [ngTemplateOutlet]=\"total\" /></span>\n      </div>\n    }\n  `,\n})\nexport class UiGroupCell {\n  readonly name = input.required<string>();\n  readonly meta = input<string>();\n  readonly size = input<GroupSize>('md');\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  readonly expanded = model(true);\n  readonly toggleDisabled = input(false, { transform: booleanAttribute });\n  readonly controls = input<string>();\n\n  protected readonly hostClasses = computed(\n    () => `px-0 ${this.size() === 'lg' ? 'pt-3' : 'pt-2.5'} pb-1 align-middle text-body`,\n  );\n\n  protected toggle(): void {\n    if (!this.toggleDisabled()) {\n      this.expanded.update((expanded) => !expanded);\n    }\n  }\n}\n\n/**\n * Makes a link or button the way into its row: by default it stretches over the whole row, so the\n * row is one target. With `[stretch]=\"false\"` only the name is the target. `current` marks the open\n * line. Other controls in the row need `uiRowAction` to stay clickable.\n *\n * @example\n * <td uiTd primary><a uiRowLink href=\"/lines/42\">Ferrari</a></td>\n * <td uiTd primary><a uiRowLink [stretch]=\"false\" href=\"/accounts/3\">Brokerage</a></td>\n */\n@Directive({\n  selector: 'a[uiRowLink], button[uiRowLink]',\n  host: {\n    '[class]': 'classes()',\n    '[attr.aria-current]': 'current() ? \"true\" : null',\n  },\n})\nexport class UiRowLink {\n  readonly stretch = input(true, { transform: booleanAttribute });\n  readonly current = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() =>\n    this.stretch()\n      ? 'block max-w-full truncate rounded-control text-left font-medium outline-none after:absolute after:inset-0 after:rounded-control after:content-[\"\"] focus-visible:after:outline-2 focus-visible:after:-outline-offset-2 focus-visible:after:outline-(--ring)'\n      : 'block max-w-full truncate rounded-sm text-left font-medium underline-offset-[3px] outline-none hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--ring)',\n  );\n}\n\n/** A control in another cell of a stretched-link row: keeps it clickable above the row-wide link. */\n@Directive({\n  selector: '[uiRowAction]',\n  host: { class: 'relative z-1' },\n})\nexport class UiRowAction {}\n\n/** Tones of a subtitle: subtle (default), `--stale` at 500, or the color of the cell. */\nexport const SUB_TONES = ['subtle', 'stale', 'inherit'] as const;\nexport type SubTone = (typeof SUB_TONES)[number];\n\nconst SUB_TONE_CLASSES: Record<SubTone, string> = {\n  subtle: 'font-normal text-(--subtle-foreground)',\n  stale: 'font-medium text-(--stale)',\n  inherit: 'font-normal',\n};\n\n/**\n * A second line under a cell's main text. `narrow` shows it only under 1024px, for the data held\n * back by `secondary` columns.\n *\n * @example\n * <span uiCellSub narrow>10 × 421.26 € · cost 388.10 €</span>\n * <span uiCellSub tone=\"stale\">Quote of 24/09</span>\n */\n@Directive({\n  selector: '[uiCellSub]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class UiCellSub {\n  readonly narrow = input(false, { transform: booleanAttribute });\n  readonly tone = input<SubTone>('subtle');\n\n  protected readonly classes = computed(\n    () =>\n      `${this.narrow() ? 'lg:hidden ' : ''}block truncate text-caption tabular-nums ${SUB_TONE_CLASSES[this.tone()]}`,\n  );\n}\n"],"mappings":"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"}

package/fesm2022/joanroucoux-cairn-ui-toast.mjs

@@ -1,111 +1,160 @@
-import * as i0 from '@angular/core';
-import { signal, Injectable, inject, ElementRef, effect, untracked, DestroyRef, Component } from '@angular/core';
-
-/**
- * One-slot confirmation message queue read by `ui-toaster`.
- *
- * @example
- * inject(UiToasts).show('Achat enregistré');
- */
-class UiToasts {
-    current = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
-    sequence = 0;
-    toast = this.current.asReadonly();
-    show(message) {
-        this.current.set({ id: ++this.sequence, text: message });
-    }
-    dismiss() {
-        this.current.set(null);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiToasts, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiToasts, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiToasts, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-const DEFAULT_DURATION = 5000;
-const TOAST_CLASSES = 'pointer-events-auto max-w-[min(28rem,calc(100vw-2rem))] rounded-container bg-(--elevated) px-4 py-3 text-label text-(--foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16),inset_0_0_0_1px_var(--border)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0';
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, ElementRef, Injectable, afterNextRender, effect, inject, signal, untracked } from "@angular/core";
+var UiToasts = class UiToasts {
+	current = signal(null, ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	sequence = 0;
+	toast = this.current.asReadonly();
+	show(message) {
+		this.current.set({
+			id: ++this.sequence,
+			text: message,
+			kind: "success"
+		});
+	}
+	showError(message, closeLabel = "Fermer") {
+		this.current.set({
+			id: ++this.sequence,
+			text: message,
+			kind: "error",
+			closeLabel
+		});
+	}
+	dismiss() {
+		this.current.set(null);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiToasts,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiToasts,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiToasts,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const DEFAULT_DURATION = 5e3;
+const TOAST_CLASSES = "pointer-events-auto flex min-h-11 min-w-[min(280px,calc(100vw-2rem))] max-w-[min(400px,calc(100vw-2rem))] items-center gap-2.5 rounded-container bg-(--primary) px-4 py-3 text-label font-medium text-(--primary-foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0";
+const CLOSE_CLASSES = "relative grid size-7 flex-none cursor-pointer place-items-center -my-1 -mr-2 rounded-[calc(var(--radius-control)-2px)] text-(--primary-foreground) outline-none hover:bg-[rgb(127_127_127/0.2)] focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-(--primary-foreground) after:absolute after:-inset-2 pointer-fine:after:-inset-1";
 const readDuration = (host) => {
-    const raw = getComputedStyle(host).getPropertyValue('--toast-duration').trim();
-    const value = parseFloat(raw);
-    if (Number.isNaN(value)) {
-        return DEFAULT_DURATION;
-    }
-    return raw.endsWith('ms') ? value : value * 1000;
+	const raw = getComputedStyle(host).getPropertyValue("--toast-duration").trim();
+	const value = parseFloat(raw);
+	if (Number.isNaN(value)) return DEFAULT_DURATION;
+	return raw.endsWith("ms") ? value : value * 1e3;
 };
-/**
- * Confirmation message shown by `UiToasts.show`: one at a time, no action, gone after `--toast-duration`.
- * Place it once in the app shell.
- *
- * @example
- * <ui-toaster />
- */
-class UiToaster {
-    toasts = inject(UiToasts);
-    toastClasses = TOAST_CLASSES;
-    host = inject(ElementRef).nativeElement;
-    hovered = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
-    focused = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-    lastId = 0;
-    remaining = DEFAULT_DURATION;
-    startedAt = 0;
-    timer;
-    constructor() {
-        effect(() => {
-            const toast = this.toasts.toast();
-            const paused = this.hovered() || this.focused();
-            untracked(() => {
-                if (!toast) {
-                    this.stop();
-                    this.hovered.set(false);
-                    this.focused.set(false);
-                    return;
-                }
-                this.host.querySelectorAll('.ui-leave-fade').forEach((leaving) => leaving.remove());
-                if (paused) {
-                    this.pause();
-                }
-                else {
-                    this.resume(toast.id);
-                }
-            });
-        });
-        inject(DestroyRef).onDestroy(() => this.stop());
-    }
-    setHovered(value) {
-        this.hovered.set(value);
-    }
-    setFocused(value) {
-        this.focused.set(value);
-    }
-    resume(id) {
-        if (id !== this.lastId) {
-            this.lastId = id;
-            this.remaining = readDuration(this.host);
-        }
-        clearTimeout(this.timer);
-        this.startedAt = Date.now();
-        this.timer = setTimeout(() => this.toasts.dismiss(), this.remaining);
-    }
-    pause() {
-        if (this.timer !== undefined) {
-            this.remaining -= Date.now() - this.startedAt;
-            clearTimeout(this.timer);
-            this.timer = undefined;
-        }
-    }
-    stop() {
-        clearTimeout(this.timer);
-        this.timer = undefined;
-        this.lastId = 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiToaster, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: UiToaster, isStandalone: true, selector: "ui-toaster", host: { attributes: { "role": "status" }, classAttribute: "pointer-events-none fixed inset-x-0 z-50 flex justify-center bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:inset-x-auto lg:right-6 lg:bottom-6" }, ngImport: i0, template: `
+var UiToaster = class UiToaster {
+	toasts = inject(UiToasts);
+	toastClasses = TOAST_CLASSES;
+	closeClasses = CLOSE_CLASSES;
+	host = inject(ElementRef).nativeElement;
+	hovered = signal(false, ...ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []);
+	popoverShown = false;
+	focused = signal(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
+	lastId = 0;
+	raisedId = 0;
+	remaining = DEFAULT_DURATION;
+	startedAt = 0;
+	timer;
+	constructor() {
+		effect(() => {
+			const toast = this.toasts.toast();
+			const paused = this.hovered() || this.focused();
+			untracked(() => {
+				if (!toast) {
+					this.stop();
+					this.hovered.set(false);
+					this.focused.set(false);
+					return;
+				}
+				if (toast.id !== this.raisedId) {
+					this.raisedId = toast.id;
+					this.raise();
+				}
+				this.host.querySelectorAll(".ui-leave-fade").forEach((leaving) => leaving.remove());
+				if (toast.kind === "error") this.stop();
+				else if (paused) this.pause();
+				else this.resume(toast.id);
+			});
+		});
+		afterNextRender(() => {
+			this.host.showPopover();
+			this.popoverShown = true;
+		});
+		inject(DestroyRef).onDestroy(() => {
+			this.stop();
+		});
+	}
+	setHovered(value) {
+		this.hovered.set(value);
+	}
+	setFocused(value) {
+		this.focused.set(value);
+	}
+	raise() {
+		if (this.popoverShown) {
+			this.host.hidePopover();
+			this.host.showPopover();
+		}
+	}
+	resume(id) {
+		if (id !== this.lastId) {
+			this.lastId = id;
+			this.remaining = readDuration(this.host);
+		}
+		clearTimeout(this.timer);
+		this.startedAt = Date.now();
+		this.timer = setTimeout(() => this.toasts.dismiss(), this.remaining);
+	}
+	pause() {
+		if (this.timer !== void 0) {
+			this.remaining -= Date.now() - this.startedAt;
+			clearTimeout(this.timer);
+			this.timer = void 0;
+		}
+	}
+	stop() {
+		clearTimeout(this.timer);
+		this.timer = void 0;
+		this.lastId = 0;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: UiToaster,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: UiToaster,
+		isStandalone: true,
+		selector: "ui-toaster",
+		host: {
+			attributes: {
+				"role": "status",
+				"popover": "manual"
+			},
+			classAttribute: "pointer-events-none fixed inset-x-0 top-auto m-0 flex h-auto w-auto justify-center overflow-visible border-0 bg-transparent p-0 bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:left-[var(--sidebar-width,0px)] lg:bottom-6"
+		},
+		ngImport: i0,
+		template: `
     @if (toasts.toast(); as toast) {
       <div
         animate.leave="ui-leave-fade"
@@ -115,16 +164,52 @@ class UiToaster {
         (mouseenter)="setHovered(true)"
         (mouseleave)="setHovered(false)"
       >
-        {{ toast.text }}
+        <svg
+          aria-hidden="true"
+          class="block size-4 flex-none fill-none stroke-current stroke-2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          viewBox="0 0 24 24"
+        >
+          @if (toast.kind === 'error') {
+            <circle cx="12" cy="12" r="10" />
+            <path d="M12 8v4" />
+            <path d="M12 16h.01" />
+          } @else {
+            <path d="M20 6 9 17l-5-5" />
+          }
+        </svg>
+        <span class="min-w-0 flex-1 text-pretty">{{ toast.text }}</span>
+        @if (toast.kind === 'error') {
+          <button type="button" [attr.aria-label]="toast.closeLabel" [class]="closeClasses" (click)="toasts.dismiss()">
+            <svg
+              aria-hidden="true"
+              class="block size-4 flex-none fill-none stroke-current stroke-2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              viewBox="0 0 24 24"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        }
       </div>
     }
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiToaster, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-toaster',
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: UiToaster,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-toaster",
+			template: `
     @if (toasts.toast(); as toast) {
       <div
         animate.leave="ui-leave-fade"
@@ -134,20 +219,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         (mouseenter)="setHovered(true)"
         (mouseleave)="setHovered(false)"
       >
-        {{ toast.text }}
+        <svg
+          aria-hidden="true"
+          class="block size-4 flex-none fill-none stroke-current stroke-2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          viewBox="0 0 24 24"
+        >
+          @if (toast.kind === 'error') {
+            <circle cx="12" cy="12" r="10" />
+            <path d="M12 8v4" />
+            <path d="M12 16h.01" />
+          } @else {
+            <path d="M20 6 9 17l-5-5" />
+          }
+        </svg>
+        <span class="min-w-0 flex-1 text-pretty">{{ toast.text }}</span>
+        @if (toast.kind === 'error') {
+          <button type="button" [attr.aria-label]="toast.closeLabel" [class]="closeClasses" (click)="toasts.dismiss()">
+            <svg
+              aria-hidden="true"
+              class="block size-4 flex-none fill-none stroke-current stroke-2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              viewBox="0 0 24 24"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        }
       </div>
     }
   `,
-                    host: {
-                        role: 'status',
-                        class: 'pointer-events-none fixed inset-x-0 z-50 flex justify-center bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:inset-x-auto lg:right-6 lg:bottom-6',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			host: {
+				role: "status",
+				popover: "manual",
+				class: "pointer-events-none fixed inset-x-0 top-auto m-0 flex h-auto w-auto justify-center overflow-visible border-0 bg-transparent p-0 bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:left-[var(--sidebar-width,0px)] lg:bottom-6"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
 export { UiToaster, UiToasts };
-//# sourceMappingURL=joanroucoux-cairn-ui-toast.mjs.map
+
+//# sourceMappingURL=joanroucoux-cairn-ui-toast.mjs.map

package/fesm2022/joanroucoux-cairn-ui-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"joanroucoux-cairn-ui-toast.mjs","sources":["../../../projects/ui/toast/toasts.ts","../../../projects/ui/toast/toast.ts","../../../projects/ui/toast/joanroucoux-cairn-ui-toast.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\nexport type Toast = {\n  readonly id: number;\n  readonly text: string;\n};\n\n/**\n * One-slot confirmation message queue read by `ui-toaster`.\n *\n * @example\n * inject(UiToasts).show('Achat enregistré');\n */\n@Injectable({ providedIn: 'root' })\nexport class UiToasts {\n  private readonly current = signal<Toast | null>(null);\n  private sequence = 0;\n\n  readonly toast = this.current.asReadonly();\n\n  show(message: string): void {\n    this.current.set({ id: ++this.sequence, text: message });\n  }\n\n  dismiss(): void {\n    this.current.set(null);\n  }\n}\n","import { Component, DestroyRef, ElementRef, effect, inject, signal, untracked } from '@angular/core';\n\nimport { UiToasts } from './toasts';\n\nconst DEFAULT_DURATION = 5000;\n\nconst TOAST_CLASSES =\n  'pointer-events-auto max-w-[min(28rem,calc(100vw-2rem))] rounded-container bg-(--elevated) px-4 py-3 text-label text-(--foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16),inset_0_0_0_1px_var(--border)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0';\n\nconst readDuration = (host: HTMLElement): number => {\n  const raw = getComputedStyle(host).getPropertyValue('--toast-duration').trim();\n  const value = parseFloat(raw);\n\n  if (Number.isNaN(value)) {\n    return DEFAULT_DURATION;\n  }\n\n  return raw.endsWith('ms') ? value : value * 1000;\n};\n\n/**\n * Confirmation message shown by `UiToasts.show`: one at a time, no action, gone after `--toast-duration`.\n * Place it once in the app shell.\n *\n * @example\n * <ui-toaster />\n */\n@Component({\n  selector: 'ui-toaster',\n  template: `\n    @if (toasts.toast(); as toast) {\n      <div\n        animate.leave=\"ui-leave-fade\"\n        [class]=\"toastClasses\"\n        (focusin)=\"setFocused(true)\"\n        (focusout)=\"setFocused(false)\"\n        (mouseenter)=\"setHovered(true)\"\n        (mouseleave)=\"setHovered(false)\"\n      >\n        {{ toast.text }}\n      </div>\n    }\n  `,\n  host: {\n    role: 'status',\n    class:\n      'pointer-events-none fixed inset-x-0 z-50 flex justify-center bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:inset-x-auto lg:right-6 lg:bottom-6',\n  },\n})\nexport class UiToaster {\n  protected readonly toasts = inject(UiToasts);\n  protected readonly toastClasses = TOAST_CLASSES;\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly hovered = signal(false);\n  private readonly focused = signal(false);\n  private lastId = 0;\n  private remaining = DEFAULT_DURATION;\n  private startedAt = 0;\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor() {\n    effect(() => {\n      const toast = this.toasts.toast();\n      const paused = this.hovered() || this.focused();\n\n      untracked(() => {\n        if (!toast) {\n          this.stop();\n          this.hovered.set(false);\n          this.focused.set(false);\n          return;\n        }\n\n        this.host.querySelectorAll('.ui-leave-fade').forEach((leaving) => leaving.remove());\n\n        if (paused) {\n          this.pause();\n        } else {\n          this.resume(toast.id);\n        }\n      });\n    });\n\n    inject(DestroyRef).onDestroy(() => this.stop());\n  }\n\n  protected setHovered(value: boolean): void {\n    this.hovered.set(value);\n  }\n\n  protected setFocused(value: boolean): void {\n    this.focused.set(value);\n  }\n\n  private resume(id: number): void {\n    if (id !== this.lastId) {\n      this.lastId = id;\n      this.remaining = readDuration(this.host);\n    }\n\n    clearTimeout(this.timer);\n    this.startedAt = Date.now();\n    this.timer = setTimeout(() => this.toasts.dismiss(), this.remaining);\n  }\n\n  private pause(): void {\n    if (this.timer !== undefined) {\n      this.remaining -= Date.now() - this.startedAt;\n      clearTimeout(this.timer);\n      this.timer = undefined;\n    }\n  }\n\n  private stop(): void {\n    clearTimeout(this.timer);\n    this.timer = undefined;\n    this.lastId = 0;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"joanroucoux-cairn-ui-toast.mjs","names":[],"sources":["../../../projects/ui/toast/toasts.ts","../../../projects/ui/toast/toast.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\nexport type Toast =\n  | { readonly id: number; readonly text: string; readonly kind: 'success' }\n  | { readonly id: number; readonly text: string; readonly kind: 'error'; readonly closeLabel: string };\n\n/**\n * One-slot message queue read by `ui-toaster`: a confirmation that times out, or an error that stays until closed.\n *\n * @example\n * inject(UiToasts).show('Achat enregistré');\n * inject(UiToasts).showError(\"Échec de l'import\");\n */\n@Injectable({ providedIn: 'root' })\nexport class UiToasts {\n  private readonly current = signal<Toast | null>(null);\n  private sequence = 0;\n\n  readonly toast = this.current.asReadonly();\n\n  show(message: string): void {\n    this.current.set({ id: ++this.sequence, text: message, kind: 'success' });\n  }\n\n  showError(message: string, closeLabel = 'Fermer'): void {\n    this.current.set({ id: ++this.sequence, text: message, kind: 'error', closeLabel });\n  }\n\n  dismiss(): void {\n    this.current.set(null);\n  }\n}\n","import { Component, DestroyRef, ElementRef, afterNextRender, effect, inject, signal, untracked } from '@angular/core';\n\nimport { UiToasts } from './toasts';\n\nconst DEFAULT_DURATION = 5000;\n\nconst TOAST_CLASSES =\n  'pointer-events-auto flex min-h-11 min-w-[min(280px,calc(100vw-2rem))] max-w-[min(400px,calc(100vw-2rem))] items-center gap-2.5 rounded-container bg-(--primary) px-4 py-3 text-label font-medium text-(--primary-foreground) shadow-[0_8px_24px_rgb(0_0_0/0.16)] transition-[opacity,translate] duration-(--duration-base) ease-out starting:opacity-0 starting:translate-y-2 motion-reduce:starting:translate-y-0';\n\nconst CLOSE_CLASSES =\n  'relative grid size-7 flex-none cursor-pointer place-items-center -my-1 -mr-2 rounded-[calc(var(--radius-control)-2px)] text-(--primary-foreground) outline-none hover:bg-[rgb(127_127_127/0.2)] focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-(--primary-foreground) after:absolute after:-inset-2 pointer-fine:after:-inset-1';\n\nconst readDuration = (host: HTMLElement): number => {\n  const raw = getComputedStyle(host).getPropertyValue('--toast-duration').trim();\n  const value = parseFloat(raw);\n\n  if (Number.isNaN(value)) {\n    return DEFAULT_DURATION;\n  }\n\n  return raw.endsWith('ms') ? value : value * 1000;\n};\n\n/**\n * Message shown by `UiToasts`: one at a time, no action. A confirmation (`show`) is gone after `--toast-duration`;\n * an error (`showError`) stays until its cross is clicked. Centred at the bottom of the content area: from `64rem`\n * between `--sidebar-width` (0 when unset) and the right edge.\n * Place it once in the app shell.\n *\n * @example\n * <ui-toaster />\n */\n@Component({\n  selector: 'ui-toaster',\n  template: `\n    @if (toasts.toast(); as toast) {\n      <div\n        animate.leave=\"ui-leave-fade\"\n        [class]=\"toastClasses\"\n        (focusin)=\"setFocused(true)\"\n        (focusout)=\"setFocused(false)\"\n        (mouseenter)=\"setHovered(true)\"\n        (mouseleave)=\"setHovered(false)\"\n      >\n        <svg\n          aria-hidden=\"true\"\n          class=\"block size-4 flex-none fill-none stroke-current stroke-2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          viewBox=\"0 0 24 24\"\n        >\n          @if (toast.kind === 'error') {\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <path d=\"M12 8v4\" />\n            <path d=\"M12 16h.01\" />\n          } @else {\n            <path d=\"M20 6 9 17l-5-5\" />\n          }\n        </svg>\n        <span class=\"min-w-0 flex-1 text-pretty\">{{ toast.text }}</span>\n        @if (toast.kind === 'error') {\n          <button type=\"button\" [attr.aria-label]=\"toast.closeLabel\" [class]=\"closeClasses\" (click)=\"toasts.dismiss()\">\n            <svg\n              aria-hidden=\"true\"\n              class=\"block size-4 flex-none fill-none stroke-current stroke-2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path d=\"M18 6 6 18\" />\n              <path d=\"m6 6 12 12\" />\n            </svg>\n          </button>\n        }\n      </div>\n    }\n  `,\n  host: {\n    role: 'status',\n    popover: 'manual',\n    class:\n      'pointer-events-none fixed inset-x-0 top-auto m-0 flex h-auto w-auto justify-center overflow-visible border-0 bg-transparent p-0 bottom-[calc(var(--tab-bar-height,calc(52px+env(safe-area-inset-bottom)))+var(--action-bar-height,0px)+8px)] lg:left-[var(--sidebar-width,0px)] lg:bottom-6',\n  },\n})\nexport class UiToaster {\n  protected readonly toasts = inject(UiToasts);\n  protected readonly toastClasses = TOAST_CLASSES;\n  protected readonly closeClasses = CLOSE_CLASSES;\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly hovered = signal(false);\n  private popoverShown = false;\n  private readonly focused = signal(false);\n  private lastId = 0;\n  private raisedId = 0;\n  private remaining = DEFAULT_DURATION;\n  private startedAt = 0;\n  private timer: ReturnType<typeof setTimeout> | undefined;\n\n  constructor() {\n    effect(() => {\n      const toast = this.toasts.toast();\n      const paused = this.hovered() || this.focused();\n\n      untracked(() => {\n        if (!toast) {\n          this.stop();\n          this.hovered.set(false);\n          this.focused.set(false);\n          return;\n        }\n\n        if (toast.id !== this.raisedId) {\n          this.raisedId = toast.id;\n          this.raise();\n        }\n        this.host.querySelectorAll('.ui-leave-fade').forEach((leaving) => leaving.remove());\n\n        if (toast.kind === 'error') {\n          this.stop();\n        } else if (paused) {\n          this.pause();\n        } else {\n          this.resume(toast.id);\n        }\n      });\n    });\n\n    afterNextRender(() => {\n      this.host.showPopover();\n      this.popoverShown = true;\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      this.stop();\n    });\n  }\n\n  protected setHovered(value: boolean): void {\n    this.hovered.set(value);\n  }\n\n  protected setFocused(value: boolean): void {\n    this.focused.set(value);\n  }\n\n  private raise(): void {\n    if (this.popoverShown) {\n      this.host.hidePopover();\n      this.host.showPopover();\n    }\n  }\n\n  private resume(id: number): void {\n    if (id !== this.lastId) {\n      this.lastId = id;\n      this.remaining = readDuration(this.host);\n    }\n\n    clearTimeout(this.timer);\n    this.startedAt = Date.now();\n    this.timer = setTimeout(() => this.toasts.dismiss(), this.remaining);\n  }\n\n  private pause(): void {\n    if (this.timer !== undefined) {\n      this.remaining -= Date.now() - this.startedAt;\n      clearTimeout(this.timer);\n      this.timer = undefined;\n    }\n  }\n\n  private stop(): void {\n    clearTimeout(this.timer);\n    this.timer = undefined;\n    this.lastId = 0;\n  }\n}\n"],"mappings":";;AAcA,IAAa,WAAb,MAAa,SAAQ;CACF,UAAU,OAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC7C,WAAW;CAEV,QAAQ,KAAK,QAAQ,WAAU;CAExC,KAAK,SAAe;EAClB,KAAK,QAAQ,IAAI;GAAE,IAAI,EAAE,KAAK;GAAU,MAAM;GAAS,MAAM;EAAS,CAAE;CAC1E;CAEA,UAAU,SAAiB,aAAa,UAAQ;EAC9C,KAAK,QAAQ,IAAI;GAAE,IAAI,EAAE,KAAK;GAAU,MAAM;GAAS,MAAM;GAAS;EAAU,CAAE;CACpF;CAEA,UAAO;EACL,KAAK,QAAQ,IAAI,IAAI;CACvB;CAhBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,YADK;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EADpB,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;ACTlC,MAAM,mBAAmB;AAEzB,MAAM,gBACJ;AAEF,MAAM,gBACJ;AAEF,MAAM,gBAAgB,SAA6B;CACjD,MAAM,MAAM,iBAAiB,IAAI,CAAC,CAAC,iBAAiB,kBAAkB,CAAC,CAAC,KAAI;CAC5E,MAAM,QAAQ,WAAW,GAAG;CAE5B,IAAI,OAAO,MAAM,KAAK,GACpB,OAAO;CAGT,OAAO,IAAI,SAAS,IAAI,IAAI,QAAQ,QAAQ;AAC9C;AA+DA,IAAa,YAAb,MAAa,UAAS;CACD,SAAS,OAAO,QAAQ;CACxB,eAAe;CACf,eAAe;CAEjB,OAAO,OAAgC,UAAU,CAAC,CAAC;CACnD,UAAU,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,eAAe;CACN,UAAU,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,SAAS;CACT,WAAW;CACX,YAAY;CACZ,YAAY;CACZ;CAER,cAAA;EACE,aAAY;GACV,MAAM,QAAQ,KAAK,OAAO,MAAK;GAC/B,MAAM,SAAS,KAAK,QAAO,KAAM,KAAK,QAAO;GAE7C,gBAAe;IACb,IAAI,CAAC,OAAO;KACV,KAAK,KAAI;KACT,KAAK,QAAQ,IAAI,KAAK;KACtB,KAAK,QAAQ,IAAI,KAAK;KACtB;IACF;IAEA,IAAI,MAAM,OAAO,KAAK,UAAU;KAC9B,KAAK,WAAW,MAAM;KACtB,KAAK,MAAK;IACZ;IACA,KAAK,KAAK,iBAAiB,gBAAgB,CAAC,CAAC,SAAS,YAAY,QAAQ,OAAM,CAAE;IAElF,IAAI,MAAM,SAAS,SACjB,KAAK,KAAI;SACJ,IAAI,QACT,KAAK,MAAK;SAEV,KAAK,OAAO,MAAM,EAAE;GAExB,CAAC;EACH,CAAC;EAED,sBAAqB;GACnB,KAAK,KAAK,YAAW;GACrB,KAAK,eAAe;EACtB,CAAC;EAED,OAAO,UAAU,CAAC,CAAC,gBAAe;GAChC,KAAK,KAAI;EACX,CAAC;CACH;CAEU,WAAW,OAAc;EACjC,KAAK,QAAQ,IAAI,KAAK;CACxB;CAEU,WAAW,OAAc;EACjC,KAAK,QAAQ,IAAI,KAAK;CACxB;CAEQ,QAAK;EACX,IAAI,KAAK,cAAc;GACrB,KAAK,KAAK,YAAW;GACrB,KAAK,KAAK,YAAW;EACvB;CACF;CAEQ,OAAO,IAAU;EACvB,IAAI,OAAO,KAAK,QAAQ;GACtB,KAAK,SAAS;GACd,KAAK,YAAY,aAAa,KAAK,IAAI;EACzC;EAEA,aAAa,KAAK,KAAK;EACvB,KAAK,YAAY,KAAK,IAAG;EACzB,KAAK,QAAQ,iBAAiB,KAAK,OAAO,QAAO,GAAI,KAAK,SAAS;CACrE;CAEQ,QAAK;EACX,IAAI,KAAK,UAAU,QAAW;GAC5B,KAAK,aAAa,KAAK,IAAG,IAAK,KAAK;GACpC,aAAa,KAAK,KAAK;GACvB,KAAK,QAAQ;EACf;CACF;CAEQ,OAAI;EACV,aAAa,KAAK,KAAK;EACvB,KAAK,QAAQ;EACb,KAAK,SAAS;CAChB;CA5FW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,YAAA;IAAA,QAAA;IAAA,WAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAlDV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CT,UAAA;CAAA,CAAA;;AAQU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EApDrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CV,MAAM;IACJ,MAAM;IACN,SAAS;IACT,OACE;GACH;EACF,CAAA"}

package/fesm2022/joanroucoux-cairn-ui.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=joanroucoux-cairn-ui.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joanroucoux/cairn-ui",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Cairn UI — a monochrome, accessible Angular design system.",
   "keywords": [
     "angular",
@@ -104,6 +104,10 @@
       "types": "./types/joanroucoux-cairn-ui-donut.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-donut.mjs"
     },
+    "./drawer": {
+      "types": "./types/joanroucoux-cairn-ui-drawer.d.ts",
+      "default": "./fesm2022/joanroucoux-cairn-ui-drawer.mjs"
+    },
     "./empty": {
       "types": "./types/joanroucoux-cairn-ui-empty.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-empty.mjs"
@@ -124,6 +128,10 @@
       "types": "./types/joanroucoux-cairn-ui-filter-chips.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-filter-chips.mjs"
     },
+    "./group-header": {
+      "types": "./types/joanroucoux-cairn-ui-group-header.d.ts",
+      "default": "./fesm2022/joanroucoux-cairn-ui-group-header.mjs"
+    },
     "./input": {
       "types": "./types/joanroucoux-cairn-ui-input.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-input.mjs"
@@ -148,6 +156,10 @@
       "types": "./types/joanroucoux-cairn-ui-nav-item.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-nav-item.mjs"
     },
+    "./result-group": {
+      "types": "./types/joanroucoux-cairn-ui-result-group.d.ts",
+      "default": "./fesm2022/joanroucoux-cairn-ui-result-group.mjs"
+    },
     "./row": {
       "types": "./types/joanroucoux-cairn-ui-row.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-row.mjs"
@@ -160,6 +172,10 @@
       "types": "./types/joanroucoux-cairn-ui-select.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-select.mjs"
     },
+    "./select-pill": {
+      "types": "./types/joanroucoux-cairn-ui-select-pill.d.ts",
+      "default": "./fesm2022/joanroucoux-cairn-ui-select-pill.mjs"
+    },
     "./skeleton": {
       "types": "./types/joanroucoux-cairn-ui-skeleton.d.ts",
       "default": "./fesm2022/joanroucoux-cairn-ui-skeleton.mjs"