@sula-tech/webcomponents 0.19.3 → 0.20.0

package/dist/webcomponents/p-t0X4JATS.js

@@ -0,0 +1,14 @@
+var n;
+
+(function(n) {
+  n["Neutral"] = "neutral";
+  n["Brand"] = "brand";
+  n["Info"] = "info";
+  n["Success"] = "success";
+  n["Warning"] = "warning";
+  n["Danger"] = "danger";
+})(n || (n = {}));
+
+export { n as S };
+//# sourceMappingURL=p-t0X4JATS.js.map
+//# sourceMappingURL=p-t0X4JATS.js.map

package/dist/webcomponents/p-t0X4JATS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-t0X4JATS.js","sources":["src/components/sula-toast/model/sula-toast.model.ts"],"sourcesContent":["export enum SulaToastType {\n  Neutral = 'neutral',\n  Brand = 'brand',\n  Info = 'info',\n  Success = 'success',\n  Warning = 'warning',\n  Danger = 'danger',\n}\n\nexport type SulaToastAnnouncement = 'polite' | 'assertive' | 'off';\nexport type SulaToastDismissReason = 'close' | 'timeout';\n\nexport interface SulaToastDismissEvent {\n  reason: SulaToastDismissReason;\n}\n\nexport interface SulaToastStackDismissEvent extends SulaToastDismissEvent {\n  id: string;\n}\n\nexport interface SulaToastStackActionEvent {\n  id: string;\n}\n\nexport interface SulaToastItem {\n  id: string;\n  title: string;\n  message?: string;\n  type?: SulaToastType;\n  icon?: string;\n  actionText?: string;\n  closable?: boolean;\n  duration?: number;\n  announcement?: SulaToastAnnouncement;\n  closeLabel?: string;\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPW,aAAa,KAAb,aAAa,GAOxB,EAAA,CAAA,CAAA;;;;"}

package/dist/webcomponents/sula-toast-stack.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sula-toast-stack.entry.esm.js","sources":["src/components/sula-toast-stack/sula-toast-stack.motion.ts","src/components/sula-toast-stack/sula-toast-stack.scss?tag=sula-toast-stack&encapsulation=shadow","src/components/sula-toast-stack/sula-toast-stack.tsx"],"sourcesContent":["const MOTION_DURATION = 260;\nconst MOTION_EASING = 'cubic-bezier(0.2, 0.8, 0.2, 1)';\n\ninterface CardLayout {\n  rect: DOMRect;\n  opacity: number;\n}\n\ninterface StackLayout {\n  height: number;\n  cards: Map<string, CardLayout>;\n}\n\nexport class SulaToastStackMotion {\n  private previous?: StackLayout;\n  private animations = new Set<Animation>();\n\n  capture(region: HTMLElement, list: HTMLElement) {\n    const cards = new Map<string, CardLayout>();\n    list.querySelectorAll<HTMLElement>('[data-toast-id]').forEach(element => {\n      const rect = element.getBoundingClientRect();\n      if (element.dataset.toastId && rect.width && rect.height) {\n        cards.set(element.dataset.toastId, { rect, opacity: Number(getComputedStyle(element).opacity) });\n      }\n    });\n\n    const previous = { height: region.getBoundingClientRect().height, cards };\n    this.cancelAnimations();\n    this.previous = previous;\n  }\n\n  play(region: HTMLElement, list: HTMLElement) {\n    const previous = this.previous;\n    this.previous = undefined;\n    if (!previous) return;\n\n    list.querySelectorAll<HTMLElement>('[data-toast-id]').forEach(element => {\n      const rect = element.getBoundingClientRect();\n      const transform = getComputedStyle(element).transform;\n      const restingTransform = transform === 'none' ? '' : transform;\n      const origin = previous.cards.get(element.dataset.toastId);\n      if (!rect.width || !rect.height) return;\n      if (!origin) return;\n\n      const deltaX = origin.rect.left - rect.left;\n      const deltaY = origin.rect.top - rect.top;\n      const scaleX = origin.rect.width / rect.width;\n      const scaleY = origin.rect.height / rect.height;\n      const moved = Math.abs(deltaX) > 0.5 || Math.abs(deltaY) > 0.5 || Math.abs(scaleX - 1) > 0.005 || Math.abs(scaleY - 1) > 0.005;\n      if (!moved && origin.opacity > 0.995) return;\n\n      this.animate(element, [\n        {\n          opacity: origin.opacity,\n          transformOrigin: 'top left',\n          transform: `translate(${deltaX}px, ${deltaY}px) ${restingTransform} scale(${scaleX}, ${scaleY})`,\n        },\n        { opacity: 1, transformOrigin: 'top left', transform },\n      ]);\n    });\n\n    const height = region.getBoundingClientRect().height;\n    if (previous.height !== height) this.animate(region, [{ height: `${previous.height}px` }, { height: `${height}px` }]);\n  }\n\n  cancel() {\n    this.previous = undefined;\n    this.cancelAnimations();\n  }\n\n  private animate(element: HTMLElement, frames: Keyframe[]) {\n    const animation = element.animate(frames, { duration: MOTION_DURATION, easing: MOTION_EASING });\n    this.animations.add(animation);\n    animation.onfinish = animation.oncancel = () => this.animations.delete(animation);\n  }\n\n  private cancelAnimations() {\n    this.animations.forEach(animation => animation.cancel());\n    this.animations.clear();\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n  max-width: 400px;\n  background-color: transparent;\n}\n\n.toast-region {\n  background-color: transparent;\n}\n\n.toast-list--collapsed {\n  padding-top: var(--toast-layer-offset);\n}\n\n.toast-layer--entering {\n  animation: sula-toast-stack-enter 200ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n@keyframes sula-toast-stack-enter {\n  from {\n    translate: 0 -8px;\n    scale: 0.98;\n  }\n\n  to {\n    translate: 0;\n    scale: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast-layer--entering {\n    animation: none;\n  }\n}\n\n.toast-layer.toast-layer--covered {\n  position: absolute;\n  top: var(--toast-layer-offset);\n  bottom: 0;\n  inset-inline: 0;\n  margin-inline: auto;\n  width: var(--toast-width);\n  transform: translateY(calc(var(--toast-depth) * -12px));\n  clip-path: inset(0 0 calc(100% - 12px) 0);\n  pointer-events: none;\n\n  sula-toast,\n  sula-toast::part(container) {\n    height: 100%;\n  }\n\n  sula-toast::part(container) {\n    overflow: hidden;\n    box-shadow: none;\n    isolation: auto;\n  }\n\n  sula-toast::part(icon),\n  sula-toast::part(content),\n  sula-toast::part(close-button) {\n    visibility: hidden;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { SulaToastDismissEvent, SulaToastItem, SulaToastStackActionEvent, SulaToastStackDismissEvent } from '../sula-toast/model/sula-toast.model';\nimport type { Announcement } from './model/sula-toast-stack.model';\nimport { SulaToastStackMotion } from './sula-toast-stack.motion';\n\nconst MAX_VISIBLE_LAYERS = 3;\nconst LAYER_OFFSET = 12;\nconst LAYER_WIDTH_STEP = 5;\n\n@Component({ tag: 'sula-toast-stack', styleUrl: 'sula-toast-stack.scss', shadow: true })\nexport class SulaToastStack {\n  @Element() hostElement: HTMLElement;\n\n  /** Notifications in chronological order, oldest first. Only the latest three are rendered. Replace the array to update it. IDs must be unique. */\n  @Prop() items: SulaToastItem[] = [];\n\n  /** Requests removal of the identified notification by the consumer. */\n  @Event() toastDismissRequested: EventEmitter<SulaToastStackDismissEvent>;\n\n  /** Requests the identified notification's action without removing it. */\n  @Event() toastAction: EventEmitter<SulaToastStackActionEvent>;\n\n  @State() hovering = false;\n  @State() focused = false;\n  @State() noHover = false;\n  @State() retainingPointerExpansion = false;\n  @State() announcements: Announcement[] = [];\n\n  private region?: HTMLElement;\n  private list?: HTMLElement;\n  private media?: MediaQueryList;\n  private announcementVersions = 0;\n  private announcementSignatures = new Map<string, string>();\n  private enteringIds = new Set<string>();\n  private focusTarget?: string;\n  private focusFrame?: number;\n  private keyboardInteraction = false;\n  private releaseFocusAfterRender = false;\n  private ready = false;\n  private connected = false;\n  private renderedExpanded?: boolean;\n  private motion = new SulaToastStackMotion();\n\n  private get expanded() {\n    return this.noHover || this.hovering || this.focused || this.retainingPointerExpansion;\n  }\n\n  private get visibleItems() {\n    return this.items.slice(-MAX_VISIBLE_LAYERS);\n  }\n\n  private get motionTargets() {\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    if (!this.ready || this.noHover || reduceMotion || !this.region?.animate || !this.list) return;\n    return { region: this.region, list: this.list };\n  }\n\n  connectedCallback() {\n    this.connected = true;\n    if (this.ready) this.connectListeners();\n  }\n\n  componentDidLoad() {\n    this.ready = true;\n    this.connectListeners();\n    Promise.resolve().then(() => {\n      if (this.connected) this.updateAnnouncements();\n    });\n  }\n\n  componentWillRender() {\n    if (this.renderedExpanded === this.expanded) return;\n    this.renderedExpanded = this.expanded;\n    const targets = this.motionTargets;\n    if (!targets) {\n      this.motion.cancel();\n      return;\n    }\n    this.motion.capture(targets.region, targets.list);\n  }\n\n  componentDidRender() {\n    this.restoreFocus();\n    this.releasePointerFocus();\n    if (this.region && this.list) this.motion.play(this.region, this.list);\n  }\n\n  disconnectedCallback() {\n    this.connected = false;\n    this.motion.cancel();\n    this.media?.removeEventListener('change', this.handleMediaChange);\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    if (this.focusFrame !== undefined) cancelAnimationFrame(this.focusFrame);\n    this.focusFrame = undefined;\n    this.keyboardInteraction = false;\n    this.retainingPointerExpansion = false;\n    this.hovering = false;\n    this.focused = false;\n  }\n\n  @Watch('items')\n  handleItemsChange(next: SulaToastItem[], previous: SulaToastItem[] = []) {\n    const targets = this.motionTargets;\n    if (targets) this.motion.capture(targets.region, targets.list);\n    else this.motion.cancel();\n    const active = this.hostElement.shadowRoot?.activeElement as HTMLElement | null;\n    const focusedId = active?.closest<HTMLElement>('[data-toast-id]')?.dataset.toastId;\n    const nextVisible = next.slice(-MAX_VISIBLE_LAYERS);\n    const previousVisibleIds = new Set(previous.slice(-MAX_VISIBLE_LAYERS).map(item => item.id));\n    this.enteringIds = this.ready ? new Set(nextVisible.filter(item => !previousVisibleIds.has(item.id)).map(item => item.id)) : new Set();\n    if (focusedId !== undefined && !nextVisible.some(item => item.id === focusedId)) {\n      if (this.keyboardInteraction) {\n        const visibleIds = new Set(nextVisible.map(item => item.id));\n        const index = previous.findIndex(item => item.id === focusedId);\n        const following = previous.slice(index + 1).find(item => visibleIds.has(item.id));\n        const preceding = previous\n          .slice(0, index)\n          .reverse()\n          .find(item => visibleIds.has(item.id));\n        this.focusTarget = following?.id ?? preceding?.id ?? nextVisible[0]?.id ?? '';\n      } else {\n        this.focusTarget = undefined;\n        this.releaseFocusAfterRender = true;\n        if (nextVisible.length && !this.noHover) {\n          this.retainingPointerExpansion = true;\n          window.addEventListener('pointermove', this.handlePointerMove, { once: true });\n        }\n        this.focused = false;\n      }\n    }\n    if (this.ready) this.updateAnnouncements();\n  }\n\n  private updateAnnouncements() {\n    const records: Announcement[] = [];\n    const signatures = new Map<string, string>();\n    for (const item of this.visibleItems) {\n      const priority = item.announcement || 'polite';\n      const text = [item.title, item.message].filter(Boolean).join('. ');\n      const signature = JSON.stringify([text, priority]);\n      signatures.set(item.id, signature);\n      if (priority === 'off' || !text) continue;\n      const previous = this.announcements.find(record => record.id === item.id);\n      records.push(\n        this.announcementSignatures.get(item.id) === signature && previous\n          ? previous\n          : {\n              id: item.id,\n              text,\n              priority,\n              version: ++this.announcementVersions,\n            },\n      );\n    }\n    this.announcementSignatures = signatures;\n    this.announcements = records;\n  }\n\n  private connectListeners() {\n    this.media = window.matchMedia?.('(hover: none)');\n    this.noHover = this.media?.matches ?? false;\n    this.media?.addEventListener('change', this.handleMediaChange);\n  }\n\n  private handleMediaChange = (event: MediaQueryListEvent) => {\n    this.noHover = event.matches;\n    this.hovering = false;\n    this.stopRetainingPointerExpansion();\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    const bounds = this.region?.getBoundingClientRect();\n    this.hovering = !!bounds && event.clientX >= bounds.left && event.clientX <= bounds.right && event.clientY >= bounds.top && event.clientY <= bounds.bottom;\n    this.stopRetainingPointerExpansion();\n  };\n\n  private stopRetainingPointerExpansion() {\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    this.retainingPointerExpansion = false;\n  }\n\n  private restoreFocus() {\n    if (this.focusTarget === undefined) return;\n    const targetId = this.focusTarget;\n    this.focusTarget = undefined;\n    const target = Array.from(this.list?.querySelectorAll<HTMLElement>('[data-toast-id]') || []).find(element => element.dataset.toastId === targetId);\n    (target || this.region)?.focus();\n  }\n\n  private releasePointerFocus() {\n    if (!this.releaseFocusAfterRender) return;\n    this.releaseFocusAfterRender = false;\n    let active = this.hostElement.shadowRoot?.activeElement as HTMLElement | null;\n    while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement as HTMLElement;\n    active?.blur();\n    this.focused = false;\n  }\n\n  private handleFocusOut = () => {\n    if (this.focusFrame !== undefined) cancelAnimationFrame(this.focusFrame);\n    this.focusFrame = requestAnimationFrame(() => {\n      this.focusFrame = undefined;\n      this.focused = !!this.hostElement.shadowRoot?.activeElement;\n    });\n  };\n\n  private dismiss = (event: CustomEvent<SulaToastDismissEvent>, id: string) => {\n    event.stopPropagation();\n    this.toastDismissRequested.emit({ id, reason: event.detail.reason });\n  };\n\n  private action = (event: CustomEvent<void>, id: string) => {\n    event.stopPropagation();\n    this.toastAction.emit({ id });\n  };\n\n  render() {\n    const expanded = this.expanded;\n    const visibleItems = this.visibleItems;\n    return (\n      <Host>\n        <section\n          ref={el => (this.region = el)}\n          role=\"region\"\n          aria-label=\"Notificações\"\n          tabIndex={0}\n          class=\"toast-region w-full rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2\"\n          onMouseEnter={() => {\n            if (!this.noHover) this.hovering = true;\n          }}\n          onMouseLeave={() => (this.hovering = false)}\n          onPointerDown={() => {\n            this.keyboardInteraction = false;\n            this.stopRetainingPointerExpansion();\n          }}\n          onKeyDown={() => {\n            this.keyboardInteraction = true;\n            this.stopRetainingPointerExpansion();\n          }}\n          onFocusin={() => (this.focused = true)}\n          onFocusout={this.handleFocusOut}\n        >\n          <div\n            ref={el => (this.list = el)}\n            class={{ 'toast-list relative flex flex-col gap-12': true, 'toast-list--collapsed': !expanded }}\n            style={{\n              '--toast-layer-offset': `${Math.max(0, visibleItems.length - 1) * LAYER_OFFSET}px`,\n            }}\n          >\n            {visibleItems.map((item, index) => {\n              const depth = visibleItems.length - 1 - index;\n              const covered = !expanded && depth > 0;\n              return (\n                <div\n                  key={item.id}\n                  data-toast-id={item.id}\n                  tabIndex={-1}\n                  aria-hidden={covered ? 'true' : undefined}\n                  inert={covered}\n                  class={{\n                    'toast-layer relative w-full min-w-0 shrink-0': true,\n                    'toast-layer--covered': covered,\n                    'toast-layer--entering': this.enteringIds.has(item.id),\n                  }}\n                  style={{\n                    '--toast-depth': String(depth),\n                    '--toast-width': `${100 - Math.min(depth, MAX_VISIBLE_LAYERS - 1) * LAYER_WIDTH_STEP}%`,\n                  }}\n                >\n                  <sula-toast\n                    toastTitle={item.title}\n                    message={item.message ?? ''}\n                    type={item.type}\n                    icon={item.icon}\n                    actionText={item.actionText ?? ''}\n                    closable={item.closable ?? true}\n                    duration={item.duration}\n                    closeLabel={item.closeLabel ?? 'Fechar notificação'}\n                    paused={covered || this.hovering || this.focused || this.retainingPointerExpansion}\n                    announcement=\"off\"\n                    animated={depth === 0}\n                    onToastDismissRequested={event => this.dismiss(event, item.id)}\n                    onToastAction={event => this.action(event, item.id)}\n                  />\n                </div>\n              );\n            })}\n          </div>\n        </section>\n        <div class=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n          {this.announcements\n            .filter(record => record.priority === 'polite')\n            .map(record => (\n              <p key={record.version}>{record.text}</p>\n            ))}\n        </div>\n        <div class=\"sr-only\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n          {this.announcements\n            .filter(record => record.priority === 'assertive')\n            .map(record => (\n              <p key={record.version}>{record.text}</p>\n            ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/sula-toast.entry.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sula-toast.entry.esm.js","sources":["src/components/sula-toast/sula-toast.scss?tag=sula-toast&encapsulation=shadow","src/components/sula-toast/sula-toast.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  max-width: 400px;\n}\n\n.toast-copy {\n  overflow-wrap: anywhere;\n}\n\n.toast-title {\n  display: block;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toast-message {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 4;\n  line-clamp: 4;\n}\n\n.toast-action {\n  display: block;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toast-surface {\n  max-width: 400px;\n  box-shadow: 0 12px 48px rgba(25, 29, 29, 0.2);\n  -webkit-backdrop-filter: blur(20px);\n  backdrop-filter: blur(20px);\n}\n\n.toast-surface--animated {\n  animation:\n    sula-toast-fade-in 280ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    sula-toast-border-settle 720ms step-end;\n}\n\n.toast-border {\n  position: absolute;\n  inset: -1px;\n  width: calc(100% + 2px);\n  height: calc(100% + 2px);\n  overflow: visible;\n  pointer-events: none;\n}\n\n.toast-surface--animated .toast-border {\n  animation: sula-toast-border-overlay 720ms step-end;\n}\n\n.toast-border__path {\n  x: 0.5px;\n  y: 0.5px;\n  width: calc(100% - 1px);\n  height: calc(100% - 1px);\n  rx: 12px;\n  fill: none;\n  stroke: var(--toast-border-color);\n  stroke-width: 1px;\n  stroke-linecap: round;\n  stroke-dasharray: 1;\n  stroke-dashoffset: 1;\n  vector-effect: non-scaling-stroke;\n}\n\n.toast-surface--animated .toast-border__path {\n  animation: sula-toast-border-trace 720ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes sula-toast-fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes sula-toast-border-settle {\n  from {\n    border-color: transparent;\n  }\n\n  to {\n    border-color: var(--toast-border-color);\n  }\n}\n\n@keyframes sula-toast-border-overlay {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes sula-toast-border-trace {\n  from {\n    stroke-dashoffset: 1;\n  }\n\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@supports not ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) {\n  .toast-surface.bg-opacity-toast {\n    background-color: var(--color-surface-body);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast-surface--animated {\n    animation: none;\n  }\n\n  .toast-surface--animated .toast-border {\n    display: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { SulaToastAnnouncement, SulaToastDismissEvent, SulaToastType } from './model/sula-toast.model';\n\nconst DEFAULT_DURATION = 5000;\nconst FOCUS_RING_CLASSES = 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2';\n\nconst TOAST_INTENTS: Record<SulaToastType, { border: string; borderColor: string; color: string; background: string }> = {\n  [SulaToastType.Neutral]: {\n    border: 'border-line-general',\n    borderColor: 'var(--color-line-general)',\n    color: 'text-icon-primary',\n    background: 'bg-surface-on-body',\n  },\n  [SulaToastType.Brand]: {\n    border: 'border-brand-primary',\n    borderColor: 'var(--color-brand-primary)',\n    color: 'text-brand-primary',\n    background: 'bg-surface-on-body-brand',\n  },\n  [SulaToastType.Info]: {\n    border: 'border-feedback-informational',\n    borderColor: 'var(--color-feedback-informational)',\n    color: 'text-feedback-informational',\n    background: 'bg-surface-on-body-feedback-info',\n  },\n  [SulaToastType.Success]: {\n    border: 'border-feedback-success',\n    borderColor: 'var(--color-feedback-success)',\n    color: 'text-feedback-success',\n    background: 'bg-surface-on-body-feedback-success',\n  },\n  [SulaToastType.Warning]: {\n    border: 'border-feedback-alert',\n    borderColor: 'var(--color-feedback-alert)',\n    color: 'text-feedback-alert',\n    background: 'bg-surface-on-body-feedback-alert',\n  },\n  [SulaToastType.Danger]: {\n    border: 'border-feedback-error',\n    borderColor: 'var(--color-feedback-error)',\n    color: 'text-feedback-error',\n    background: 'bg-surface-on-body-feedback-error',\n  },\n};\n\n/**\n * A controlled notification. The consumer removes it after toastDismissRequested.\n * @part container - Notification surface.\n * @part icon - Decorative intent icon.\n * @part content - Title, description and action.\n * @part close-button - Dismiss button.\n */\n@Component({ tag: 'sula-toast', styleUrl: 'sula-toast.scss', shadow: true })\nexport class SulaToast {\n  @Element() hostElement: HTMLElement;\n\n  /** Notification title. */\n  @Prop() toastTitle = '';\n\n  /** Optional notification description, displayed on up to four lines. */\n  @Prop() message = '';\n\n  /** Visual intent, independent of announcement urgency. */\n  @Prop() type: SulaToastType = SulaToastType.Neutral;\n\n  /** Optional full Phosphor class name. No icon is displayed when omitted or empty. */\n  @Prop() icon?: string;\n\n  /** Optional single-line action label. The consumer implements the action. */\n  @Prop() actionText = '';\n\n  /** Whether to display the dismiss button. */\n  @Prop() closable = true;\n\n  /** Milliseconds before requesting dismissal. Zero persists; omitted means 5000 without an action and persistent with an action. */\n  @Prop() duration?: number;\n\n  /** Externally pause the remaining timeout, for example while covered by a stack. */\n  @Prop() paused = false;\n\n  /** Whether to play the entrance animations (fade-in and border trace). Disable when a parent already controls the animation, for example toasts covered in a stack. */\n  @Prop() animated = true;\n\n  /** Screen reader announcement priority. Use off when a parent owns announcements. */\n  @Prop() announcement: SulaToastAnnouncement = 'polite';\n\n  /** Accessible dismiss button label. */\n  @Prop() closeLabel = 'Fechar notificação';\n\n  /** Requests removal by the consumer. Does not remove or hide the element. */\n  @Event() toastDismissRequested: EventEmitter<SulaToastDismissEvent>;\n  /** Requests the configured action without dismissing the notification. */\n  @Event() toastAction: EventEmitter<void>;\n\n  @State() announcedText = '';\n  private timer?: ReturnType<typeof setTimeout>;\n  private observer?: IntersectionObserver;\n  private remaining = 0;\n  private startedAt = 0;\n  private timedOut = false;\n  private timeoutEnabled = false;\n  private hovering = false;\n  private focused = false;\n  private visible = false;\n  private ready = false;\n  private connected = false;\n\n  connectedCallback() {\n    this.connected = true;\n    if (this.ready) this.observeVisibility();\n  }\n\n  componentDidLoad() {\n    this.ready = true;\n    this.resetTimeout();\n    Promise.resolve().then(() => {\n      if (this.connected) this.updateAnnouncement();\n    });\n    this.observeVisibility();\n  }\n\n  disconnectedCallback() {\n    this.connected = false;\n    this.stopTimeout();\n    this.observer?.disconnect();\n    this.hovering = false;\n    this.focused = false;\n  }\n\n  @Watch('toastTitle')\n  @Watch('message')\n  @Watch('actionText')\n  @Watch('duration')\n  handleContentChange() {\n    this.resetTimeout();\n    this.updateAnnouncement();\n  }\n\n  @Watch('announcement')\n  updateAnnouncement() {\n    this.announcedText = this.announcement === 'off' ? '' : [this.toastTitle, this.message].filter(Boolean).join('. ');\n  }\n\n  @Watch('paused')\n  @Listen('visibilitychange', { target: 'document' })\n  updateTimeout() {\n    const blocked = !this.connected || !this.ready || !this.visible || this.paused || this.hovering || this.focused || document.visibilityState === 'hidden';\n    if (blocked) {\n      this.stopTimeout();\n    } else if (this.timer === undefined && this.timeoutEnabled && !this.timedOut) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(() => {\n        this.timer = undefined;\n        this.remaining = 0;\n        this.timedOut = true;\n        this.toastDismissRequested.emit({ reason: 'timeout' });\n      }, this.remaining);\n    }\n  }\n\n  private resetTimeout() {\n    this.stopTimeout();\n    this.remaining = this.resolveDuration();\n    this.timeoutEnabled = this.remaining > 0;\n    this.timedOut = false;\n    this.updateTimeout();\n  }\n\n  private resolveDuration() {\n    if (typeof this.duration === 'number' && Number.isFinite(this.duration) && this.duration >= 0) return this.duration;\n    return this.actionText ? 0 : DEFAULT_DURATION;\n  }\n\n  private stopTimeout() {\n    if (this.timer !== undefined) {\n      clearTimeout(this.timer);\n      this.timer = undefined;\n      this.remaining = Math.max(0, this.remaining - (Date.now() - this.startedAt));\n    }\n  }\n\n  private observeVisibility() {\n    this.observer?.disconnect();\n    if (typeof IntersectionObserver === 'undefined') {\n      this.visible = true;\n      this.updateTimeout();\n      return;\n    }\n    this.visible = false;\n    this.observer = new IntersectionObserver(entries => {\n      this.visible = entries.some(entry => entry.isIntersecting && entry.intersectionRatio > 0);\n      this.updateTimeout();\n    });\n    this.observer.observe(this.hostElement);\n  }\n\n  private setHover(value: boolean) {\n    this.hovering = value && !(window.matchMedia?.('(hover: none)').matches ?? false);\n    this.updateTimeout();\n  }\n\n  private handleFocusOut = (event: FocusEvent) => {\n    const target = event.relatedTarget as Node | null;\n    this.focused = !!target && (this.hostElement.contains(target) || this.hostElement.shadowRoot.contains(target));\n    this.updateTimeout();\n  };\n\n  private get intent() {\n    return TOAST_INTENTS[this.type] || TOAST_INTENTS[SulaToastType.Neutral];\n  }\n\n  render() {\n    const intent = this.intent;\n    return (\n      <Host\n        onMouseEnter={() => this.setHover(true)}\n        onMouseLeave={() => this.setHover(false)}\n        onFocusin={() => {\n          this.focused = true;\n          this.updateTimeout();\n        }}\n        onFocusout={this.handleFocusOut}\n      >\n        <div\n          part=\"container\"\n          class={`toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${intent.border} ${this.animated ? 'toast-surface--animated' : ''}`}\n          style={{ '--toast-border-color': intent.borderColor }}\n        >\n          {this.icon && (\n            <div part=\"icon\" aria-hidden=\"true\" class={`flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${intent.background}`}>\n              <sula-icon icon={this.icon} customClass={`text-2xl ${intent.color}`} class=\"flex leading-none\" />\n            </div>\n          )}\n          <div part=\"content\" class={`flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? 'pr-48' : ''}`}>\n            <div class=\"flex flex-col gap-4\">\n              {this.toastTitle && (\n                <p class=\"toast-copy toast-title text-label-medium-bold text-text-primary\" title={this.toastTitle}>\n                  {this.toastTitle}\n                </p>\n              )}\n              {this.message && (\n                <p class=\"toast-copy toast-message text-label-medium-regular text-text-secondary\" title={this.message}>\n                  {this.message}\n                </p>\n              )}\n            </div>\n            {this.actionText && (\n              <button\n                type=\"button\"\n                class={`toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${FOCUS_RING_CLASSES}`}\n                title={this.actionText}\n                onClick={() => this.toastAction.emit()}\n              >\n                {this.actionText}\n              </button>\n            )}\n          </div>\n          {this.closable && (\n            <button\n              part=\"close-button\"\n              type=\"button\"\n              aria-label={this.closeLabel}\n              class={`absolute top-16 right-16 flex items-center justify-center w-24 h-24 rounded ${intent.color} ${FOCUS_RING_CLASSES}`}\n              onClick={() => this.toastDismissRequested.emit({ reason: 'close' })}\n            >\n              <sula-icon aria-hidden=\"true\" icon=\"ph ph-x\" customClass=\"text-2xl\" class=\"flex leading-none\" />\n            </button>\n          )}\n          <svg class=\"toast-border\" aria-hidden=\"true\" focusable=\"false\">\n            <rect class=\"toast-border__path\" pathLength=\"1\" />\n          </svg>\n        </div>\n        <div class=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {this.announcement === 'polite' ? this.announcedText : ''}\n        </div>\n        <div class=\"sr-only\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\">\n          {this.announcement === 'assertive' ? this.announcedText : ''}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/webcomponents.esm.js

@@ -1,21 +1,21 @@
-import { p as e, g as t, b as l } from "./p-lrQT_q8m.js";
+import { p as e, g as t, b as a } from "./p-BL15Tt3m.js";
 
-export { s as setNonce } from "./p-lrQT_q8m.js";
+export { s as setNonce } from "./p-BL15Tt3m.js";
 
 /*
  Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
  */ var patchBrowser = () => {
   const t = import.meta.url;
-  const l = {};
+  const a = {};
   if (t !== "") {
-    l.resourcesUrl = new URL(".", t).href;
+    a.resourcesUrl = new URL(".", t).href;
   }
-  return e(l);
+  return e(a);
 };
 
 patchBrowser().then((async e => {
   await t();
-  return l([ [ "p-95ca03c9", [ [ 1, "sula-icon-picker", {
+  return a([ [ "p-fcc1a28c", [ [ 1, "sula-icon-picker", {
     label: [ 1025 ],
     required: [ 1028 ],
     disabled: [ 1028 ],
@@ -237,6 +237,35 @@ patchBrowser().then((async e => {
   } ], [ 0, "sula-icon", {
     icon: [ 1 ],
     customClass: [ 1, "custom-class" ]
+  } ] ] ], [ "p-170854a5", [ [ 1, "sula-toast", {
+    toastTitle: [ 1, "toast-title" ],
+    message: [ 1 ],
+    type: [ 1 ],
+    icon: [ 1 ],
+    actionText: [ 1, "action-text" ],
+    closable: [ 4 ],
+    duration: [ 2 ],
+    paused: [ 4 ],
+    animated: [ 4 ],
+    announcement: [ 1 ],
+    closeLabel: [ 1, "close-label" ],
+    announcedText: [ 32 ]
+  }, [ [ 4, "visibilitychange", "updateTimeout" ] ], {
+    toastTitle: [ "handleContentChange" ],
+    message: [ "handleContentChange" ],
+    actionText: [ "handleContentChange" ],
+    duration: [ "handleContentChange" ],
+    announcement: [ "updateAnnouncement" ],
+    paused: [ "updateTimeout" ]
+  } ] ] ], [ "p-c58125e1", [ [ 1, "sula-toast-stack", {
+    items: [ 16 ],
+    hovering: [ 32 ],
+    focused: [ 32 ],
+    noHover: [ 32 ],
+    retainingPointerExpansion: [ 32 ],
+    announcements: [ 32 ]
+  }, null, {
+    items: [ "handleItemsChange" ]
   } ] ] ] ], e);
 }));
 //# sourceMappingURL=webcomponents.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sula-tech/webcomponents",
-  "version": "0.19.3",
+  "version": "0.20.0",
   "description": "A web component library built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -54,7 +54,7 @@
     "@stencil/playwright": "^0.2.1",
     "@stencil/sass": "^3.0.12",
     "@sula-tech/design-tokens": "^2.1.0",
-    "@sula-tech/tailwind-css-plugin": "^3.2.0",
+    "@sula-tech/tailwind-css-plugin": "^3.3.0",
     "lottie-web": "^5.13.0",
     "vanilla-masker": "^1.2.0"
   },