@odx/foundation 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/lib/mixins/form-control.js

@@ -1,61 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { CustomElement } from '../custom-element.js';
-import { CanBeDisabled } from './can-be-disabled.js';
-import { CanBeReadonly } from './can-be-readonly.js';
-import { CanBeRequired } from './can-be-required.js';
-import { CanBeValidated } from './can-be-validated.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const FormControl = dedupeMixin((superClass) => {
-  class FormControlElement extends CanBeValidated(CanBeRequired(CanBeReadonly(CanBeDisabled(superClass)))) {
-    constructor(...args) {
-      super(...args);
-      this.name = "";
-      this.value = "";
-      this.internals = this.attachInternals();
-    }
-    static {
-      this.formAssociated = true;
-    }
-    static {
-      this.shadowRootOptions = {
-        ...CustomElement.shadowRootOptions,
-        delegatesFocus: true
-      };
-    }
-    get form() {
-      return this.internals.form;
-    }
-    toFormValue() {
-      return this.value;
-    }
-    willUpdate(props) {
-      super.willUpdate?.(props);
-      this.updateAriaAttributes?.();
-    }
-    updated(props) {
-      super.updated(props);
-      if (props.has("value")) {
-        this.internals.setFormValue(this.toFormValue());
-      }
-    }
-  }
-  __decorateClass([
-    property()
-  ], FormControlElement.prototype, "name");
-  __decorateClass([
-    property()
-  ], FormControlElement.prototype, "value");
-  return FormControlElement;
-});
-
-export { FormControl };

package/dist/lib/mixins/number-control.js

@@ -1,63 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { FormControl } from './form-control.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const MIN_STEP_VALUE = 1 / 2 ^ 16;
-const NumberControl = dedupeMixin((superClass) => {
-  class NumberControlElement extends FormControl(superClass) {
-    constructor() {
-      super(...arguments);
-      this.min = 0;
-      this.max = 100;
-      this.step = 1;
-      this.value = 0;
-    }
-    getValueText() {
-      return this.ariaValueText?.trim() ?? "";
-    }
-    update(props) {
-      if (props.has("value")) {
-        this.internals.ariaValueNow = String(this.value);
-        this.internals.ariaValueText = this.getValueText();
-      }
-      if (props.has("min")) {
-        this.internals.ariaValueMin = String(this.min);
-      }
-      if (props.has("max")) {
-        this.internals.ariaValueMax = String(this.max);
-      }
-      if (props.has("step")) {
-        this.step = Math.max(MIN_STEP_VALUE, this.step);
-      }
-      this.value = Math.max(this.min, Math.min(this.value, this.max));
-      super.update?.(props);
-    }
-    toFormValue() {
-      return String(this.value);
-    }
-  }
-  __decorateClass([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "min");
-  __decorateClass([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "max");
-  __decorateClass([
-    property({ type: Number })
-  ], NumberControlElement.prototype, "step");
-  __decorateClass([
-    property({ type: Number, reflect: true })
-  ], NumberControlElement.prototype, "value");
-  return NumberControlElement;
-});
-
-export { NumberControl };

package/dist/lib/mixins/with-aria-controls.js

@@ -1,43 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { getUniqueId } from '../utils/get-unique-id.js';
-import { CanBeDisabled } from './can-be-disabled.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const WithAriaControls = dedupeMixin((superClass) => {
-  class WithAriaControlsElement extends CanBeDisabled(superClass) {
-    get region() {
-      return this.nextElementSibling;
-    }
-    updateA11yAttributes() {
-      if (!this.region) return;
-      this.id ||= getUniqueId(this.localName);
-      this.role ||= "button";
-      this.region.role ||= "region";
-      this.region.id ||= `${this.id}-region`;
-      this.region.ariaHidden = this.disabled ? "true" : this.region.ariaHidden;
-      this.setAttribute("aria-controls", this.region.id);
-      this.region.setAttribute("aria-labelledby", this.id);
-    }
-    update(props) {
-      super.update(props);
-      if (props.has("disabled") || props.has("id")) {
-        this.updateA11yAttributes();
-      }
-    }
-  }
-  __decorateClass([
-    property({ reflect: true })
-  ], WithAriaControlsElement.prototype, "id");
-  return WithAriaControlsElement;
-});
-
-export { WithAriaControls };

package/dist/lib/mixins/with-loading-state.js

