@rcarls/rc-snackbar 0.5.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @rcarls/rc-snackbar
 
+## 0.7.0
+
+### Minor Changes
+
+- 57338f5: `rc-dialog`, `rc-bottom-sheet`, and `rc-snackbar` now fade in and out through
+  CSS alone, using `@starting-style` and a discrete `display`/`overlay`
+  transition, driven by the shared `--rc-motion-effects-*` tokens (and
+  `--rc-motion-spatial-*` for `rc-snackbar`'s slide). `showModal()`/`show()`/
+  `close()` all stay synchronous, and nothing in any of the three components
+  waits on the transition finishing, so a zero-duration theme or a browser
+  without support for the CSS involved both degrade to an instant, fully
+  correct open and close.
+
+  `rc-dialog` and `rc-bottom-sheet` animate opacity only, not a scale or slide
+  transform: both support pointer resize and read `getBoundingClientRect()` to
+  compute drag deltas, and a transform is a visual effect that
+  `getBoundingClientRect()` reports for as long as it's still animating,
+  corrupting that measurement if a resize or drag starts during the entrance.
+  `rc-snackbar` has no such feature, so it fades and slides up from the
+  block-end edge it's anchored to.
+
+### Patch Changes
+
+- 5c006de: Ship component CSS minified. Package builds now run the CSS in Lit `css` styles
+  and light-DOM structural styles through Lightning CSS, removing comments and
+  whitespace while keeping source maps that resolve to each template. Rendered
+  styles are unchanged.
+
+  `@rcarls/rc-common` adds `cssText`, an identity tag that marks a plain CSS
+  string for minification. `rc-chip`, `rc-disclosure`, and `rc-accordion` now
+  depend on `@rcarls/rc-common` for it.
+
+## 0.6.0
+
 ## 0.5.0
 
 ## 0.4.2

package/dist/custom-elements.json

@@ -78,7 +78,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Snackbar live-region host for brief status messages and optional actions.",
+          "description": "Snackbar live-region host for brief status messages and optional actions.\n\nFades and slides in from the block-end edge it's anchored to through CSS\nalone (`@starting-style` plus a discrete `display` transition), using the\nshared `--rc-motion-effects-*`/`--rc-motion-spatial-*` tokens.\n`show()`/`close()` stay synchronous; nothing waits on the transition\nfinishing.",
           "name": "RCSnackbar",
           "cssProperties": [
             {

package/dist/{rc-snackbar-GsVuC2lu.js → rc-snackbar-ByjvYQQg.js}

@@ -1,85 +1,10 @@
 import { css as u, LitElement as d, html as h } from "lit";
 import { property as i } from "lit/decorators.js";
-const b = u`
-  :host {
-    position: fixed;
-    inset-inline: var(--rc-snackbar-inset-inline, 1rem);
-    inset-block-end: calc(
-      var(--rc-snackbar-inset-block-end, 1rem) + env(safe-area-inset-bottom, 0px)
-    );
-    z-index: var(--rc-snackbar-z-index, 1000);
-    display: none;
-    justify-content: center;
-    pointer-events: none;
-    color-scheme: inherit;
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  :host([open]) {
-    display: flex;
-  }
-
-  [part='surface'] {
-    pointer-events: auto;
-    display: flex;
-    align-items: center;
-    gap: var(--rc-snackbar-gap, 0.5rem);
-    box-sizing: border-box;
-    min-block-size: var(--rc-snackbar-min-block-size, 3rem);
-    inline-size: min(100%, var(--rc-snackbar-max-inline-size, 30rem));
-    padding-block: var(--rc-snackbar-padding-block, 0.5rem);
-    padding-inline: var(--rc-snackbar-padding-inline, 1rem);
-    border: var(--rc-snackbar-border, 1px solid CanvasText);
-    border-radius: var(--rc-snackbar-radius, 0);
-    background: var(--rc-snackbar-bg, Canvas);
-    color: var(--rc-snackbar-color, CanvasText);
-    box-shadow: var(--rc-snackbar-shadow, none);
-  }
-
-  [part='message'] {
-    flex: 1 1 auto;
-  }
-
-  [part='action'] {
-    flex: 0 0 auto;
-    display: none;
-    border: var(--rc-snackbar-action-border, revert);
-    border-radius: var(--rc-snackbar-action-radius, revert);
-    padding-block: var(--rc-snackbar-action-padding-block, revert);
-    padding-inline: var(--rc-snackbar-action-padding-inline, revert);
-    background: var(--rc-snackbar-action-bg, revert);
-    color: var(--rc-snackbar-action-color, revert);
-    font: var(--rc-snackbar-action-font, revert);
-  }
-
-  :host([action-label]) [part='action'] {
-    display: inline-flex;
-  }
-
-  [part='action']:focus-visible {
-    outline: var(--rc-snackbar-focus-ring, revert);
-    outline-offset: var(--rc-snackbar-focus-ring-offset, revert);
-  }
-
-  @media (forced-colors: active) {
-    [part='surface'] {
-      border: 1px solid CanvasText;
-      background: CanvasText;
-      color: Canvas;
-    }
-
-    [part='action'] {
-      color: Highlight;
-    }
-  }
-`;
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (p, e, t, s) => {
-  for (var r = s > 1 ? void 0 : s ? v(e, t) : e, o = p.length - 1, c; o >= 0; o--)
-    (c = p[o]) && (r = (s ? c(e, t, r) : c(r)) || r);
-  return s && r && f(e, t, r), r;
+const f = u`:host{inset-inline:var(--rc-snackbar-inset-inline,1rem);z-index:var(--rc-snackbar-z-index,1000);pointer-events:none;color-scheme:inherit;justify-content:center;display:none;position:fixed;inset-block-end:calc(var(--rc-snackbar-inset-block-end,1rem) + env(safe-area-inset-bottom,0px))}:host([hidden]){display:none}:host([open]){display:flex}@media (prefers-reduced-motion:no-preference){:host{opacity:0;translate:0 100%}:host([open]){opacity:1;transition:opacity var(--rc-motion-effects-duration-default,.2s) var(--rc-motion-effects-easing-enter,ease-out), translate var(--rc-motion-spatial-duration-default,.4s) var(--rc-motion-spatial-easing-enter,ease-out), display var(--rc-motion-effects-duration-default,.2s) allow-discrete;translate:none}:host(:not([open])){transition:opacity var(--rc-motion-effects-duration-default,.2s) var(--rc-motion-effects-easing-exit,ease-in), translate var(--rc-motion-spatial-duration-default,.4s) var(--rc-motion-spatial-easing-exit,ease-in), display var(--rc-motion-effects-duration-default,.2s) allow-discrete}@starting-style{:host([open]){opacity:0;translate:0 100%}}}[part=surface]{pointer-events:auto;align-items:center;gap:var(--rc-snackbar-gap,.5rem);box-sizing:border-box;min-block-size:var(--rc-snackbar-min-block-size,3rem);inline-size:min(100%, var(--rc-snackbar-max-inline-size,30rem));padding-block:var(--rc-snackbar-padding-block,.5rem);padding-inline:var(--rc-snackbar-padding-inline,1rem);border:var(--rc-snackbar-border,1px solid CanvasText);border-radius:var(--rc-snackbar-radius,0);background:var(--rc-snackbar-bg,Canvas);color:var(--rc-snackbar-color,CanvasText);box-shadow:var(--rc-snackbar-shadow,none);display:flex}[part=message]{flex:auto}[part=action]{border:var(--rc-snackbar-action-border,revert);border-radius:var(--rc-snackbar-action-radius,revert);padding-block:var(--rc-snackbar-action-padding-block,revert);padding-inline:var(--rc-snackbar-action-padding-inline,revert);background:var(--rc-snackbar-action-bg,revert);color:var(--rc-snackbar-action-color,revert);font:var(--rc-snackbar-action-font,revert);flex:none;display:none}:host([action-label]) [part=action]{display:inline-flex}[part=action]:focus-visible{outline:var(--rc-snackbar-focus-ring,revert);outline-offset:var(--rc-snackbar-focus-ring-offset,revert)}@media (forced-colors:active){[part=surface]{color:canvas;background:canvastext;border:1px solid canvastext}[part=action]{color:highlight}}`;
+var b = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (p, e, t, s) => {
+  for (var a = s > 1 ? void 0 : s ? v(e, t) : e, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (a = (s ? c(e, t, a) : c(a)) || a);
+  return s && a && b(e, t, a), a;
 };
 const l = class l extends d {
   constructor() {
@@ -156,8 +81,8 @@ const l = class l extends d {
         detail: { reason: e, message: s }
       })
     ), t) {
-      const r = this._queue.shift();
-      r && queueMicrotask(() => this._showNow(r));
+      const a = this._queue.shift();
+      a && queueMicrotask(() => this._showNow(a));
     }
   }
   _handleAction() {
@@ -173,27 +98,27 @@ const l = class l extends d {
     window.clearTimeout(this._timer), this._timer = void 0;
   }
 };
-l.styles = b;
-let a = l;
+l.styles = f;
+let r = l;
 n([
   i({ type: Boolean, reflect: !0 })
-], a.prototype, "open", 1);
+], r.prototype, "open", 1);
 n([
   i({ type: Boolean, attribute: "default-open" })
-], a.prototype, "defaultOpen", 1);
+], r.prototype, "defaultOpen", 1);
 n([
   i({ type: String, reflect: !0 })
-], a.prototype, "message", 2);
+], r.prototype, "message", 2);
 n([
   i({ type: String, attribute: "action-label", reflect: !0 })
-], a.prototype, "actionLabel", 2);
+], r.prototype, "actionLabel", 2);
 n([
   i({ type: Number })
-], a.prototype, "duration", 2);
+], r.prototype, "duration", 2);
 n([
   i({ type: String, attribute: "queue-policy" })
-], a.prototype, "queuePolicy", 2);
+], r.prototype, "queuePolicy", 2);
 export {
-  a as R
+  r as R
 };
