@limetech/kompendium 1.1.1

package/dist/esm/anchor-scroll-BAGXN2n6.js

@@ -0,0 +1,65 @@
+/**
+ * Utility functions for handling anchor link scrolling in shadow DOM components.
+ */
+/**
+ * Get the current route from the URL hash (without the leading #).
+ *
+ * For hash-based routing where the entire hash is the route.
+ * Example: "#/component/limel-button/examples/" → "/component/limel-button/examples/"
+ * @returns {string} The route extracted from the URL hash
+ */
+function getRoute() {
+    return window.location.hash.substring(1);
+}
+/**
+ * Extract the anchor ID from the current URL hash.
+ *
+ * Handles both simple anchors (#section) and route-based anchors (#/guide/page#section).
+ * Returns null if no valid anchor is found.
+ *
+ * Example: "#/guide/changelog#v2-features" → "v2-features"
+ * @returns {string | null} The anchor ID or null if not found
+ */
+function getAnchorId() {
+    const hash = window.location.hash;
+    if (!hash) {
+        return null;
+    }
+    // Match the last #fragment in the hash
+    // This handles both "#section" and "#/route/path#section"
+    const anchorMatch = hash.match(/#([^#]+)$/);
+    return anchorMatch ? anchorMatch[1] : null;
+}
+/**
+ * Scroll to an anchor element within a shadow root.
+ *
+ * Uses requestAnimationFrame to ensure the DOM is ready before scrolling.
+ * @param {ShadowRoot} shadowRoot - The shadow root to search for the element
+ * @param {ScrollBehavior} behavior - Scroll behavior ('auto' or 'smooth')
+ */
+function scrollToAnchor(shadowRoot, behavior = 'auto') {
+    const anchorId = getAnchorId();
+    if (!anchorId) {
+        return;
+    }
+    requestAnimationFrame(() => {
+        scrollToElement(shadowRoot, anchorId, behavior);
+    });
+}
+/**
+ * Scroll to a specific element by ID within a shadow root.
+ * @param {ShadowRoot} shadowRoot - The shadow root to search for the element
+ * @param {string} id - The element ID to scroll to
+ * @param {ScrollBehavior} behavior - Scroll behavior ('auto' or 'smooth')
+ */
+function scrollToElement(shadowRoot, id, behavior = 'auto') {
+    const element = shadowRoot.getElementById(id);
+    if (element) {
+        element.scrollIntoView({ behavior: behavior });
+    }
+}
+
+export { scrollToAnchor as a, getRoute as g, scrollToElement as s };
+//# sourceMappingURL=anchor-scroll-BAGXN2n6.js.map
+
+//# sourceMappingURL=anchor-scroll-BAGXN2n6.js.map

package/dist/esm/anchor-scroll-BAGXN2n6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-scroll-BAGXN2n6.js","sources":["src/components/anchor-scroll.ts"],"sourcesContent":["/**\n * Utility functions for handling anchor link scrolling in shadow DOM components.\n */\n\n/**\n * Get the current route from the URL hash (without the leading #).\n *\n * For hash-based routing where the entire hash is the route.\n * Example: \"#/component/limel-button/examples/\" → \"/component/limel-button/examples/\"\n * @returns {string} The route extracted from the URL hash\n */\nexport function getRoute(): string {\n    return window.location.hash.substring(1);\n}\n\n/**\n * Extract the anchor ID from the current URL hash.\n *\n * Handles both simple anchors (#section) and route-based anchors (#/guide/page#section).\n * Returns null if no valid anchor is found.\n *\n * Example: \"#/guide/changelog#v2-features\" → \"v2-features\"\n * @returns {string | null} The anchor ID or null if not found\n */\nexport function getAnchorId(): string | null {\n    const hash = window.location.hash;\n    if (!hash) {\n        return null;\n    }\n\n    // Match the last #fragment in the hash\n    // This handles both \"#section\" and \"#/route/path#section\"\n    const anchorMatch = hash.match(/#([^#]+)$/);\n\n    return anchorMatch ? anchorMatch[1] : null;\n}\n\n/**\n * Scroll to an anchor element within a shadow root.\n *\n * Uses requestAnimationFrame to ensure the DOM is ready before scrolling.\n * @param {ShadowRoot} shadowRoot - The shadow root to search for the element\n * @param {ScrollBehavior} behavior - Scroll behavior ('auto' or 'smooth')\n */\nexport function scrollToAnchor(\n    shadowRoot: ShadowRoot,\n    behavior: ScrollBehavior = 'auto',\n): void {\n    const anchorId = getAnchorId();\n    if (!anchorId) {\n        return;\n    }\n\n    requestAnimationFrame(() => {\n        scrollToElement(shadowRoot, anchorId, behavior);\n    });\n}\n\n/**\n * Scroll to a specific element by ID within a shadow root.\n * @param {ShadowRoot} shadowRoot - The shadow root to search for the element\n * @param {string} id - The element ID to scroll to\n * @param {ScrollBehavior} behavior - Scroll behavior ('auto' or 'smooth')\n */\nexport function scrollToElement(\n    shadowRoot: ShadowRoot,\n    id: string,\n    behavior: ScrollBehavior = 'auto',\n): void {\n    const element = shadowRoot.getElementById(id);\n    if (element) {\n        element.scrollIntoView({ behavior: behavior });\n    }\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;;;;AAMG;SACa,QAAQ,GAAA;IACpB,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5C;AAEA;;;;;;;;AAQG;SACa,WAAW,GAAA;AACvB,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;IACjC,IAAI,CAAC,IAAI,EAAE;AACP,QAAA,OAAO,IAAI;;;;IAKf,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;AAE3C,IAAA,OAAO,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI;AAC9C;AAEA;;;;;;AAMG;SACa,cAAc,CAC1B,UAAsB,EACtB,WAA2B,MAAM,EAAA;AAEjC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;IAC9B,IAAI,CAAC,QAAQ,EAAE;QACX;;IAGJ,qBAAqB,CAAC,MAAK;AACvB,QAAA,eAAe,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACnD,KAAC,CAAC;AACN;AAEA;;;;;AAKG;AACG,SAAU,eAAe,CAC3B,UAAsB,EACtB,EAAU,EACV,WAA2B,MAAM,EAAA;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC;IAC7C,IAAI,OAAO,EAAE;QACT,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;AAEtD;;;;"}