@forsakringskassan/docs-live-example 2.4.0 → 2.4.2

package/dist/cjs/index.js

@@ -1644,10 +1644,10 @@ function expandAnimation(element) {
     animation.onfinish = () => {
       onAnimationFinish(false);
     };
-    animation.oncancel = () => {
+    animation.addEventListener("cancel", () => {
       element.classList.remove(ClassNames.COLLAPSING);
       isClosing = false;
-    };
+    });
   }
   function open() {
     let currentHeight = 0;
@@ -1680,10 +1680,10 @@ function expandAnimation(element) {
     animation.onfinish = () => {
       onAnimationFinish(true);
     };
-    animation.oncancel = () => {
+    animation.addEventListener("cancel", () => {
       element.classList.remove(ClassNames.EXPANDING);
       isExpanding = false;
-    };
+    });
   }
   function onAnimationFinish(open2) {
     element.setAttribute("aria-expanded", open2 ? "true" : "false");
@@ -1709,9 +1709,10 @@ function cyrb53(str) {
   let h1 = 3735928559 ^ seed;
   let h2 = 1103547991 ^ seed;
   for (let i = 0, ch; i < str.length; i++) {
-    ch = str.charCodeAt(i);
+    ch = str.codePointAt(i);
     h1 = Math.imul(h1 ^ ch, a);
     h2 = Math.imul(h2 ^ ch, b);
+    i += ch > 65535 ? 2 : 1;
   }
   h1 = Math.imul(h1 ^ h1 >>> 16, c) ^ Math.imul(h2 ^ h2 >>> 13, d);
   h2 = Math.imul(h2 ^ h2 >>> 16, c) ^ Math.imul(h1 ^ h1 >>> 13, d);
@@ -1973,7 +1974,7 @@ async function highlight(code) {
 // src/utils/strip-comments.ts
 function stripComments(html) {
   const commentPattern = /<!--.*?-->/g;
-  return html.replace(commentPattern, "");
+  return html.replaceAll(commentPattern, "");
 }
 
 // src/utils/get-source-code.ts
@@ -1990,7 +1991,7 @@ async function getSourceCode(options) {
 
 // src/utils/to-kebab-case.ts
 function toKebabCase(input) {
-  return input.replace(
+  return input.replaceAll(
     /[A-Z]+(?![a-z])|[A-Z]/g,
     ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
   );
@@ -2099,14 +2100,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       (0, import_vue3.createElementVNode)("div", _hoisted_1, [
         (0, import_vue3.createElementVNode)("button", {
           type: "button",
-          class: "button button--discrete",
+          class: "code-preview__button",
           "aria-controls": $setup.id("code-expand"),
           "aria-expanded": $setup.animation.isOpen ? "true" : "false",
           onClick: $setup.onToggleCode
         }, [
           _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
             "i",
-            { class: "icon icon--code" },
+            { class: "docs-icon icon--code" },
             null,
             -1
             /* CACHED */
@@ -2408,7 +2409,7 @@ LiveExample_default.__file = "src/LiveExample.vue";
 var LiveExample_default2 = LiveExample_default;
 
 // src/create-element.ts
-var voidElements = [
+var voidElements = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -2423,7 +2424,7 @@ var voidElements = [
   "source",
   "track",
   "wbr"
-];
+]);
 function unpackArgs(args) {
   if (args.length === 0) {
     return { attributes: {}, children: [] };
@@ -2466,9 +2467,9 @@ function serializeAttribute(key, value, prefix = "") {
   if (typeof value === "boolean") {
     return value ? `${prefix}${key}` : [];
   }
-  return Object.entries(value).map(([nestedKey, value2]) => {
+  return Object.entries(value).flatMap(([nestedKey, value2]) => {
     return serializeAttribute(nestedKey, value2, `${prefix}${key}-`);
-  }).flat().filter(Boolean);
+  }).filter(Boolean);
 }
 function serializeAttributes(attrs) {
   const entries = Object.entries(attrs);
@@ -2485,7 +2486,7 @@ function serializeAttributes(attrs) {
 function createElement(tagName, ...args) {
   const { attributes, children } = unpackArgs(args);
   const attrs = serializeAttributes(attributes);
-  if (voidElements.includes(tagName)) {
+  if (voidElements.has(tagName)) {
     return `<${tagName}${attrs}>`;
   } else {
     const content = serializeChildren(children);

package/dist/esm/index.js

@@ -1630,10 +1630,10 @@ function expandAnimation(element) {
     animation.onfinish = () => {
       onAnimationFinish(false);
     };
-    animation.oncancel = () => {
+    animation.addEventListener("cancel", () => {
       element.classList.remove(ClassNames.COLLAPSING);
       isClosing = false;
-    };
+    });
   }
   function open() {
     let currentHeight = 0;
@@ -1666,10 +1666,10 @@ function expandAnimation(element) {
     animation.onfinish = () => {
       onAnimationFinish(true);
     };
-    animation.oncancel = () => {
+    animation.addEventListener("cancel", () => {
       element.classList.remove(ClassNames.EXPANDING);
       isExpanding = false;
-    };
+    });
   }
   function onAnimationFinish(open2) {
     element.setAttribute("aria-expanded", open2 ? "true" : "false");
@@ -1695,9 +1695,10 @@ function cyrb53(str) {
   let h1 = 3735928559 ^ seed;
   let h2 = 1103547991 ^ seed;
   for (let i = 0, ch; i < str.length; i++) {
-    ch = str.charCodeAt(i);
+    ch = str.codePointAt(i);
     h1 = Math.imul(h1 ^ ch, a);
     h2 = Math.imul(h2 ^ ch, b);
+    i += ch > 65535 ? 2 : 1;
   }
   h1 = Math.imul(h1 ^ h1 >>> 16, c) ^ Math.imul(h2 ^ h2 >>> 13, d);
   h2 = Math.imul(h2 ^ h2 >>> 16, c) ^ Math.imul(h1 ^ h1 >>> 13, d);
@@ -1959,7 +1960,7 @@ async function highlight(code) {
 // src/utils/strip-comments.ts
 function stripComments(html) {
   const commentPattern = /<!--.*?-->/g;
-  return html.replace(commentPattern, "");
+  return html.replaceAll(commentPattern, "");
 }
 
 // src/utils/get-source-code.ts
@@ -1976,7 +1977,7 @@ async function getSourceCode(options) {
 
 // src/utils/to-kebab-case.ts
 function toKebabCase(input) {
-  return input.replace(
+  return input.replaceAll(
     /[A-Z]+(?![a-z])|[A-Z]/g,
     ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
   );
@@ -2085,14 +2086,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _createElementVNode("div", _hoisted_1, [
         _createElementVNode("button", {
           type: "button",
-          class: "button button--discrete",
+          class: "code-preview__button",
           "aria-controls": $setup.id("code-expand"),
           "aria-expanded": $setup.animation.isOpen ? "true" : "false",
           onClick: $setup.onToggleCode
         }, [
           _cache[2] || (_cache[2] = _createElementVNode(
             "i",
-            { class: "icon icon--code" },
+            { class: "docs-icon icon--code" },
             null,
             -1
             /* CACHED */
@@ -2394,7 +2395,7 @@ LiveExample_default.__file = "src/LiveExample.vue";
 var LiveExample_default2 = LiveExample_default;
 
 // src/create-element.ts
-var voidElements = [
+var voidElements = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -2409,7 +2410,7 @@ var voidElements = [
   "source",
   "track",
   "wbr"
-];
+]);
 function unpackArgs(args) {
   if (args.length === 0) {
     return { attributes: {}, children: [] };
@@ -2452,9 +2453,9 @@ function serializeAttribute(key, value, prefix = "") {
   if (typeof value === "boolean") {
     return value ? `${prefix}${key}` : [];
   }
-  return Object.entries(value).map(([nestedKey, value2]) => {
+  return Object.entries(value).flatMap(([nestedKey, value2]) => {
     return serializeAttribute(nestedKey, value2, `${prefix}${key}-`);
-  }).flat().filter(Boolean);
+  }).filter(Boolean);
 }
 function serializeAttributes(attrs) {
   const entries = Object.entries(attrs);
@@ -2471,7 +2472,7 @@ function serializeAttributes(attrs) {
 function createElement(tagName, ...args) {
   const { attributes, children } = unpackArgs(args);
   const attrs = serializeAttributes(attributes);
-  if (voidElements.includes(tagName)) {
+  if (voidElements.has(tagName)) {
     return `<${tagName}${attrs}>`;
   } else {
     const content = serializeChildren(children);

package/dist/main.css

@@ -25,7 +25,7 @@
   grid-template-areas: "example" "controls" "code";
 }
 @container example-container (width >= 43.0379746835rem) {
-  :not(.live-example__container--single-column) {
+  .live-example__container:not(.live-example__container--single-column) {
     grid-template-columns: 1fr var(--live-example-controls-width);
     grid-template-areas: "example controls" "code code";
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/docs-live-example",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "Components used for live examples",
   "keywords": [
     "documentation"