-//# sourceMappingURL=rc-snackbar-GsVuC2lu.js.map
+//# sourceMappingURL=rc-snackbar-ByjvYQQg.js.map

package/dist/rc-snackbar-ByjvYQQg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-snackbar-ByjvYQQg.js","sources":["../src/rc-snackbar.styles.ts","../src/rc-snackbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const snackbarStyles = css`\n  :host {\n    position: fixed;\n    inset-inline: var(--rc-snackbar-inset-inline, 1rem);\n    inset-block-end: calc(\n      var(--rc-snackbar-inset-block-end, 1rem) + env(safe-area-inset-bottom, 0px)\n    );\n    z-index: var(--rc-snackbar-z-index, 1000);\n    display: none;\n    justify-content: center;\n    pointer-events: none;\n    color-scheme: inherit;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  :host([open]) {\n    display: flex;\n  }\n\n  /*\n   * Fade and slide up from the block-end edge it's anchored to. Unlike\n   * rc-dialog/rc-bottom-sheet, nothing here reads getBoundingClientRect()\n   * during the entrance, so a transform is safe: the host is a fixed\n   * positioning wrapper with no resize or drag feature of its own.\n   * show()/close() stay synchronous either way.\n   */\n  @media (prefers-reduced-motion: no-preference) {\n    :host {\n      opacity: 0;\n      translate: 0 100%;\n    }\n\n    :host([open]) {\n      opacity: 1;\n      translate: none;\n      transition:\n        opacity var(--rc-motion-effects-duration-default, 200ms)\n          var(--rc-motion-effects-easing-enter, ease-out),\n        translate var(--rc-motion-spatial-duration-default, 400ms)\n          var(--rc-motion-spatial-easing-enter, ease-out),\n        display var(--rc-motion-effects-duration-default, 200ms) allow-discrete;\n    }\n\n    :host(:not([open])) {\n      transition:\n        opacity var(--rc-motion-effects-duration-default, 200ms)\n          var(--rc-motion-effects-easing-exit, ease-in),\n        translate var(--rc-motion-spatial-duration-default, 400ms)\n          var(--rc-motion-spatial-easing-exit, ease-in),\n        display var(--rc-motion-effects-duration-default, 200ms) allow-discrete;\n    }\n\n    @starting-style {\n      :host([open]) {\n        opacity: 0;\n        translate: 0 100%;\n      }\n    }\n  }\n\n  [part='surface'] {\n    pointer-events: auto;\n    display: flex;\n    align-items: center;\n    gap: var(--rc-snackbar-gap, 0.5rem);\n    box-sizing: border-box;\n    min-block-size: var(--rc-snackbar-min-block-size, 3rem);\n    inline-size: min(100%, var(--rc-snackbar-max-inline-size, 30rem));\n    padding-block: var(--rc-snackbar-padding-block, 0.5rem);\n    padding-inline: var(--rc-snackbar-padding-inline, 1rem);\n    border: var(--rc-snackbar-border, 1px solid CanvasText);\n    border-radius: var(--rc-snackbar-radius, 0);\n    background: var(--rc-snackbar-bg, Canvas);\n    color: var(--rc-snackbar-color, CanvasText);\n    box-shadow: var(--rc-snackbar-shadow, none);\n  }\n\n  [part='message'] {\n    flex: 1 1 auto;\n  }\n\n  [part='action'] {\n    flex: 0 0 auto;\n    display: none;\n    border: var(--rc-snackbar-action-border, revert);\n    border-radius: var(--rc-snackbar-action-radius, revert);\n    padding-block: var(--rc-snackbar-action-padding-block, revert);\n    padding-inline: var(--rc-snackbar-action-padding-inline, revert);\n    background: var(--rc-snackbar-action-bg, revert);\n    color: var(--rc-snackbar-action-color, revert);\n    font: var(--rc-snackbar-action-font, revert);\n  }\n\n  :host([action-label]) [part='action'] {\n    display: inline-flex;\n  }\n\n  [part='action']:focus-visible {\n    outline: var(--rc-snackbar-focus-ring, revert);\n    outline-offset: var(--rc-snackbar-focus-ring-offset, revert);\n  }\n\n  @media (forced-colors: active) {\n    [part='surface'] {\n      border: 1px solid CanvasText;\n      background: CanvasText;\n      color: Canvas;\n    }\n\n    [part='action'] {\n      color: Highlight;\n    }\n  }\n`;\n\nexport default snackbarStyles;\n","import { LitElement, html } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport snackbarStyles from './rc-snackbar.styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-snackbar': RCSnackbar;\n  }\n\n  interface HTMLElementEventMap {\n    'rc-snackbar-action': CustomEvent<RCSnackbarActionDetail>;\n    'rc-snackbar-close': CustomEvent<RCSnackbarCloseDetail>;\n  }\n}\n\n/** Snackbar queue behavior when `show()` is called while open. */\nexport type RCSnackbarQueuePolicy = 'queue' | 'replace';\n\n/** Close reasons surfaced by `rc-snackbar-close`. */\nexport type RCSnackbarCloseReason = 'action' | 'api' | 'timeout' | 'replace' | 'clear';\n\n/** Options accepted by `show()`. */\nexport interface RCSnackbarShowOptions {\n  /** Message text to announce. */\n  message: string;\n  /** Optional action button label. */\n  actionLabel?: string;\n  /** Auto-close duration in milliseconds. */\n  duration?: number;\n}\n\n/** Detail payload for `rc-snackbar-action`. */\nexport interface RCSnackbarActionDetail {\n  /** Message that was visible when the action was activated. */\n  message: string;\n}\n\n/** Detail payload for `rc-snackbar-close`. */\nexport interface RCSnackbarCloseDetail {\n  /** Close reason. */\n  reason: RCSnackbarCloseReason;\n  /** Message that closed. */\n  message: string;\n}\n\n/**\n * Snackbar live-region host for brief status messages and optional actions.\n *\n * Fades and slides in from the block-end edge it's anchored to through CSS\n * alone (`@starting-style` plus a discrete `display` transition), using the\n * shared `--rc-motion-effects-*`/`--rc-motion-spatial-*` tokens.\n * `show()`/`close()` stay synchronous; nothing waits on the transition\n * finishing.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-snackbar rc-snackbar docs}\n *\n * @fires rc-snackbar-action - Fired when the action button is activated.\n * @fires rc-snackbar-close - Fired after a visible snackbar closes.\n *\n * @csspart surface - Snackbar surface.\n * @csspart message - Message text.\n * @csspart action - Optional action button.\n *\n * @attr open - Whether a snackbar is currently visible. Host writes are silent.\n * @attr default-open - Initial visible state for uncontrolled usage.\n * @attr message - Visible snackbar message.\n * @attr action-label - Optional action button label.\n * @attr duration - Auto-close duration in milliseconds.\n * @attr queue-policy - `queue` appends while open; `replace` closes the current message.\n *\n * @cssprop [--rc-snackbar-inset-inline=1rem] - Inline-axis inset from the viewport edge.\n * @cssprop [--rc-snackbar-inset-block-end=1rem] - Block-end inset from the viewport edge, before\n *   the safe-area inset.\n * @cssprop [--rc-snackbar-z-index=1000] - Stacking order.\n * @cssprop [--rc-snackbar-gap=0.5rem] - Gap between the message and action.\n * @cssprop [--rc-snackbar-min-block-size=3rem] - Minimum surface block size.\n * @cssprop [--rc-snackbar-max-inline-size=30rem] - Maximum surface inline size.\n * @cssprop [--rc-snackbar-padding-block=0.5rem] - Surface block-axis padding.\n * @cssprop [--rc-snackbar-padding-inline=1rem] - Surface inline-axis padding.\n * @cssprop [--rc-snackbar-border=1px solid CanvasText] - Surface border.\n * @cssprop [--rc-snackbar-radius=0] - Surface border radius.\n * @cssprop [--rc-snackbar-bg=Canvas] - Surface background.\n * @cssprop [--rc-snackbar-color=CanvasText] - Surface text color.\n * @cssprop [--rc-snackbar-shadow=none] - Surface box shadow.\n * @cssprop [--rc-snackbar-action-border] - Action button border; defers to native button\n *   border when unset.\n * @cssprop [--rc-snackbar-action-radius] - Action button border radius; defers to native button\n *   radius when unset.\n * @cssprop [--rc-snackbar-action-padding-block] - Action button block-axis padding; defers to\n *   native button padding when unset.\n * @cssprop [--rc-snackbar-action-padding-inline] - Action button inline-axis padding; defers to\n *   native button padding when unset.\n * @cssprop [--rc-snackbar-action-bg] - Action button background; defers to native button\n *   background when unset.\n * @cssprop [--rc-snackbar-action-color] - Action button text color; defers to native button\n *   color when unset.\n * @cssprop [--rc-snackbar-action-font] - Action button font shorthand; defers to native button\n *   font when unset.\n * @cssprop [--rc-snackbar-focus-ring] - Action button focus outline; defers to native focus\n *   styling when unset.\n * @cssprop [--rc-snackbar-focus-ring-offset] - Action button focus outline offset; defers to\n *   native focus styling when unset.\n */\nexport class RCSnackbar extends LitElement {\n  static override styles = snackbarStyles;\n\n  private _queue: RCSnackbarShowOptions[] = [];\n  private _timer: number | undefined;\n  private _lastMessage = '';\n\n  private _open: boolean | undefined;\n  private _defaultOpen = false;\n  private _openInitialized = false;\n\n  /** Whether the snackbar is currently visible. Host writes are silent. */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this._open ?? this._defaultOpen;\n  }\n\n  set open(value: boolean | undefined) {\n    const oldValue = this.open;\n\n    this._open = value;\n    this._openInitialized = true;\n    this.requestUpdate('open', oldValue);\n  }\n\n  /** Initial visible state for uncontrolled usage, such as an already-queued\n   * message shown on first render. */\n  @property({ type: Boolean, attribute: 'default-open' })\n  get defaultOpen(): boolean {\n    return this._defaultOpen;\n  }\n\n  set defaultOpen(value: boolean) {\n    const oldValue = this._defaultOpen;\n\n    this._defaultOpen = value;\n\n    if (!this._openInitialized && this._open === undefined) {\n      this.requestUpdate('open', oldValue);\n    }\n\n    this.requestUpdate('defaultOpen', oldValue);\n  }\n\n  /** Visible message text. */\n  @property({ type: String, reflect: true })\n  message = '';\n\n  /** Optional action button label. */\n  @property({ type: String, attribute: 'action-label', reflect: true })\n  actionLabel = '';\n\n  /** Auto-close duration in milliseconds. Set to 0 to keep open. */\n  @property({ type: Number })\n  duration = 4000;\n\n  /** Queue behavior for show calls while open. */\n  @property({ type: String, attribute: 'queue-policy' })\n  queuePolicy: RCSnackbarQueuePolicy = 'queue';\n\n  override disconnectedCallback(): void {\n    this._clearTimer();\n    super.disconnectedCallback();\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    if (changed.has('open') && !this.open) {\n      this._clearTimer();\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"surface\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n        <span part=\"message\">${this.message}</span>\n        <button part=\"action\" type=\"button\" @click=${this._handleAction}>\n          ${this.actionLabel}\n        </button>\n      </div>\n    `;\n  }\n\n  /**\n   * Shows a message or queues it according to `queuePolicy`.\n   *\n   * @example\n   * snackbar.show({\n   *   message: 'Recipe saved',\n   *   actionLabel: 'Undo',\n   *   duration: 6000,\n   * });\n   */\n  show(message: string | RCSnackbarShowOptions): void {\n    const next = typeof message === 'string' ? { message } : message;\n\n    if (this.open) {\n      if (this.queuePolicy === 'replace') {\n        this._closeCurrent('replace', false);\n        this._showNow(next);\n      } else {\n        this._queue.push(next);\n      }\n\n      return;\n    }\n\n    this._showNow(next);\n  }\n\n  /** Closes the current snackbar. */\n  close(reason: RCSnackbarCloseReason = 'api'): void {\n    this._closeCurrent(reason, true);\n  }\n\n  /** Clears the current snackbar and all queued messages. */\n  clear(): void {\n    this._queue = [];\n    this._closeCurrent('clear', false);\n  }\n\n  private _showNow(next: RCSnackbarShowOptions): void {\n    const duration = next.duration ?? this.duration;\n\n    this._clearTimer();\n    this.message = next.message;\n    this.actionLabel = next.actionLabel ?? '';\n    this._lastMessage = next.message;\n    this.open = true;\n\n    if (duration > 0) {\n      this._timer = window.setTimeout(() => this._closeCurrent('timeout', true), duration);\n    }\n  }\n\n  private _closeCurrent(reason: RCSnackbarCloseReason, showNext: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    const message = this.message;\n\n    this._clearTimer();\n    this.open = false;\n    this.message = '';\n    this.actionLabel = '';\n\n    this.dispatchEvent(\n      new CustomEvent<RCSnackbarCloseDetail>('rc-snackbar-close', {\n        bubbles: true,\n        composed: true,\n        detail: { reason, message },\n      }),\n    );\n\n    if (showNext) {\n      const next = this._queue.shift();\n\n      if (next) {\n        queueMicrotask(() => this._showNow(next));\n      }\n    }\n  }\n\n  private _handleAction(): void {\n    if (!this.open) {\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent<RCSnackbarActionDetail>('rc-snackbar-action', {\n        bubbles: true,\n        composed: true,\n        detail: { message: this._lastMessage },\n      }),\n    );\n\n    this._closeCurrent('action', true);\n  }\n\n  private _clearTimer(): void {\n    window.clearTimeout(this._timer);\n    this._timer = undefined;\n  }\n}\n\nexport default RCSnackbar;\n"],"names":["snackbarStyles","css","_RCSnackbar","LitElement","value","oldValue","changed","html","message","next","reason","duration","showNext","RCSnackbar","__decorateClass","property"],"mappings":"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"}

