ngwr 14.8.0 → 14.9.0

package/cascader/styles/_rules.scss

@@ -171,7 +171,7 @@
   }
 
   &__placeholder {
-    color: var(--wr-color-text-muted);
+    color: var(--wr-color-placeholder);
   }
 
   &__chevron {

package/checkbox/styles/_index.scss

@@ -94,6 +94,9 @@
     --wr-checkbox-line-height: var(--wr-control-line-height-lg);
   }
 
+  // color-ok: the cue is the tick arriving — `.wr-checkbox__mark` (or a custom
+  // `__icon`) goes from `opacity: 0` at 70% scale to full in the nested rule
+  // below. The fill only backs it.
   &--checked {
     --wr-checkbox-bg: var(--wr-color-primary);
     --wr-checkbox-border: var(--wr-color-primary);
@@ -109,6 +112,7 @@
   // Indeterminate: same filled box as checked, but reveals the dash. Takes
   // visual precedence over `--checked` (the two classes are mutually exclusive
   // in the host binding).
+  // color-ok: the dash arriving is the cue, as the tick is for `--checked`.
   &--indeterminate {
     --wr-checkbox-bg: var(--wr-color-primary);
     --wr-checkbox-border: var(--wr-color-primary);

package/command-palette/styles/_index.scss

@@ -54,7 +54,7 @@
       font-size: var(--wr-text-base);
 
       &::placeholder {
-        color: var(--wr-color-on-surface-muted);
+        color: var(--wr-color-placeholder);
       }
     }
   }

package/divider/styles/_index.scss

@@ -49,6 +49,8 @@
     flex: 0 0 var(--wr-divider-aside);
   }
 
