@m3e/core 1.0.5 → 1.0.6

package/dist/custom-elements.json

@@ -5331,6 +5331,56 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/decorators/debounce.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "debounce",
+          "return": {
+            "type": {
+              "text": "MethodDecorator"
+            }
+          },
+          "parameters": [
+            {
+              "name": "timeout",
+              "type": {
+                "text": "number"
+              },
+              "description": "The timeout, in milliseconds, after which the function is invoked."
+            }
+          ],
+          "description": "A decorator that runs a function once after a given \"cooldown\" period."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "debounce",
+          "declaration": {
+            "name": "debounce",
+            "module": "src/shared/decorators/debounce.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/decorators/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./debounce\""
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/controllers/FocusController.ts",
@@ -8245,124 +8295,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/decorators/debounce.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "debounce",
-          "return": {
-            "type": {
-              "text": "MethodDecorator"
-            }
-          },
-          "parameters": [
-            {
-              "name": "timeout",
-              "type": {
-                "text": "number"
-              },
-              "description": "The timeout, in milliseconds, after which the function is invoked."
-            }
-          ],
-          "description": "A decorator that runs a function once after a given \"cooldown\" period."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "debounce",
-          "declaration": {
-            "name": "debounce",
-            "module": "src/shared/decorators/debounce.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/decorators/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "\"./debounce\""
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/directives/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "\"./safeStyleMap\""
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/directives/safeStyleMap.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SafeStyleMapDirective",
-          "members": [
-            {
-              "kind": "field",
-              "name": "_previousStyleProperties",
-              "type": {
-                "text": "Set<string> | undefined"
-              },
-              "privacy": "private"
-            }
-          ],
-          "superclass": {
-            "name": "Directive",
-            "package": "lit/directive.js"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "safeStyleMap",
-          "description": "A directive that applies CSS properties to an element.\r\n\r\n`safeStyleMap` can only be used in the `style` attribute and must be the only\r\nexpression in the attribute. It takes the property names in the\r\nStyleInfostyleInfo object and adds the properties to the inline\r\nstyle of the element.\r\n\r\nProperty names with dashes (`-`) are assumed to be valid CSS\r\nproperty names and set on the element's style object using `setProperty()`.\r\nNames without dashes are assumed to be camelCased JavaScript property names\r\nand set on the element's style object using property assignment, allowing the\r\nstyle object to translate JavaScript-style names to CSS property names.\r\n\r\nFor example `safeStyleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\r\n'0'})` sets the `background-color`, `border-top` and `--size` properties.",
-          "parameters": [
-            {
-              "name": "styleInfo"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "safeStyleMap",
-          "declaration": {
-            "name": "safeStyleMap",
-            "module": "src/shared/directives/safeStyleMap.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SafeStyleMapDirective",
-          "declaration": {
-            "name": "SafeStyleMapDirective",
-            "module": "src/shared/directives/safeStyleMap.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/shared/mixins/AttachInternals.ts",
@@ -10905,6 +10837,74 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/directives/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./safeStyleMap\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/directives/safeStyleMap.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SafeStyleMapDirective",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_previousStyleProperties",
+              "type": {
+                "text": "Set<string> | undefined"
+              },
+              "privacy": "private"
+            }
+          ],
+          "superclass": {
+            "name": "Directive",
+            "package": "lit/directive.js"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "safeStyleMap",
+          "description": "A directive that applies CSS properties to an element.\r\n\r\n`safeStyleMap` can only be used in the `style` attribute and must be the only\r\nexpression in the attribute. It takes the property names in the\r\nStyleInfostyleInfo object and adds the properties to the inline\r\nstyle of the element.\r\n\r\nProperty names with dashes (`-`) are assumed to be valid CSS\r\nproperty names and set on the element's style object using `setProperty()`.\r\nNames without dashes are assumed to be camelCased JavaScript property names\r\nand set on the element's style object using property assignment, allowing the\r\nstyle object to translate JavaScript-style names to CSS property names.\r\n\r\nFor example `safeStyleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\r\n'0'})` sets the `background-color`, `border-top` and `--size` properties.",
+          "parameters": [
+            {
+              "name": "styleInfo"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "safeStyleMap",
+          "declaration": {
+            "name": "safeStyleMap",
+            "module": "src/shared/directives/safeStyleMap.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SafeStyleMapDirective",
+          "declaration": {
+            "name": "SafeStyleMapDirective",
+            "module": "src/shared/directives/safeStyleMap.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/primitives/CollapsibleElement.ts",
@@ -13524,6 +13524,32 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/utils/forcedColorsActive.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "forcedColorsActive",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "description": "Determines whether forced colors are active."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "forcedColorsActive",
+          "declaration": {
+            "name": "forcedColorsActive",
+            "module": "src/shared/utils/forcedColorsActive.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/shared/utils/getTextContent.ts",
@@ -13634,6 +13660,14 @@
       "path": "src/shared/utils/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./forcedColorsActive\""
+          }
+        },
         {
           "kind": "js",
           "name": "*",

package/dist/index.js

@@ -112,6 +112,88 @@ class MonitorControllerBase {
 }
 _MonitorControllerBase_host = new WeakMap(), _MonitorControllerBase_target = new WeakMap(), _MonitorControllerBase_targets = new WeakMap();
 
+/**
+ * Determines whether forced colors are active.
+ * @returns {boolean} Whether forced colors are active.
+ */
+function forcedColorsActive() {
+    return !isServer && matchMedia("(forced-colors: active)").matches;
+}
+
+/**
+ * Gets the text content of a given node, including slotted content.
+ * @param {Node} node The node for which to get text content.
+ * @param {boolean} [trim = false] A value indicating whether to trim content.
+ * @returns {string} The text content of `node`.
+ */
+function getTextContent(node, trim = false) {
+    let textContent = "";
+    switch (node.nodeType) {
+        case Node.TEXT_NODE:
+            textContent = node.nodeValue ?? "";
+            break;
+        case Node.ELEMENT_NODE:
+            if (node instanceof HTMLSlotElement) {
+                for (const assignedNode of node.assignedNodes({ flatten: true })) {
+                    textContent += getTextContent(assignedNode, trim);
+                }
+            }
+            else {
+                for (const child of node.childNodes) {
+                    textContent += getTextContent(child, trim);
+                }
+            }
+            break;
+    }
+    if (trim) {
+        textContent = textContent.trim();
+    }
+    return textContent;
+}
+
+/**
+ * Generates a new globally unique identifier (GUID).
+ * @returns {string} A new globally unique identifier.
+ */
+function guid() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+
+/**
+ * Determines whether a slot has any assigned nodes.
+ * @param {HTMLSlotElement} slot The slot to test.
+ * @returns {boolean} Whether `slot` has any assigned nodes.
+ */
+function hasAssignedNodes(slot) {
+    return slot.assignedNodes({ flatten: true }).length > 0;
+}
+
+/**
+ * Determines whether reduced motion is preferred.
+ * @returns {boolean} Whether reduced motion is preferred.
+ */
+function prefersReducedMotion() {
+    return isServer || matchMedia("(prefers-reduced-motion)").matches;
+}
+
+/**
+ * If needed, scrolls an element into view within a given scroll container.
+ * @param {HTMLElement} element The element to scroll into view.
+ * @param {HTMLElement} scrollContainer The scrollable container.
+ * @param {ScrollIntoViewOptions} [options=undefined] Options used to scroll into view.
+ */
+function scrollIntoViewIfNeeded(element, scrollContainer, options) {
+    const containerBounds = scrollContainer.getBoundingClientRect();
+    const elementBounds = element.getBoundingClientRect();
+    if (elementBounds.top < containerBounds.top || elementBounds.bottom > containerBounds.bottom) {
+        element.scrollIntoView(options);
+    }
+}
+
 var _FocusController_instances, _FocusController_callback, _FocusController_focusInHandler, _FocusController_focusOutHandler, _FocusController_handleFocusIn, _FocusController_handleFocusOut;
 /** A `ReactiveController` used to monitor the focused state of one or more elements. */
 class FocusController extends MonitorControllerBase {
@@ -149,7 +231,7 @@ class FocusController extends MonitorControllerBase {
 }
 _FocusController_callback = new WeakMap(), _FocusController_focusInHandler = new WeakMap(), _FocusController_focusOutHandler = new WeakMap(), _FocusController_instances = new WeakSet(), _FocusController_handleFocusIn = function _FocusController_handleFocusIn(e) {
     const target = e.target;
-    __classPrivateFieldGet(this, _FocusController_callback, "f").call(this, true, target.matches(":focus-visible") || matchMedia("(forced-colors: active)").matches, target);
+    __classPrivateFieldGet(this, _FocusController_callback, "f").call(this, true, target.matches(":focus-visible") || forcedColorsActive(), target);
 }, _FocusController_handleFocusOut = function _FocusController_handleFocusOut(e) {
     __classPrivateFieldGet(this, _FocusController_callback, "f").call(this, false, false, e.target);
 };
@@ -2896,80 +2978,6 @@ function Vertical(base) {
     return _VerticalMixin;
 }
 
-/**
- * Gets the text content of a given node, including slotted content.
- * @param {Node} node The node for which to get text content.
- * @param {boolean} [trim = false] A value indicating whether to trim content.
- * @returns {string} The text content of `node`.
- */
-function getTextContent(node, trim = false) {
-    let textContent = "";
-    switch (node.nodeType) {
-        case Node.TEXT_NODE:
-            textContent = node.nodeValue ?? "";
-            break;
-        case Node.ELEMENT_NODE:
-            if (node instanceof HTMLSlotElement) {
-                for (const assignedNode of node.assignedNodes({ flatten: true })) {
-                    textContent += getTextContent(assignedNode, trim);
-                }
-            }
-            else {
-                for (const child of node.childNodes) {
-                    textContent += getTextContent(child, trim);
-                }
-            }
-            break;
-    }
-    if (trim) {
-        textContent = textContent.trim();
-    }
-    return textContent;
-}
-
-/**
- * Generates a new globally unique identifier (GUID).
- * @returns {string} A new globally unique identifier.
- */
-function guid() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-        const r = (Math.random() * 16) | 0;
-        const v = c === "x" ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-    });
-}
-
-/**
- * Determines whether a slot has any assigned nodes.
- * @param {HTMLSlotElement} slot The slot to test.
- * @returns {boolean} Whether `slot` has any assigned nodes.
- */
-function hasAssignedNodes(slot) {
-    return slot.assignedNodes({ flatten: true }).length > 0;
-}
-
-/**
- * Determines whether reduced motion is preferred.
- * @returns {boolean} Whether reduced motion is preferred.
- */
-function prefersReducedMotion() {
-    return isServer || matchMedia("(prefers-reduced-motion)").matches;
-}
-
-/**
- * If needed, scrolls an element into view within a given scroll container.
- * @param {HTMLElement} element The element to scroll into view.
- * @param {HTMLElement} scrollContainer The scrollable container.
- * @param {ScrollIntoViewOptions} [options=undefined] Options used to scroll into view.
- */
-function scrollIntoViewIfNeeded(element, scrollContainer, options) {
-    const containerBounds = scrollContainer.getBoundingClientRect();
-    const elementBounds = element.getBoundingClientRect();
-    if (elementBounds.top < containerBounds.top || elementBounds.bottom > containerBounds.bottom) {
-        element.scrollIntoView(options);
-    }
-}
-
 /* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */
 var _M3eCollapsibleElement_instances, _M3eCollapsibleElement_slotChanged, _M3eCollapsibleElement_hasOpened, _M3eCollapsibleElement_handleSlotChange, _M3eCollapsibleElement_autoSize, _M3eCollapsibleElement_clearSize, _M3eCollapsibleElement_actualSize;
 /**
@@ -4756,5 +4764,5 @@ M3eTextHighlightElement = M3eTextHighlightElement_1 = __decorate([
     t$2("m3e-text-highlight")
 ], M3eTextHighlightElement);
 
-export { 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, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, Selected, Touched, Vertical, checkOrSelect, debounce, defaultValue, formValue, getTextContent, guid, hasAssignedNodes, hasKeys, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, safeStyleMap, scrollIntoViewIfNeeded, updateLabels, validate };
+export { 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, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, Selected, Touched, Vertical, checkOrSelect, debounce, defaultValue, forcedColorsActive, formValue, getTextContent, guid, hasAssignedNodes, hasKeys, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, safeStyleMap, scrollIntoViewIfNeeded, updateLabels, validate };
 //# sourceMappingURL=index.js.map