package/dist/rc-snackbar-define.js

@@ -1,3 +1,3 @@
-import { R as a } from "./rc-snackbar-GsVuC2lu.js";
+import { R as a } from "./rc-snackbar-ByjvYQQg.js";
 customElements.get("rc-snackbar") || customElements.define("rc-snackbar", a);
 //# sourceMappingURL=rc-snackbar-define.js.map

package/dist/rc-snackbar.js

@@ -1,4 +1,4 @@
-import { R as o } from "./rc-snackbar-GsVuC2lu.js";
+import { R as o } from "./rc-snackbar-ByjvYQQg.js";
 export {
   o as RCSnackbar
 };

package/dist/types/packages/rc-snackbar/src/rc-snackbar.d.ts

@@ -36,6 +36,12 @@ export interface RCSnackbarCloseDetail {
 /**
  * Snackbar live-region host for brief status messages and optional actions.
  *
+ * Fades and slides in from the block-end edge it's anchored to through CSS
+ * alone (`@starting-style` plus a discrete `display` transition), using the
+ * shared `--rc-motion-effects-*`/`--rc-motion-spatial-*` tokens.
+ * `show()`/`close()` stay synchronous; nothing waits on the transition
+ * finishing.
+ *
  * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-snackbar rc-snackbar docs}
  *
  * @fires rc-snackbar-action - Fired when the action button is activated.
@@ -110,7 +116,7 @@ export declare class RCSnackbar extends LitElement {
     queuePolicy: RCSnackbarQueuePolicy;
     disconnectedCallback(): void;
     protected updated(changed: PropertyValues<this>): void;
-    protected render(): import('lit').TemplateResult<1>;
+    protected render(): import('lit-html').TemplateResult<1>;
     /**
      * Shows a message or queues it according to `queuePolicy`.
      *

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Snackbar live-region host for brief status messages and optional actions.",
   "repository": {
     "type": "git",

package/dist/rc-snackbar-GsVuC2lu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rc-snackbar-GsVuC2lu.js","sources":["../src/rc-snackbar.styles.ts","../src/rc-snackbar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const snackbarStyles = css`\n  :host {\n    position: fixed;\n    inset-inline: var(--rc-snackbar-inset-inline, 1rem);\n    inset-block-end: calc(\n      var(--rc-snackbar-inset-block-end, 1rem) + env(safe-area-inset-bottom, 0px)\n    );\n    z-index: var(--rc-snackbar-z-index, 1000);\n    display: none;\n    justify-content: center;\n    pointer-events: none;\n    color-scheme: inherit;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  :host([open]) {\n    display: flex;\n  }\n\n  [part='surface'] {\n    pointer-events: auto;\n    display: flex;\n    align-items: center;\n    gap: var(--rc-snackbar-gap, 0.5rem);\n    box-sizing: border-box;\n    min-block-size: var(--rc-snackbar-min-block-size, 3rem);\n    inline-size: min(100%, var(--rc-snackbar-max-inline-size, 30rem));\n    padding-block: var(--rc-snackbar-padding-block, 0.5rem);\n    padding-inline: var(--rc-snackbar-padding-inline, 1rem);\n    border: var(--rc-snackbar-border, 1px solid CanvasText);\n    border-radius: var(--rc-snackbar-radius, 0);\n    background: var(--rc-snackbar-bg, Canvas);\n    color: var(--rc-snackbar-color, CanvasText);\n    box-shadow: var(--rc-snackbar-shadow, none);\n  }\n\n  [part='message'] {\n    flex: 1 1 auto;\n  }\n\n  [part='action'] {\n    flex: 0 0 auto;\n    display: none;\n    border: var(--rc-snackbar-action-border, revert);\n    border-radius: var(--rc-snackbar-action-radius, revert);\n    padding-block: var(--rc-snackbar-action-padding-block, revert);\n    padding-inline: var(--rc-snackbar-action-padding-inline, revert);\n    background: var(--rc-snackbar-action-bg, revert);\n    color: var(--rc-snackbar-action-color, revert);\n    font: var(--rc-snackbar-action-font, revert);\n  }\n\n  :host([action-label]) [part='action'] {\n    display: inline-flex;\n  }\n\n  [part='action']:focus-visible {\n    outline: var(--rc-snackbar-focus-ring, revert);\n    outline-offset: var(--rc-snackbar-focus-ring-offset, revert);\n  }\n\n  @media (forced-colors: active) {\n    [part='surface'] {\n      border: 1px solid CanvasText;\n      background: CanvasText;\n      color: Canvas;\n    }\n\n    [part='action'] {\n      color: Highlight;\n    }\n  }\n`;\n\nexport default snackbarStyles;\n","import { LitElement, html } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport snackbarStyles from './rc-snackbar.styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-snackbar': RCSnackbar;\n  }\n\n  interface HTMLElementEventMap {\n    'rc-snackbar-action': CustomEvent<RCSnackbarActionDetail>;\n    'rc-snackbar-close': CustomEvent<RCSnackbarCloseDetail>;\n  }\n}\n\n/** Snackbar queue behavior when `show()` is called while open. */\nexport type RCSnackbarQueuePolicy = 'queue' | 'replace';\n\n/** Close reasons surfaced by `rc-snackbar-close`. */\nexport type RCSnackbarCloseReason = 'action' | 'api' | 'timeout' | 'replace' | 'clear';\n\n/** Options accepted by `show()`. */\nexport interface RCSnackbarShowOptions {\n  /** Message text to announce. */\n  message: string;\n  /** Optional action button label. */\n  actionLabel?: string;\n  /** Auto-close duration in milliseconds. */\n  duration?: number;\n}\n\n/** Detail payload for `rc-snackbar-action`. */\nexport interface RCSnackbarActionDetail {\n  /** Message that was visible when the action was activated. */\n  message: string;\n}\n\n/** Detail payload for `rc-snackbar-close`. */\nexport interface RCSnackbarCloseDetail {\n  /** Close reason. */\n  reason: RCSnackbarCloseReason;\n  /** Message that closed. */\n  message: string;\n}\n\n/**\n * Snackbar live-region host for brief status messages and optional actions.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-snackbar rc-snackbar docs}\n *\n * @fires rc-snackbar-action - Fired when the action button is activated.\n * @fires rc-snackbar-close - Fired after a visible snackbar closes.\n *\n * @csspart surface - Snackbar surface.\n * @csspart message - Message text.\n * @csspart action - Optional action button.\n *\n * @attr open - Whether a snackbar is currently visible. Host writes are silent.\n * @attr default-open - Initial visible state for uncontrolled usage.\n * @attr message - Visible snackbar message.\n * @attr action-label - Optional action button label.\n * @attr duration - Auto-close duration in milliseconds.\n * @attr queue-policy - `queue` appends while open; `replace` closes the current message.\n *\n * @cssprop [--rc-snackbar-inset-inline=1rem] - Inline-axis inset from the viewport edge.\n * @cssprop [--rc-snackbar-inset-block-end=1rem] - Block-end inset from the viewport edge, before\n *   the safe-area inset.\n * @cssprop [--rc-snackbar-z-index=1000] - Stacking order.\n * @cssprop [--rc-snackbar-gap=0.5rem] - Gap between the message and action.\n * @cssprop [--rc-snackbar-min-block-size=3rem] - Minimum surface block size.\n * @cssprop [--rc-snackbar-max-inline-size=30rem] - Maximum surface inline size.\n * @cssprop [--rc-snackbar-padding-block=0.5rem] - Surface block-axis padding.\n * @cssprop [--rc-snackbar-padding-inline=1rem] - Surface inline-axis padding.\n * @cssprop [--rc-snackbar-border=1px solid CanvasText] - Surface border.\n * @cssprop [--rc-snackbar-radius=0] - Surface border radius.\n * @cssprop [--rc-snackbar-bg=Canvas] - Surface background.\n * @cssprop [--rc-snackbar-color=CanvasText] - Surface text color.\n * @cssprop [--rc-snackbar-shadow=none] - Surface box shadow.\n * @cssprop [--rc-snackbar-action-border] - Action button border; defers to native button\n *   border when unset.\n * @cssprop [--rc-snackbar-action-radius] - Action button border radius; defers to native button\n *   radius when unset.\n * @cssprop [--rc-snackbar-action-padding-block] - Action button block-axis padding; defers to\n *   native button padding when unset.\n * @cssprop [--rc-snackbar-action-padding-inline] - Action button inline-axis padding; defers to\n *   native button padding when unset.\n * @cssprop [--rc-snackbar-action-bg] - Action button background; defers to native button\n *   background when unset.\n * @cssprop [--rc-snackbar-action-color] - Action button text color; defers to native button\n *   color when unset.\n * @cssprop [--rc-snackbar-action-font] - Action button font shorthand; defers to native button\n *   font when unset.\n * @cssprop [--rc-snackbar-focus-ring] - Action button focus outline; defers to native focus\n *   styling when unset.\n * @cssprop [--rc-snackbar-focus-ring-offset] - Action button focus outline offset; defers to\n *   native focus styling when unset.\n */\nexport class RCSnackbar extends LitElement {\n  static override styles = snackbarStyles;\n\n  private _queue: RCSnackbarShowOptions[] = [];\n  private _timer: number | undefined;\n  private _lastMessage = '';\n\n  private _open: boolean | undefined;\n  private _defaultOpen = false;\n  private _openInitialized = false;\n\n  /** Whether the snackbar is currently visible. Host writes are silent. */\n  @property({ type: Boolean, reflect: true })\n  get open(): boolean {\n    return this._open ?? this._defaultOpen;\n  }\n\n  set open(value: boolean | undefined) {\n    const oldValue = this.open;\n\n    this._open = value;\n    this._openInitialized = true;\n    this.requestUpdate('open', oldValue);\n  }\n\n  /** Initial visible state for uncontrolled usage, such as an already-queued\n   * message shown on first render. */\n  @property({ type: Boolean, attribute: 'default-open' })\n  get defaultOpen(): boolean {\n    return this._defaultOpen;\n  }\n\n  set defaultOpen(value: boolean) {\n    const oldValue = this._defaultOpen;\n\n    this._defaultOpen = value;\n\n    if (!this._openInitialized && this._open === undefined) {\n      this.requestUpdate('open', oldValue);\n    }\n\n    this.requestUpdate('defaultOpen', oldValue);\n  }\n\n  /** Visible message text. */\n  @property({ type: String, reflect: true })\n  message = '';\n\n  /** Optional action button label. */\n  @property({ type: String, attribute: 'action-label', reflect: true })\n  actionLabel = '';\n\n  /** Auto-close duration in milliseconds. Set to 0 to keep open. */\n  @property({ type: Number })\n  duration = 4000;\n\n  /** Queue behavior for show calls while open. */\n  @property({ type: String, attribute: 'queue-policy' })\n  queuePolicy: RCSnackbarQueuePolicy = 'queue';\n\n  override disconnectedCallback(): void {\n    this._clearTimer();\n    super.disconnectedCallback();\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    if (changed.has('open') && !this.open) {\n      this._clearTimer();\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"surface\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n        <span part=\"message\">${this.message}</span>\n        <button part=\"action\" type=\"button\" @click=${this._handleAction}>\n          ${this.actionLabel}\n        </button>\n      </div>\n    `;\n  }\n\n  /**\n   * Shows a message or queues it according to `queuePolicy`.\n   *\n   * @example\n   * snackbar.show({\n   *   message: 'Recipe saved',\n   *   actionLabel: 'Undo',\n   *   duration: 6000,\n   * });\n   */\n  show(message: string | RCSnackbarShowOptions): void {\n    const next = typeof message === 'string' ? { message } : message;\n\n    if (this.open) {\n      if (this.queuePolicy === 'replace') {\n        this._closeCurrent('replace', false);\n        this._showNow(next);\n      } else {\n        this._queue.push(next);\n      }\n\n      return;\n    }\n\n    this._showNow(next);\n  }\n\n  /** Closes the current snackbar. */\n  close(reason: RCSnackbarCloseReason = 'api'): void {\n    this._closeCurrent(reason, true);\n  }\n\n  /** Clears the current snackbar and all queued messages. */\n  clear(): void {\n    this._queue = [];\n    this._closeCurrent('clear', false);\n  }\n\n  private _showNow(next: RCSnackbarShowOptions): void {\n    const duration = next.duration ?? this.duration;\n\n    this._clearTimer();\n    this.message = next.message;\n    this.actionLabel = next.actionLabel ?? '';\n    this._lastMessage = next.message;\n    this.open = true;\n\n    if (duration > 0) {\n      this._timer = window.setTimeout(() => this._closeCurrent('timeout', true), duration);\n    }\n  }\n\n  private _closeCurrent(reason: RCSnackbarCloseReason, showNext: boolean): void {\n    if (!this.open) {\n      return;\n    }\n\n    const message = this.message;\n\n    this._clearTimer();\n    this.open = false;\n    this.message = '';\n    this.actionLabel = '';\n\n    this.dispatchEvent(\n      new CustomEvent<RCSnackbarCloseDetail>('rc-snackbar-close', {\n        bubbles: true,\n        composed: true,\n        detail: { reason, message },\n      }),\n    );\n\n    if (showNext) {\n      const next = this._queue.shift();\n\n      if (next) {\n        queueMicrotask(() => this._showNow(next));\n      }\n    }\n  }\n\n  private _handleAction(): void {\n    if (!this.open) {\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent<RCSnackbarActionDetail>('rc-snackbar-action', {\n        bubbles: true,\n        composed: true,\n        detail: { message: this._lastMessage },\n      }),\n    );\n\n    this._closeCurrent('action', true);\n  }\n\n  private _clearTimer(): void {\n    window.clearTimeout(this._timer);\n    this._timer = undefined;\n  }\n}\n\nexport default RCSnackbar;\n"],"names":["snackbarStyles","css","_RCSnackbar","LitElement","value","oldValue","changed","html","message","next","reason","duration","showNext","RCSnackbar","__decorateClass","property"],"mappings":";;AAEO,MAAMA,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACiGvB,MAAMC,IAAN,MAAMA,UAAmBC,EAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GAGL,KAAQ,SAAkC,CAAA,GAE1C,KAAQ,eAAe,IAGvB,KAAQ,eAAe,IACvB,KAAQ,mBAAmB,IAqC3B,KAAA,UAAU,IAIV,KAAA,cAAc,IAId,KAAA,WAAW,KAIX,KAAA,cAAqC;AAAA,EAAA;AAAA,EA7CrC,IAAI,OAAgB;AAClB,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AAAA,EAEA,IAAI,KAAKC,GAA4B;AACnC,UAAMC,IAAW,KAAK;AAEtB,SAAK,QAAQD,GACb,KAAK,mBAAmB,IACxB,KAAK,cAAc,QAAQC,CAAQ;AAAA,EACrC;AAAA,EAKA,IAAI,cAAuB;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,YAAYD,GAAgB;AAC9B,UAAMC,IAAW,KAAK;AAEtB,SAAK,eAAeD,GAEhB,CAAC,KAAK,oBAAoB,KAAK,UAAU,UAC3C,KAAK,cAAc,QAAQC,CAAQ,GAGrC,KAAK,cAAc,eAAeA,CAAQ;AAAA,EAC5C;AAAA,EAkBS,uBAA6B;AACpC,SAAK,YAAA,GACL,MAAM,qBAAA;AAAA,EACR;AAAA,EAEmB,QAAQC,GAAqC;AAC9D,IAAIA,EAAQ,IAAI,MAAM,KAAK,CAAC,KAAK,QAC/B,KAAK,YAAA;AAAA,EAET;AAAA,EAEmB,SAAS;AAC1B,WAAOC;AAAA;AAAA,+BAEoB,KAAK,OAAO;AAAA,qDACU,KAAK,aAAa;AAAA,YAC3D,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,EAI1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,KAAKC,GAA+C;AAClD,UAAMC,IAAO,OAAOD,KAAY,WAAW,EAAE,SAAAA,MAAYA;AAEzD,QAAI,KAAK,MAAM;AACb,MAAI,KAAK,gBAAgB,aACvB,KAAK,cAAc,WAAW,EAAK,GACnC,KAAK,SAASC,CAAI,KAElB,KAAK,OAAO,KAAKA,CAAI;AAGvB;AAAA,IACF;AAEA,SAAK,SAASA,CAAI;AAAA,EACpB;AAAA;AAAA,EAGA,MAAMC,IAAgC,OAAa;AACjD,SAAK,cAAcA,GAAQ,EAAI;AAAA,EACjC;AAAA;AAAA,EAGA,QAAc;AACZ,SAAK,SAAS,CAAA,GACd,KAAK,cAAc,SAAS,EAAK;AAAA,EACnC;AAAA,EAEQ,SAASD,GAAmC;AAClD,UAAME,IAAWF,EAAK,YAAY,KAAK;AAEvC,SAAK,YAAA,GACL,KAAK,UAAUA,EAAK,SACpB,KAAK,cAAcA,EAAK,eAAe,IACvC,KAAK,eAAeA,EAAK,SACzB,KAAK,OAAO,IAERE,IAAW,MACb,KAAK,SAAS,OAAO,WAAW,MAAM,KAAK,cAAc,WAAW,EAAI,GAAGA,CAAQ;AAAA,EAEvF;AAAA,EAEQ,cAAcD,GAA+BE,GAAyB;AAC5E,QAAI,CAAC,KAAK;AACR;AAGF,UAAMJ,IAAU,KAAK;AAerB,QAbA,KAAK,YAAA,GACL,KAAK,OAAO,IACZ,KAAK,UAAU,IACf,KAAK,cAAc,IAEnB,KAAK;AAAA,MACH,IAAI,YAAmC,qBAAqB;AAAA,QAC1D,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,QAAAE,GAAQ,SAAAF,EAAA;AAAA,MAAQ,CAC3B;AAAA,IAAA,GAGCI,GAAU;AACZ,YAAMH,IAAO,KAAK,OAAO,MAAA;AAEzB,MAAIA,KACF,eAAe,MAAM,KAAK,SAASA,CAAI,CAAC;AAAA,IAE5C;AAAA,EACF;AAAA,EAEQ,gBAAsB;AAC5B,IAAK,KAAK,SAIV,KAAK;AAAA,MACH,IAAI,YAAoC,sBAAsB;AAAA,QAC5D,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,EAAE,SAAS,KAAK,aAAA;AAAA,MAAa,CACtC;AAAA,IAAA,GAGH,KAAK,cAAc,UAAU,EAAI;AAAA,EACnC;AAAA,EAEQ,cAAoB;AAC1B,WAAO,aAAa,KAAK,MAAM,GAC/B,KAAK,SAAS;AAAA,EAChB;AACF;AAtLEP,EAAgB,SAASF;AADpB,IAAMa,IAANX;AAaDY,EAAA;AAAA,EADHC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BF,EAaP,WAAA,QAAA,CAAA;AAeAC,EAAA;AAAA,EADHC,EAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GA3B3CF,EA4BP,WAAA,eAAA,CAAA;AAkBJC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA7C9BF,EA8CX,WAAA,WAAA,CAAA;AAIAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB,SAAS,IAAM;AAAA,GAjDzDF,EAkDX,WAAA,eAAA,CAAA;AAIAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GArDfF,EAsDX,WAAA,YAAA,CAAA;AAIAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAzD1CF,EA0DX,WAAA,eAAA,CAAA;"}