@editora/ui-core 0.1.8 → 0.1.10

package/dist/toast.esm.js

@@ -0,0 +1,399 @@
+import { E as l } from "./ElementBase-909688f3.mjs";
+const u = 3200, c = 170, d = `
+  :host {
+    display: block;
+    color-scheme: light dark;
+    position: fixed;
+    z-index: 9999;
+    top: 20px;
+    right: 20px;
+    pointer-events: none;
+    width: min(360px, calc(100vw - 24px));
+
+    --ui-toast-gap: 10px;
+    --ui-toast-radius: 12px;
+    --ui-toast-padding-y: 10px;
+    --ui-toast-padding-x: 12px;
+    --ui-toast-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 72%, transparent);
+    --ui-toast-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-text, #0f172a) 8%);
+    --ui-toast-color: var(--ui-color-text, #0f172a);
+    --ui-toast-muted: var(--ui-color-muted, #64748b);
+    --ui-toast-shadow:
+      none;
+    --ui-toast-focus-ring: var(--ui-color-focus-ring, #2563eb);
+  }
+
+  :host([position="top-left"]) {
+    left: 20px;
+    right: auto;
+  }
+
+  :host([position="top-center"]) {
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
+  }
+
+  :host([position="bottom-left"]) {
+    top: auto;
+    bottom: 20px;
+    left: 20px;
+    right: auto;
+  }
+
+  :host([position="bottom-center"]) {
+    top: auto;
+    bottom: 20px;
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
+  }
+
+  :host([position="bottom-right"]) {
+    top: auto;
+    bottom: 20px;
+    right: 20px;
+  }
+
+  .toast-list {
+    display: grid;
+    gap: var(--ui-toast-gap);
+    width: 100%;
+  }
+
+  .toast {
+    pointer-events: auto;
+    position: relative;
+    display: grid;
+    gap: 3px;
+    border: 1px solid var(--ui-toast-border-color);
+    border-radius: var(--ui-toast-radius);
+    background: var(--ui-toast-bg);
+    color: var(--ui-toast-color);
+    box-shadow: var(--ui-toast-shadow);
+    min-height: 56px;
+    padding: var(--ui-toast-padding-y) var(--ui-toast-padding-x);
+    padding-inline-end: calc(var(--ui-toast-padding-x) + 26px);
+    font: 550 13px/1.4 "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    letter-spacing: 0.01em;
+    opacity: 0;
+    transform: translate3d(0, -8px, 0) scale(0.98);
+    transition: opacity 170ms ease, transform 170ms ease;
+    will-change: transform, opacity;
+    outline: none;
+  }
+
+  .toast.show {
+    opacity: 1;
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+
+  .toast.closing {
+    opacity: 0;
+    transform: translate3d(0, -6px, 0) scale(0.98);
+  }
+
+  .toast[data-tone="success"] {
+    --ui-toast-border-color: color-mix(in srgb, var(--ui-color-success, #16a34a) 38%, var(--ui-color-border, #cbd5e1));
+    --ui-toast-bg: color-mix(in srgb, var(--ui-color-success, #16a34a) 10%, var(--ui-color-surface, #ffffff));
+  }
+
+  .toast[data-tone="warning"] {
+    --ui-toast-border-color: color-mix(in srgb, var(--ui-color-warning, #d97706) 38%, var(--ui-color-border, #cbd5e1));
+    --ui-toast-bg: color-mix(in srgb, var(--ui-color-warning, #d97706) 10%, var(--ui-color-surface, #ffffff));
+  }
+
+  .toast[data-tone="error"] {
+    --ui-toast-border-color: color-mix(in srgb, var(--ui-color-danger, #dc2626) 40%, var(--ui-color-border, #cbd5e1));
+    --ui-toast-bg: color-mix(in srgb, var(--ui-color-danger, #dc2626) 12%, var(--ui-color-surface, #ffffff));
+  }
+
+  .toast[data-tone="loading"] {
+    --ui-toast-border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 36%, var(--ui-color-border, #cbd5e1));
+  }
+
+  .message {
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .meta {
+    color: var(--ui-toast-muted);
+    font-size: 11px;
+    line-height: 1.35;
+  }
+
+  .close {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    inline-size: 24px;
+    block-size: 24px;
+    border-radius: 8px;
+    border: none;
+    background: transparent;
+    color: var(--ui-toast-muted);
+    display: inline-grid;
+    place-items: center;
+    cursor: pointer;
+    transition: background-color 140ms ease, color 140ms ease;
+  }
+
+  .close:hover {
+    background: color-mix(in srgb, var(--ui-toast-color) 8%, transparent);
+    color: var(--ui-toast-color);
+  }
+
+  .close:focus-visible {
+    outline: 2px solid var(--ui-toast-focus-ring);
+    outline-offset: 1px;
+  }
+
+  :host([headless]) {
+    display: none;
+  }
+
+  @media (max-width: 560px) {
+    :host {
+      inset-inline: 12px;
+      top: 12px;
+      right: auto;
+      width: auto;
+      transform: none;
+    }
+
+    :host([position="bottom-left"]),
+    :host([position="bottom-center"]),
+    :host([position="bottom-right"]) {
+      top: auto;
+      bottom: 12px;
+      left: 12px;
+      right: 12px;
+      transform: none;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .toast,
+    .close {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .toast {
+      border-width: 2px;
+      box-shadow: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-toast-bg: Canvas;
+      --ui-toast-color: CanvasText;
+      --ui-toast-muted: CanvasText;
+      --ui-toast-border-color: CanvasText;
+      --ui-toast-shadow: none;
+      --ui-toast-focus-ring: Highlight;
+    }
+
+    .toast,
+    .close {
+      forced-color-adjust: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+      box-shadow: none;
+    }
+
+    .close {
+      border: 1px solid CanvasText;
+    }
+  }
+`;
+let h = 0;
+function p(a) {
+  return String(a).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function m(a) {
+  const t = String(a || "").toLowerCase();
+  return t === "success" || t === "warning" || t === "error" || t === "loading" || t === "neutral" ? t : "info";
+}
+function g(a) {
+  const t = Number(a);
+  return Number.isFinite(t) ? Math.max(0, Math.trunc(t)) : u;
+}
+function f(a) {
+  const t = String(a || "polite").toLowerCase();
+  return t === "off" || t === "assertive" ? t : "polite";
+}
+class b extends l {
+  constructor() {
+    super(), this._toasts = [], this._timerMap = /* @__PURE__ */ new Map(), this._exitMap = /* @__PURE__ */ new Map(), this._onRootClick = this._handleRootClick.bind(this), this._onRootMouseEnter = this._handleRootMouseEnter.bind(this), this._onRootMouseLeave = this._handleRootMouseLeave.bind(this), this._onRootFocusIn = this._handleRootFocusIn.bind(this), this._onRootFocusOut = this._handleRootFocusOut.bind(this);
+  }
+  static get observedAttributes() {
+    return ["headless", "position", "max-visible"];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("aria-live", "polite"), this.setAttribute("role", "region"), this.root.addEventListener("click", this._onRootClick), this.root.addEventListener("mouseenter", this._onRootMouseEnter, !0), this.root.addEventListener("mouseleave", this._onRootMouseLeave, !0), this.root.addEventListener("focusin", this._onRootFocusIn), this.root.addEventListener("focusout", this._onRootFocusOut);
+  }
+  disconnectedCallback() {
+    this.root.removeEventListener("click", this._onRootClick), this.root.removeEventListener("mouseenter", this._onRootMouseEnter, !0), this.root.removeEventListener("mouseleave", this._onRootMouseLeave, !0), this.root.removeEventListener("focusin", this._onRootFocusIn), this.root.removeEventListener("focusout", this._onRootFocusOut), this._clearAllTimers(), super.disconnectedCallback();
+  }
+  get headless() {
+    return this.hasAttribute("headless");
+  }
+  set headless(t) {
+    t ? this.setAttribute("headless", "") : this.removeAttribute("headless");
+  }
+  show(t, e = {}) {
+    const o = ++h, s = m(e.type), i = g(e.duration), r = f(e.ariaLive), n = {
+      id: o,
+      message: String(t ?? ""),
+      duration: i,
+      tone: s,
+      ariaLive: r,
+      createdAt: Date.now(),
+      closing: !1
+    };
+    return this._toasts.push(n), this._trimVisibleToasts(), this.requestRender(), this.dispatchEvent(new CustomEvent("show", { detail: { id: o, message: n.message, type: s }, bubbles: !0 })), this._scheduleAutoHide(o, i), o;
+  }
+  hide(t) {
+    const e = this._toasts.find((i) => i.id === t);
+    if (!e || e.closing)
+      return;
+    e.closing = !0, this._clearToastTimer(t), this.requestRender();
+    const o = this._exitMap.get(t);
+    o && clearTimeout(o);
+    const s = setTimeout(() => {
+      this._exitMap.delete(t);
+      const i = this._toasts.length;
+      this._toasts = this._toasts.filter((r) => r.id !== t), this._toasts.length !== i && (this.requestRender(), this.dispatchEvent(new CustomEvent("hide", { detail: { id: t }, bubbles: !0 })));
+    }, c);
+    this._exitMap.set(t, s);
+  }
+  _maxVisible() {
+    const t = Number(this.getAttribute("max-visible"));
+    return Number.isFinite(t) ? Math.max(1, Math.trunc(t)) : 5;
+  }
+  _trimVisibleToasts() {
+    const t = this._toasts.filter((s) => !s.closing), e = this._maxVisible();
+    if (t.length <= e)
+      return;
+    [...t].sort((s, i) => s.createdAt - i.createdAt).slice(0, t.length - e).forEach((s) => this.hide(s.id));
+  }
+  _scheduleAutoHide(t, e) {
+    if (this._clearToastTimer(t), e <= 0)
+      return;
+    const o = Date.now(), s = setTimeout(() => {
+      this._timerMap.delete(t), this.hide(t);
+    }, e);
+    this._timerMap.set(t, { timeout: s, startedAt: o, remaining: e, paused: !1 });
+  }
+  _pauseToast(t) {
+    const e = this._timerMap.get(t);
+    if (!e || e.paused)
+      return;
+    clearTimeout(e.timeout);
+    const o = Date.now() - e.startedAt;
+    e.remaining = Math.max(0, e.remaining - o), e.paused = !0, this._timerMap.set(t, e);
+  }
+  _resumeToast(t) {
+    const e = this._timerMap.get(t);
+    if (!e || !e.paused)
+      return;
+    const o = Math.max(0, e.remaining);
+    this._scheduleAutoHide(t, o);
+  }
+  _clearToastTimer(t) {
+    const e = this._timerMap.get(t);
+    e && (clearTimeout(e.timeout), this._timerMap.delete(t));
+    const o = this._exitMap.get(t);
+    o && (clearTimeout(o), this._exitMap.delete(t));
+  }
+  _clearAllTimers() {
+    for (const t of this._timerMap.values())
+      clearTimeout(t.timeout);
+    this._timerMap.clear();
+    for (const t of this._exitMap.values())
+      clearTimeout(t);
+    this._exitMap.clear();
+  }
+  _closestToastId(t) {
+    const e = t instanceof HTMLElement ? t : null, o = e == null ? void 0 : e.closest(".toast[data-toast-id]");
+    if (!o)
+      return null;
+    const s = Number(o.getAttribute("data-toast-id"));
+    return Number.isFinite(s) ? s : null;
+  }
+  _handleRootClick(t) {
+    const e = t.target;
+    if (!e)
+      return;
+    const o = e.closest("button.close[data-toast-id]");
+    if (!o)
+      return;
+    t.preventDefault();
+    const s = Number(o.getAttribute("data-toast-id"));
+    Number.isNaN(s) || this.hide(s);
+  }
+  _handleRootMouseEnter(t) {
+    const e = this._closestToastId(t.target);
+    e != null && this._pauseToast(e);
+  }
+  _handleRootMouseLeave(t) {
+    var i;
+    const e = this._closestToastId(t.target);
+    if (e == null)
+      return;
+    const o = (i = t.target) == null ? void 0 : i.closest(".toast[data-toast-id]"), s = t.relatedTarget;
+    s && (o != null && o.contains(s)) || this._resumeToast(e);
+  }
+  _handleRootFocusIn(t) {
+    const e = this._closestToastId(t.target);
+    e != null && this._pauseToast(e);
+  }
+  _handleRootFocusOut(t) {
+    var i;
+    const e = this._closestToastId(t.target);
+    if (e == null)
+      return;
+    const o = t.relatedTarget, s = (i = t.target) == null ? void 0 : i.closest(".toast[data-toast-id]");
+    o && (s != null && s.contains(o)) || this._resumeToast(e);
+  }
+  render() {
+    this.setContent(`
+      <style>${d}</style>
+      <div class="toast-list" aria-live="polite" part="list">
+        ${this._toasts.map((t) => {
+      const e = t.ariaLive === "assertive" || t.tone === "error" ? "alert" : "status", o = t.duration > 0 ? '<span class="meta" part="meta">Auto-dismiss</span>' : '<span class="meta" part="meta">Persistent</span>';
+      return `
+            <article
+              class="toast show${t.closing ? " closing" : ""}"
+              part="toast"
+              data-toast-id="${t.id}"
+              data-tone="${t.tone}"
+              role="${e}"
+              aria-live="${t.ariaLive}"
+              tabindex="0"
+            >
+              <span class="message" part="message">${p(t.message)}</span>
+              ${o}
+              <button class="close" part="close" data-toast-id="${t.id}" aria-label="Close notification" type="button">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </article>
+          `;
+    }).join("")}
+      </div>
+    `);
+  }
+  shouldRenderOnAttributeChange(t, e, o) {
+    return e === o ? !1 : t === "headless" || t === "position" || t === "max-visible";
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-toast") && customElements.define("ui-toast", b);
+export {
+  b as UIToast
+};

package/dist/toggle-group.cjs.js

@@ -0,0 +1,131 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("./ElementBase-1b301e7f.js"),d=require("./roving-focus-group-5c059bf9.js"),_=`
+  :host {
+    --ui-toggle-group-gap: 8px;
+    --ui-toggle-group-padding: 6px;
+    --ui-toggle-group-radius: 12px;
+    --ui-toggle-group-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-toggle-group-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
+    --ui-toggle-group-shadow:
+      none;
+
+    color-scheme: light dark;
+    display: inline-flex;
+    min-inline-size: 0;
+    box-sizing: border-box;
+    font-family: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .group {
+    min-inline-size: 0;
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--ui-toggle-group-gap);
+    padding: var(--ui-toggle-group-padding);
+    border: 1px solid var(--ui-toggle-group-border);
+    border-radius: var(--ui-toggle-group-radius);
+    background: var(--ui-toggle-group-bg);
+    box-shadow: var(--ui-toggle-group-shadow);
+  }
+
+  :host([orientation="vertical"]) .group {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  :host([variant="soft"]) {
+    --ui-toggle-group-bg: color-mix(in srgb, var(--ui-color-primary, #2563eb) 8%, var(--ui-color-surface, #ffffff));
+    --ui-toggle-group-border: color-mix(in srgb, var(--ui-color-primary, #2563eb) 24%, var(--ui-color-border, #cbd5e1));
+  }
+
+  :host([variant="minimal"]) .group {
+    border-color: transparent;
+    box-shadow: none;
+    background: transparent;
+    padding: 0;
+  }
+
+  :host([variant="contrast"]) {
+    --ui-toggle-group-bg: #0f172a;
+    --ui-toggle-group-border: #334155;
+    --ui-toggle-group-shadow:
+      0 10px 24px rgba(2, 6, 23, 0.42),
+      0 24px 50px rgba(2, 6, 23, 0.38);
+  }
+
+  :host([size="sm"]) {
+    --ui-toggle-group-gap: 6px;
+    --ui-toggle-group-padding: 4px;
+    --ui-toggle-group-radius: 10px;
+  }
+
+  :host([size="lg"]) {
+    --ui-toggle-group-gap: 10px;
+    --ui-toggle-group-padding: 8px;
+    --ui-toggle-group-radius: 14px;
+  }
+
+  :host([density="compact"]) {
+    --ui-toggle-group-gap: 5px;
+    --ui-toggle-group-padding: 4px;
+  }
+
+  :host([density="comfortable"]) {
+    --ui-toggle-group-gap: 10px;
+    --ui-toggle-group-padding: 8px;
+  }
+
+  :host([shape="square"]) {
+    --ui-toggle-group-radius: 4px;
+  }
+
+  :host([shape="pill"]) {
+    --ui-toggle-group-radius: 999px;
+  }
+
+  :host([elevation="none"]) {
+    --ui-toggle-group-shadow: none;
+  }
+
+  :host([disabled]) .group {
+    opacity: 0.6;
+  }
+
+  :host([headless]) .group {
+    display: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .group {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .group {
+      border-width: 2px;
+      box-shadow: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-toggle-group-bg: Canvas;
+      --ui-toggle-group-border: CanvasText;
+      --ui-toggle-group-shadow: none;
+    }
+  }
+`,x=new Set(["multiple","orientation","aria-label","required","disabled"]);function S(n){return String(n).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function w(n){try{return JSON.parse(n)}catch{return}}function I(n,t){if(!t)return n||"";if(!n)return[];const e=w(n);return Array.isArray(e)?Array.from(new Set(e.map(r=>String(r)).filter(Boolean))):n.includes(",")?Array.from(new Set(n.split(",").map(r=>r.trim()).filter(Boolean))):[n]}function m(n,t){return t?JSON.stringify(Array.isArray(n)?n:[String(n)]):String(n||"")}class A extends y.ElementBase{constructor(){super(),this._observer=null,this._isSyncing=!1,this._focusIndex=-1,this._onToggleEvent=this._onToggleEvent.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["value","multiple","disabled","headless","orientation","variant","size","density","shape","elevation","allow-empty","required","activation","aria-label"]}connectedCallback(){super.connectedCallback(),this.addEventListener("change",this._onToggleEvent),this.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(t=>{this._isSyncing||(t.forEach(e=>{e.type!=="childList"||e.removedNodes.length===0||e.removedNodes.forEach(r=>this._clearGroupFlagsFromNode(r))}),this._syncChildren())}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:["value","data-value","disabled","pressed","data-disabled"]}),this._syncChildren()}attributeChangedCallback(t,e,r){if(e!==r){if(x.has(t)){if(!this.root.querySelector(".group")){this.requestRender();return}this._syncGroupA11y()}this._syncChildren()}}disconnectedCallback(){this.removeEventListener("change",this._onToggleEvent),this.removeEventListener("keydown",this._onKeyDown),this._toggles().forEach(t=>this._clearGroupFlags(t)),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}get multiple(){return this.hasAttribute("multiple")}set multiple(t){t?this.setAttribute("multiple",""):this.removeAttribute("multiple")}get value(){return I(this.getAttribute("value"),this.multiple)}set value(t){const e=m(t,this.multiple);if(!this.multiple&&!e){this.hasAttribute("value")&&this.removeAttribute("value"),this._syncChildren();return}this.getAttribute("value")!==e&&this.setAttribute("value",e),this._syncChildren()}_toggles(){return Array.from(this.querySelectorAll("ui-toggle"))}_toggleValue(t,e){var r;return t.getAttribute("value")||t.getAttribute("data-value")||((r=t.textContent)==null?void 0:r.trim())||String(e)}_clearGroupFlags(t){var e;t.hasAttribute("data-group-item")&&t.removeAttribute("data-group-item"),t.hasAttribute("data-group-disabled")&&t.removeAttribute("data-group-disabled"),t.hasAttribute("role")&&t.removeAttribute("role"),t.hasAttribute("aria-checked")&&t.removeAttribute("aria-checked"),(e=t._syncAria)==null||e.call(t)}_clearGroupFlagsFromNode(t){if(!(t instanceof HTMLElement))return;t.matches("ui-toggle")&&this._clearGroupFlags(t),Array.from(t.querySelectorAll("ui-toggle")).forEach(r=>this._clearGroupFlags(r))}_selectedSet(){const t=this.value;return Array.isArray(t)?new Set(t.map(e=>String(e))):t?new Set([String(t)]):new Set}_setGroupValue(t,e=!0){const r=m(t,this.multiple),a=this.getAttribute("value")||"";if(!this.multiple&&!r&&!a||a===r){this._syncChildren();return}if(!this.multiple&&!r?this.removeAttribute("value"):this.setAttribute("value",r),this._syncChildren(),!e)return;const i={value:this.multiple?Array.isArray(t)?t:[String(t)]:String(t||""),values:this.multiple?Array.isArray(t)?t:[String(t)]:t?[String(t)]:[],multiple:this.multiple};this.dispatchEvent(new CustomEvent("input",{detail:i,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:i,bubbles:!0,composed:!0}))}_syncChildren(){const t=this._toggles(),e=this.hasAttribute("disabled"),r=this._selectedSet(),a=this.multiple,i=(u,s,l)=>{const f=u.hasAttribute(s);l&&!f&&u.setAttribute(s,""),!l&&f&&u.removeAttribute(s)},c=(u,s,l)=>{u.getAttribute(s)!==l&&u.setAttribute(s,l)};let h=-1,p=-1;this._isSyncing=!0;try{t.forEach((s,l)=>{const f=this._toggleValue(s,l),g=s.hasAttribute("data-disabled")||s.getAttribute("aria-disabled")==="true",o=e||g;i(s,"data-group-item",!0),o?(i(s,"disabled",!0),i(s,"data-group-disabled",e&&!g)):s.hasAttribute("data-group-disabled")&&(i(s,"disabled",!1),i(s,"data-group-disabled",!1));const b=r.has(f);i(s,"pressed",b),c(s,"role",a?"checkbox":"radio"),c(s,"aria-checked",b?"true":"false"),b&&p<0&&(p=l),!s.hasAttribute("disabled")&&h<0&&(h=l)});const u=d.resolveRovingFocusIndex(t,{activeIndex:this._focusIndex,selectedIndex:p>=0?p:h,getDisabled:s=>s.hasAttribute("disabled")});this._focusIndex=u,d.syncRovingTabStops(t,t[u]||null,{activeAttribute:null})}finally{this._isSyncing=!1}}_onToggleEvent(t){var p;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-toggle"||this.hasAttribute("disabled"))return;const a=this._toggles().indexOf(e);if(a<0)return;const i=this._toggleValue(e,a),c=((p=t.detail)==null?void 0:p.pressed)??e.hasAttribute("pressed");if(this._focusIndex=a,this.multiple){const u=this._selectedSet();c?u.add(i):u.delete(i),this._setGroupValue(Array.from(u),!0);return}const h=this.hasAttribute("allow-empty")&&!this.hasAttribute("required");if(c){this._setGroupValue(i,!0);return}if(h)this._setGroupValue("",!0);else{const u=String(this.value||"");this._setGroupValue(u||i,!1)}}_onKeyDown(t){var l,f;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-toggle")return;const r=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",a=this.getAttribute("activation")==="manual"?"manual":"auto",i=this._toggles().filter(g=>!g.hasAttribute("disabled"));if(i.length<2)return;const c=i.indexOf(e);if(c<0)return;const h=this._isHorizontalRtl(),p=g=>{var v;const o=d.moveRovingFocusIndex(i,c,g,{wrap:!0,fallbackIndex:d.resolveRovingFocusIndex(i,{activeIndex:c,getDisabled:()=>!1}),getDisabled:()=>!1});if(o<0)return;const b=i[o];this._focusIndex=this._toggles().indexOf(b),d.syncRovingTabStops(i,b,{activeAttribute:null}),d.focusRovingItem(b),a==="auto"&&((v=b.toggle)==null||v.call(b,!0))},u=r==="horizontal"&&(t.key==="ArrowRight"&&!h||t.key==="ArrowLeft"&&h)||r==="vertical"&&t.key==="ArrowDown",s=r==="horizontal"&&(t.key==="ArrowLeft"&&!h||t.key==="ArrowRight"&&h)||r==="vertical"&&t.key==="ArrowUp";if(u){t.preventDefault(),p(1);return}if(s){t.preventDefault(),p(-1);return}if(t.key==="Home"){t.preventDefault();const g=d.getRovingFocusBoundaryIndex(i,"first",()=>!1);if(g<0)return;const o=i[g];this._focusIndex=this._toggles().indexOf(o),d.syncRovingTabStops(i,o,{activeAttribute:null}),d.focusRovingItem(o),a==="auto"&&((l=o.toggle)==null||l.call(o,!0));return}if(t.key==="End"){t.preventDefault();const g=d.getRovingFocusBoundaryIndex(i,"last",()=>!1);if(g<0)return;const o=i[g];this._focusIndex=this._toggles().indexOf(o),d.syncRovingTabStops(i,o,{activeAttribute:null}),d.focusRovingItem(o),a==="auto"&&((f=o.toggle)==null||f.call(o,!0))}}render(){const t=this.multiple?"group":"radiogroup",e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",r=this.getAttribute("aria-label")||"Toggle group",a=this.hasAttribute("required"),i=this.hasAttribute("disabled");this.setContent(`
+      <style>${_}</style>
+      <div
+        class="group"
+        part="group"
+        role="${t}"
+        aria-label="${S(r)}"
+        aria-orientation="${e}"
+        aria-disabled="${i?"true":"false"}"
+        aria-required="${a?"true":"false"}"
+      >
+        <slot></slot>
+      </div>
+    `),this._syncChildren()}_syncGroupA11y(){const t=this.root.querySelector(".group");if(!t)return;const e=this.multiple?"group":"radiogroup",r=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",a=this.getAttribute("aria-label")||"Toggle group",i=this.hasAttribute("required"),c=this.hasAttribute("disabled");t.getAttribute("role")!==e&&t.setAttribute("role",e),t.getAttribute("aria-label")!==a&&t.setAttribute("aria-label",a),t.getAttribute("aria-orientation")!==r&&t.setAttribute("aria-orientation",r),t.setAttribute("aria-disabled",c?"true":"false"),t.setAttribute("aria-required",i?"true":"false")}_isHorizontalRtl(){if(this.getAttribute("orientation")==="vertical")return!1;const t=this.getAttribute("dir");return t?t.toLowerCase()==="rtl":typeof window>"u"?!1:window.getComputedStyle(this).direction==="rtl"}shouldRenderOnAttributeChange(t,e,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-toggle-group")&&customElements.define("ui-toggle-group",A);exports.UIToggleGroup=A;