@editora/ui-core 0.1.8 → 0.1.10

package/dist/direction-provider.cjs.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-1b301e7f.js"),n=`
+  :host {
+    display: contents;
+    color-scheme: light dark;
+    --ui-direction-color: var(--ui-color-text, inherit);
+    color: var(--ui-direction-color);
+  }
+  .dir-wrap { width: 100%; height: 100%; display: contents; }
+
+  @media (prefers-reduced-motion: reduce) {
+    .dir-wrap {
+      scroll-behavior: auto;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-direction-color: var(--ui-color-text, inherit);
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-direction-color: CanvasText;
+    }
+  }
+`;class s extends o.ElementBase{static get observedAttributes(){return["dir","headless"]}constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation"),this._reflectDir()}attributeChangedCallback(e,t,r){if(t!==r&&(e==="dir"||e==="headless")){this._reflectDir(),this.isConnected&&this.requestRender();return}}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}_reflectDir(){let e=this.getAttribute("dir")||"ltr";e!=="ltr"&&e!=="rtl"&&e!=="auto"&&(this.setAttribute("dir","ltr"),e="ltr"),this.dispatchEvent(new CustomEvent("change",{detail:{dir:e},bubbles:!0})),this._setDirOnChildren(e)}_setDirOnChildren(e){const t=this.root.querySelector("slot");if(!t)return;t.assignedElements({flatten:!0}).forEach(i=>{i instanceof HTMLElement&&i.setAttribute("dir",e)})}render(){const e=this.getAttribute("dir")||"ltr",t=this.headless;this.setContent(`
+      <style>${n}</style>
+      <div class="dir-wrap" dir="${e}" aria-hidden="${t?"true":"false"}"><slot></slot></div>
+    `)}}typeof customElements<"u"&&!customElements.get("ui-direction-provider")&&customElements.define("ui-direction-provider",s);exports.UIDirectionProvider=s;

package/dist/direction-provider.esm.js

@@ -0,0 +1,74 @@
+import { E as s } from "./ElementBase-909688f3.mjs";
+const o = `
+  :host {
+    display: contents;
+    color-scheme: light dark;
+    --ui-direction-color: var(--ui-color-text, inherit);
+    color: var(--ui-direction-color);
+  }
+  .dir-wrap { width: 100%; height: 100%; display: contents; }
+
+  @media (prefers-reduced-motion: reduce) {
+    .dir-wrap {
+      scroll-behavior: auto;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    :host {
+      --ui-direction-color: var(--ui-color-text, inherit);
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-direction-color: CanvasText;
+    }
+  }
+`;
+class n extends s {
+  static get observedAttributes() {
+    return ["dir", "headless"];
+  }
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "presentation"), this._reflectDir();
+  }
+  attributeChangedCallback(e, t, r) {
+    if (t !== r && (e === "dir" || e === "headless")) {
+      this._reflectDir(), this.isConnected && this.requestRender();
+      return;
+    }
+  }
+  get headless() {
+    return this.hasAttribute("headless");
+  }
+  set headless(e) {
+    e !== this.headless && (e ? this.setAttribute("headless", "") : this.removeAttribute("headless"));
+  }
+  _reflectDir() {
+    let e = this.getAttribute("dir") || "ltr";
+    e !== "ltr" && e !== "rtl" && e !== "auto" && (this.setAttribute("dir", "ltr"), e = "ltr"), this.dispatchEvent(new CustomEvent("change", { detail: { dir: e }, bubbles: !0 })), this._setDirOnChildren(e);
+  }
+  _setDirOnChildren(e) {
+    const t = this.root.querySelector("slot");
+    if (!t)
+      return;
+    t.assignedElements({ flatten: !0 }).forEach((i) => {
+      i instanceof HTMLElement && i.setAttribute("dir", e);
+    });
+  }
+  render() {
+    const e = this.getAttribute("dir") || "ltr", t = this.headless;
+    this.setContent(`
+      <style>${o}</style>
+      <div class="dir-wrap" dir="${e}" aria-hidden="${t ? "true" : "false"}"><slot></slot></div>
+    `);
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-direction-provider") && customElements.define("ui-direction-provider", n);
+export {
+  n as UIDirectionProvider
+};

package/dist/dismissable-layer-193e3bed.js

@@ -0,0 +1 @@
+"use strict";const s=[];let u=!1,i=null;function L(e){return!!e&&typeof e.nodeType=="number"}function O(e){return e instanceof HTMLElement}function P(){return s.filter(e=>!e.paused)}function f(){const e=P();return e.length?e[e.length-1]:null}function v(e,t){return t?e.includes(t):!1}function g(e,t){return!e||!t?!1:e===t||e.contains(t)}function p(e,t,n=[]){return!!(g(e.options.node,t)||g(e.options.trigger??null,t)||v(n,e.options.node)||v(n,e.options.trigger??null))}function d(e){typeof e.prevNodePointerEvents=="string"&&(e.options.node.style.pointerEvents=e.prevNodePointerEvents,e.prevNodePointerEvents=void 0);const t=e.options.trigger;t&&typeof e.prevTriggerPointerEvents=="string"&&(t.style.pointerEvents=e.prevTriggerPointerEvents,e.prevTriggerPointerEvents=void 0)}function r(){if(typeof document>"u"||!document.body)return;if(!P().filter(t=>t.options.disableOutsidePointerEvents).length){document.body.removeAttribute("data-ui-dismissable-lock"),i!==null&&(document.body.style.pointerEvents=i,i=null),s.forEach(d);return}i===null&&(i=document.body.style.pointerEvents||""),document.body.setAttribute("data-ui-dismissable-lock",""),document.body.style.pointerEvents="none",s.forEach(t=>{if(!(!t.paused&&!!t.options.disableOutsidePointerEvents)){d(t);return}typeof t.prevNodePointerEvents!="string"&&(t.prevNodePointerEvents=t.options.node.style.pointerEvents||""),t.options.node.style.pointerEvents="auto";const o=t.options.trigger;o&&(typeof t.prevTriggerPointerEvents!="string"&&(t.prevTriggerPointerEvents=o.style.pointerEvents||""),o.style.pointerEvents="auto")})}function w(){u||typeof document>"u"||(document.addEventListener("pointerdown",b,!0),document.addEventListener("focusin",h,!0),document.addEventListener("keydown",k,!0),u=!0)}function D(){!u||typeof document>"u"||(document.removeEventListener("pointerdown",b,!0),document.removeEventListener("focusin",h,!0),document.removeEventListener("keydown",k,!0),u=!1)}function y(){s.length?w():D()}function c(e,t,n){var l,a,m,E;e.paused||((a=(l=e.options).onBeforeDismiss)==null?void 0:a.call(l,t,n))===!1||(E=(m=e.options).onDismiss)==null||E.call(m,t,n)}function b(e){const t=f();if(!t)return;const n=typeof e.composedPath=="function"?e.composedPath():[],o=L(e.target)?e.target:null;p(t,o,n)||t.options.closeOnPointerOutside!==!1&&c(t,"outside-pointer",e)}function h(e){const t=f();if(!t)return;const n=typeof e.composedPath=="function"?e.composedPath():[],o=L(e.target)?e.target:null;p(t,o,n)||t.options.closeOnFocusOutside!==!1&&c(t,"outside-focus",e)}function k(e){const t=f();t&&e.key==="Escape"&&t.options.closeOnEscape!==!1&&c(t,"escape-key",e)}function T(e){if(!O(e.node))throw new Error("createDismissableLayer requires a valid HTMLElement node");const t={id:Symbol("dismissable-layer"),options:{closeOnEscape:!0,closeOnPointerOutside:!0,closeOnFocusOutside:!1,...e},paused:!1};return s.push(t),y(),r(),{destroy(){const n=s.findIndex(o=>o.id===t.id);n>=0&&s.splice(n,1),d(t),y(),r()},pause(){t.paused=!0,r()},resume(){t.paused=!1,r()},contains(n){return p(t,n)},dismiss(n="programmatic"){c(t,n)}}}exports.createDismissableLayer=T;

package/dist/dismissable-layer-9c7e6b58.mjs

@@ -0,0 +1,112 @@
+const s = [];
+let u = !1, i = null;
+function P(e) {
+  return !!e && typeof e.nodeType == "number";
+}
+function O(e) {
+  return e instanceof HTMLElement;
+}
+function L() {
+  return s.filter((e) => !e.paused);
+}
+function f() {
+  const e = L();
+  return e.length ? e[e.length - 1] : null;
+}
+function v(e, t) {
+  return t ? e.includes(t) : !1;
+}
+function g(e, t) {
+  return !e || !t ? !1 : e === t || e.contains(t);
+}
+function p(e, t, n = []) {
+  return !!(g(e.options.node, t) || g(e.options.trigger ?? null, t) || v(n, e.options.node) || v(n, e.options.trigger ?? null));
+}
+function d(e) {
+  typeof e.prevNodePointerEvents == "string" && (e.options.node.style.pointerEvents = e.prevNodePointerEvents, e.prevNodePointerEvents = void 0);
+  const t = e.options.trigger;
+  t && typeof e.prevTriggerPointerEvents == "string" && (t.style.pointerEvents = e.prevTriggerPointerEvents, e.prevTriggerPointerEvents = void 0);
+}
+function r() {
+  if (typeof document > "u" || !document.body)
+    return;
+  if (!L().filter((t) => t.options.disableOutsidePointerEvents).length) {
+    document.body.removeAttribute("data-ui-dismissable-lock"), i !== null && (document.body.style.pointerEvents = i, i = null), s.forEach(d);
+    return;
+  }
+  i === null && (i = document.body.style.pointerEvents || ""), document.body.setAttribute("data-ui-dismissable-lock", ""), document.body.style.pointerEvents = "none", s.forEach((t) => {
+    if (!(!t.paused && !!t.options.disableOutsidePointerEvents)) {
+      d(t);
+      return;
+    }
+    typeof t.prevNodePointerEvents != "string" && (t.prevNodePointerEvents = t.options.node.style.pointerEvents || ""), t.options.node.style.pointerEvents = "auto";
+    const o = t.options.trigger;
+    o && (typeof t.prevTriggerPointerEvents != "string" && (t.prevTriggerPointerEvents = o.style.pointerEvents || ""), o.style.pointerEvents = "auto");
+  });
+}
+function w() {
+  u || typeof document > "u" || (document.addEventListener("pointerdown", h, !0), document.addEventListener("focusin", b, !0), document.addEventListener("keydown", k, !0), u = !0);
+}
+function D() {
+  !u || typeof document > "u" || (document.removeEventListener("pointerdown", h, !0), document.removeEventListener("focusin", b, !0), document.removeEventListener("keydown", k, !0), u = !1);
+}
+function y() {
+  s.length ? w() : D();
+}
+function c(e, t, n) {
+  var l, a, m, E;
+  e.paused || ((a = (l = e.options).onBeforeDismiss) == null ? void 0 : a.call(l, t, n)) === !1 || (E = (m = e.options).onDismiss) == null || E.call(m, t, n);
+}
+function h(e) {
+  const t = f();
+  if (!t)
+    return;
+  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = P(e.target) ? e.target : null;
+  p(t, o, n) || t.options.closeOnPointerOutside !== !1 && c(t, "outside-pointer", e);
+}
+function b(e) {
+  const t = f();
+  if (!t)
+    return;
+  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = P(e.target) ? e.target : null;
+  p(t, o, n) || t.options.closeOnFocusOutside !== !1 && c(t, "outside-focus", e);
+}
+function k(e) {
+  const t = f();
+  t && e.key === "Escape" && t.options.closeOnEscape !== !1 && c(t, "escape-key", e);
+}
+function T(e) {
+  if (!O(e.node))
+    throw new Error("createDismissableLayer requires a valid HTMLElement node");
+  const t = {
+    id: Symbol("dismissable-layer"),
+    options: {
+      closeOnEscape: !0,
+      closeOnPointerOutside: !0,
+      closeOnFocusOutside: !1,
+      ...e
+    },
+    paused: !1
+  };
+  return s.push(t), y(), r(), {
+    destroy() {
+      const n = s.findIndex((o) => o.id === t.id);
+      n >= 0 && s.splice(n, 1), d(t), y(), r();
+    },
+    pause() {
+      t.paused = !0, r();
+    },
+    resume() {
+      t.paused = !1, r();
+    },
+    contains(n) {
+      return p(t, n);
+    },
+    dismiss(n = "programmatic") {
+      c(t, n);
+    }
+  };
+}
+export {
+  T as c
+};

package/dist/dismissable-layer.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./ElementBase-1b301e7f.js"),a=require("./dismissable-layer-193e3bed.js"),u=`
+  :host {
+    display: contents;
+    color-scheme: light dark;
+  }
+`;function i(o){if(o==null)return!1;const e=o.toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}class r extends n.ElementBase{constructor(){super(...arguments),this._layer=null,this._lastCloseDetail=null}static get observedAttributes(){return["open","modal","close-on-escape","close-on-pointer-outside","close-on-focus-outside","disable-outside-pointer-events","headless"]}connectedCallback(){super.connectedCallback(),this._syncLayer()}disconnectedCallback(){this._destroyLayer(),super.disconnectedCallback()}attributeChangedCallback(e,t,s){if(t!==s){if(e==="open"&&t!==null&&s===null){const l=this._lastCloseDetail||{reason:"programmatic"};this._destroyLayer(),this.dispatchEvent(new CustomEvent("close",{detail:l,bubbles:!0,composed:!0})),this._lastCloseDetail=null;return}if(e==="open"&&s!==null){this._syncLayer();return}this._syncLayer()}}open(){this.setAttribute("open","")}close(e="programmatic"){this.hasAttribute("open")&&this._emitBeforeClose(e)&&(this._lastCloseDetail={reason:e},this.removeAttribute("open"))}toggle(){this.hasAttribute("open")?this.close():this.open()}_emitBeforeClose(e,t){const s=new CustomEvent("before-close",{detail:{reason:e,originalEvent:t},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(s)}_destroyLayer(){var e;(e=this._layer)==null||e.destroy(),this._layer=null}_syncLayer(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyLayer();return}this._destroyLayer(),this._layer=a.createDismissableLayer({node:this,trigger:this.querySelector('[slot="trigger"]'),modal:i(this.getAttribute("modal")),closeOnEscape:!this.hasAttribute("close-on-escape")||i(this.getAttribute("close-on-escape")),closeOnPointerOutside:!this.hasAttribute("close-on-pointer-outside")||i(this.getAttribute("close-on-pointer-outside")),closeOnFocusOutside:i(this.getAttribute("close-on-focus-outside")),disableOutsidePointerEvents:i(this.getAttribute("disable-outside-pointer-events")),onBeforeDismiss:(e,t)=>(e==="outside-pointer"&&this.dispatchEvent(new CustomEvent("interact-outside",{detail:{originalEvent:t},bubbles:!0,composed:!0})),e==="escape-key"&&this.dispatchEvent(new CustomEvent("escape-key-down",{detail:{originalEvent:t},bubbles:!0,composed:!0})),this._emitBeforeClose(e,t)),onDismiss:(e,t)=>{this._lastCloseDetail={reason:e,originalEvent:t},this.removeAttribute("open")}})}}render(){this.setContent(`<style>${u}</style><slot name="trigger"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-dismissable-layer")&&customElements.define("ui-dismissable-layer",r);exports.UIDismissableLayer=r;

package/dist/dismissable-layer.esm.js

@@ -0,0 +1,115 @@
+import { E as n } from "./ElementBase-909688f3.mjs";
+import { c as l } from "./dismissable-layer-9c7e6b58.mjs";
+const a = `
+  :host {
+    display: contents;
+    color-scheme: light dark;
+  }
+`;
+function i(o) {
+  if (o == null)
+    return !1;
+  const e = o.toLowerCase();
+  return e !== "false" && e !== "0" && e !== "off";
+}
+class u extends n {
+  constructor() {
+    super(...arguments), this._layer = null, this._lastCloseDetail = null;
+  }
+  static get observedAttributes() {
+    return [
+      "open",
+      "modal",
+      "close-on-escape",
+      "close-on-pointer-outside",
+      "close-on-focus-outside",
+      "disable-outside-pointer-events",
+      "headless"
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._syncLayer();
+  }
+  disconnectedCallback() {
+    this._destroyLayer(), super.disconnectedCallback();
+  }
+  attributeChangedCallback(e, t, s) {
+    if (t !== s) {
+      if (e === "open" && t !== null && s === null) {
+        const r = this._lastCloseDetail || { reason: "programmatic" };
+        this._destroyLayer(), this.dispatchEvent(new CustomEvent("close", { detail: r, bubbles: !0, composed: !0 })), this._lastCloseDetail = null;
+        return;
+      }
+      if (e === "open" && s !== null) {
+        this._syncLayer();
+        return;
+      }
+      this._syncLayer();
+    }
+  }
+  open() {
+    this.setAttribute("open", "");
+  }
+  close(e = "programmatic") {
+    this.hasAttribute("open") && this._emitBeforeClose(e) && (this._lastCloseDetail = { reason: e }, this.removeAttribute("open"));
+  }
+  toggle() {
+    this.hasAttribute("open") ? this.close() : this.open();
+  }
+  _emitBeforeClose(e, t) {
+    const s = new CustomEvent("before-close", {
+      detail: { reason: e, originalEvent: t },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    return this.dispatchEvent(s);
+  }
+  _destroyLayer() {
+    var e;
+    (e = this._layer) == null || e.destroy(), this._layer = null;
+  }
+  _syncLayer() {
+    if (this.isConnected) {
+      if (this.hasAttribute("headless") || !this.hasAttribute("open")) {
+        this._destroyLayer();
+        return;
+      }
+      this._destroyLayer(), this._layer = l({
+        node: this,
+        trigger: this.querySelector('[slot="trigger"]'),
+        modal: i(this.getAttribute("modal")),
+        closeOnEscape: !this.hasAttribute("close-on-escape") || i(this.getAttribute("close-on-escape")),
+        closeOnPointerOutside: !this.hasAttribute("close-on-pointer-outside") || i(this.getAttribute("close-on-pointer-outside")),
+        closeOnFocusOutside: i(this.getAttribute("close-on-focus-outside")),
+        disableOutsidePointerEvents: i(this.getAttribute("disable-outside-pointer-events")),
+        onBeforeDismiss: (e, t) => (e === "outside-pointer" && this.dispatchEvent(
+          new CustomEvent("interact-outside", {
+            detail: { originalEvent: t },
+            bubbles: !0,
+            composed: !0
+          })
+        ), e === "escape-key" && this.dispatchEvent(
+          new CustomEvent("escape-key-down", {
+            detail: { originalEvent: t },
+            bubbles: !0,
+            composed: !0
+          })
+        ), this._emitBeforeClose(e, t)),
+        onDismiss: (e, t) => {
+          this._lastCloseDetail = { reason: e, originalEvent: t }, this.removeAttribute("open");
+        }
+      });
+    }
+  }
+  render() {
+    this.setContent(`<style>${a}</style><slot name="trigger"></slot><slot></slot>`);
+  }
+  shouldRenderOnAttributeChange() {
+    return !1;
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-dismissable-layer") && customElements.define("ui-dismissable-layer", u);
+export {
+  u as UIDismissableLayer
+};