+  // color-ok: decoration — a divider separates by being a line, which it is in
+  // every intent; the tint marks no state.
   @each $name in theme.$colors {
     &--#{$name} {
       --wr-divider-color: var(--wr-color-#{$name});

package/editor/styles/_index.scss

@@ -0,0 +1,441 @@
+@use '../../theme/styles' as theme;
+
+.wr-editor {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  min-width: 0;
+
+  // Defaults — modifiers only reassign these.
+  --wr-editor-color: var(--wr-color-on-surface);
+  --wr-editor-placeholder: var(--wr-color-placeholder);
+  --wr-editor-bg: var(--wr-color-surface);
+  --wr-editor-border: var(--wr-color-outline);
+  --wr-editor-radius: var(--wr-control-radius-md);
+  --wr-editor-ring: transparent;
+  --wr-editor-min-height: 8rem;
+  --wr-editor-max-height: none;
+  --wr-editor-padding-y: 0.5rem;
+  --wr-editor-padding-x: var(--wr-control-padding-x-md);
+  --wr-editor-font-size: var(--wr-text-sm);
+  --wr-editor-line-height: 1.6;
+  --wr-editor-toolbar-bg: var(--wr-color-fill-subtle);
+  --wr-editor-toolbar-border: var(--wr-color-outline);
+  --wr-editor-toolbar-gap: 0.125rem;
+  --wr-editor-tool-active-bg: var(--wr-color-primary-soft);
+  --wr-editor-tool-active-color: var(--wr-color-primary-ink);
+
+  background: var(--wr-editor-bg);
+  color: var(--wr-editor-color);
+  border: 1px solid var(--wr-editor-border);
+  @include theme.smooth-br(var(--wr-editor-radius));
+  box-shadow: 0 0 0 3px var(--wr-editor-ring);
+  transition:
+    border-color var(--wr-transition-base),
+    box-shadow var(--wr-transition-base),
+    background var(--wr-transition-base);
+
+  &--focused {
+    --wr-editor-border: var(--wr-color-primary);
+    --wr-editor-ring: rgba(var(--wr-color-primary-rgb), 0.15);
+  }
+
+  &--readonly &__surface {
+    cursor: default;
+  }
+
+  &--disabled {
+    --wr-editor-color: var(--wr-color-on-surface-muted);
+    --wr-editor-bg: var(--wr-color-fill);
+    cursor: not-allowed;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Toolbar
+  // ---------------------------------------------------------------------------
+
+  &__toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--wr-editor-toolbar-gap);
+    padding: 0.25rem;
+    border-block-end: 1px solid var(--wr-editor-toolbar-border);
+    background: var(--wr-editor-toolbar-bg);
+    // The frame's corners, which the toolbar would otherwise square off.
+    border-start-start-radius: inherit;
+    border-start-end-radius: inherit;
+  }
+
+  &__separator {
+    align-self: stretch;
+    inline-size: 1px;
+    margin-block: 0.25rem;
+    margin-inline: 0.25rem;
+    background: var(--wr-editor-toolbar-border);
+  }
+
+  // A `wr-btn` with its frame taken away until it is hovered or pressed, and
+  // squared around its glyph — the label span is the square, since the button's
+  // own icon-only rule keys on an empty label and this one holds the SVG.
+  //
+  // Doubled with `.wr-btn` on purpose: the button's defaults are declared on
+  // `.wr-btn` itself, and at equal specificity the winner would depend on which
+  // stylesheet an app happened to load last.
+  &__tool.wr-btn {
+    --wr-btn-bg: transparent;
+    --wr-btn-border: transparent;
+    padding-inline: calc(var(--wr-btn-padding-y) * var(--wr-density-y, 1));
+
+    &:hover {
+      --wr-btn-bg: var(--wr-color-hover);
+    }
+  }
+
+  &__tool {
+    .wr-btn__label {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      inline-size: var(--wr-btn-line-height);
+      block-size: var(--wr-btn-line-height);
+    }
+
+    // The pressed bar — drawn in every state so the width below is the only
+    // thing a modifier changes, and a border so `forced-colors` keeps it.
+    &::after {
+      position: absolute;
+      inset-inline: 0.375rem;
+      inset-block-end: 0.1875rem;
+      border-block-end: var(--wr-editor-tool-mark, 0) solid currentColor;
+      content: '';
+      pointer-events: none;
+    }
+  }
+
+  // Pressed is told apart by SHAPE as well as tint: the bar under the glyph is
+  // the channel a reader who cannot tell the colours apart still sees, and the
+  // one `forced-colors` keeps. `aria-pressed` carries it to assistive tech.
+  &__tool--active.wr-btn,
+  &__tool--active.wr-btn:hover {
+    --wr-btn-bg: var(--wr-editor-tool-active-bg);
+    --wr-btn-color: var(--wr-editor-tool-active-color);
+    --wr-editor-tool-mark: 2px;
+  }
+
+  &__icon {
+    inline-size: 1rem;
+    block-size: 1rem;
+    flex: 0 0 auto;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Surface and preview
+  // ---------------------------------------------------------------------------
+
+  // The preview stands in for the surface until ProseMirror mounts, so the two
+  // share every metric — the swap must not move a line.
+  &__surface,
+  &__preview {
+    flex: 1 1 auto;
+    min-block-size: var(--wr-editor-min-height);
+    max-block-size: var(--wr-editor-max-height);
+    overflow-y: auto;
+    padding: calc(var(--wr-editor-padding-y) * var(--wr-density-y, 1))
+      calc(var(--wr-editor-padding-x) * var(--wr-density-x, 1));
+    font-family: var(--wr-font-family-base);
+    font-size: var(--wr-editor-font-size);
+    line-height: var(--wr-editor-line-height);
+    text-align: start;
+    outline: 0;
+    // ProseMirror's own base rules, restated rather than imported: an optional
+    // peer's stylesheet cannot be loaded from this entry point, and its copy
+    // hard-codes a colour and a physical offset.
+    position: relative;
+    overflow-wrap: break-word;
+    white-space: pre-wrap;
+    white-space: break-spaces;
+    font-variant-ligatures: none;
+    font-feature-settings: 'liga' 0;
+  }
+
+  &__surface[hidden] {
+    display: none;
+  }
+
+  &--disabled &__surface {
+    cursor: not-allowed;
+  }
+
+  // The placeholder is a node decoration on the empty paragraph: ProseMirror
+  // renders an empty textblock with a trailing `<br>`, so `:empty` never matches.
+  // `/ ''` gives the generated text an empty ALTERNATIVE, so assistive tech does
+  // not read it as content — `aria-placeholder` on the surface already says it.
+  &__placeholder::before {
+    float: inline-start;
+    block-size: 0;
+    color: var(--wr-editor-placeholder);
+    // Twice on purpose: an engine that does not know the alternative-text syntax
+    // drops the second declaration and keeps the first.
+    content: attr(data-placeholder);
+    content: attr(data-placeholder) / '';
+    pointer-events: none;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Content — the same elements ProseMirror and the preview both render
+  // ---------------------------------------------------------------------------
+
+  &__content {
+    > :first-child {
+      margin-block-start: 0;
+    }
+
+    > :last-child {
+      margin-block-end: 0;
+    }
+
+    p {
+      margin-block: 0 0.75em;
+    }
+
+    h1,
+    h2,
+    h3 {
+      margin-block: 1.25em 0.5em;
+      font-weight: var(--wr-font-weight-semibold);
+      line-height: 1.3;
+    }
+
+    h1 {
+      font-size: var(--wr-text-2xl);
+    }
+
+    h2 {
+      font-size: var(--wr-text-xl);
+    }
+
+    h3 {
+      font-size: var(--wr-text-lg);
+    }
+
+    strong {
+      font-weight: var(--wr-font-weight-semibold);
+    }
+
+    a {
+      color: var(--wr-color-primary-ink);
+      text-decoration: underline;
+      text-underline-offset: 0.15em;
+    }
+
+    code {
+      padding: 0.1em 0.3em;
+      border-radius: var(--wr-border-radius-sm);
+      background: var(--wr-color-fill);
+      // `-ink`: code on a tint is text, and the bare colour fails AA there.
+      color: var(--wr-color-dark-ink);
+      font-family: var(--wr-font-family-mono, ui-monospace, monospace);
+      font-size: 0.9em;
+    }
+
+    pre {
+      margin-block: 0 0.75em;
+      padding: 0.75rem;
+      overflow-x: auto;
+      border-radius: var(--wr-border-radius-base);
+      background: var(--wr-color-fill);
+      white-space: pre-wrap;
+      tab-size: 2;
+      // Code is not prose: under RTL `foo();` would be reordered to `;foo()`.
+      direction: ltr;
+      text-align: left; // rtl-ok: pinned LTR above, so the physical side is the logical one
+
+      code {
+        padding: 0;
+        background: none;
+        font-size: 0.875em;
+      }
+    }
+
+    blockquote {
+      margin-block: 0 0.75em;
+      margin-inline: 0;
+      padding-inline-start: 1em;
+      border-inline-start: 3px solid var(--wr-color-outline);
+      color: var(--wr-color-on-surface-muted);
+    }
+
+    ul,
+    ol {
+      margin-block: 0 0.75em;
+      padding-inline-start: 1.5em;
+
+      ul,
+      ol {
+        margin-block-end: 0;
+      }
+    }
+
+    li {
+      position: relative;
+      margin-block: 0.15em;
+
+      > p {
+        margin-block-end: 0;
+      }
+    }
+
+    hr {
+      margin-block: 1.25em;
+      border: 0;
+      border-block-start: 1px solid var(--wr-color-outline);
+    }
+
+    table {
+      border-collapse: collapse;
+      width: 100%;
+      margin-block: 0 0.75em;
+      font-size: var(--wr-text-sm);
+    }
+
+    th,
+    td {
+      padding: 0.375rem 0.625rem;
+      border: 1px solid var(--wr-color-outline);
+      vertical-align: top;
+
+      > p {
+        margin: 0;
+      }
+    }
+
+    th {
+      background: var(--wr-color-fill-subtle);
+      font-weight: var(--wr-font-weight-semibold);
+    }
+
+    img {
+      max-width: 100%;
+      height: auto;
+      border-radius: var(--wr-border-radius-sm);
+    }
+  }
+
+  // Task items — the box is presentational and the state is read from the words
+  // beside it, the way `<wr-markdown>` draws them.
+  &__item--task {
+    display: flex;
+    gap: 0.5em;
+    list-style: none;
+    margin-inline-start: -1.5em;
+  }
+
+  &__task {
+    position: relative;
+    flex: 0 0 auto;
+    inline-size: 1em;
+    block-size: 1em;
+    margin-block-start: 0.3em;
+    border: 1px solid var(--wr-color-outline);
+    border-radius: var(--wr-border-radius-sm);
+    background: var(--wr-color-surface);
+    user-select: none;
+
+    // color-ok: the nested `&::after` draws a tick out of two borders, and the
+    // unchecked box has no pseudo-element at all — the glyph appears, the tint
+    // only backs it.
+    &--checked {
+      border-color: var(--wr-color-primary);
+      background: var(--wr-color-primary);
+
+      &::after {
+        position: absolute;
+        inset-block-start: 0.12em;
+        inset-inline-start: 0.3em;
+        width: 0.3em;
+        height: 0.55em;
+        border: solid var(--wr-color-primary-contrast);
+        border-width: 0 2px 2px 0; // rtl-ok: a tick is a glyph, not a layout — mirroring it would draw it backwards
+        content: '';
+        rotate: 45deg;
+      }
+    }
+  }
+
+  &__task-body {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  &__sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+  }
+
+  // ProseMirror's own state classes, which it names and this stylesheet can only
+  // answer to — hence the BEM exemption.
+  /* stylelint-disable selector-class-pattern */
+  &__surface.ProseMirror-hideselection {
+    caret-color: transparent;
+
+    *::selection {
+      background: transparent;
+    }
+  }
+
+  &__surface .ProseMirror-selectednode {
+    @include theme.focus-ring;
+  }
+
+  &__surface img.ProseMirror-separator {
+    display: inline !important;
+    border: none !important;
+    margin: 0 !important;
+  }
+  /* stylelint-enable selector-class-pattern */
+
+  &__surface [draggable][contenteditable='false'] {
+    user-select: text;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Link panel — rendered in the overlay container, outside the editor's host,
+// so it is a block of its own.
+// ---------------------------------------------------------------------------
+
+.wr-editor-link {
+  inline-size: min(22rem, calc(100vw - 2rem));
+
+  &__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    padding: 0.75rem;
+  }
+
+  &__label {
+    font-size: var(--wr-text-sm);
+    font-weight: var(--wr-font-weight-medium);
+    color: var(--wr-color-on-surface);
+  }
+
+  &__error {
+    margin: 0;
+    font-size: var(--wr-text-xs);
+    color: var(--wr-color-danger-ink);
+  }
+
+  &__actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+  }
+}

package/fesm2022/ngwr-action-sheet-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-action-sheet-testing.mjs","sources":["../../../projects/lib/action-sheet/testing/wr-action-sheet-action-harness.ts","../../../projects/lib/action-sheet/testing/wr-action-sheet-harness.ts","../../../projects/lib/action-sheet/testing/ngwr-action-sheet-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrActionSheetAction } from 'ngwr/action-sheet';\n\nimport type { WrActionSheetActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row inside a {@link WrActionSheetHarness}.\n *\n * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the\n * property rather than an attribute and the CDK refuses to click it — which is the\n * behaviour a spec wants asserted, since the component ALSO checks `disabled`\n * inside its own handler. Either guard alone would keep a disabled row inert; both\n * being there means removing one is invisible until the other is removed too, and\n * {@link click} is where that shows up.\n *\n * **Clicking a row closes the sheet.** The component emits `action` and clears\n * `open` in the same call, so a harness held across a {@link click} is pointed at a\n * detached element the moment it returns — read what you need first, and get a\n * fresh harness afterwards if the sheet was reopened.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetActionHarness extends ComponentHarness {\n  /** The class every row carries, cancel rows included. */\n  static hostSelector = '.wr-action-sheet__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrActionSheetActionHarnessFilters = {}): HarnessPredicate<WrActionSheetActionHarness> {\n    return new HarnessPredicate(WrActionSheetActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The row's label, trimmed.\n   *\n   * Read from `.wr-action-sheet__label` rather than from the button, so a leading\n   * icon can never join it. The icon contributes no text today — it is an `<svg>` —\n   * but an icon set that ships a `<title>` for its own accessibility would, and the\n   * label element is the thing that actually holds the string.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-action-sheet__label')()).text();\n  }\n\n  /**\n   * The row's visual role, as the component painted it.\n   *\n   * `default` is returned for a row the caller left unroled, which is what the\n   * component does with the value: only `destructive` and `cancel` change anything,\n   * and everything else falls through to the plain row. The two modifiers are\n   * mutually exclusive by construction — `cancel` rows are filtered into their own\n   * group before the destructive class is ever considered — so reading them in\n   * either order gives the same answer.\n   */\n  async getRole(): Promise<NonNullable<WrActionSheetAction['role']>> {\n    const host = await this.host();\n    if (await host.hasClass('wr-action-sheet__action--cancel')) return 'cancel';\n    if (await host.hasClass('wr-action-sheet__action--destructive')) return 'destructive';\n    return 'default';\n  }\n\n  /**\n   * Whether the row refuses interaction, from the button's own `disabled` property\n   * — the thing the CDK consults before dispatching a click, and the DOM before\n   * delivering one.\n   *\n   * There is no `aria-disabled` to fall back to here, and none is wanted: the row is\n   * a native button, where the property already carries the state to assistive tech.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the row draws a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;\n  }\n\n  /**\n   * The icon's registered name, or `null` on a row without one.\n   *\n   * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches\n   * the DOM — the rendered `<svg>` carries no trace of which entry of the set it\n   * came from.\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-action-sheet__icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this row — emitting `action` and closing the sheet.\n   *\n   * Throws on a disabled row instead of quietly doing nothing. The click would not\n   * land anyway (the DOM swallows it), so the alternative is a spec that reads as\n   * \"picked the row\" and asserts a sheet that never moved.\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrActionSheetActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows a click ` +\n          'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +\n          'happen — assert isDisabled() instead.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the row. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the row currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n}\n","/**\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 { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrActionSheetActionHarnessFilters, WrActionSheetHarnessFilters } from './interfaces';\nimport { WrActionSheetActionHarness } from './wr-action-sheet-action-harness';\n\n/**\n * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE\n * group: a `TestElement` cannot be queried into, so scoping to a child element means\n * a harness anchored on it.\n */\nclass GroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-action-sheet__group';\n\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-action-sheet__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n}\n\n/**\n * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of\n * choices.\n *\n * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay\n * container rather than in the fixture: load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds\n * nothing at all — the `<wr-action-sheet>` host element itself holds no content and\n * the drawer it wraps is `display: none`.\n *\n * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,\n * which makes each instance self-scoping: two sheets open at once are two hosts, and\n * every query here descends from one of them. That is worth stating because it is\n * NOT how the drawer harness underneath has to work — a drawer publishes no link to\n * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes\n * by id.\n *\n * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕\n * button, the modal role, the focus trap and the panel's position are all the\n * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.\n * {@link sendEscape} is the one exception, kept because dismissing without choosing\n * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which\n * is the assertion most specs are actually after.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const sheet = await rootLoader.getHarness(WrActionSheetHarness);\n *\n * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);\n * await sheet.select({ label: 'Delete' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetHarness extends ComponentHarness {\n  /** The sheet's root inside the drawer panel. A closed sheet renders none. */\n  static hostSelector = '.wr-action-sheet';\n\n  /** Build a predicate that narrows the query — sheets can be stacked. */\n  static with(options: WrActionSheetHarnessFilters = {}): HarnessPredicate<WrActionSheetHarness> {\n    return new HarnessPredicate(WrActionSheetHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('accessibleName', options.accessibleName, (harness, name) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), name)\n      );\n  }\n\n  /**\n   * Whether this sheet is still open.\n   *\n   * A harness can only be obtained while the sheet is open — closing disposes the\n   * overlay and everything in it — so this is the answer for a harness you are\n   * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh\n   * `getHarnessOrNull()` comes back `null`.\n   *\n   * Attachment is the test rather than a class, because disposal removes the element\n   * without changing anything on it.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-action-sheet');\n  }\n\n  /** The visible heading, or `null` when the sheet was opened without a `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-action-sheet__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The muted sub-heading, or `null` when the sheet has no `message`. */\n  async getMessage(): Promise<string | null> {\n    const message = await this.locatorForOptional('.wr-action-sheet__message')();\n    return message ? message.text() : null;\n  }\n\n  /**\n   * The name the dialog announces.\n   *\n   * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the\n   * component renders a screen-reader-only `[wrDrawerTitle]` carrying\n   * `actionSheet.label` (English default `Actions`), because a bottom sheet is an\n   * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing\n   * on screen changes when that string is wrong or missing, which is exactly why it\n   * is worth an assertion.\n   *\n   * Read from `.wr-drawer__title` — the class the title directive applies — so the\n   * one query answers for both shapes: the visible heading carries it too.\n   */\n  async getAccessibleName(): Promise<string> {\n    return (await this.locatorFor('.wr-drawer__title')()).text();\n  }\n\n  /** Whether the announced name comes from a visible heading rather than the fallback. */\n  async isTitleVisible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;\n  }\n\n  /**\n   * Whether the dialog is actually WIRED to that name — the drawer panel's\n   * `aria-labelledby` resolving to this sheet's own title element, and to nothing\n   * else on the page.\n   *\n   * {@link getAccessibleName} only proves a string exists in the markup; a screen\n   * reader reads it only if the reference points at it. The two are separate\n   * failures and the second is silent: the title renders, the sheet looks right, and\n   * the dialog is announced as unnamed. Worth its own assertion because the drawer\n   * resolves the reference AFTER attaching the panel rather than while rendering it,\n   * so a title that arrives late is named late or not at all.\n   *\n   * Counted across the document as well, because two panels answering to one id hand\n   * every reference to whichever comes first — which is how a second sheet ends up\n   * announcing the first one's title.\n   */\n  async isNamed(): Promise<boolean> {\n    const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');\n    if (!id) return false;\n\n    const root = this.documentRootLocatorFactory();\n    const named = await root.locatorForAll(`[aria-labelledby=\"${id}\"]`)();\n    const titles = await root.locatorForAll(`[id=\"${id}\"]`)();\n    return named.length === 1 && titles.length === 1;\n  }\n\n  /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */\n  async getActions(filters: WrActionSheetActionHarnessFilters = {}): Promise<WrActionSheetActionHarness[]> {\n    return this.locatorForAll(WrActionSheetActionHarness.with(filters))();\n  }\n\n  /** The labels of every row, in DOM order. */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /**\n   * The labels grouped the way the sheet lays them out: the main group first, then\n   * the cancel group when there is one.\n   *\n   * The grouping is the component's whole visual contract — a `cancel` row is pulled\n   * out of the list and pinned to the bottom with a gap above it — and it is\n   * invisible to {@link getActionLabels}, which flattens the two. A cancel row that\n   * stopped being separated would still come last in DOM order, so the flat list\n   * cannot catch it.\n   */\n  async getActionGroups(): Promise<string[][]> {\n    const groups = await this.locatorForAll(GroupHarness)();\n    return Promise.all(groups.map(group => group.getLabels()));\n  }\n\n  /**\n   * Whether the sheet drew a separate bottom group — true exactly when at least one\n   * row was given `role: 'cancel'`, since the component omits the group entirely\n   * rather than rendering an empty one.\n   */\n  async hasCancelGroup(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;\n  }\n\n  /**\n   * Pick the first row matching the filters.\n   *\n   * Throws when nothing matches, naming what the sheet does offer — the alternative\n   * is a silent no-op followed by an assertion about a sheet that never moved. A\n   * disabled match throws too, from the row harness.\n   */\n  async select(filters: WrActionSheetActionHarnessFilters): Promise<void> {\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +\n          `The sheet offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — dismissing the sheet WITHOUT emitting `action`.\n   *\n   * The key never needs to reach the sheet itself: the drawer underneath listens\n   * through the CDK's keyboard dispatcher, which keeps one document listener and\n   * hands the event to the top-most overlay. So with sheets stacked this dismisses\n   * the top one whichever harness it is called on.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\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-action-sheet-testing.mjs","sources":["../../../projects/lib/action-sheet/testing/wr-action-sheet-action-harness.ts","../../../projects/lib/action-sheet/testing/wr-action-sheet-harness.ts","../../../projects/lib/action-sheet/testing/ngwr-action-sheet-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 { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrActionSheetAction } from 'ngwr/action-sheet';\n\nimport type { WrActionSheetActionHarnessFilters } from './interfaces';\n\n/**\n * Test harness for one row inside a {@link WrActionSheetHarness}.\n *\n * A row is a real `<button>`, not an ARIA-decorated div, so `disabled` is the\n * property rather than an attribute and the CDK refuses to click it — which is the\n * behaviour a spec wants asserted, since the component ALSO checks `disabled`\n * inside its own handler. Either guard alone would keep a disabled row inert; both\n * being there means removing one is invisible until the other is removed too, and\n * {@link click} is where that shows up.\n *\n * **Clicking a row closes the sheet.** The component emits `action` and clears\n * `open` in the same call, so a harness held across a {@link click} is pointed at a\n * detached element the moment it returns — read what you need first, and get a\n * fresh harness afterwards if the sheet was reopened.\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetActionHarness extends ComponentHarness {\n  /** The class every row carries, cancel rows included. */\n  static hostSelector = '.wr-action-sheet__action';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrActionSheetActionHarnessFilters = {}): HarnessPredicate<WrActionSheetActionHarness> {\n    return new HarnessPredicate(WrActionSheetActionHarness, options)\n      .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label))\n      .addOption('role', options.role, async (harness, role) => (await harness.getRole()) === role)\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  /**\n   * The row's label, trimmed.\n   *\n   * Read from `.wr-action-sheet__label` rather than from the button, so a leading\n   * icon can never join it. The icon contributes no text today — it is an `<svg>` —\n   * but an icon set that ships a `<title>` for its own accessibility would, and the\n   * label element is the thing that actually holds the string.\n   */\n  async getLabel(): Promise<string> {\n    return (await this.locatorFor('.wr-action-sheet__label')()).text();\n  }\n\n  /**\n   * The row's visual role, as the component painted it.\n   *\n   * `default` is returned for a row the caller left unroled, which is what the\n   * component does with the value: only `destructive` and `cancel` change anything,\n   * and everything else falls through to the plain row. The two modifiers are\n   * mutually exclusive by construction — `cancel` rows are filtered into their own\n   * group before the destructive class is ever considered — so reading them in\n   * either order gives the same answer.\n   */\n  async getRole(): Promise<NonNullable<WrActionSheetAction['role']>> {\n    const host = await this.host();\n    if (await host.hasClass('wr-action-sheet__action--cancel')) return 'cancel';\n    if (await host.hasClass('wr-action-sheet__action--destructive')) return 'destructive';\n    return 'default';\n  }\n\n  /**\n   * Whether the row refuses interaction, from the button's own `disabled` property\n   * — the thing the CDK consults before dispatching a click, and the DOM before\n   * delivering one.\n   *\n   * There is no `aria-disabled` to fall back to here, and none is wanted: the row is\n   * a native button, where the property already carries the state to assistive tech.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await this.host()).getProperty<boolean>('disabled');\n  }\n\n  /** Whether the row draws a leading icon. */\n  async hasIcon(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__icon')()) !== null;\n  }\n\n  /**\n   * The icon's registered name, or `null` on a row without one.\n   *\n   * From `wr-icon`'s reflected `data-icon`, which is the only place the name reaches\n   * the DOM — the rendered `<svg>` carries no trace of which entry of the set it\n   * came from.\n   */\n  async getIconName(): Promise<string | null> {\n    const icon = await this.locatorForOptional('.wr-action-sheet__icon')();\n    return icon ? icon.getAttribute('data-icon') : null;\n  }\n\n  /**\n   * Pick this row — emitting `action` and closing the sheet.\n   *\n   * Throws on a disabled row instead of quietly doing nothing. The click would not\n   * land anyway (the DOM swallows it), so the alternative is a spec that reads as\n   * \"picked the row\" and asserts a sheet that never moved.\n   */\n  async click(): Promise<void> {\n    if (await this.isDisabled()) {\n      throw new Error(\n        `WrActionSheetActionHarness.click(): \"${await this.getLabel()}\" is disabled. The DOM swallows a click ` +\n          'on a disabled button and the component checks `disabled` again before emitting, so nothing would ' +\n          'happen — assert isDisabled() instead.'\n      );\n    }\n    await (await this.host()).click();\n  }\n\n  /** Move keyboard focus to the row. */\n  async focus(): Promise<void> {\n    return (await this.host()).focus();\n  }\n\n  /** Whether the row currently holds focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n}\n","/**\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 { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\n\nimport type { WrActionSheetActionHarnessFilters, WrActionSheetHarnessFilters } from './interfaces';\nimport { WrActionSheetActionHarness } from './wr-action-sheet-action-harness';\n\n/**\n * One `.wr-action-sheet__group` — internal, and the only way to read the rows of ONE\n * group: a `TestElement` cannot be queried into, so scoping to a child element means\n * a harness anchored on it.\n */\nclass GroupHarness extends ComponentHarness {\n  static hostSelector = '.wr-action-sheet__group';\n\n  async getLabels(): Promise<string[]> {\n    const labels = await this.locatorForAll('.wr-action-sheet__label')();\n    return Promise.all(labels.map(label => label.text()));\n  }\n}\n\n/**\n * Test harness for an open `<wr-action-sheet>` — the iOS-style bottom sheet of\n * choices.\n *\n * The sheet renders through `<wr-drawer>`, so its rows are in the NGWR overlay\n * container rather than in the fixture: load this from\n * `TestbedHarnessEnvironment.documentRootLoader()`. A fixture-scoped loader finds\n * nothing at all — the `<wr-action-sheet>` host element itself holds no content and\n * the drawer it wraps is `display: none`.\n *\n * The anchor is `.wr-action-sheet`, the sheet's own root inside the drawer panel,\n * which makes each instance self-scoping: two sheets open at once are two hosts, and\n * every query here descends from one of them. That is worth stating because it is\n * NOT how the drawer harness underneath has to work — a drawer publishes no link to\n * the overlay it opened, so `WrDrawerHarness` anchors on the shared pane and scopes\n * by id.\n *\n * **What belongs to the drawer, not here.** Dismissal by backdrop click or by the ✕\n * button, the modal role, the focus trap and the panel's position are all the\n * drawer's surface, and `WrDrawerHarness` from the same root loader answers them.\n * {@link sendEscape} is the one exception, kept because dismissing without choosing\n * is a documented behaviour of the sheet itself: it closes and emits NOTHING, which\n * is the assertion most specs are actually after.\n *\n * @example\n * ```ts\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const sheet = await rootLoader.getHarness(WrActionSheetHarness);\n *\n * expect(await sheet.getActionLabels()).toEqual(['Take Photo', 'Delete', 'Cancel']);\n * await sheet.select({ label: 'Delete' });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrActionSheetHarness extends ComponentHarness {\n  /** The sheet's root inside the drawer panel. A closed sheet renders none. */\n  static hostSelector = '.wr-action-sheet';\n\n  /** Build a predicate that narrows the query — sheets can be stacked. */\n  static with(options: WrActionSheetHarnessFilters = {}): HarnessPredicate<WrActionSheetHarness> {\n    return new HarnessPredicate(WrActionSheetHarness, options)\n      .addOption('title', options.title, (harness, title) => HarnessPredicate.stringMatches(harness.getTitle(), title))\n      .addOption('message', options.message, (harness, message) =>\n        HarnessPredicate.stringMatches(harness.getMessage(), message)\n      )\n      .addOption('accessibleName', options.accessibleName, (harness, name) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), name)\n      );\n  }\n\n  /**\n   * Whether this sheet is still open.\n   *\n   * A harness can only be obtained while the sheet is open — closing disposes the\n   * overlay and everything in it — so this is the answer for a harness you are\n   * already HOLDING: it flips to `false` after a pick or a dismissal, where a fresh\n   * `getHarnessOrNull()` comes back `null`.\n   *\n   * Attachment is the test rather than a class, because disposal removes the element\n   * without changing anything on it.\n   */\n  async isOpen(): Promise<boolean> {\n    return (await this.host()).matchesSelector('body .wr-action-sheet');\n  }\n\n  /** The visible heading, or `null` when the sheet was opened without a `title`. */\n  async getTitle(): Promise<string | null> {\n    const title = await this.locatorForOptional('.wr-action-sheet__title')();\n    return title ? title.text() : null;\n  }\n\n  /** The muted sub-heading, or `null` when the sheet has no `message`. */\n  async getMessage(): Promise<string | null> {\n    const message = await this.locatorForOptional('.wr-action-sheet__message')();\n    return message ? message.text() : null;\n  }\n\n  /**\n   * The name the dialog announces.\n   *\n   * The sheet always publishes one, and for an untitled sheet it is INVISIBLE: the\n   * component renders a screen-reader-only `[wrDrawerTitle]` carrying\n   * `actionSheet.label` (English default `Actions`), because a bottom sheet is an\n   * `aria-modal` dialog and an unnamed one is announced as nothing at all. Nothing\n   * on screen changes when that string is wrong or missing, which is exactly why it\n   * is worth an assertion.\n   *\n   * Read from `.wr-drawer__title` — the class the title directive applies — so the\n   * one query answers for both shapes: the visible heading carries it too.\n   */\n  async getAccessibleName(): Promise<string> {\n    return (await this.locatorFor('.wr-drawer__title')()).text();\n  }\n\n  /** Whether the announced name comes from a visible heading rather than the fallback. */\n  async isTitleVisible(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__title')()) !== null;\n  }\n\n  /**\n   * Whether the dialog is actually WIRED to that name — the drawer panel's\n   * `aria-labelledby` resolving to this sheet's own title element, and to nothing\n   * else on the page.\n   *\n   * {@link getAccessibleName} only proves a string exists in the markup; a screen\n   * reader reads it only if the reference points at it. The two are separate\n   * failures and the second is silent: the title renders, the sheet looks right, and\n   * the dialog is announced as unnamed. Worth its own assertion because the drawer\n   * resolves the reference AFTER attaching the panel rather than while rendering it,\n   * so a title that arrives late is named late or not at all.\n   *\n   * Counted across the document as well, because two panels answering to one id hand\n   * every reference to whichever comes first — which is how a second sheet ends up\n   * announcing the first one's title.\n   */\n  async isNamed(): Promise<boolean> {\n    const id = await (await this.locatorFor('.wr-drawer__title')()).getAttribute('id');\n    if (!id) return false;\n\n    const root = this.documentRootLocatorFactory();\n    const named = await root.locatorForAll(`[aria-labelledby=\"${id}\"]`)();\n    const titles = await root.locatorForAll(`[id=\"${id}\"]`)();\n    return named.length === 1 && titles.length === 1;\n  }\n\n  /** The rows this sheet offers, in DOM order — cancel rows last, in their own group. */\n  async getActions(filters: WrActionSheetActionHarnessFilters = {}): Promise<WrActionSheetActionHarness[]> {\n    return this.locatorForAll(WrActionSheetActionHarness.with(filters))();\n  }\n\n  /** The labels of every row, in DOM order. */\n  async getActionLabels(): Promise<string[]> {\n    const actions = await this.getActions();\n    return Promise.all(actions.map(action => action.getLabel()));\n  }\n\n  /**\n   * The labels grouped the way the sheet lays them out: the main group first, then\n   * the cancel group when there is one.\n   *\n   * The grouping is the component's whole visual contract — a `cancel` row is pulled\n   * out of the list and pinned to the bottom with a gap above it — and it is\n   * invisible to {@link getActionLabels}, which flattens the two. A cancel row that\n   * stopped being separated would still come last in DOM order, so the flat list\n   * cannot catch it.\n   */\n  async getActionGroups(): Promise<string[][]> {\n    const groups = await this.locatorForAll(GroupHarness)();\n    return Promise.all(groups.map(group => group.getLabels()));\n  }\n\n  /**\n   * Whether the sheet drew a separate bottom group — true exactly when at least one\n   * row was given `role: 'cancel'`, since the component omits the group entirely\n   * rather than rendering an empty one.\n   */\n  async hasCancelGroup(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-action-sheet__group--cancel')()) !== null;\n  }\n\n  /**\n   * Pick the first row matching the filters.\n   *\n   * Throws when nothing matches, naming what the sheet does offer — the alternative\n   * is a silent no-op followed by an assertion about a sheet that never moved. A\n   * disabled match throws too, from the row harness.\n   */\n  async select(filters: WrActionSheetActionHarnessFilters): Promise<void> {\n    const [action] = await this.getActions(filters);\n    if (!action) {\n      const offered = await this.getActionLabels();\n      throw new Error(\n        `WrActionSheetHarness.select(): no row matched ${JSON.stringify(filters)}. ` +\n          `The sheet offers: ${offered.join(', ')}.`\n      );\n    }\n    await action.click();\n  }\n\n  /**\n   * Press Escape — dismissing the sheet WITHOUT emitting `action`.\n   *\n   * The key never needs to reach the sheet itself: the drawer underneath listens\n   * through the CDK's keyboard dispatcher, which keeps one document listener and\n   * hands the event to the top-most overlay. So with sheets stacked this dismisses\n   * the top one whichever harness it is called on.\n   */\n  async sendEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-action-sheet.mjs

@@ -75,10 +75,10 @@ class WrActionSheet {
         this.action.emit(item);
         this.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrActionSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrActionSheet, isStandalone: true, selector: "wr-action-sheet", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleFallback: { classPropertyName: "titleFallback", publicName: "titleFallback", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", action: "action" }, ngImport: i0, template: "<wr-drawer [(open)]=\"open\" position=\"bottom\" height=\"auto\" rounded showHandle safeArea maxHeight=\"90dvh\">\n  <div class=\"wr-action-sheet\">\n    @if (title() || message()) {\n      <div class=\"wr-action-sheet__header\">\n        @if (title()) {\n          <div class=\"wr-action-sheet__title\" wrDrawerTitle>{{ title() }}</div>\n        }\n        @if (message()) {\n          <div class=\"wr-action-sheet__message\">{{ message() }}</div>\n        }\n      </div>\n    }\n    <!-- The drawer opens as an aria-modal dialog; name it via wrDrawerTitle.\n         When there is no visible title, a screen-reader-only fallback keeps the\n         dialog from being announced as unnamed. -->\n    @if (!title()) {\n      <span class=\"wr-action-sheet__sr-only\" wrDrawerTitle>{{ resolvedTitleFallback() }}</span>\n    }\n\n    <div class=\"wr-action-sheet__group\">\n      @for (item of mainActions(); track $index) {\n        <button\n          type=\"button\"\n          class=\"wr-action-sheet__action\"\n          [class.wr-action-sheet__action--destructive]=\"item.role === 'destructive'\"\n          [disabled]=\"item.disabled\"\n          (click)=\"select(item)\"\n        >\n          @if (item.icon) {\n            <wr-icon class=\"wr-action-sheet__icon\" [name]=\"item.icon\" />\n          }\n          <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (cancelActions().length) {\n      <div class=\"wr-action-sheet__group wr-action-sheet__group--cancel\">\n        @for (item of cancelActions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"wr-action-sheet__action wr-action-sheet__action--cancel\"\n            [disabled]=\"item.disabled\"\n            (click)=\"select(item)\"\n          >\n            <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n          </button>\n        }\n      </div>\n    }\n  </div>\n</wr-drawer>\n", dependencies: [{ kind: "component", type: WrDrawer, selector: "wr-drawer", inputs: ["open", "position", "width", "height", "maxHeight", "rounded", "showHandle", "safeArea", "hasBackdrop", "closeOnBackdropClick", "closeOnEscape", "closable", "closeLabel"], outputs: ["openChange"] }, { kind: "directive", type: WrDrawerTitle, selector: "[wrDrawerTitle]" }, { kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrActionSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: WrActionSheet, isStandalone: true, selector: "wr-action-sheet", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleFallback: { classPropertyName: "titleFallback", publicName: "titleFallback", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", action: "action" }, ngImport: i0, template: "<wr-drawer [(open)]=\"open\" position=\"bottom\" height=\"auto\" rounded showHandle safeArea maxHeight=\"90dvh\">\n  <div class=\"wr-action-sheet\">\n    @if (title() || message()) {\n      <div class=\"wr-action-sheet__header\">\n        @if (title()) {\n          <div class=\"wr-action-sheet__title\" wrDrawerTitle>{{ title() }}</div>\n        }\n        @if (message()) {\n          <div class=\"wr-action-sheet__message\">{{ message() }}</div>\n        }\n      </div>\n    }\n    <!-- The drawer opens as an aria-modal dialog; name it via wrDrawerTitle.\n         When there is no visible title, a screen-reader-only fallback keeps the\n         dialog from being announced as unnamed. -->\n    @if (!title()) {\n      <span class=\"wr-action-sheet__sr-only\" wrDrawerTitle>{{ resolvedTitleFallback() }}</span>\n    }\n\n    <div class=\"wr-action-sheet__group\">\n      @for (item of mainActions(); track $index) {\n        <button\n          type=\"button\"\n          class=\"wr-action-sheet__action\"\n          [class.wr-action-sheet__action--destructive]=\"item.role === 'destructive'\"\n          [disabled]=\"item.disabled\"\n          (click)=\"select(item)\"\n        >\n          @if (item.icon) {\n            <wr-icon class=\"wr-action-sheet__icon\" [name]=\"item.icon\" />\n          }\n          <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (cancelActions().length) {\n      <div class=\"wr-action-sheet__group wr-action-sheet__group--cancel\">\n        @for (item of cancelActions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"wr-action-sheet__action wr-action-sheet__action--cancel\"\n            [disabled]=\"item.disabled\"\n            (click)=\"select(item)\"\n          >\n            <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n          </button>\n        }\n      </div>\n    }\n  </div>\n</wr-drawer>\n", dependencies: [{ kind: "component", type: WrDrawer, selector: "wr-drawer", inputs: ["open", "position", "width", "height", "maxHeight", "rounded", "showHandle", "safeArea", "hasBackdrop", "closeOnBackdropClick", "closeOnEscape", "closable", "closeLabel"], outputs: ["openChange"] }, { kind: "directive", type: WrDrawerTitle, selector: "[wrDrawerTitle]" }, { kind: "component", type: WrIcon, selector: "wr-icon", inputs: ["name"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrActionSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: WrActionSheet, decorators: [{
             type: Component,
             args: [{ selector: 'wr-action-sheet', encapsulation: ViewEncapsulation.None, imports: [WrDrawer, WrDrawerTitle, WrIcon], template: "<wr-drawer [(open)]=\"open\" position=\"bottom\" height=\"auto\" rounded showHandle safeArea maxHeight=\"90dvh\">\n  <div class=\"wr-action-sheet\">\n    @if (title() || message()) {\n      <div class=\"wr-action-sheet__header\">\n        @if (title()) {\n          <div class=\"wr-action-sheet__title\" wrDrawerTitle>{{ title() }}</div>\n        }\n        @if (message()) {\n          <div class=\"wr-action-sheet__message\">{{ message() }}</div>\n        }\n      </div>\n    }\n    <!-- The drawer opens as an aria-modal dialog; name it via wrDrawerTitle.\n         When there is no visible title, a screen-reader-only fallback keeps the\n         dialog from being announced as unnamed. -->\n    @if (!title()) {\n      <span class=\"wr-action-sheet__sr-only\" wrDrawerTitle>{{ resolvedTitleFallback() }}</span>\n    }\n\n    <div class=\"wr-action-sheet__group\">\n      @for (item of mainActions(); track $index) {\n        <button\n          type=\"button\"\n          class=\"wr-action-sheet__action\"\n          [class.wr-action-sheet__action--destructive]=\"item.role === 'destructive'\"\n          [disabled]=\"item.disabled\"\n          (click)=\"select(item)\"\n        >\n          @if (item.icon) {\n            <wr-icon class=\"wr-action-sheet__icon\" [name]=\"item.icon\" />\n          }\n          <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (cancelActions().length) {\n      <div class=\"wr-action-sheet__group wr-action-sheet__group--cancel\">\n        @for (item of cancelActions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"wr-action-sheet__action wr-action-sheet__action--cancel\"\n            [disabled]=\"item.disabled\"\n            (click)=\"select(item)\"\n          >\n            <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n          </button>\n        }\n      </div>\n    }\n  </div>\n</wr-drawer>\n" }]
         }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], titleFallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleFallback", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });

package/fesm2022/ngwr-action-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-action-sheet.mjs","sources":["../../../projects/lib/action-sheet/action-sheet.ts","../../../projects/lib/action-sheet/action-sheet.html","../../../projects/lib/action-sheet/ngwr-action-sheet.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 { Component, ViewEncapsulation, computed, inject, input, model, output } from '@angular/core';\n\nimport { WrDrawer, WrDrawerTitle } from 'ngwr/drawer';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrIcon } from 'ngwr/icon';\nimport { WrHaptics } from 'ngwr/platform';\n\nimport type { WrActionSheetAction } from './interfaces';\n\n/**\n * iOS-style action sheet — a bottom sheet offering a short list of choices.\n * A thin preset over {@link WrDrawer} (bottom position, rounded, grab handle,\n * safe-area padding), driven by data rather than projected content.\n *\n * Pass `actions`; picking one emits `action` and closes the sheet. Rows with\n * `role: 'destructive'` are painted in the danger colour, and `role: 'cancel'`\n * rows drop to a separate group at the bottom. Dismissing via the backdrop,\n * `Escape`, or a swipe-down closes without emitting. Picking fires a light\n * {@link WrHaptics} tick.\n *\n * @example\n * ```html\n * <wr-action-sheet\n *   [(open)]=\"sheetOpen\"\n *   title=\"Photo\"\n *   [actions]=\"[\n *     { label: 'Take Photo', icon: 'camera', value: 'camera' },\n *     { label: 'Choose from Library', icon: 'image', value: 'library' },\n *     { label: 'Delete', role: 'destructive', value: 'delete' },\n *     { label: 'Cancel', role: 'cancel' },\n *   ]\"\n *   (action)=\"onPick($event)\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/action-sheet\n */\n@Component({\n  selector: 'wr-action-sheet',\n  templateUrl: './action-sheet.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrDrawer, WrDrawerTitle, WrIcon],\n})\nexport class WrActionSheet {\n  private readonly haptics = inject(WrHaptics);\n\n  /** Whether the sheet is open. Two-way. @default false */\n  readonly open = model<boolean>(false);\n\n  /** The rows to offer. */\n  readonly actions = input<readonly WrActionSheetAction[]>([]);\n\n  /** Optional bold heading above the rows. */\n  readonly title = input<string>('');\n\n  /**\n   * Name announced for the dialog when there is no visible `title`. Falls back to\n   * `actionSheet.label`, then `'Actions'` — it used to be that English string,\n   * written into the template of a component whose every other string comes from\n   * the caller.\n   */\n  readonly titleFallback = input<string | null>(null);\n\n  protected readonly resolvedTitleFallback = useI18nText(this.titleFallback, 'actionSheet.label', 'Actions');\n\n  /** Optional muted sub-heading under the title. */\n  readonly message = input<string>('');\n\n  /** Fires with the chosen row (never fires on a dismiss). */\n  readonly action = output<WrActionSheetAction>();\n\n  protected readonly mainActions = computed(() => this.actions().filter(a => a.role !== 'cancel'));\n  protected readonly cancelActions = computed(() => this.actions().filter(a => a.role === 'cancel'));\n\n  protected select(item: WrActionSheetAction): void {\n    if (item.disabled) return;\n    this.haptics.selection();\n    this.action.emit(item);\n    this.open.set(false);\n  }\n}\n","<wr-drawer [(open)]=\"open\" position=\"bottom\" height=\"auto\" rounded showHandle safeArea maxHeight=\"90dvh\">\n  <div class=\"wr-action-sheet\">\n    @if (title() || message()) {\n      <div class=\"wr-action-sheet__header\">\n        @if (title()) {\n          <div class=\"wr-action-sheet__title\" wrDrawerTitle>{{ title() }}</div>\n        }\n        @if (message()) {\n          <div class=\"wr-action-sheet__message\">{{ message() }}</div>\n        }\n      </div>\n    }\n    <!-- The drawer opens as an aria-modal dialog; name it via wrDrawerTitle.\n         When there is no visible title, a screen-reader-only fallback keeps the\n         dialog from being announced as unnamed. -->\n    @if (!title()) {\n      <span class=\"wr-action-sheet__sr-only\" wrDrawerTitle>{{ resolvedTitleFallback() }}</span>\n    }\n\n    <div class=\"wr-action-sheet__group\">\n      @for (item of mainActions(); track $index) {\n        <button\n          type=\"button\"\n          class=\"wr-action-sheet__action\"\n          [class.wr-action-sheet__action--destructive]=\"item.role === 'destructive'\"\n          [disabled]=\"item.disabled\"\n          (click)=\"select(item)\"\n        >\n          @if (item.icon) {\n            <wr-icon class=\"wr-action-sheet__icon\" [name]=\"item.icon\" />\n          }\n          <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (cancelActions().length) {\n      <div class=\"wr-action-sheet__group wr-action-sheet__group--cancel\">\n        @for (item of cancelActions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"wr-action-sheet__action wr-action-sheet__action--cancel\"\n            [disabled]=\"item.disabled\"\n            (click)=\"select(item)\"\n          >\n            <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n          </button>\n        }\n      </div>\n    }\n  </div>\n</wr-drawer>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MAOU,aAAa,CAAA;AACP,IAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;;IAGnC,IAAI,GAAG,KAAK,CAAU,KAAK;6EAAC;;IAG5B,OAAO,GAAG,KAAK,CAAiC,EAAE;gFAAC;;IAGnD,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;AAElC;;;;;AAKG;IACM,aAAa,GAAG,KAAK,CAAgB,IAAI;sFAAC;IAEhC,qBAAqB,GAAG,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,SAAS,CAAC;;IAGjG,OAAO,GAAG,KAAK,CAAS,EAAE;gFAAC;;IAG3B,MAAM,GAAG,MAAM,EAAuB;IAE5B,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;oFAAC;IAC7E,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;sFAAC;AAExF,IAAA,MAAM,CAAC,IAAyB,EAAA;QACxC,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;IACtB;uGApCW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,mwBClD1B,+6DAoDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,4DAAE,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAE9B,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,+6DAAA,EAAA;;;AEhD5C;;AAEG;;;;"}
+{"version":3,"file":"ngwr-action-sheet.mjs","sources":["../../../projects/lib/action-sheet/action-sheet.ts","../../../projects/lib/action-sheet/action-sheet.html","../../../projects/lib/action-sheet/ngwr-action-sheet.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 { Component, ViewEncapsulation, computed, inject, input, model, output } from '@angular/core';\n\nimport { WrDrawer, WrDrawerTitle } from 'ngwr/drawer';\nimport { useI18nText } from 'ngwr/i18n';\nimport { WrIcon } from 'ngwr/icon';\nimport { WrHaptics } from 'ngwr/platform';\n\nimport type { WrActionSheetAction } from './interfaces';\n\n/**\n * iOS-style action sheet — a bottom sheet offering a short list of choices.\n * A thin preset over {@link WrDrawer} (bottom position, rounded, grab handle,\n * safe-area padding), driven by data rather than projected content.\n *\n * Pass `actions`; picking one emits `action` and closes the sheet. Rows with\n * `role: 'destructive'` are painted in the danger colour, and `role: 'cancel'`\n * rows drop to a separate group at the bottom. Dismissing via the backdrop,\n * `Escape`, or a swipe-down closes without emitting. Picking fires a light\n * {@link WrHaptics} tick.\n *\n * @example\n * ```html\n * <wr-action-sheet\n *   [(open)]=\"sheetOpen\"\n *   title=\"Photo\"\n *   [actions]=\"[\n *     { label: 'Take Photo', icon: 'camera', value: 'camera' },\n *     { label: 'Choose from Library', icon: 'image', value: 'library' },\n *     { label: 'Delete', role: 'destructive', value: 'delete' },\n *     { label: 'Cancel', role: 'cancel' },\n *   ]\"\n *   (action)=\"onPick($event)\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/action-sheet\n */\n@Component({\n  selector: 'wr-action-sheet',\n  templateUrl: './action-sheet.html',\n  encapsulation: ViewEncapsulation.None,\n  imports: [WrDrawer, WrDrawerTitle, WrIcon],\n})\nexport class WrActionSheet {\n  private readonly haptics = inject(WrHaptics);\n\n  /** Whether the sheet is open. Two-way. @default false */\n  readonly open = model<boolean>(false);\n\n  /** The rows to offer. */\n  readonly actions = input<readonly WrActionSheetAction[]>([]);\n\n  /** Optional bold heading above the rows. */\n  readonly title = input<string>('');\n\n  /**\n   * Name announced for the dialog when there is no visible `title`. Falls back to\n   * `actionSheet.label`, then `'Actions'` — it used to be that English string,\n   * written into the template of a component whose every other string comes from\n   * the caller.\n   */\n  readonly titleFallback = input<string | null>(null);\n\n  protected readonly resolvedTitleFallback = useI18nText(this.titleFallback, 'actionSheet.label', 'Actions');\n\n  /** Optional muted sub-heading under the title. */\n  readonly message = input<string>('');\n\n  /** Fires with the chosen row (never fires on a dismiss). */\n  readonly action = output<WrActionSheetAction>();\n\n  protected readonly mainActions = computed(() => this.actions().filter(a => a.role !== 'cancel'));\n  protected readonly cancelActions = computed(() => this.actions().filter(a => a.role === 'cancel'));\n\n  protected select(item: WrActionSheetAction): void {\n    if (item.disabled) return;\n    this.haptics.selection();\n    this.action.emit(item);\n    this.open.set(false);\n  }\n}\n","<wr-drawer [(open)]=\"open\" position=\"bottom\" height=\"auto\" rounded showHandle safeArea maxHeight=\"90dvh\">\n  <div class=\"wr-action-sheet\">\n    @if (title() || message()) {\n      <div class=\"wr-action-sheet__header\">\n        @if (title()) {\n          <div class=\"wr-action-sheet__title\" wrDrawerTitle>{{ title() }}</div>\n        }\n        @if (message()) {\n          <div class=\"wr-action-sheet__message\">{{ message() }}</div>\n        }\n      </div>\n    }\n    <!-- The drawer opens as an aria-modal dialog; name it via wrDrawerTitle.\n         When there is no visible title, a screen-reader-only fallback keeps the\n         dialog from being announced as unnamed. -->\n    @if (!title()) {\n      <span class=\"wr-action-sheet__sr-only\" wrDrawerTitle>{{ resolvedTitleFallback() }}</span>\n    }\n\n    <div class=\"wr-action-sheet__group\">\n      @for (item of mainActions(); track $index) {\n        <button\n          type=\"button\"\n          class=\"wr-action-sheet__action\"\n          [class.wr-action-sheet__action--destructive]=\"item.role === 'destructive'\"\n          [disabled]=\"item.disabled\"\n          (click)=\"select(item)\"\n        >\n          @if (item.icon) {\n            <wr-icon class=\"wr-action-sheet__icon\" [name]=\"item.icon\" />\n          }\n          <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n        </button>\n      }\n    </div>\n\n    @if (cancelActions().length) {\n      <div class=\"wr-action-sheet__group wr-action-sheet__group--cancel\">\n        @for (item of cancelActions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"wr-action-sheet__action wr-action-sheet__action--cancel\"\n            [disabled]=\"item.disabled\"\n            (click)=\"select(item)\"\n          >\n            <span class=\"wr-action-sheet__label\">{{ item.label }}</span>\n          </button>\n        }\n      </div>\n    }\n  </div>\n</wr-drawer>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MAOU,aAAa,CAAA;AACP,IAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;;IAGnC,IAAI,GAAG,KAAK,CAAU,KAAK;6EAAC;;IAG5B,OAAO,GAAG,KAAK,CAAiC,EAAE;gFAAC;;IAGnD,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;AAElC;;;;;AAKG;IACM,aAAa,GAAG,KAAK,CAAgB,IAAI;sFAAC;IAEhC,qBAAqB,GAAG,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,SAAS,CAAC;;IAGjG,OAAO,GAAG,KAAK,CAAS,EAAE;gFAAC;;IAG3B,MAAM,GAAG,MAAM,EAAuB;IAE5B,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;oFAAC;IAC7E,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC;sFAAC;AAExF,IAAA,MAAM,CAAC,IAAyB,EAAA;QACxC,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;AACxB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;IACtB;uGApCW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,mwBClD1B,+6DAoDA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,4DAAE,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAE9B,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,+6DAAA,EAAA;;;AEhD5C;;AAEG;;"}