@@ -1,33 +0,0 @@
-import { property } from 'lit/decorators.js';
-import { toAriaBooleanAttribute, fromAriaBooleanAttribute } from '../directives/aria-boolean-attr.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = __getOwnPropDesc(target, key) ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const WithLoadingState = dedupeMixin((superClass) => {
-  class WithLoadingStateElement extends superClass {
-    get loadingContainer() {
-      return this;
-    }
-    set loading(value) {
-      this.loadingContainer.ariaBusy = toAriaBooleanAttribute(value);
-    }
-    get loading() {
-      return fromAriaBooleanAttribute(this.loadingContainer.ariaBusy);
-    }
-  }
-  __decorateClass([
-    property({ type: Boolean, reflect: true })
-  ], WithLoadingStateElement.prototype, "loading");
-  return WithLoadingStateElement;
-});
-
-export { WithLoadingState };

package/dist/lib/utils/date.js

@@ -1,10 +0,0 @@
-function parseDate(value) {
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime()) && typeof value === "string") {
-    const timestamp = Number(value);
-    return Number.isNaN(timestamp) ? null : new Date(timestamp);
-  }
-  return Number.isNaN(date.getTime()) ? null : date;
-}
-
-export { parseDate };

package/dist/lib/utils/dom.js

@@ -1,48 +0,0 @@
-import { round } from 'es-toolkit';
-
-function createMutationObserver(callback) {
-  try {
-    return new MutationObserver(callback);
-  } catch {
-    return { takeRecords: () => [], observe: () => void 0, disconnect: () => void 0 };
-  }
-}
-function toggleAttribute(element, name, value) {
-  if (!element) return;
-  if (typeof value === "boolean") {
-    element.toggleAttribute(name, value);
-    return;
-  }
-  if (value != null) {
-    element.setAttribute(name, value.toString());
-    return;
-  }
-  element.removeAttribute(name);
-}
-function getElementFromEvent(event, filterFn) {
-  return event.composedPath().find((node) => node instanceof Element && filterFn(node));
-}
-function findClosestDocument(node) {
-  let parent = node.parentNode;
-  while (parent && parent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE && parent.nodeType !== Node.DOCUMENT_NODE) {
-    parent = parent.parentNode;
-  }
-  return parent;
-}
-function toPx(value) {
-  const coercedValue = Number(value);
-  if (Number.isNaN(coercedValue)) return null;
-  return `${round(coercedValue, 2)}px`;
-}
-function getAssignedElements(host, ...slots) {
-  const selector = slots.map((slot) => `[slot=${slot}]`).join(", ") || "*";
-  return Array.from(host.querySelectorAll(`:is(${selector})`));
-}
-async function waitForAnimations(element, subtree = false) {
-  if (!element || typeof element.getAnimations !== "function") {
-    return [];
-  }
-  return Promise.all(element.getAnimations({ subtree }).map((animation) => animation.finished)).catch(() => []);
-}
-
-export { createMutationObserver, findClosestDocument, getAssignedElements, getElementFromEvent, toPx, toggleAttribute, waitForAnimations };

package/dist/lib/utils/get-unique-id.js

@@ -1,15 +0,0 @@
-const uniqueIdCache = /* @__PURE__ */ new Map();
-function getUniqueId(key) {
-  const nextIndex = (uniqueIdCache.get(key) ?? 0) + 1;
-  uniqueIdCache.set(key, nextIndex);
-  return `${key}-${nextIndex}`;
-}
-function clearUniqueIdCache(key) {
-  if (key) {
-    uniqueIdCache.delete(key);
-  } else {
-    uniqueIdCache.clear();
-  }
-}
-
-export { clearUniqueIdCache, getUniqueId };

package/dist/lib/utils/keyboard-events.js

@@ -1,42 +0,0 @@
-const KeyboardKey = {
-  ARROW_UP: "ArrowUp",
-  ARROW_DOWN: "ArrowDown",
-  ARROW_LEFT: "ArrowLeft",
-  ARROW_RIGHT: "ArrowRight",
-  ENTER: "Enter",
-  ESCAPE: "Escape",
-  SPACE: " ",
-  TAB: "Tab",
-  BACKSPACE: "Backspace",
-  DELETE: "Delete",
-  END: "End",
-  HOME: "Home",
-  PAGE_UP: "PageUp",
-  PAGE_DOWN: "PageDown",
-  SHIFT: "Shift",
-  CONTROL: "Control",
-  ALT: "Alt",
-  META: "Meta"
-};
-function getKeyboardEventInfo(event) {
-  const { key } = event;
-  const up = key === KeyboardKey.ARROW_UP;
-  const right = key === KeyboardKey.ARROW_RIGHT;
-  const down = key === KeyboardKey.ARROW_DOWN;
-  const left = key === KeyboardKey.ARROW_LEFT;
-  return {
-    axis: { x: left || right, y: up || down },
-    direction: { up, right, down, left },
-    actions: {
-      enter: key === KeyboardKey.ENTER,
-      escape: key === KeyboardKey.ESCAPE,
-      space: key === KeyboardKey.SPACE,
-      tab: key === KeyboardKey.TAB && !event.shiftKey,
-      backTab: key === KeyboardKey.TAB && event.shiftKey,
-      start: key === KeyboardKey.HOME,
-      end: key === KeyboardKey.END
-    }
-  };
-}
-
-export { KeyboardKey, getKeyboardEventInfo };

