@editora/ui-core 0.1.9 → 0.1.12

package/dist/listbox-308789a0.mjs

@@ -0,0 +1,210 @@
+import { f as E, a as D, c as M, d as q } from "./collection-a1aac0c6.mjs";
+import { UICollection as A } from "./collection.esm.js";
+function L(s) {
+  return !!(s && typeof s == "object" && "disabled" in s && s.disabled);
+}
+function R(s, e, t = L) {
+  return e === "first" ? E(s, t) : D(s, t);
+}
+function H(s, e = {}) {
+  const t = e.getDisabled || L, n = e.activeIndex ?? -1, l = e.selectedIndex ?? -1;
+  return n >= 0 && n < s.length && !t(s[n]) ? n : l >= 0 && l < s.length && !t(s[l]) ? l : E(s, t);
+}
+function W(s, e, t, n = {}) {
+  const l = typeof n.fallbackIndex == "number" ? n.fallbackIndex : e;
+  return M(s, e >= 0 ? e : l, t, n);
+}
+function N(s, e, t = {}) {
+  return q(s, e, t);
+}
+function X(s, e = { block: "nearest", inline: "nearest" }) {
+  if (!s)
+    return;
+  const t = s.ownerDocument, n = t == null ? void 0 : t.defaultView;
+  if (!t || !n)
+    return;
+  const l = (a, r) => {
+    const o = n.getComputedStyle(a), u = r === "y" ? o.overflowY || o.overflow : o.overflowX || o.overflow;
+    return /(auto|scroll|overlay)/.test(u);
+  };
+  let i = s.parentElement;
+  for (; i; ) {
+    const a = l(i, "y") && i.scrollHeight > i.clientHeight;
+    if (l(i, "x") && i.scrollWidth > i.clientWidth || a)
+      break;
+    i = i.parentElement;
+  }
+  if (!i)
+    return;
+  const c = s.getBoundingClientRect(), b = i.getBoundingClientRect(), d = c.top - b.top + i.scrollTop, f = d + c.height, x = c.left - b.left + i.scrollLeft, w = x + c.width, v = (a, r, o, u, _) => {
+    const m = _ || "nearest", p = o - r;
+    return m === "start" ? r : m === "end" ? o - u : m === "center" ? r - (u - p) / 2 : p >= u || r < a ? r : o > a + u ? o - u : a;
+  }, C = v(i.scrollTop, d, f, i.clientHeight, e.block), T = v(i.scrollLeft, x, w, i.clientWidth, e.inline), S = Math.max(0, i.scrollHeight - i.clientHeight), B = Math.max(0, i.scrollWidth - i.clientWidth), g = Math.max(0, Math.min(S, C)), I = Math.max(0, Math.min(B, T));
+  Math.abs(i.scrollTop - g) > 0.5 && (i.scrollTop = g), Math.abs(i.scrollLeft - I) > 0.5 && (i.scrollLeft = I);
+}
+function z(s, e) {
+  s && (e ? s.setAttribute("aria-activedescendant", e) : s.removeAttribute("aria-activedescendant"));
+}
+const h = "data-ui-listbox-base-style", y = `
+  ui-listbox {
+    display: block;
+    min-inline-size: 0;
+  }
+
+  ui-listbox[role="menu"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    min-inline-size: 0;
+  }
+
+  ui-listbox .option-text,
+  ui-listbox [data-option-text] {
+    min-inline-size: 0;
+    display: grid;
+    gap: 1px;
+    flex: 1 1 auto;
+  }
+
+  ui-listbox .option-label,
+  ui-listbox [data-option-label] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+  }
+
+  ui-listbox .option-description,
+  ui-listbox [data-option-description] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: color-mix(in srgb, currentColor 58%, transparent);
+    font-size: 0.92em;
+    line-height: 1.35;
+    letter-spacing: inherit;
+  }
+`;
+function k(s, e) {
+  s.removeAttribute(e);
+}
+function O(s) {
+  const e = s.getAttribute("tabindex");
+  return e != null ? e !== "-1" || s.matches(":focus") : typeof s.focus == "function";
+}
+class Y extends A {
+  constructor() {
+    super(...arguments), this._onClickBound = this._onClick.bind(this);
+  }
+  connectedCallback() {
+    this._ensureBaseStyle(), super.connectedCallback(), this.addEventListener("click", this._onClickBound);
+  }
+  disconnectedCallback() {
+    this.removeEventListener("click", this._onClickBound), super.disconnectedCallback();
+  }
+  static get observedAttributes() {
+    return [...A.observedAttributes, "active-attribute"];
+  }
+  get activeAttribute() {
+    return this.getAttribute("active-attribute") || "data-active";
+  }
+  set activeAttribute(e) {
+    e ? this.setAttribute("active-attribute", e) : this.removeAttribute("active-attribute");
+  }
+  getActiveItem(e = {}) {
+    const t = this.activeAttribute;
+    return this.queryItems(e).find((n) => n.getAttribute(t) === "true") || null;
+  }
+  clearActive(e = {}) {
+    const t = this.activeAttribute;
+    this.queryItems(e).forEach((n) => {
+      k(n, t), n.hasAttribute("disabled") || n.setAttribute("tabindex", "-1");
+    });
+  }
+  setActiveItem(e, t = {}) {
+    const n = this.queryItems(t), l = this.activeAttribute, i = e && n.includes(e) ? e : null;
+    if (n.forEach((c) => {
+      c === i ? (c.setAttribute(l, "true"), O(c) && c.setAttribute("tabindex", "0")) : (k(c, l), c.hasAttribute("disabled") || c.setAttribute("tabindex", "-1"));
+    }), z(t.owner || null, (i == null ? void 0 : i.id) || null), !i)
+      return null;
+    if (t.scroll !== !1 && X(i, { block: "nearest", inline: "nearest" }), t.focus)
+      try {
+        i.focus({ preventScroll: t.scroll === !1 });
+      } catch {
+        i.focus();
+      }
+    return i;
+  }
+  focusBoundary(e, t = {}) {
+    const n = this.queryItems(t), l = R(n, e, (i) => this.isItemDisabled(i));
+    return l < 0 ? null : this.setActiveItem(n[l], t);
+  }
+  move(e, t = {}) {
+    const n = this.queryItems(t);
+    if (!n.length)
+      return null;
+    const l = t.current || this.getActiveItem(t), i = l ? n.indexOf(l) : -1, b = H(n, {
+      activeIndex: i,
+      selectedIndex: i,
+      getDisabled: (f) => this.isItemDisabled(f)
+    }), d = W(n, i, e, {
+      wrap: t.wrap !== !1,
+      fallbackIndex: b,
+      getDisabled: (f) => this.isItemDisabled(f)
+    });
+    return d < 0 ? null : this.setActiveItem(n[d], t);
+  }
+  typeahead(e, t = {}) {
+    const n = t.current || this.getActiveItem(t), l = this.queryEnabledItems(t), i = n ? l.indexOf(n) : -1, c = this.findTypeaheadMatch(e, { container: t.container, startIndex: i });
+    return c ? this.setActiveItem(c, t) : null;
+  }
+  _ensureBaseStyle() {
+    const e = this.getRootNode();
+    if (e instanceof ShadowRoot) {
+      if (e.querySelector(`style[${h}]`))
+        return;
+      const n = document.createElement("style");
+      n.setAttribute(h, ""), n.textContent = y, e.append(n);
+      return;
+    }
+    if (typeof document > "u" || document.head.querySelector(`style[${h}]`))
+      return;
+    const t = document.createElement("style");
+    t.setAttribute(h, ""), t.textContent = y, document.head.append(t);
+  }
+  _onClick(e) {
+    const t = e.target;
+    if (!t)
+      return;
+    const n = t.closest(this.itemSelector);
+    if (!n || !this.contains(n) || this.isItemDisabled(n))
+      return;
+    const l = this.setActiveItem(n, { focus: !1, scroll: !1 });
+    l && this.dispatchEvent(
+      new CustomEvent("select", {
+        detail: {
+          value: l.getAttribute("data-value") || l.getAttribute("value") || l.textContent || "",
+          item: l
+        },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-listbox") && customElements.define("ui-listbox", Y);
+export {
+  Y as U,
+  z as a,
+  N as f,
+  R as g,
+  W as m,
+  H as r,
+  X as s
+};

package/dist/listbox-ef2f708e.js

@@ -0,0 +1,46 @@
+"use strict";const b=require("./collection-a2969ad2.js"),y=require("./collection.cjs.js");function E(s){return!!(s&&typeof s=="object"&&"disabled"in s&&s.disabled)}function w(s,e,t=E){return e==="first"?b.findFirstEnabledIndex(s,t):b.findLastEnabledIndex(s,t)}function C(s,e={}){const t=e.getDisabled||E,n=e.activeIndex??-1,c=e.selectedIndex??-1;return n>=0&&n<s.length&&!t(s[n])?n:c>=0&&c<s.length&&!t(s[c])?c:b.findFirstEnabledIndex(s,t)}function T(s,e,t,n={}){const c=typeof n.fallbackIndex=="number"?n.fallbackIndex:e;return b.findNextEnabledIndex(s,e>=0?e:c,t,n)}function X(s,e,t={}){return b.findTypeaheadMatch(s,e,t)}function S(s,e={block:"nearest",inline:"nearest"}){if(!s)return;const t=s.ownerDocument,n=t==null?void 0:t.defaultView;if(!t||!n)return;const c=(a,r)=>{const o=n.getComputedStyle(a),u=r==="y"?o.overflowY||o.overflow:o.overflowX||o.overflow;return/(auto|scroll|overlay)/.test(u)};let i=s.parentElement;for(;i;){const a=c(i,"y")&&i.scrollHeight>i.clientHeight;if(c(i,"x")&&i.scrollWidth>i.clientWidth||a)break;i=i.parentElement}if(!i)return;const l=s.getBoundingClientRect(),h=i.getBoundingClientRect(),d=l.top-h.top+i.scrollTop,f=d+l.height,v=l.left-h.left+i.scrollLeft,D=v+l.width,I=(a,r,o,u,W)=>{const m=W||"nearest",p=o-r;return m==="start"?r:m==="end"?o-u:m==="center"?r-(u-p)/2:p>=u||r<a?r:o>a+u?o-u:a},q=I(i.scrollTop,d,f,i.clientHeight,e.block),M=I(i.scrollLeft,v,D,i.clientWidth,e.inline),R=Math.max(0,i.scrollHeight-i.clientHeight),H=Math.max(0,i.scrollWidth-i.clientWidth),A=Math.max(0,Math.min(R,q)),g=Math.max(0,Math.min(H,M));Math.abs(i.scrollTop-A)>.5&&(i.scrollTop=A),Math.abs(i.scrollLeft-g)>.5&&(i.scrollLeft=g)}function B(s,e){s&&(e?s.setAttribute("aria-activedescendant",e):s.removeAttribute("aria-activedescendant"))}const x="data-ui-listbox-base-style",L=`
+  ui-listbox {
+    display: block;
+    min-inline-size: 0;
+  }
+
+  ui-listbox[role="menu"] {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    min-inline-size: 0;
+  }
+
+  ui-listbox .option-text,
+  ui-listbox [data-option-text] {
+    min-inline-size: 0;
+    display: grid;
+    gap: 1px;
+    flex: 1 1 auto;
+  }
+
+  ui-listbox .option-label,
+  ui-listbox [data-option-label] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+  }
+
+  ui-listbox .option-description,
+  ui-listbox [data-option-description] {
+    display: block;
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: color-mix(in srgb, currentColor 58%, transparent);
+    font-size: 0.92em;
+    line-height: 1.35;
+    letter-spacing: inherit;
+  }
+`;function k(s,e){s.removeAttribute(e)}function z(s){const e=s.getAttribute("tabindex");return e!=null?e!=="-1"||s.matches(":focus"):typeof s.focus=="function"}class _ extends y.UICollection{constructor(){super(...arguments),this._onClickBound=this._onClick.bind(this)}connectedCallback(){this._ensureBaseStyle(),super.connectedCallback(),this.addEventListener("click",this._onClickBound)}disconnectedCallback(){this.removeEventListener("click",this._onClickBound),super.disconnectedCallback()}static get observedAttributes(){return[...y.UICollection.observedAttributes,"active-attribute"]}get activeAttribute(){return this.getAttribute("active-attribute")||"data-active"}set activeAttribute(e){e?this.setAttribute("active-attribute",e):this.removeAttribute("active-attribute")}getActiveItem(e={}){const t=this.activeAttribute;return this.queryItems(e).find(n=>n.getAttribute(t)==="true")||null}clearActive(e={}){const t=this.activeAttribute;this.queryItems(e).forEach(n=>{k(n,t),n.hasAttribute("disabled")||n.setAttribute("tabindex","-1")})}setActiveItem(e,t={}){const n=this.queryItems(t),c=this.activeAttribute,i=e&&n.includes(e)?e:null;if(n.forEach(l=>{l===i?(l.setAttribute(c,"true"),z(l)&&l.setAttribute("tabindex","0")):(k(l,c),l.hasAttribute("disabled")||l.setAttribute("tabindex","-1"))}),B(t.owner||null,(i==null?void 0:i.id)||null),!i)return null;if(t.scroll!==!1&&S(i,{block:"nearest",inline:"nearest"}),t.focus)try{i.focus({preventScroll:t.scroll===!1})}catch{i.focus()}return i}focusBoundary(e,t={}){const n=this.queryItems(t),c=w(n,e,i=>this.isItemDisabled(i));return c<0?null:this.setActiveItem(n[c],t)}move(e,t={}){const n=this.queryItems(t);if(!n.length)return null;const c=t.current||this.getActiveItem(t),i=c?n.indexOf(c):-1,h=C(n,{activeIndex:i,selectedIndex:i,getDisabled:f=>this.isItemDisabled(f)}),d=T(n,i,e,{wrap:t.wrap!==!1,fallbackIndex:h,getDisabled:f=>this.isItemDisabled(f)});return d<0?null:this.setActiveItem(n[d],t)}typeahead(e,t={}){const n=t.current||this.getActiveItem(t),c=this.queryEnabledItems(t),i=n?c.indexOf(n):-1,l=this.findTypeaheadMatch(e,{container:t.container,startIndex:i});return l?this.setActiveItem(l,t):null}_ensureBaseStyle(){const e=this.getRootNode();if(e instanceof ShadowRoot){if(e.querySelector(`style[${x}]`))return;const n=document.createElement("style");n.setAttribute(x,""),n.textContent=L,e.append(n);return}if(typeof document>"u"||document.head.querySelector(`style[${x}]`))return;const t=document.createElement("style");t.setAttribute(x,""),t.textContent=L,document.head.append(t)}_onClick(e){const t=e.target;if(!t)return;const n=t.closest(this.itemSelector);if(!n||!this.contains(n)||this.isItemDisabled(n))return;const c=this.setActiveItem(n,{focus:!1,scroll:!1});c&&this.dispatchEvent(new CustomEvent("select",{detail:{value:c.getAttribute("data-value")||c.getAttribute("value")||c.textContent||"",item:c},bubbles:!0,composed:!0}))}}typeof customElements<"u"&&!customElements.get("ui-listbox")&&customElements.define("ui-listbox",_);exports.UIListbox=_;exports.findListboxTypeaheadIndex=X;exports.getListboxBoundaryIndex=w;exports.moveListboxActiveIndex=T;exports.resolveListboxActiveIndex=C;exports.scrollListboxItemIntoView=S;exports.syncActiveDescendant=B;

package/dist/listbox.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./listbox-ef2f708e.js");require("./collection-a2969ad2.js");require("./collection.cjs.js");exports.UIListbox=e.UIListbox;

package/dist/listbox.esm.js

@@ -0,0 +1,6 @@
+import { U as m } from "./listbox-308789a0.mjs";
+import "./collection-a1aac0c6.mjs";
+import "./collection.esm.js";
+export {
+  m as UIListbox
+};