@m3e/web 2.1.3 → 2.2.1

package/dist/core.js

@@ -573,6 +573,17 @@ function prefersReducedMotion() {
   return isServer || matchMedia("(prefers-reduced-motion)").matches;
 }
 
+/**
+ * Registers a constructable stylesheet in the document's `adoptedStyleSheets`.
+ * @param css - A `CSSResult` (e.g., from `css```) whose text will be injected into a constructable stylesheet.
+ */
+function registerStyleSheet(css) {
+  if (typeof window === "undefined") return;
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(css.toString());
+  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+}
+
 /**
  * Resolves an element by ID, waiting for document readiness if needed.
  * @param {string} id - The element ID to resolve.
@@ -872,6 +883,46 @@ _HoverController_callback = new WeakMap(), _HoverController_startDelays = new We
   }
 };
 
+var _InertController_host, _InertController_inerts;
+/**
+ * A `ReactiveController` that provides safe, predictable inerting of background
+ * content for modal UI surfaces (dialogs, date pickers, fullscreen search views).
+ */
+class InertController {
+  constructor(host) {
+    /** @private */_InertController_host.set(this, void 0);
+    /** @private */
+    _InertController_inerts.set(this, new Array());
+    __classPrivateFieldSet(this, _InertController_host, host, "f");
+    host.addController(this);
+  }
+  /**
+   * Locks background content by applying inertness to all non‑modal elements,
+   * isolating the active surface from pointer and keyboard interaction.
+   */
+  lock() {
+    this.unlock();
+    for (let current = __classPrivateFieldGet(this, _InertController_host, "f"); current.parentNode && current.parentNode !== document.documentElement; current = current.parentNode) {
+      for (const sibling of current.parentNode.children) {
+        if (sibling instanceof HTMLElement && sibling !== current && !sibling.inert) {
+          sibling.inert = true;
+          __classPrivateFieldGet(this, _InertController_inerts, "f").push(sibling);
+        }
+      }
+    }
+  }
+  /** Restores background interactivity by removing inertness previously applied during `lock()`. */
+  unlock() {
+    __classPrivateFieldGet(this, _InertController_inerts, "f").forEach(x => x.inert = false);
+    __classPrivateFieldGet(this, _InertController_inerts, "f").length = 0;
+  }
+  /** @inheritdoc */
+  hostDisconnected() {
+    this.unlock();
+  }
+}
+_InertController_host = new WeakMap(), _InertController_inerts = new WeakMap();
+
 var _IntersectionController_callback, _IntersectionController_skipInitial, _IntersectionController_observer, _IntersectionController_unobservedUpdate;
 /** A `ReactiveController` used to monitor changes in the intersection of a target element with an ancestor element. */
 class IntersectionController extends MonitorControllerBase {
@@ -1470,6 +1521,55 @@ _ScrollLockController_locked = new WeakMap(), _ScrollLockController_scrollTop =
   return document.documentElement.scrollHeight > document.documentElement.clientHeight;
 };
 
+/** Converts an ISO‑8601 date to and from a `Date` object. */
+const dateConverter = {
+  fromAttribute(value) {
+    if (!value) return null;
+    // Matches all four formats:
+    // yyyy-MM-dd
+    // yyyy-MM-ddTHH:mm:ss
+    // yyyy-MM-ddTHH:mm:ssZ
+    // yyyy-MM-ddTHH:mm:ss±HH:mm
+    const isoRegex = /^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(?:\.(\d{3}))?)?(Z|[+-]\d{2}:\d{2})?$/;
+    const m = value.match(isoRegex);
+    if (!m) return null;
+    const year = Number(m[1]);
+    const month = Number(m[2]) - 1; // JS months are 0-based
+    const day = Number(m[3]);
+    const hasTime = m[4] !== undefined;
+    const hours = hasTime ? Number(m[4]) : 0;
+    const minutes = hasTime ? Number(m[5]) : 0;
+    const seconds = hasTime ? Number(m[6]) : 0;
+    const ms = hasTime && m[7] ? Number(m[7]) : 0;
+    const tz = m[8];
+    // CASE 1: yyyy-MM-dd → local date (no timezone math)
+    if (!hasTime && !tz) {
+      return new Date(year, month, day);
+    }
+    // CASE 2: yyyy-MM-ddTHH:mm:ss (no timezone) → local datetime
+    if (hasTime && !tz) {
+      return new Date(year, month, day, hours, minutes, seconds, ms);
+    }
+    // CASE 3: yyyy-MM-ddTHH:mm:ssZ → UTC
+    if (tz === "Z") {
+      return new Date(Date.UTC(year, month, day, hours, minutes, seconds, ms));
+    }
+    // CASE 4: yyyy-MM-ddTHH:mm:ss±HH:mm → offset
+    if (tz && /^[+-]\d{2}:\d{2}$/.test(tz)) {
+      const sign = tz.startsWith("-") ? -1 : 1;
+      const [tzH, tzM] = tz.slice(1).split(":").map(Number);
+      const offsetMinutes = sign * (tzH * 60 + tzM);
+      // Convert offset datetime → UTC → local
+      const utc = Date.UTC(year, month, day, hours, minutes, seconds, ms);
+      return new Date(utc - offsetMinutes * 60_000);
+    }
+    return null;
+  },
+  toAttribute(value) {
+    return value?.toISOString() ?? null;
+  }
+};
+
 /** Converts a space-separated attribute in to an array of strings. */
 const spaceSeparatedStringConverter = {
   fromAttribute(value) {
@@ -5054,5 +5154,5 @@ let M3eTextOverflowElement = class M3eTextOverflowElement extends LitElement {
 M3eTextOverflowElement.styles = css`:host { flex: 1 1 auto; display: inline-flex; align-items: center; flex-wrap: nowrap; min-width: 0; } .base { flex: 1 1 auto; display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }`;
 M3eTextOverflowElement = __decorate([customElement("m3e-text-overflow")], M3eTextOverflowElement);
 
-export { ActionElementBase, AnimationLoopController, AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, ReconnectedCallback, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, ScrollLockController, Selected, SuppressInitialAnimation, Touched, VelocityTracker, Vertical, addCustomState, checkOrSelect, computeCssSize, computeLineCount, customElement, debounce, defaultValue, deleteCustomState, focusWhenReady, forcedColorsActive, formValue, generateClipPaths, getTextContent, guid, hasAssignedNodes, hasCustomState, hasKeys, interceptProperty, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, resolveElementById, resolveFragmentUrl, safeStyleMap, scrollIntoViewIfNeeded, setCustomState, spaceSeparatedStringConverter, updateLabels, validate };
+export { ActionElementBase, AnimationLoopController, AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, InertController, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, ReconnectedCallback, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, ScrollLockController, Selected, SuppressInitialAnimation, Touched, VelocityTracker, Vertical, addCustomState, checkOrSelect, computeCssSize, computeLineCount, customElement, dateConverter, debounce, defaultValue, deleteCustomState, focusWhenReady, forcedColorsActive, formValue, generateClipPaths, getTextContent, guid, hasAssignedNodes, hasCustomState, hasKeys, interceptProperty, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, registerStyleSheet, renderPseudoLink, resolveElementById, resolveFragmentUrl, safeStyleMap, scrollIntoViewIfNeeded, setCustomState, spaceSeparatedStringConverter, updateLabels, validate };
 //# sourceMappingURL=core.js.map