package/dist/lib/utils/object.js

@@ -1,7 +0,0 @@
-import { toMerged } from 'es-toolkit';
-
-function createOptions(defaultOptions) {
-  return (options) => toMerged(defaultOptions, options ?? {});
-}
-
-export { createOptions };

package/dist/lib/utils/shared-intersection-observer.js

@@ -1,37 +0,0 @@
-function createIntersectionObserver(callback) {
-  try {
-    return new IntersectionObserver(callback);
-  } catch {
-    return { root: null, rootMargin: "", thresholds: [], takeRecords: () => [], observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-class SharedIntersectionObserverInstance {
-  #observer;
-  #handlers = /* @__PURE__ */ new WeakMap();
-  #updateLog = /* @__PURE__ */ new WeakMap();
-  observe(target, handler, options = { fpsLimit: 60 }) {
-    this.#observer ??= createIntersectionObserver(this.#handleIntersection);
-    this.#handlers.set(target, [handler, options.fpsLimit]);
-    this.#observer.observe(target);
-  }
-  unobserve(target) {
-    this.#handlers.delete(target);
-    this.#observer?.unobserve(target);
-  }
-  #handleIntersection = (entries) => {
-    if (!this.#observer) return;
-    for (const entry of entries) {
-      const [handler, fpsLimit] = this.#handlers.get(entry.target) ?? [];
-      if (typeof handler !== "function" || !this.#shouldUpdate(entry.target, fpsLimit)) continue;
-      handler?.([entry], this.#observer);
-      this.#updateLog.set(entry.target, Date.now());
-    }
-  };
-  #shouldUpdate(target, fpsLimit) {
-    if (!target.isConnected || typeof fpsLimit !== "number" || fpsLimit < 1) return false;
-    return Date.now() - (this.#updateLog.get(target) ?? 0) >= 1e3 / fpsLimit;
-  }
-}
-const SharedIntersectionObserver = new SharedIntersectionObserverInstance();
-
-export { SharedIntersectionObserver, createIntersectionObserver };

package/dist/lib/utils/shared-resize-observer.js

@@ -1,38 +0,0 @@
-function createResizeObserver(callback) {
-  try {
-    return new ResizeObserver(callback);
-  } catch {
-    return { observe: () => void 0, disconnect: () => void 0, unobserve: () => void 0 };
-  }
-}
-class SharedResizeObserverInstance {
-  #observer;
-  #handlers = /* @__PURE__ */ new WeakMap();
-  #updateLog = /* @__PURE__ */ new WeakMap();
-  observe(target, handler, options = { fpsLimit: 60 }) {
-    const { fpsLimit, ...observerOptions } = options;
-    this.#observer ??= createResizeObserver(this.#handleResize);
-    this.#handlers.set(target, [handler, fpsLimit]);
-    this.#observer.observe(target, observerOptions);
-  }
-  unobserve(target) {
-    this.#handlers.delete(target);
-    this.#observer?.unobserve(target);
-  }
-  #handleResize = (entries) => {
-    if (!this.#observer) return;
-    for (const entry of entries) {
-      const [handler, fpsLimit] = this.#handlers.get(entry.target) ?? [];
-      if (typeof handler !== "function" || !this.#shouldUpdate(entry.target, fpsLimit ?? 60)) continue;
-      handler?.([entry], this.#observer);
-      this.#updateLog.set(entry.target, Date.now());
-    }
-  };
-  #shouldUpdate(target, fpsLimit) {
-    if (!target.isConnected || fpsLimit < 1) return false;
-    return Date.now() - (this.#updateLog.get(target) ?? 0) >= 1e3 / fpsLimit;
-  }
-}
-const SharedResizeObserver = new SharedResizeObserverInstance();
-
-export { SharedResizeObserver, createResizeObserver };

package/dist/lib/utils/string.js

@@ -1,7 +0,0 @@
-function interpolate(value, context) {
-  return value.replaceAll(/\{\{\s*([^}\s]+)\s*}}/g, (match, variableName) => {
-    return context[variableName] ? interpolate(context[variableName].toString(), context) : match;
-  });
-}
-
-export { interpolate };