ngwr 10.2.1 → 11.1.0

package/fesm2022/ngwr-pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.ts","../../../projects/lib/pagination/pagination.html","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input, model } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { useI18nFormatter, useI18nText } from 'ngwr/i18n';\nimport { WrOption, WrSelect } from 'ngwr/select';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrPaginationAlign, WrPaginationShape, WrPaginationSize } from './interfaces';\n\nconst ELLIPSIS = '…' as const;\ntype PageEntry = number | typeof ELLIPSIS;\n\n/**\n * Numbered page navigator with optional total / page-size controls.\n *\n * Two-way binds `currentPage` and `pageSize` via signal `model()` inputs.\n *\n * @example\n * ```html\n * <wr-pagination\n *   [total]=\"120\"\n *   [(currentPage)]=\"page\"\n *   [(pageSize)]=\"size\"\n *   showTotal\n *   showSizeChanger\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/pagination\n */\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' },\n  imports: [WrButton, WrSelect, WrOption],\n})\nexport class WrPagination {\n  /** Currently displayed page (1-based). Two-way bindable. */\n  readonly currentPage = model<number>(1);\n\n  /** Items per page. Two-way bindable. */\n  readonly pageSize = model<number>(10);\n\n  /** Total item count across all pages. */\n  readonly total = input(0, { transform: numAttr(0) });\n\n  /** Options shown in the page-size dropdown. */\n  readonly pageSizeOptions = input<readonly number[]>([10, 20, 50, 100]);\n\n  /** Render the page-size dropdown. @default false */\n  readonly showSizeChanger = input(false, { transform: coerceBooleanProperty });\n\n  /** Render the \"X–Y of Z\" total label. @default false */\n  readonly showTotal = input(false, { transform: coerceBooleanProperty });\n\n  /** Horizontal alignment. @default 'start' */\n  readonly align = input<WrPaginationAlign>('start');\n\n  /** Size variant — cascades to every internal button. @default 'sm' */\n  readonly size = input<WrPaginationSize>('sm');\n\n  /** Cell corner treatment. @default 'rounded' */\n  readonly shape = input<WrPaginationShape>('rounded');\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Collapse to a compact `‹ page / total ›` pager when the control's own box\n   * is too narrow for the full numbered strip (a container query on its own\n   * width, not the viewport). @default false\n   */\n  readonly responsive = input(false, { transform: coerceBooleanProperty });\n\n  /** Localised text between range and total (\"X–Y of Z\"). Falls back to `pagination.of` then `'of'`. */\n  readonly ofLabel = input<string | null>(null);\n\n  /** Previous-page button aria-label. Falls back to `pagination.prev`. */\n  readonly prevLabel = input<string | null>(null);\n\n  /** Next-page button aria-label. Falls back to `pagination.next`. */\n  readonly nextLabel = input<string | null>(null);\n\n  /** \"Items per page\" label. Falls back to `pagination.itemsPerPage`. */\n  readonly itemsPerPageLabel = input<string | null>(null);\n\n  /** Accessible name for the `role=\"navigation\"` host. Falls back to `pagination.label`. */\n  readonly label = input<string | null>(null);\n\n  /** Resolved labels. */\n  protected readonly resolvedOf = useI18nText(this.ofLabel, 'pagination.of', 'of');\n  protected readonly resolvedPrev = useI18nText(this.prevLabel, 'pagination.prev', 'Previous page');\n  protected readonly resolvedNext = useI18nText(this.nextLabel, 'pagination.next', 'Next page');\n  protected readonly resolvedItemsPerPage = useI18nText(\n    this.itemsPerPageLabel,\n    'pagination.itemsPerPage',\n    'Items per page'\n  );\n\n  /**\n   * Page-size option text — interpolates `{{size}}`. Was the template literal\n   * `{{ option }} / page`, which no catalog could reach, so a Russian UI read\n   * \"25 / page\".\n   */\n  protected readonly perPage = useI18nFormatter('pagination.perPage', '{{size}} / page');\n\n  /** Per-page-button aria-label — interpolates `{{page}}`. */\n  protected readonly goToPage = useI18nFormatter('pagination.goToPage', 'Go to page {{page}}');\n\n  /** The nav landmark's own accessible name — was a hardcoded English literal. */\n  protected readonly navLabel = useI18nText(this.label, 'pagination.label', 'Pagination');\n\n  /** Internal: total page count. */\n  protected readonly totalPages = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())));\n\n  /** Internal: \"X–Y of Z\" string. */\n  protected readonly rangeLabel = computed(() => {\n    const start = this.total() === 0 ? 0 : (this.currentPage() - 1) * this.pageSize() + 1;\n    const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n    return `${start}-${end} ${this.resolvedOf()} ${this.total()}`;\n  });\n\n  /**\n   * Internal: page list with ellipses. Window of 7 visible page slots.\n   *\n   *   1 … 5 6 [7] 8 9 … 20\n   */\n  protected readonly pages = computed<readonly PageEntry[]>(() => {\n    const total = this.totalPages();\n    const current = this.currentPage();\n\n    if (total <= 7) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    const items: PageEntry[] = [1];\n    if (current > 4) items.push(ELLIPSIS);\n\n    let start: number;\n    let end: number;\n    if (current <= 4) {\n      start = 2;\n      end = 5;\n    } else if (current >= total - 3) {\n      start = total - 4;\n      end = total - 1;\n    } else {\n      start = current - 2;\n      end = current + 2;\n    }\n\n    for (let i = start; i <= end; i++) items.push(i);\n    if (current < total - 3) items.push(ELLIPSIS);\n    if (end !== total) items.push(total);\n\n    return items;\n  });\n\n  protected readonly ellipsis = ELLIPSIS;\n\n  protected readonly classes = computed(() => {\n    const parts = [\n      'wr-pagination',\n      `wr-pagination--${this.align()}`,\n      `wr-pagination--${this.size()}`,\n      `wr-pagination--${this.shape()}`,\n    ];\n    if (this.disabled()) parts.push('wr-pagination--disabled');\n    if (this.responsive()) parts.push('wr-pagination--responsive');\n    return parts.join(' ');\n  });\n\n  protected isCurrent(page: number): boolean {\n    return this.currentPage() === page;\n  }\n\n  protected goTo(page: number | typeof ELLIPSIS): void {\n    if (typeof page !== 'number') return;\n    if (this.disabled() || page < 1 || page > this.totalPages() || page === this.currentPage()) return;\n    this.currentPage.set(page);\n  }\n\n  /**\n   * `wr-select` carries an `unknown` value by design, so the size arrives\n   * untyped and is narrowed here. It used to arrive as `any` through\n   * `[ngModel]`, which hid the coercion rather than removing the need for it.\n   */\n  protected onSizeChange(size: unknown): void {\n    const next = Number(size);\n    if (this.disabled() || !Number.isFinite(next) || next <= 0 || next === this.pageSize()) return;\n    this.pageSize.set(next);\n    const cap = Math.max(1, Math.ceil(this.total() / next));\n    if (this.currentPage() > cap) this.currentPage.set(cap);\n  }\n}\n","<div class=\"wr-pagination__inner\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination__total\">{{ rangeLabel() }}</span>\n  }\n\n  <div class=\"wr-pagination__nav\">\n    <wr-btn\n      [size]=\"size()\"\n      outlined\n      [attr.aria-label]=\"resolvedPrev()\"\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"goTo(currentPage() - 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m12 19-7-7 7-7\" />\n        <path d=\"M19 12H5\" />\n      </svg>\n    </wr-btn>\n\n    @for (page of pages(); track $index) {\n      @if (page === ellipsis) {\n        <span class=\"wr-pagination__ellipsis\">{{ ellipsis }}</span>\n      } @else {\n        <wr-btn\n          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager — shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      [size]=\"size()\"\n      outlined\n      [attr.aria-label]=\"resolvedNext()\"\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"goTo(currentPage() + 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select\n      class=\"wr-pagination__size\"\n      [attr.aria-label]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-pagination.mjs","sources":["../../../projects/lib/pagination/pagination.ts","../../../projects/lib/pagination/pagination.html","../../../projects/lib/pagination/ngwr-pagination.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, effect, input, model, untracked } from '@angular/core';\n\nimport { WrButton } from 'ngwr/button';\nimport { useI18nFormatter, useI18nText } from 'ngwr/i18n';\nimport { WrOption, WrSelect } from 'ngwr/select';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrPaginationAlign, WrPaginationShape, WrPaginationSize } from './interfaces';\n\nconst ELLIPSIS = '…' as const;\ntype PageEntry = number | typeof ELLIPSIS;\n\n/**\n * Numbered page navigator with optional total / page-size controls.\n *\n * Two-way binds `currentPage` and `pageSize` via signal `model()` inputs.\n *\n * @example\n * ```html\n * <wr-pagination\n *   [total]=\"120\"\n *   [(currentPage)]=\"page\"\n *   [(pageSize)]=\"size\"\n *   showTotal\n *   showSizeChanger\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/pagination\n */\n@Component({\n  selector: 'wr-pagination',\n  templateUrl: './pagination.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()', role: 'navigation', '[attr.aria-label]': 'navLabel()' },\n  imports: [WrButton, WrSelect, WrOption],\n})\nexport class WrPagination {\n  /** Currently displayed page (1-based). Two-way bindable. */\n  readonly currentPage = model<number>(1);\n\n  /** Items per page. Two-way bindable. */\n  readonly pageSize = model<number>(10);\n\n  /** Total item count across all pages. */\n  readonly total = input(0, { transform: numAttr(0) });\n\n  /** Options shown in the page-size dropdown. */\n  readonly pageSizeOptions = input<readonly number[]>([10, 20, 50, 100]);\n\n  /** Render the page-size dropdown. @default false */\n  readonly showSizeChanger = input(false, { transform: coerceBooleanProperty });\n\n  /** Render the \"X–Y of Z\" total label. @default false */\n  readonly showTotal = input(false, { transform: coerceBooleanProperty });\n\n  /** Horizontal alignment. @default 'start' */\n  readonly align = input<WrPaginationAlign>('start');\n\n  /** Size variant — cascades to every internal button. @default 'sm' */\n  readonly size = input<WrPaginationSize>('sm');\n\n  /** Cell corner treatment. @default 'rounded' */\n  readonly shape = input<WrPaginationShape>('rounded');\n\n  /** Disable interaction. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Collapse to a compact `‹ page / total ›` pager when the control's own box\n   * is too narrow for the full numbered strip (a container query on its own\n   * width, not the viewport). @default false\n   */\n  readonly responsive = input(false, { transform: coerceBooleanProperty });\n\n  /** Localised text between range and total (\"X–Y of Z\"). Falls back to `pagination.of` then `'of'`. */\n  readonly ofLabel = input<string | null>(null);\n\n  /** Previous-page button aria-label. Falls back to `pagination.prev`. */\n  readonly prevLabel = input<string | null>(null);\n\n  /** Next-page button aria-label. Falls back to `pagination.next`. */\n  readonly nextLabel = input<string | null>(null);\n\n  /** \"Items per page\" label. Falls back to `pagination.itemsPerPage`. */\n  readonly itemsPerPageLabel = input<string | null>(null);\n\n  /** Accessible name for the `role=\"navigation\"` host. Falls back to `pagination.label`. */\n  readonly label = input<string | null>(null);\n\n  /** Resolved labels. */\n  protected readonly resolvedOf = useI18nText(this.ofLabel, 'pagination.of', 'of');\n  protected readonly resolvedPrev = useI18nText(this.prevLabel, 'pagination.prev', 'Previous page');\n  protected readonly resolvedNext = useI18nText(this.nextLabel, 'pagination.next', 'Next page');\n  protected readonly resolvedItemsPerPage = useI18nText(\n    this.itemsPerPageLabel,\n    'pagination.itemsPerPage',\n    'Items per page'\n  );\n\n  /**\n   * Page-size option text — interpolates `{{size}}`. Was the template literal\n   * `{{ option }} / page`, which no catalog could reach, so a Russian UI read\n   * \"25 / page\".\n   */\n  protected readonly perPage = useI18nFormatter('pagination.perPage', '{{size}} / page');\n\n  /** Per-page-button aria-label — interpolates `{{page}}`. */\n  protected readonly goToPage = useI18nFormatter('pagination.goToPage', 'Go to page {{page}}');\n\n  /** The nav landmark's own accessible name — was a hardcoded English literal. */\n  protected readonly navLabel = useI18nText(this.label, 'pagination.label', 'Pagination');\n\n  /** Internal: total page count. */\n  protected readonly totalPages = computed(() => Math.max(1, Math.ceil(this.total() / this.pageSize())));\n\n  /** Internal: \"X–Y of Z\" string. */\n  protected readonly rangeLabel = computed(() => {\n    const start = this.total() === 0 ? 0 : (this.currentPage() - 1) * this.pageSize() + 1;\n    const end = Math.min(this.currentPage() * this.pageSize(), this.total());\n    return `${start}-${end} ${this.resolvedOf()} ${this.total()}`;\n  });\n\n  /**\n   * Internal: page list with ellipses. Window of 7 visible page slots.\n   *\n   *   1 … 5 6 [7] 8 9 … 20\n   */\n  protected readonly pages = computed<readonly PageEntry[]>(() => {\n    const total = this.totalPages();\n    const current = this.currentPage();\n\n    if (total <= 7) {\n      return Array.from({ length: total }, (_, i) => i + 1);\n    }\n\n    const items: PageEntry[] = [1];\n    if (current > 4) items.push(ELLIPSIS);\n\n    let start: number;\n    let end: number;\n    if (current <= 4) {\n      start = 2;\n      end = 5;\n    } else if (current >= total - 3) {\n      start = total - 4;\n      end = total - 1;\n    } else {\n      start = current - 2;\n      end = current + 2;\n    }\n\n    for (let i = start; i <= end; i++) items.push(i);\n    if (current < total - 3) items.push(ELLIPSIS);\n    if (end !== total) items.push(total);\n\n    return items;\n  });\n\n  protected readonly ellipsis = ELLIPSIS;\n\n  protected readonly classes = computed(() => {\n    const parts = [\n      'wr-pagination',\n      `wr-pagination--${this.align()}`,\n      `wr-pagination--${this.size()}`,\n      `wr-pagination--${this.shape()}`,\n    ];\n    if (this.disabled()) parts.push('wr-pagination--disabled');\n    if (this.responsive()) parts.push('wr-pagination--responsive');\n    return parts.join(' ');\n  });\n\n  protected isCurrent(page: number): boolean {\n    return this.currentPage() === page;\n  }\n\n  protected goTo(page: number | typeof ELLIPSIS): void {\n    if (typeof page !== 'number') return;\n    if (this.disabled() || page < 1 || page > this.totalPages() || page === this.currentPage()) return;\n    this.currentPage.set(page);\n  }\n\n  /**\n   * `wr-select` carries an `unknown` value by design, so the size arrives\n   * untyped and is narrowed here. It used to arrive as `any` through\n   * `[ngModel]`, which hid the coercion rather than removing the need for it.\n   */\n  constructor() {\n    // A shrinking `total` must not leave the pager on a page that no longer\n    // exists: it only ever pulled back when the SIZE changed through its own\n    // control, so a filtered list left \"page 7 of 2\" pointing at nothing.\n    effect(() => {\n      const cap = this.totalPages();\n      untracked(() => {\n        if (this.currentPage() > cap) this.currentPage.set(cap);\n      });\n    });\n  }\n\n  protected onSizeChange(size: unknown): void {\n    const next = Number(size);\n    if (this.disabled() || !Number.isFinite(next) || next <= 0 || next === this.pageSize()) return;\n    this.pageSize.set(next);\n    const cap = Math.max(1, Math.ceil(this.total() / next));\n    if (this.currentPage() > cap) this.currentPage.set(cap);\n  }\n}\n","<div class=\"wr-pagination__inner\">\n  @if (showTotal()) {\n    <span class=\"wr-pagination__total\">{{ rangeLabel() }}</span>\n  }\n\n  <div class=\"wr-pagination__nav\">\n    <wr-btn\n      [size]=\"size()\"\n      outlined\n      [attr.aria-label]=\"resolvedPrev()\"\n      [disabled]=\"disabled() || currentPage() === 1\"\n      (click)=\"goTo(currentPage() - 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m12 19-7-7 7-7\" />\n        <path d=\"M19 12H5\" />\n      </svg>\n    </wr-btn>\n\n    @for (page of pages(); track $index) {\n      @if (page === ellipsis) {\n        <span class=\"wr-pagination__ellipsis\">{{ ellipsis }}</span>\n      } @else {\n        <wr-btn\n          class=\"wr-pagination__page\"\n          [size]=\"size()\"\n          [outlined]=\"!isCurrent(page)\"\n          [color]=\"isCurrent(page) ? 'primary' : null\"\n          [attr.aria-current]=\"isCurrent(page) ? 'page' : null\"\n          [attr.aria-label]=\"goToPage({ page })\"\n          [disabled]=\"disabled()\"\n          (click)=\"goTo(page)\"\n        >\n          {{ page }}\n        </wr-btn>\n      }\n    }\n\n    <!-- Compact pager — shown only in responsive mode on a narrow box (CSS). -->\n    <span class=\"wr-pagination__current\" aria-hidden=\"true\">{{ currentPage() }} / {{ totalPages() }}</span>\n\n    <wr-btn\n      [size]=\"size()\"\n      outlined\n      [attr.aria-label]=\"resolvedNext()\"\n      [disabled]=\"disabled() || currentPage() === totalPages()\"\n      (click)=\"goTo(currentPage() + 1)\"\n    >\n      <svg\n        class=\"wr-icon__svg\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\" />\n        <path d=\"m12 5 7 7-7 7\" />\n      </svg>\n    </wr-btn>\n  </div>\n\n  @if (showSizeChanger()) {\n    <wr-select\n      class=\"wr-pagination__size\"\n      [attr.aria-label]=\"resolvedItemsPerPage()\"\n      [disabled]=\"disabled()\"\n      [value]=\"pageSize()\"\n      (valueChange)=\"onSizeChange($event)\"\n    >\n      @for (option of pageSizeOptions(); track option) {\n        <wr-option [value]=\"option\">{{ perPage({ size: option }) }}</wr-option>\n      }\n    </wr-select>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-popconfirm-testing.mjs

@@ -0,0 +1,309 @@
+import { ContentContainerComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+import { WR_COLORS } from 'ngwr/theme';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Test harness for `[wrPopconfirm]` — the "are you sure?" dialog anchored to its
+ * trigger.
+ *
+ * The panel is NOT inside the trigger: it is a component portal in the overlay
+ * container, a sibling of the whole app. So everything about it is reached
+ * through the document root, scoped by the `aria-controls` id the trigger
+ * publishes while the dialog is showing — which is what keeps two popconfirms
+ * from reading each other's question, and why every panel reader throws while the
+ * dialog is shut: there is no element to answer about.
+ *
+ * **The two actions are told apart by their own modifiers**, never by position.
+ * `.wr-popconfirm__action--cancel` and `--confirm` are what `cancel()` and
+ * `confirm()` click, so a template that ever reorders the pair cannot silently
+ * turn a spec's "cancel" into a delete.
+ *
+ * Being a CONTENT CONTAINER means a consumer's own harnesses resolve INSIDE this
+ * instance's panel — `popconfirm.getHarness(WrButtonHarness…)` reaches the
+ * buttons without the spec ever naming the overlay.
+ *
+ * @example
+ * ```ts
+ * const loader = TestbedHarnessEnvironment.loader(fixture);
+ * const remove = await loader.getHarness(WrPopconfirmHarness.with({ triggerText: 'Delete' }));
+ *
+ * await remove.open();
+ * expect(await remove.getMessage()).toBe('Delete this item?');
+ * await remove.confirm();
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrPopconfirmHarness extends ContentContainerComponentHarness {
+    /**
+     * The directive's host — whatever element the consumer put `[wrPopconfirm]` on.
+     *
+     * Matched by the marker class, not by `[wrPopconfirm]`: the question is normally
+     * BOUND (`[wrPopconfirm]="question"`), and a property binding leaves no
+     * attribute in the DOM at all. Same shape as `.wr-popover-trigger` and
+     * `.wr-dropdown-trigger`.
+     */
+    static hostSelector = '.wr-popconfirm-trigger';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrPopconfirmHarness, options)
+            .addOption('triggerText', options.triggerText, (harness, text) => HarnessPredicate.stringMatches(harness.getTriggerText(), text))
+            .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);
+    }
+    /** The trigger's own visible label. The question inside the panel is `getMessage()`. */
+    async getTriggerText() {
+        return (await this.host()).text();
+    }
+    /**
+     * Whether the dialog is showing.
+     *
+     * Read from `aria-expanded` rather than from a class, because that is the whole
+     * of what the trigger tells a screen reader — the directive puts no state class
+     * on its host at all.
+     */
+    async isOpen() {
+        return (await (await this.host()).getAttribute('aria-expanded')) === 'true';
+    }
+    /** Whether the trigger currently has keyboard focus — the state it is handed back on close. */
+    async isTriggerFocused() {
+        return (await this.host()).isFocused();
+    }
+    /**
+     * Press the trigger to open the dialog.
+     *
+     * Throws when nothing opens, because the reason is always worth failing on: a
+     * native `<button disabled>` trigger never receives the click at all. (A
+     * DISABLED `<wr-btn>` is a jsdom blind spot in the other direction — it is kept
+     * inert by `pointer-events: none`, which jsdom does not apply, so it opens here
+     * and would not in a browser.)
+     */
+    async open() {
+        if (await this.isOpen())
+            return;
+        await (await this.host()).click();
+        if (await this.isOpen())
+            return;
+        throw new Error('WrPopconfirmHarness.open(): the dialog did not open. A disabled trigger takes no click — assert ' +
+            'the disabled state instead of trying to open it.');
+    }
+    /**
+     * Press the trigger again to take the question back.
+     *
+     * This is the ONE way out that answers nothing: the directive treats a second
+     * press as withdrawing the question, so `cancelled` does NOT fire — unlike
+     * `cancel()`, `sendEscape()` and `clickOutside()`, which all emit it. Use this
+     * when a spec needs the panel gone without recording an answer.
+     */
+    async close() {
+        if (!(await this.isOpen()))
+            return;
+        await (await this.host()).click();
+        if (!(await this.isOpen()))
+            return;
+        throw new Error('WrPopconfirmHarness.close(): the dialog is still open after a second press of the trigger.');
+    }
+    /** The question being asked. */
+    async getMessage() {
+        return (await this.inPanel('.wr-popconfirm__message')).text();
+    }
+    /**
+     * The confirm button's label.
+     *
+     * Resolved, not given: `confirmText` falls back to the `popconfirm.confirm`
+     * catalog entry, so a localized app reads its own word here and a spec that
+     * asserted the English default would be asserting the wrong thing.
+     */
+    async getConfirmText() {
+        return (await this.action('confirm')).text();
+    }
+    /** The cancel button's label — `cancelText`, or the `popconfirm.cancel` catalog entry. */
+    async getCancelText() {
+        return (await this.action('cancel')).text();
+    }
+    /**
+     * Both action labels in the order they are rendered: cancel first, confirm
+     * second.
+     *
+     * That order is deliberate and worth reading — the destructive choice is the one
+     * being confirmed, so the safe one comes first and takes the initial focus.
+     */
+    async getActionLabels() {
+        const actions = await this.allInPanel('.wr-popconfirm__action');
+        return Promise.all(actions.map(action => action.text()));
+    }
+    /**
+     * The confirm button's intent colour.
+     *
+     * Checked against `WR_COLORS` rather than pattern-matched out of the class list:
+     * `wr-btn--*` also spells the size, the shape and the icon position, so only the
+     * intent list can say which of them is a colour. Today `WrButton` happens to
+     * emit the colour first, so a first-match regex would agree — but that order is
+     * not a contract, and the same regex on a button with no colour answers `sm`.
+     * Never `null` in practice — `confirmColor` defaults to `primary` — but typed
+     * for it, since the button itself allows no colour at all.
+     */
+    async getConfirmColor() {
+        const classes = (await (await this.action('confirm')).getAttribute('class')) ?? '';
+        const present = classes.split(/\s+/);
+        return WR_COLORS.find(color => present.includes(`wr-btn--${color}`)) ?? null;
+    }
+    /** Which action holds keyboard focus, by label, or `null` when focus is elsewhere. */
+    async getFocusedActionLabel() {
+        for (const action of await this.allInPanel('.wr-popconfirm__action')) {
+            if (await action.isFocused())
+                return action.text();
+        }
+        return null;
+    }
+    /** Answer the question: click confirm, which emits `confirmed` and closes the dialog. */
+    async confirm() {
+        return (await this.action('confirm')).click();
+    }
+    /** Decline: click cancel, which emits `cancelled` and closes the dialog. */
+    async cancel() {
+        return (await this.action('cancel')).click();
+    }
+    /**
+     * Dismiss with Escape, which emits `cancelled`.
+     *
+     * Sent at the pane rather than at the focused button, because the target makes
+     * no difference: the key is picked up by the overlay's keyboard dispatcher,
+     * which keeps one listener on the document and routes to the topmost overlay.
+     * The pane is the one element guaranteed to be there.
+     */
+    async sendEscape() {
+        return (await this.pane()).sendKeys(TestKey.ESCAPE);
+    }
+    /**
+     * Dismiss by pressing outside the panel, which emits `cancelled`.
+     *
+     * The press lands on the overlay CONTAINER — an ancestor of the pane (the CDK
+     * puts a host `<div>` between the two), and so outside the panel by the only
+     * measure that matters here, since the dismissal is decided by whether the press
+     * started inside the pane. With two dialogs showing it dismisses BOTH: neither
+     * pane contains the container. jsdom has no layout
+     * and no `document.elementFromPoint`, so a harness cannot aim at "whatever is
+     * under the pointer"; to dismiss by pressing a specific element instead, click
+     * that element's own `TestElement`.
+     */
+    async clickOutside() {
+        const id = await this.panelId();
+        const container = await this.documentRootLocatorFactory().locatorFor('.cdk-overlay-container')();
+        await container.click();
+        if (!(await this.isOpen()))
+            return;
+        throw new Error(`WrPopconfirmHarness.clickOutside(): the dialog (#${id}) is still open. An outside press is judged ` +
+            'by where it started, so a press that began inside the panel does not dismiss it.');
+    }
+    /**
+     * The role the open panel announces — `'dialog'`.
+     *
+     * Worth asserting rather than assuming: the directive sets it on the OVERLAY
+     * PANE, not on the panel component a consumer can see in the template.
+     */
+    async getRole() {
+        return (await this.pane()).getAttribute('role');
+    }
+    /**
+     * The dialog's accessible name — the `ariaLabel` input, or the catalog's
+     * `popconfirm.label`.
+     *
+     * A `role="dialog"` with no name announces as a bare "dialog" and trips axe's
+     * `aria-dialog-name`, which is why there is always one.
+     */
+    async getLabel() {
+        return (await this.pane()).getAttribute('aria-label');
+    }
+    /**
+     * Whether the dialog claims modality.
+     *
+     * `false`, deliberately, and worth pinning: focus is moved into the panel but
+     * NOT trapped, because Escape and an outside click both dismiss — trapping
+     * would only make it harder to leave.
+     */
+    async isModal() {
+        return (await (await this.pane()).getAttribute('aria-modal')) === 'true';
+    }
+    /**
+     * The text a screen reader reads as the dialog's DESCRIPTION, resolved through
+     * `aria-describedby` the way an assistive technology would.
+     *
+     * This is the question, and it is the entire content of a confirmation: without
+     * the link the dialog announces its name and then nothing at all.
+     */
+    async getDescriptionText() {
+        const id = await (await this.pane()).getAttribute('aria-describedby');
+        if (!id)
+            return null;
+        const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();
+        return described ? described.text() : null;
+    }
+    /**
+     * Which side of the trigger the panel is anchored to.
+     *
+     * The side that was ASKED for, read off the pane's public modifier class —
+     * `position` is an input, so a bound one never reaches the DOM, and the panel's
+     * own offset is a CDK inline style that says nothing in a layout-less jsdom.
+     * Not where the panel ended up: the position strategy is flexible and pushes,
+     * so a panel with no room on that side moves without the class changing.
+     */
+    async getPosition() {
+        const classes = (await (await this.pane()).getAttribute('class')) ?? '';
+        const modifier = /wr-popconfirm-overlay--([a-z]+)/.exec(classes);
+        return modifier ? modifier[1] : null;
+    }
+    /**
+     * Harnesses for anything inside the panel resolve within THIS instance's dialog.
+     *
+     * Scoped by the published id rather than by `.wr-popconfirm`: the overlay
+     * container is shared, so a class query would answer with whichever popconfirm
+     * opened first.
+     */
+    async getRootHarnessLoader() {
+        return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);
+    }
+    /**
+     * One of the two action buttons.
+     *
+     * By its own modifier class, never by index: both are a `<wr-btn size="sm">`, so
+     * before the modifiers existed the only thing telling them apart was document
+     * order — and a harness that clicked "the second button" would go on passing
+     * while it started confirming what a spec meant to cancel.
+     */
+    async action(role) {
+        return this.inPanel(`.wr-popconfirm__action--${role}`);
+    }
+    /** One element inside THIS instance's panel. */
+    async inPanel(selector) {
+        return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()} ${selector}`)();
+    }
+    /** Every matching element inside THIS instance's panel, in document order. */
+    async allInPanel(selector) {
+        return this.documentRootLocatorFactory().locatorForAll(`#${await this.panelId()} ${selector}`)();
+    }
+    /** This instance's overlay pane — the element carrying the dialog semantics. */
+    async pane() {
+        return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();
+    }
+    /** The id the trigger publishes for its dialog, which exists only while the dialog does. */
+    async panelId() {
+        const id = await (await this.host()).getAttribute('aria-controls');
+        if (!id) {
+            throw new Error('WrPopconfirmHarness: nothing is showing. The trigger publishes its dialog id as aria-controls ' +
+                'only while the dialog is open — call open() first.');
+        }
+        return id;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrPopconfirmHarness };
+//# sourceMappingURL=ngwr-popconfirm-testing.mjs.map

package/fesm2022/ngwr-popconfirm-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngwr-popconfirm-testing.mjs","sources":["../../../projects/lib/popconfirm/testing/wr-popconfirm-harness.ts","../../../projects/lib/popconfirm/testing/ngwr-popconfirm-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport {\n  ContentContainerComponentHarness,\n  type HarnessLoader,\n  HarnessPredicate,\n  TestKey,\n  type TestElement,\n} from '@angular/cdk/testing';\n\nimport type { WrPopconfirmPosition } from 'ngwr/popconfirm';\nimport { WR_COLORS, type WrColor } from 'ngwr/theme';\n\nimport type { WrPopconfirmHarnessFilters } from './interfaces';\n\n/** The two answers a popconfirm offers, which are also its two action modifiers. */\ntype WrPopconfirmAction = 'confirm' | 'cancel';\n\n/**\n * Test harness for `[wrPopconfirm]` — the \"are you sure?\" dialog anchored to its\n * trigger.\n *\n * The panel is NOT inside the trigger: it is a component portal in the overlay\n * container, a sibling of the whole app. So everything about it is reached\n * through the document root, scoped by the `aria-controls` id the trigger\n * publishes while the dialog is showing — which is what keeps two popconfirms\n * from reading each other's question, and why every panel reader throws while the\n * dialog is shut: there is no element to answer about.\n *\n * **The two actions are told apart by their own modifiers**, never by position.\n * `.wr-popconfirm__action--cancel` and `--confirm` are what `cancel()` and\n * `confirm()` click, so a template that ever reorders the pair cannot silently\n * turn a spec's \"cancel\" into a delete.\n *\n * Being a CONTENT CONTAINER means a consumer's own harnesses resolve INSIDE this\n * instance's panel — `popconfirm.getHarness(WrButtonHarness…)` reaches the\n * buttons without the spec ever naming the overlay.\n *\n * @example\n * ```ts\n * const loader = TestbedHarnessEnvironment.loader(fixture);\n * const remove = await loader.getHarness(WrPopconfirmHarness.with({ triggerText: 'Delete' }));\n *\n * await remove.open();\n * expect(await remove.getMessage()).toBe('Delete this item?');\n * await remove.confirm();\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrPopconfirmHarness extends ContentContainerComponentHarness {\n  /**\n   * The directive's host — whatever element the consumer put `[wrPopconfirm]` on.\n   *\n   * Matched by the marker class, not by `[wrPopconfirm]`: the question is normally\n   * BOUND (`[wrPopconfirm]=\"question\"`), and a property binding leaves no\n   * attribute in the DOM at all. Same shape as `.wr-popover-trigger` and\n   * `.wr-dropdown-trigger`.\n   */\n  static hostSelector = '.wr-popconfirm-trigger';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrPopconfirmHarnessFilters = {}): HarnessPredicate<WrPopconfirmHarness> {\n    return new HarnessPredicate(WrPopconfirmHarness, options)\n      .addOption('triggerText', options.triggerText, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getTriggerText(), text)\n      )\n      .addOption('open', options.open, async (harness, open) => (await harness.isOpen()) === open);\n  }\n\n  /** The trigger's own visible label. The question inside the panel is `getMessage()`. */\n  async getTriggerText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /**\n   * Whether the dialog is showing.\n   *\n   * Read from `aria-expanded` rather than from a class, because that is the whole\n   * of what the trigger tells a screen reader — the directive puts no state class\n   * on its host at all.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await (await this.host()).getAttribute('aria-expanded')) === 'true';\n  }\n\n  /** Whether the trigger currently has keyboard focus — the state it is handed back on close. */\n  async isTriggerFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /**\n   * Press the trigger to open the dialog.\n   *\n   * Throws when nothing opens, because the reason is always worth failing on: a\n   * native `<button disabled>` trigger never receives the click at all. (A\n   * DISABLED `<wr-btn>` is a jsdom blind spot in the other direction — it is kept\n   * inert by `pointer-events: none`, which jsdom does not apply, so it opens here\n   * and would not in a browser.)\n   */\n  async open(): Promise<void> {\n    if (await this.isOpen()) return;\n\n    await (await this.host()).click();\n    if (await this.isOpen()) return;\n\n    throw new Error(\n      'WrPopconfirmHarness.open(): the dialog did not open. A disabled trigger takes no click — assert ' +\n        'the disabled state instead of trying to open it.'\n    );\n  }\n\n  /**\n   * Press the trigger again to take the question back.\n   *\n   * This is the ONE way out that answers nothing: the directive treats a second\n   * press as withdrawing the question, so `cancelled` does NOT fire — unlike\n   * `cancel()`, `sendEscape()` and `clickOutside()`, which all emit it. Use this\n   * when a spec needs the panel gone without recording an answer.\n   */\n  async close(): Promise<void> {\n    if (!(await this.isOpen())) return;\n\n    await (await this.host()).click();\n    if (!(await this.isOpen())) return;\n\n    throw new Error('WrPopconfirmHarness.close(): the dialog is still open after a second press of the trigger.');\n  }\n\n  /** The question being asked. */\n  async getMessage(): Promise<string> {\n    return (await this.inPanel('.wr-popconfirm__message')).text();\n  }\n\n  /**\n   * The confirm button's label.\n   *\n   * Resolved, not given: `confirmText` falls back to the `popconfirm.confirm`\n   * catalog entry, so a localized app reads its own word here and a spec that\n   * asserted the English default would be asserting the wrong thing.\n   */\n  async getConfirmText(): Promise<string> {\n    return (await this.action('confirm')).text();\n  }\n\n  /** The cancel button's label — `cancelText`, or the `popconfirm.cancel` catalog entry. */\n  async getCancelText(): Promise<string> {\n    return (await this.action('cancel')).text();\n  }\n\n  /**\n   * Both action labels in the order they are rendered: cancel first, confirm\n   * second.\n   *\n   * That order is deliberate and worth reading — the destructive choice is the one\n   * being confirmed, so the safe one comes first and takes the initial focus.\n   */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.allInPanel('.wr-popconfirm__action');\n    return Promise.all(actions.map(action => action.text()));\n  }\n\n  /**\n   * The confirm button's intent colour.\n   *\n   * Checked against `WR_COLORS` rather than pattern-matched out of the class list:\n   * `wr-btn--*` also spells the size, the shape and the icon position, so only the\n   * intent list can say which of them is a colour. Today `WrButton` happens to\n   * emit the colour first, so a first-match regex would agree — but that order is\n   * not a contract, and the same regex on a button with no colour answers `sm`.\n   * Never `null` in practice — `confirmColor` defaults to `primary` — but typed\n   * for it, since the button itself allows no colour at all.\n   */\n  async getConfirmColor(): Promise<WrColor | null> {\n    const classes = (await (await this.action('confirm')).getAttribute('class')) ?? '';\n    const present = classes.split(/\\s+/);\n    return WR_COLORS.find(color => present.includes(`wr-btn--${color}`)) ?? null;\n  }\n\n  /** Which action holds keyboard focus, by label, or `null` when focus is elsewhere. */\n  async getFocusedActionLabel(): Promise<string | null> {\n    for (const action of await this.allInPanel('.wr-popconfirm__action')) {\n      if (await action.isFocused()) return action.text();\n    }\n    return null;\n  }\n\n  /** Answer the question: click confirm, which emits `confirmed` and closes the dialog. */\n  async confirm(): Promise<void> {\n    return (await this.action('confirm')).click();\n  }\n\n  /** Decline: click cancel, which emits `cancelled` and closes the dialog. */\n  async cancel(): Promise<void> {\n    return (await this.action('cancel')).click();\n  }\n\n  /**\n   * Dismiss with Escape, which emits `cancelled`.\n   *\n   * Sent at the pane rather than at the focused button, because the target makes\n   * no difference: the key is picked up by the overlay's keyboard dispatcher,\n   * which keeps one listener on the document and routes to the topmost overlay.\n   * The pane is the one element guaranteed to be there.\n   */\n  async sendEscape(): Promise<void> {\n    return (await this.pane()).sendKeys(TestKey.ESCAPE);\n  }\n\n  /**\n   * Dismiss by pressing outside the panel, which emits `cancelled`.\n   *\n   * The press lands on the overlay CONTAINER — an ancestor of the pane (the CDK\n   * puts a host `<div>` between the two), and so outside the panel by the only\n   * measure that matters here, since the dismissal is decided by whether the press\n   * started inside the pane. With two dialogs showing it dismisses BOTH: neither\n   * pane contains the container. jsdom has no layout\n   * and no `document.elementFromPoint`, so a harness cannot aim at \"whatever is\n   * under the pointer\"; to dismiss by pressing a specific element instead, click\n   * that element's own `TestElement`.\n   */\n  async clickOutside(): Promise<void> {\n    const id = await this.panelId();\n    const container = await this.documentRootLocatorFactory().locatorFor('.cdk-overlay-container')();\n\n    await container.click();\n    if (!(await this.isOpen())) return;\n\n    throw new Error(\n      `WrPopconfirmHarness.clickOutside(): the dialog (#${id}) is still open. An outside press is judged ` +\n        'by where it started, so a press that began inside the panel does not dismiss it.'\n    );\n  }\n\n  /**\n   * The role the open panel announces — `'dialog'`.\n   *\n   * Worth asserting rather than assuming: the directive sets it on the OVERLAY\n   * PANE, not on the panel component a consumer can see in the template.\n   */\n  async getRole(): Promise<string | null> {\n    return (await this.pane()).getAttribute('role');\n  }\n\n  /**\n   * The dialog's accessible name — the `ariaLabel` input, or the catalog's\n   * `popconfirm.label`.\n   *\n   * A `role=\"dialog\"` with no name announces as a bare \"dialog\" and trips axe's\n   * `aria-dialog-name`, which is why there is always one.\n   */\n  async getLabel(): Promise<string | null> {\n    return (await this.pane()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the dialog claims modality.\n   *\n   * `false`, deliberately, and worth pinning: focus is moved into the panel but\n   * NOT trapped, because Escape and an outside click both dismiss — trapping\n   * would only make it harder to leave.\n   */\n  async isModal(): Promise<boolean> {\n    return (await (await this.pane()).getAttribute('aria-modal')) === 'true';\n  }\n\n  /**\n   * The text a screen reader reads as the dialog's DESCRIPTION, resolved through\n   * `aria-describedby` the way an assistive technology would.\n   *\n   * This is the question, and it is the entire content of a confirmation: without\n   * the link the dialog announces its name and then nothing at all.\n   */\n  async getDescriptionText(): Promise<string | null> {\n    const id = await (await this.pane()).getAttribute('aria-describedby');\n    if (!id) return null;\n\n    const described = await this.documentRootLocatorFactory().locatorForOptional(`#${id}`)();\n    return described ? described.text() : null;\n  }\n\n  /**\n   * Which side of the trigger the panel is anchored to.\n   *\n   * The side that was ASKED for, read off the pane's public modifier class —\n   * `position` is an input, so a bound one never reaches the DOM, and the panel's\n   * own offset is a CDK inline style that says nothing in a layout-less jsdom.\n   * Not where the panel ended up: the position strategy is flexible and pushes,\n   * so a panel with no room on that side moves without the class changing.\n   */\n  async getPosition(): Promise<WrPopconfirmPosition | null> {\n    const classes = (await (await this.pane()).getAttribute('class')) ?? '';\n    const modifier = /wr-popconfirm-overlay--([a-z]+)/.exec(classes);\n    return modifier ? (modifier[1] as WrPopconfirmPosition) : null;\n  }\n\n  /**\n   * Harnesses for anything inside the panel resolve within THIS instance's dialog.\n   *\n   * Scoped by the published id rather than by `.wr-popconfirm`: the overlay\n   * container is shared, so a class query would answer with whichever popconfirm\n   * opened first.\n   */\n  protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n    return this.documentRootLocatorFactory().harnessLoaderFor(`#${await this.panelId()}`);\n  }\n\n  /**\n   * One of the two action buttons.\n   *\n   * By its own modifier class, never by index: both are a `<wr-btn size=\"sm\">`, so\n   * before the modifiers existed the only thing telling them apart was document\n   * order — and a harness that clicked \"the second button\" would go on passing\n   * while it started confirming what a spec meant to cancel.\n   */\n  private async action(role: WrPopconfirmAction): Promise<TestElement> {\n    return this.inPanel(`.wr-popconfirm__action--${role}`);\n  }\n\n  /** One element inside THIS instance's panel. */\n  private async inPanel(selector: string): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()} ${selector}`)();\n  }\n\n  /** Every matching element inside THIS instance's panel, in document order. */\n  private async allInPanel(selector: string): Promise<TestElement[]> {\n    return this.documentRootLocatorFactory().locatorForAll(`#${await this.panelId()} ${selector}`)();\n  }\n\n  /** This instance's overlay pane — the element carrying the dialog semantics. */\n  private async pane(): Promise<TestElement> {\n    return this.documentRootLocatorFactory().locatorFor(`#${await this.panelId()}`)();\n  }\n\n  /** The id the trigger publishes for its dialog, which exists only while the dialog does. */\n  private async panelId(): Promise<string> {\n    const id = await (await this.host()).getAttribute('aria-controls');\n\n    if (!id) {\n      throw new Error(\n        'WrPopconfirmHarness: nothing is showing. The trigger publishes its dialog id as aria-controls ' +\n          'only while the dialog is open — call open() first.'\n      );\n    }\n    return id;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}