@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-breadcrumb.mjs","sources":["../../breadcrumb/src/breadcrumb.constants.ts","../../breadcrumb/src/breadcrumb.ts","../../breadcrumb/src/slotted-angular-breadcrumb.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { TemplateRef } from '@angular/core';\n\n/**\n * What a trail does with crumbs its width cannot hold. `collapse` folds the\n * middle ones into the ellipsis; `wrap` lets the row break onto a second line\n * and only the count collapses.\n */\nexport type BreadcrumbOverflow = 'collapse' | 'wrap';\n\n/** Why the trail expanded. Only two things can ask: a press and a key. */\nexport type BreadcrumbExpandReason = 'pointer' | 'keyboard';\n\n/**\n * What every trail on the page does before it states anything of its own. The\n * three collapse numbers are here because how deep a trail may get before it\n * folds is a decision about the application rather than about one page.\n */\nexport interface BreadcrumbDefaults {\n  itemsAfterCollapse?: number;\n  itemsBeforeCollapse?: number;\n  maxItems?: number;\n  overflow?: BreadcrumbOverflow;\n  /** The mark drawn between two crumbs, rendered once per item. */\n  separator?: TemplateRef<unknown>;\n}\n\nexport const BREADCRUMB_DEFAULT_MAX_ITEMS = 8;\nexport const BREADCRUMB_DEFAULT_ITEMS_BEFORE = 1;\nexport const BREADCRUMB_DEFAULT_ITEMS_AFTER = 2;\nexport const BREADCRUMB_DEFAULT_OVERFLOW: BreadcrumbOverflow = 'collapse';\n\nexport const BREADCRUMB_DEFAULTS_TOKEN = new InjectionToken<BreadcrumbDefaults>(\n  'slotted breadcrumb defaults',\n  { providedIn: 'root', factory: (): BreadcrumbDefaults => ({}) },\n);\n\n/**\n * An application decides once how deep its trails may get before they fold,\n * whether they fold for want of width, and what is drawn between two crumbs. A\n * trail that states any of those itself still wins: an explicit input is never\n * overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideBreadcrumbDefaults(defaults: BreadcrumbDefaults) {\n  return { provide: BREADCRUMB_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectBreadcrumbDefaults(): BreadcrumbDefaults {\n  return inject(BREADCRUMB_DEFAULTS_TOKEN);\n}\n\n/**\n * Which crumbs survive a collapse, as indices into the trail. Shared with the\n * React binding's own copy through the tests that assert the same table, and\n * deliberately not shared through `@slotted/core`: it is four lines, and a core\n * module exists for arithmetic two bindings would otherwise get *differently*\n * wrong, not for arithmetic they would each get right.\n */\nexport function collapsedRange(count: number, before: number, after: number) {\n  const kept = Math.max(0, before) + Math.max(0, after);\n  if (count <= kept) return undefined;\n  return { start: Math.max(0, before), end: count - Math.max(0, after) };\n}\n","import {\n  afterNextRender,\n  afterRenderEffect,\n  ApplicationRef,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  type ComponentRef,\n  computed,\n  contentChildren,\n  createComponent,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  EnvironmentInjector,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  TemplateRef,\n  untracked,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport {\n  breadcrumbMessages,\n  type BreadcrumbMessages,\n  type PartialMessages,\n} from '@slotted/core/i18n';\nimport { createCollapse, type CollapseHandle } from '@slotted/core/overflow';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\n\nimport {\n  BREADCRUMB_DEFAULT_ITEMS_AFTER,\n  BREADCRUMB_DEFAULT_ITEMS_BEFORE,\n  BREADCRUMB_DEFAULT_MAX_ITEMS,\n  BREADCRUMB_DEFAULT_OVERFLOW,\n  collapsedRange,\n  injectBreadcrumbDefaults,\n  type BreadcrumbExpandReason,\n  type BreadcrumbOverflow,\n} from './breadcrumb.constants';\n\n/**\n * The trail of ancestors above the current page.\n *\n * **The landmark and the list are the platform's.** `nav` makes the trail\n * findable and `ol` carries the hierarchy and the set size, which is the whole\n * of the APG's Breadcrumb pattern: it lists no keyboard interaction and two\n * attributes, and both are written here rather than reimplemented.\n *\n * **The collapse expands in place.** An overlay would need a layer, a\n * positioner and a dismissal policy; this needs none of them. The hidden\n * crumbs carry `hidden`, so they leave the accessibility tree with the page,\n * and the button that hides them names the count.\n *\n * **A trail that does not fit folds.** With `overflow=\"collapse\"` the list\n * measures itself and folds the middle crumbs its width cannot hold into the\n * same ellipsis, nearest the root first; what folded is read from the layout\n * and reported in `data-collapsed`, not owned by anyone.\n *\n * **It is a component on the consumer's own `nav`.** A directive carries no\n * `styleUrl`, and the element was never the family's to choose.\n */\n@Component({\n  selector: 'nav[slBreadcrumb]',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  styleUrls: ['../../../styles/src/breadcrumb/breadcrumb.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slBreadcrumb',\n  host: {\n    'data-ui': 'breadcrumb',\n    'data-part': 'root',\n    '[attr.aria-label]': 'accessibleLabel()',\n    '[attr.data-expanded]': 'expanded() ? \"\" : null',\n    '[attr.data-collapsed]': 'collapsedCount() > 0 ? collapsedCount() : null',\n  },\n})\nexport class SlBreadcrumb {\n  /**\n   * Present means controlled, for the life of the component, which is why the\n   * unset value is `undefined` rather than `false`: a family that read `false`\n   * as a consumer's answer would never own its own state.\n   */\n  readonly expandedValue = input(undefined, {\n    alias: 'expanded',\n    transform: (value: boolean | string | undefined) =>\n      value === undefined ? undefined : booleanAttribute(value),\n  });\n  /** What an uncontrolled trail starts from, read once. */\n  readonly defaultExpanded = input(false, { transform: booleanAttribute });\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * landmark's name (`label`) and the ellipsis. A static `aria-label` still wins.\n   */\n  readonly messages = input<PartialMessages<BreadcrumbMessages> | undefined>(undefined);\n  readonly maxItems = input(undefined, { transform: optionalNumber });\n  readonly itemsBeforeCollapse = input(undefined, { transform: optionalNumber });\n  readonly itemsAfterCollapse = input(undefined, { transform: optionalNumber });\n  readonly separator = input<TemplateRef<unknown> | undefined>(undefined);\n  /** What the trail does with crumbs its width cannot hold. */\n  readonly overflow = input<BreadcrumbOverflow | undefined>(undefined);\n\n  /** How many crumbs are folded into the ellipsis, written by the list. */\n  readonly collapsedCount = signal(0);\n\n  /**\n   * Emitted before the trail expands, carrying the value it replaces, the\n   * reason and the event it came from. It is not the second half of\n   * `[(expanded)]`: a two-way binding has one slot and can carry none of those.\n   */\n  readonly expandedChange = output<ChangeRequest<boolean>>();\n\n  private readonly own = signal(false);\n  readonly expanded = computed(() => this.expandedValue() ?? this.own());\n\n  private readonly defaults = injectBreadcrumbDefaults();\n\n  /** A static `aria-label` the consumer wrote survives the host binding. */\n  private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n  /** The family's words in the language in force, with this trail's `messages` laid over them. */\n  readonly t = injectMessages(breadcrumbMessages, this.messages);\n  readonly accessibleLabel = computed(() => this.ownLabel ?? this.t('label'));\n  readonly maxItemsValue = computed(\n    () => this.maxItems() ?? this.defaults.maxItems ?? BREADCRUMB_DEFAULT_MAX_ITEMS,\n  );\n  readonly beforeValue = computed(\n    () =>\n      this.itemsBeforeCollapse() ??\n      this.defaults.itemsBeforeCollapse ??\n      BREADCRUMB_DEFAULT_ITEMS_BEFORE,\n  );\n  readonly afterValue = computed(\n    () =>\n      this.itemsAfterCollapse() ??\n      this.defaults.itemsAfterCollapse ??\n      BREADCRUMB_DEFAULT_ITEMS_AFTER,\n  );\n  readonly separatorValue = computed(() => this.separator() ?? this.defaults.separator);\n  readonly overflowValue = computed(\n    () => this.overflow() ?? this.defaults.overflow ?? BREADCRUMB_DEFAULT_OVERFLOW,\n  );\n\n  /**\n   * Where focus goes once the ellipsis stops existing, registered by the list —\n   * the only part that can see which crumb the ellipsis replaced. React reaches\n   * the same crumb through an id it generates; Angular reaches it through the\n   * query it already has, and neither writes anything the other does not.\n   */\n  private focusAfterExpand: (() => void) | undefined;\n\n  registerFocusTarget(focus: (() => void) | undefined) {\n    this.focusAfterExpand = focus;\n  }\n\n  private readonly injector = inject(Injector);\n\n  /**\n   * The ellipsis stops existing the moment it is pressed, and focus on a\n   * removed element is lost to the body — so it is given to the first crumb the\n   * expansion revealed. The move waits a microtask because that crumb is still\n   * hidden while this runs.\n   */\n  expand(reason: BreadcrumbExpandReason, source?: Event) {\n    if (this.expanded()) return;\n    const state = createControllable<boolean>({\n      controlled: this.expandedValue(),\n      initial: this.expanded(),\n      onRequest: (request) => this.expandedChange.emit(request),\n    });\n    if (state.request(true, reason, source)) this.own.set(true);\n    /**\n     * After the render, not after a microtask: the crumb focus moves to is\n     * still hidden while this runs, and a microtask fires before Angular has\n     * written the DOM. Focus then stayed on a removed button and fell to the\n     * body, which the spec caught and nothing else would have.\n     */\n    afterNextRender(() => this.focusAfterExpand?.(), { injector: this.injector });\n  }\n}\n\n/**\n * The control that reveals what the collapse hides, in an item of its own.\n *\n * The list creates it rather than any crumb drawing it, because it has to be a\n * sibling of the crumbs: a crumb that drew it inside itself hid it together\n * with itself, since the first crumb the collapse hides is the one it stands\n * in front of. Its accessible name carries the count, because three dots say\n * nothing about how much is behind them.\n */\n@Component({\n  selector: 'li[slBreadcrumbEllipsis]',\n  standalone: true,\n  imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n  template: `\n    <button\n      [attr.aria-label]=\"label()\"\n      aria-expanded=\"false\"\n      data-part=\"ellipsis\"\n      type=\"button\"\n      (click)=\"trail.expand('pointer', $event)\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <span aria-hidden=\"true\" data-part=\"separator\">\n      <ng-container *ngTemplateOutlet=\"trail.separatorValue() ?? null\"></ng-container>\n    </span>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { 'data-part': 'item' },\n})\nclass SlBreadcrumbEllipsis {\n  readonly trail = inject(SlBreadcrumb);\n  /* Declared below this class, and read only when an instance is created. */\n  private readonly list = inject(SlBreadcrumbList);\n\n  readonly label = computed(() => this.trail.t('showHidden', { count: this.list.hiddenCount() }));\n\n  onKeydown(event: KeyboardEvent) {\n    /* `Enter` and `Space` both activate a button and the browser turns each\n       into a click; this is what tells the two apart in the request. */\n    if (event.key === 'Enter' || event.key === ' ') this.trail.expand('keyboard', event);\n  }\n}\n\n/**\n * The ordered list, and the one part that knows how many crumbs there are.\n *\n * It queries its items rather than projecting them blindly, because two facts\n * about a crumb can only be known from the outside: whether it is the last —\n * the last draws no separator — and whether the count collapse is hiding it.\n * It also owns the ellipsis, which it places in front of the first crumb that\n * can fold, and the width collapse.\n *\n * That is where the two bindings differ and the DOM does not: React maps its\n * children, Angular writes the same facts back onto queried items and inserts\n * the ellipsis's item itself.\n */\n@Directive({\n  selector: 'ol[slBreadcrumbList]',\n  standalone: true,\n  exportAs: 'slBreadcrumbList',\n  host: { 'data-part': 'list' },\n})\nexport class SlBreadcrumbList {\n  private readonly trail = inject(SlBreadcrumb);\n  /* The crumb is declared below this class, and the dev-server transform puts\n     the query predicate in a static initializer — a direct reference would read\n     the binding before it exists. `forwardRef` defers the read to the query. */\n  private readonly items = contentChildren<SlBreadcrumbItem>(forwardRef(() => SlBreadcrumbItem));\n  private readonly host: HTMLOListElement = inject(ElementRef).nativeElement;\n  private readonly injector = inject(Injector);\n  private readonly environment = inject(EnvironmentInjector);\n  private readonly application = inject(ApplicationRef);\n\n  private ellipsis: ComponentRef<SlBreadcrumbEllipsis> | null = null;\n  private collapse: CollapseHandle | null = null;\n  private readonly folded = signal(0);\n\n  /**\n   * The range is computed whether or not the trail is expanded, because two\n   * different things read it. The collapse reads it only while folded; the\n   * focus target reads it afterwards, and it has to still be there — the id\n   * used to disappear with the ellipsis, which left focus on a removed button\n   * and therefore on the body.\n   */\n  private readonly range = computed(() => {\n    const count = this.items().length;\n    const maxItems = this.trail.maxItemsValue();\n    return maxItems <= 0 || count <= maxItems\n      ? undefined\n      : collapsedRange(count, this.trail.beforeValue(), this.trail.afterValue());\n  });\n  private readonly counted = computed(() => (this.trail.expanded() ? undefined : this.range()));\n  /** Whether there is a middle at all: crumbs outside the ones that never fold. */\n  private readonly middle = computed(\n    () =>\n      this.items().length >\n      Math.max(0, this.trail.beforeValue()) + Math.max(0, this.trail.afterValue()),\n  );\n  /**\n   * The width collapse runs only while the count has hidden nothing: a trail\n   * the count already folded shows only the crumbs that never fold. One writer\n   * per `hidden` attribute keeps the two from undoing each other — the item's\n   * host binding writes it for the count, `createCollapse` for the width.\n   */\n  private readonly measuring = computed(\n    () =>\n      this.trail.overflowValue() === 'collapse' &&\n      !this.trail.expanded() &&\n      this.range() === undefined &&\n      this.middle(),\n  );\n\n  readonly hiddenCount = computed(() => {\n    const counted = this.counted();\n    return counted === undefined ? this.folded() : counted.end - counted.start;\n  });\n\n  constructor() {\n    effect(() => {\n      const items = this.items();\n      const counted = this.counted();\n      for (const [index, item] of items.entries()) {\n        item.last.set(index === items.length - 1);\n        item.collapsed.set(counted !== undefined && index >= counted.start && index < counted.end);\n      }\n      /* The first crumb an expansion reveals, whichever collapse hid it. */\n      const revealed = this.middle() ? items[Math.max(0, this.trail.beforeValue())] : undefined;\n      this.trail.registerFocusTarget(revealed === undefined ? undefined : () => revealed.focus());\n      this.trail.collapsedCount.set(this.hiddenCount());\n    });\n\n    afterRenderEffect(() => {\n      const items = this.items();\n      const counted = this.counted() !== undefined;\n      const measuring = this.measuring();\n      const anchor =\n        counted || measuring ? items[Math.max(0, this.trail.beforeValue())] : undefined;\n      untracked(() => this.place(anchor?.element, counted, measuring));\n    });\n\n    inject(DestroyRef).onDestroy(() => {\n      this.collapse?.destroy();\n      this.ellipsis?.destroy();\n    });\n  }\n\n  /**\n   * Puts the ellipsis's item in front of the first crumb that can fold, or\n   * takes it away, and starts or stops the width measurement.\n   */\n  private place(anchor: HTMLElement | undefined, counted: boolean, measuring: boolean) {\n    if (!measuring) {\n      this.collapse?.destroy();\n      this.collapse = null;\n      this.folded.set(0);\n    }\n    if (anchor === undefined) {\n      if (this.ellipsis !== null) {\n        this.application.detachView(this.ellipsis.hostView);\n        this.ellipsis.destroy();\n        this.ellipsis = null;\n      }\n      return;\n    }\n\n    const item = this.ensureEllipsis();\n    if (item.nextElementSibling !== anchor) this.host.insertBefore(item, anchor);\n\n    if (counted) {\n      item.removeAttribute('hidden');\n      return;\n    }\n    if (this.collapse === null) {\n      /* Until the width has been measured the ellipsis stands for nothing. */\n      item.setAttribute('hidden', '');\n      const units = () =>\n        [...this.host.children].filter(\n          (unit): unit is HTMLElement => unit instanceof HTMLElement && unit !== item,\n        );\n      const before = Math.max(0, this.trail.beforeValue());\n      const after = Math.max(0, this.trail.afterValue());\n      this.collapse = createCollapse(this.host, {\n        /* Only the middle folds: the first crumbs and the last ones never do. */\n        collapsible: (unit) => {\n          const index = units().indexOf(unit);\n          return index >= before && index < units().length - after;\n        },\n        onChange: (hidden) => this.folded.set(hidden.length),\n        /* Nearest the root first, so the folded run stays beside the ellipsis. */\n        rank: (unit) => units().indexOf(unit),\n        trigger: () => item,\n        units,\n      });\n    } else {\n      this.collapse.refresh();\n    }\n  }\n\n  private ensureEllipsis(): HTMLElement {\n    if (this.ellipsis === null) {\n      this.ellipsis = createComponent(SlBreadcrumbEllipsis, {\n        elementInjector: this.injector,\n        environmentInjector: this.environment,\n        hostElement: this.host.ownerDocument.createElement('li'),\n      });\n      this.application.attachView(this.ellipsis.hostView);\n    }\n    return this.ellipsis.location.nativeElement as HTMLElement;\n  }\n}\n\n/**\n * One ancestor, or the current page. It carries the separator after it, so a\n * consumer writes none and never leaves a trailing one behind.\n */\n@Component({\n  selector: 'li[slBreadcrumbItem]',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n  template: `\n    <ng-content></ng-content>\n    @if (!last()) {\n      <span aria-hidden=\"true\" data-part=\"separator\">\n        <ng-container *ngTemplateOutlet=\"trail.separatorValue() ?? null\"></ng-container>\n      </span>\n    }\n  `,\n  styleUrls: ['../../../styles/src/breadcrumb/breadcrumb.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slBreadcrumbItem',\n  host: {\n    'data-part': 'item',\n    '[attr.hidden]': 'collapsed() ? \"\" : null',\n  },\n})\nexport class SlBreadcrumbItem {\n  readonly trail = inject(SlBreadcrumb);\n\n  readonly element: HTMLElement = inject(ElementRef).nativeElement;\n\n  /** Written by the list, which is the only part that can see the whole trail. */\n  readonly last = signal(false);\n  readonly collapsed = signal(false);\n\n  /** The crumb's own control, whatever the consumer made it. */\n  focus() {\n    this.element.querySelector<HTMLElement>('a, button, [tabindex]')?.focus();\n  }\n}\n\n/**\n * An ancestor that can be reached. The directive sits on the consumer's own\n * anchor, so the role, `Enter`, the context menu and every modified click are\n * the platform's — and `routerLink` composes on the same element, because the\n * element was never the family's to begin with.\n */\n@Directive({\n  selector: 'a[slBreadcrumbLink]',\n  standalone: true,\n  exportAs: 'slBreadcrumbLink',\n  host: { 'data-part': 'link' },\n})\nexport class SlBreadcrumbLink {\n  private readonly element: HTMLAnchorElement = inject(ElementRef).nativeElement;\n\n  focus() {\n    this.element.focus();\n  }\n}\n\n/**\n * The page the reader is on. It is text rather than a link, because a link to\n * the page you are already on goes nowhere, and it carries `aria-current=\"page\"`\n * — the value the ARIA specification names for a link within a set of pages.\n */\n@Directive({\n  selector: '[slBreadcrumbPage]',\n  standalone: true,\n  exportAs: 'slBreadcrumbPage',\n  host: {\n    'data-part': 'page',\n    'aria-current': 'page',\n  },\n})\nexport class SlBreadcrumbPage {}\n\n/**\n * A crumb that opens a menu of its siblings — the organisation, the project,\n * the environment. It is a component on the consumer's own `button`, because an\n * `a` without `href` takes no focus, and it draws the chevron after the label.\n * The menu composes on the same element:\n *\n * ```html\n * <button slBreadcrumbTrigger current [slMenuTriggerFor]=\"environments\">Production</button>\n * ```\n *\n * `current` keeps `aria-current=\"page\"` on the switcher of the page the reader\n * is on, which a switcher does not stop being.\n */\n@Component({\n  selector: 'button[slBreadcrumbTrigger]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  template: `<ng-content></ng-content><span slIcon><svg slGlyph name=\"chevron-down\"></svg></span>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slBreadcrumbTrigger',\n  host: {\n    'data-part': 'trigger',\n    '[attr.type]': 'ownType ?? \"button\"',\n    '[attr.aria-current]': 'current() ? \"page\" : ownCurrent',\n  },\n})\nexport class SlBreadcrumbTrigger {\n  readonly current = input(false, { transform: booleanAttribute });\n\n  protected readonly ownType = inject(new HostAttributeToken('type'), { optional: true });\n  protected readonly ownCurrent = inject(new HostAttributeToken('aria-current'), {\n    optional: true,\n  });\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n\n  constructor() {\n    /**\n     * `slMenuTriggerFor` on the same element binds `data-part` to `null` when\n     * its trigger is a plain control, which erased this part and the whole\n     * crumb's styling with it. The erasing expression is a constant, so the\n     * part written back after the first render is never erased again —\n     * `docs/build-briefing.md` records the rule.\n     */\n    afterNextRender(() => this.element.setAttribute('data-part', 'trigger'));\n  }\n}\n\n/**\n * Absence has to survive the transform: `numberAttribute` maps an unset input\n * to `NaN`, and a family that read that would stop deferring to the provider.\n */\nfunction optionalNumber(value: number | string | undefined) {\n  if (value === undefined || value === null || value === '') return undefined;\n  const parsed = numberAttribute(value);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-button-group.mjs

@@ -0,0 +1,146 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, HostAttributeToken, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BUTTON_DEFAULTS_TOKEN } from '@slotted/angular/button';
+
+/**
+ * The three axes the group hands down to the buttons inside it, through the
+ * button family's own defaults token rather than through a second channel of
+ * this family's invention. That is what keeps an explicit input on a button
+ * winning over the group, because it is the rule `button` already implements.
+ *
+ * The value is read through getters so that a button's `computed` tracks the
+ * group's signals: a plain snapshot would fix the paint at the moment the
+ * first button was created and never move again.
+ */
+function provideGroupPaint() {
+    return {
+        provide: BUTTON_DEFAULTS_TOKEN,
+        useFactory: () => {
+            const group = inject(SlButtonGroup);
+            const inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });
+            return {
+                get size() {
+                    return group.size() ?? inherited.size;
+                },
+                get tone() {
+                    return group.tone() ?? inherited.tone;
+                },
+                get variant() {
+                    return group.variant() ?? inherited.variant;
+                },
+            };
+        },
+    };
+}
+/**
+ * A set of related actions joined into one shape. The group arranges what the
+ * consumer wrote and changes the semantics of nothing inside it: every button
+ * keeps its own role, its own state and its own place in the tab sequence.
+ *
+ * One shape and no other: the buttons share their edges, one border is painted
+ * in each shared column, and only the two ends of the bar are rounded. There
+ * is no input that spaces the buttons apart and none that unjoins them — a
+ * spaced row of buttons is `slInline` or `slStack` holding buttons.
+ *
+ * It is `role="group"` and not `role="toolbar"`, and the difference is a
+ * keyboard model rather than a name. A toolbar is one tab stop with arrow-key
+ * navigation between its controls, which is the `toolbar` family. A consumer
+ * who wrote `role` on the element keeps it, read before the host binding is
+ * written, so the role and the model are never confused by accident.
+ *
+ * There is no `label` input. The element already accepts `aria-label` and
+ * `aria-labelledby`, and a second way to name one thing is a second thing to
+ * get wrong.
+ */
+class SlButtonGroup {
+    /** Positions the buttons across the flow. */
+    align = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "align" }] : /* istanbul ignore next */ []));
+    /** Positions the buttons along the flow, which makes the group hold the line. */
+    justify = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "justify" }] : /* istanbul ignore next */ []));
+    orientation = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** The group holds the line and its buttons share it in equal segments. */
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * A static attribute the consumer wrote survives the host binding, which is
+     * how `role="toolbar"` stays possible on an element this family would
+     * otherwise call a group.
+     *
+     * `role=""` is the way out: ARIA reads an empty role as "use the element's
+     * implicit one", so a `nav` or a `section` carrying this directive keeps the
+     * semantics it was chosen for instead of being flattened to a group.
+     */
+    writtenRole = inject(new HostAttributeToken('role'), { optional: true });
+    role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');
+    /** What the rule between two runs turns with. */
+    flow = computed(() => this.orientation() ?? 'horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "flow" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroup, isStandalone: true, selector: "[slButtonGroup]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "button-group", "data-part": "root" }, properties: { "attr.role": "role", "attr.data-orientation": "orientation() ?? null", "attr.data-align": "align() ?? null", "attr.data-justify": "justify() ?? null", "attr.data-full-width": "fullWidth() ? \"\" : null" } }, providers: [provideGroupPaint()], exportAs: ["slButtonGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroup, decorators: [{
+            type: Component,
+            args: [{ selector: '[slButtonGroup]', standalone: true, exportAs: 'slButtonGroup', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [provideGroupPaint()], host: {
+                        'data-ui': 'button-group',
+                        'data-part': 'root',
+                        '[attr.role]': 'role',
+                        '[attr.data-orientation]': 'orientation() ?? null',
+                        '[attr.data-align]': 'align() ?? null',
+                        '[attr.data-justify]': 'justify() ?? null',
+                        '[attr.data-full-width]': 'fullWidth() ? "" : null',
+                    }, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+/**
+ * A rule between two runs of actions. It takes no room at all: the bar is one
+ * shape, and a rule is not licence to cut it — what the rule marks is painted
+ * in the column the shared edge already occupies, one step stronger than the
+ * seams around it, so the boundary reads without the bar coming apart. A
+ * filled run keeps its seam, which is the darkest step of its own tone and the
+ * strongest line that bar has.
+ *
+ * Its axis is the group's, mirrored: a rule across a row is vertical. It is
+ * derived rather than accepted, because a rule that could disagree with the
+ * group it divides is a rule that eventually does.
+ */
+class SlButtonGroupSeparator {
+    group = inject(SlButtonGroup, { optional: true });
+    /**
+     * Drops the rule out of the accessibility tree. Use it when the boundary is
+     * cosmetic; a boundary that carries meaning is better said by a nested group
+     * with a name of its own.
+     */
+    decorative = input(false, { ...(ngDevMode ? { debugName: "decorative" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    axis = computed(() => {
+        if (this.decorative())
+            return null;
+        return (this.group?.flow() ?? 'horizontal') === 'vertical' ? 'horizontal' : 'vertical';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroupSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlButtonGroupSeparator, isStandalone: true, selector: "[slButtonGroupSeparator]", inputs: { decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "separator" }, properties: { "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-orientation": "axis()" } }, exportAs: ["slButtonGroupSeparator"], ngImport: i0, template: '', isInline: true, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlButtonGroupSeparator, decorators: [{
+            type: Component,
+            args: [{ selector: '[slButtonGroupSeparator]', standalone: true, exportAs: 'slButtonGroupSeparator', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-part': 'separator',
+                        '[attr.role]': 'decorative() ? "none" : "separator"',
+                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
+                        '[attr.aria-orientation]': 'axis()',
+                    }, styles: ["@layer slotted.components{[data-ui=button-group]{--_radius: var(--slotted-control-radius, 4px);--_overlap: calc(-1 * var(--slotted-control-border-width, 1px));--_join-main: var(--_radius);--_join-cross: 0;--_overlap-inline: var(--_overlap);--_overlap-block: 0;align-items:stretch;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:0;isolation:isolate;min-inline-size:0}[data-ui=button-group]:empty{display:none}[data-ui=button-group][data-orientation=vertical]{--_join-main: 0;--_join-cross: var(--_radius);--_overlap-inline: 0;--_overlap-block: var(--_overlap);flex-direction:column}[data-ui=button-group][data-align=start]{align-items:start}[data-ui=button-group][data-align=center]{align-items:center}[data-ui=button-group][data-align=end]{align-items:end}[data-ui=button-group][data-align=stretch]{align-items:stretch}[data-ui=button-group][data-justify]{display:flex;inline-size:100%}[data-ui=button-group][data-justify=start]{justify-content:start}[data-ui=button-group][data-justify=center]{justify-content:center}[data-ui=button-group][data-justify=end]{justify-content:end}[data-ui=button-group][data-justify=between]{justify-content:space-between}[data-ui=button-group][data-full-width]{display:flex;inline-size:100%}[data-ui=button-group][data-full-width]:not([data-orientation=vertical])>:not([data-part=separator]){flex:1 1 0;min-inline-size:0}[data-ui=button-group]>:not([data-part=separator]):not([data-shape]){min-inline-size:0}[data-ui=button-group]>[data-shape]{flex:none}[data-ui=button-group]>:not([data-ui=button-group]){border-radius:0}[data-ui=button-group]>:not(:first-child):not([data-part=separator]){margin-block-start:var(--_overlap-block);margin-inline-start:var(--_overlap-inline)}[data-ui=button-group]>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group]>:only-child{border-radius:var(--_radius)}[data-ui=button-group] [data-ui=button-group]>:not([data-part=separator]){border-radius:0}[data-ui=button-group]>[data-ui=button-group]:first-child>:first-child{border-end-start-radius:var(--_join-main);border-start-end-radius:var(--_join-cross);border-start-start-radius:var(--_radius)}[data-ui=button-group]>[data-ui=button-group]:last-child>:last-child{border-end-end-radius:var(--_radius);border-end-start-radius:var(--_join-cross);border-start-end-radius:var(--_join-main)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color, ButtonBorder)}[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-pressed],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost][data-disabled],[data-ui=button-group][data-part=root]>[data-ui=button][data-variant=ghost]:disabled{border-color:transparent}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-inline-end-color:transparent}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button]:not(:last-child),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button-group]:not(:last-child)>[data-ui=button]:last-child{border-block-end-color:transparent}[data-ui=button-group]>[data-tone=accent]{--_seam: var(--slotted-tone-accent-solid-active)}[data-ui=button-group]>[data-tone=secondary]{--_seam: var(--slotted-tone-secondary-solid-active)}[data-ui=button-group]>[data-tone=success]{--_seam: var(--slotted-tone-success-solid-active)}[data-ui=button-group]>[data-tone=warning]{--_seam: var(--slotted-tone-warning-solid-active)}[data-ui=button-group]>[data-tone=danger]{--_seam: var(--slotted-tone-danger-solid-active)}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-ui=button][data-variant=solid]:not(:first-child){border-inline-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-ui=button][data-variant=solid]:not(:first-child){border-block-start-color:var(--_seam, ButtonBorder)}[data-ui=button-group]>*:focus-visible,[data-ui=button-group]>*:has(:focus-visible){z-index:1}@media(forced-colors:active){[data-ui=button-group][data-part=root]>[data-ui=button][data-pressed]{border-color:Highlight}}[data-ui=button-group]>[data-part=separator]{background:none;block-size:0;border:0;flex:none;inline-size:0;margin:0}[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root]:not([data-orientation=vertical])>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-inline-start-color:var(--slotted-text-muted, ButtonBorder)}[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button]:not([data-variant=solid]),[data-ui=button-group][data-part=root][data-orientation=vertical]>[data-part=separator]+[data-ui=button-group]>[data-ui=button]:first-child:not([data-variant=solid]){border-block-start-color:var(--slotted-text-muted, ButtonBorder)}}\n"] }]
+        }], propDecorators: { decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlButtonGroup, SlButtonGroupSeparator };
+//# sourceMappingURL=slotted-angular-button-group.mjs.map

package/fesm2022/slotted-angular-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-button-group.mjs","sources":["../../button-group/src/button-group.ts","../../button-group/src/button-group-separator.ts","../../button-group/src/slotted-angular-button-group.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  HostAttributeToken,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { BUTTON_DEFAULTS_TOKEN } from '@slotted/angular/button';\nimport type {\n  ButtonDefaults,\n  ButtonSize,\n  ButtonTone,\n  ButtonVariant,\n} from '@slotted/angular/button';\n\nimport type {\n  ButtonGroupAlign,\n  ButtonGroupJustify,\n  ButtonGroupOrientation,\n} from './button-group.types';\n\n/**\n * The three axes the group hands down to the buttons inside it, through the\n * button family's own defaults token rather than through a second channel of\n * this family's invention. That is what keeps an explicit input on a button\n * winning over the group, because it is the rule `button` already implements.\n *\n * The value is read through getters so that a button's `computed` tracks the\n * group's signals: a plain snapshot would fix the paint at the moment the\n * first button was created and never move again.\n */\nfunction provideGroupPaint() {\n  return {\n    provide: BUTTON_DEFAULTS_TOKEN,\n    useFactory: (): ButtonDefaults => {\n      const group = inject(SlButtonGroup);\n      const inherited = inject(BUTTON_DEFAULTS_TOKEN, { skipSelf: true });\n\n      return {\n        get size() {\n          return group.size() ?? inherited.size;\n        },\n        get tone() {\n          return group.tone() ?? inherited.tone;\n        },\n        get variant() {\n          return group.variant() ?? inherited.variant;\n        },\n      };\n    },\n  };\n}\n\n/**\n * A set of related actions joined into one shape. The group arranges what the\n * consumer wrote and changes the semantics of nothing inside it: every button\n * keeps its own role, its own state and its own place in the tab sequence.\n *\n * One shape and no other: the buttons share their edges, one border is painted\n * in each shared column, and only the two ends of the bar are rounded. There\n * is no input that spaces the buttons apart and none that unjoins them — a\n * spaced row of buttons is `slInline` or `slStack` holding buttons.\n *\n * It is `role=\"group\"` and not `role=\"toolbar\"`, and the difference is a\n * keyboard model rather than a name. A toolbar is one tab stop with arrow-key\n * navigation between its controls, which is the `toolbar` family. A consumer\n * who wrote `role` on the element keeps it, read before the host binding is\n * written, so the role and the model are never confused by accident.\n *\n * There is no `label` input. The element already accepts `aria-label` and\n * `aria-labelledby`, and a second way to name one thing is a second thing to\n * get wrong.\n */\n@Component({\n  selector: '[slButtonGroup]',\n  standalone: true,\n  exportAs: 'slButtonGroup',\n  template: '<ng-content></ng-content>',\n  styleUrl: '../../../styles/src/button-group/button-group.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [provideGroupPaint()],\n  host: {\n    'data-ui': 'button-group',\n    'data-part': 'root',\n    '[attr.role]': 'role',\n    '[attr.data-orientation]': 'orientation() ?? null',\n    '[attr.data-align]': 'align() ?? null',\n    '[attr.data-justify]': 'justify() ?? null',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n  },\n})\nexport class SlButtonGroup {\n  /** Positions the buttons across the flow. */\n  readonly align = input<ButtonGroupAlign>();\n  /** Positions the buttons along the flow, which makes the group hold the line. */\n  readonly justify = input<ButtonGroupJustify>();\n  readonly orientation = input<ButtonGroupOrientation>();\n  /** The group holds the line and its buttons share it in equal segments. */\n  readonly fullWidth = input(false, { transform: booleanAttribute });\n\n  readonly size = input<ButtonSize | undefined>(undefined);\n  readonly tone = input<ButtonTone | undefined>(undefined);\n  readonly variant = input<ButtonVariant | undefined>(undefined);\n\n  /**\n   * A static attribute the consumer wrote survives the host binding, which is\n   * how `role=\"toolbar\"` stays possible on an element this family would\n   * otherwise call a group.\n   *\n   * `role=\"\"` is the way out: ARIA reads an empty role as \"use the element's\n   * implicit one\", so a `nav` or a `section` carrying this directive keeps the\n   * semantics it was chosen for instead of being flattened to a group.\n   */\n  private readonly writtenRole = inject(new HostAttributeToken('role'), { optional: true });\n  protected readonly role = this.writtenRole === '' ? null : (this.writtenRole ?? 'group');\n\n  /** What the rule between two runs turns with. */\n  readonly flow = computed(() => this.orientation() ?? 'horizontal');\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlButtonGroup } from './button-group';\n\n/**\n * A rule between two runs of actions. It takes no room at all: the bar is one\n * shape, and a rule is not licence to cut it — what the rule marks is painted\n * in the column the shared edge already occupies, one step stronger than the\n * seams around it, so the boundary reads without the bar coming apart. A\n * filled run keeps its seam, which is the darkest step of its own tone and the\n * strongest line that bar has.\n *\n * Its axis is the group's, mirrored: a rule across a row is vertical. It is\n * derived rather than accepted, because a rule that could disagree with the\n * group it divides is a rule that eventually does.\n */\n@Component({\n  selector: '[slButtonGroupSeparator]',\n  standalone: true,\n  exportAs: 'slButtonGroupSeparator',\n  template: '',\n  styleUrl: '../../../styles/src/button-group/button-group.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'separator',\n    '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n    '[attr.aria-orientation]': 'axis()',\n  },\n})\nexport class SlButtonGroupSeparator {\n  private readonly group = inject(SlButtonGroup, { optional: true });\n\n  /**\n   * Drops the rule out of the accessibility tree. Use it when the boundary is\n   * cosmetic; a boundary that carries meaning is better said by a nested group\n   * with a name of its own.\n   */\n  readonly decorative = input(false, { transform: booleanAttribute });\n\n  protected readonly axis = computed(() => {\n    if (this.decorative()) return null;\n    return (this.group?.flow() ?? 'horizontal') === 'vertical' ? 'horizontal' : 'vertical';\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}