@forsakringskassan/docs-live-example 2.0.0 → 2.1.0

package/dist/LiveExample.vue.d.ts

@@ -105,7 +105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<"vue" | "html">;
             required: true;
         };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         element: {
             type: {
                 new (): HTMLElement;

package/dist/LiveExampleSourcecode.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<"vue" | "html">;
         required: true;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element: {
         type: {
             new (): HTMLElement;

package/dist/cjs/index.js

@@ -1988,6 +1988,14 @@ async function getSourceCode(options) {
   }
 }
 
+// src/utils/to-kebab-case.ts
+function toKebabCase(input) {
+  return input.replace(
+    /[A-Z]+(?![a-z])|[A-Z]/g,
+    ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
+  );
+}
+
 // sfc-script:/home/runner/work/docs-live-example/docs-live-example/src/LiveExampleSourcecode.vue?type=script
 var LiveExampleSourcecode_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
   __name: "LiveExampleSourcecode",
@@ -2110,7 +2118,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             { class: "icon icon--code" },
             null,
             -1
-            /* HOISTED */
+            /* CACHED */
           )),
           (0, import_vue3.createTextVNode)(
             " " + (0, import_vue3.toDisplayString)($setup.codeToggleText),
@@ -2132,7 +2140,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               { class: "label fieldset__label" },
               "Kodspr\xE5k",
               -1
-              /* HOISTED */
+              /* CACHED */
             )),
             (0, import_vue3.createElementVNode)("div", _hoisted_6, [
               $props.templateLanguage === "vue" ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_7, [
@@ -2365,7 +2373,7 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
             null,
             "Unknown language, cannot render example",
             -1
-            /* HOISTED */
+            /* CACHED */
           )
         ])))
       ],
@@ -2455,7 +2463,9 @@ function serializeAttribute(key, value, prefix = "") {
 }
 function serializeAttributes(attrs) {
   const entries = Object.entries(attrs);
-  const kv = entries.map(([key, value]) => serializeAttribute(key, value));
+  const kv = entries.map(
+    ([key, value]) => serializeAttribute(toKebabCase(key), value)
+  );
   const flat = kv.flat();
   if (flat.length > 0) {
     return ` ${kv.flat().join(" ")}`;

package/dist/esm/index.js

@@ -1974,6 +1974,14 @@ async function getSourceCode(options) {
   }
 }
 
+// src/utils/to-kebab-case.ts
+function toKebabCase(input) {
+  return input.replace(
+    /[A-Z]+(?![a-z])|[A-Z]/g,
+    ($, ofs) => (ofs ? "-" : "") + $.toLowerCase()
+  );
+}
+
 // sfc-script:/home/runner/work/docs-live-example/docs-live-example/src/LiveExampleSourcecode.vue?type=script
 var LiveExampleSourcecode_default = /* @__PURE__ */ _defineComponent({
   __name: "LiveExampleSourcecode",
@@ -2096,7 +2104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             { class: "icon icon--code" },
             null,
             -1
-            /* HOISTED */
+            /* CACHED */
           )),
           _createTextVNode(
             " " + _toDisplayString($setup.codeToggleText),
@@ -2118,7 +2126,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               { class: "label fieldset__label" },
               "Kodspr\xE5k",
               -1
-              /* HOISTED */
+              /* CACHED */
             )),
             _createElementVNode("div", _hoisted_6, [
               $props.templateLanguage === "vue" ? (_openBlock(), _createElementBlock("div", _hoisted_7, [
@@ -2351,7 +2359,7 @@ function render2(_ctx, _cache, $props, $setup, $data, $options) {
             null,
             "Unknown language, cannot render example",
             -1
-            /* HOISTED */
+            /* CACHED */
           )
         ])))
       ],
@@ -2441,7 +2449,9 @@ function serializeAttribute(key, value, prefix = "") {
 }
 function serializeAttributes(attrs) {
   const entries = Object.entries(attrs);
-  const kv = entries.map(([key, value]) => serializeAttribute(key, value));
+  const kv = entries.map(
+    ([key, value]) => serializeAttribute(toKebabCase(key), value)
+  );
   const flat = kv.flat();
   if (flat.length > 0) {
     return ` ${kv.flat().join(" ")}`;

package/dist/utils/index.d.ts

@@ -2,3 +2,4 @@ export { generateId } from "./generate-id";
 export { getSourceCode } from "./get-source-code";
 export { highlight } from "./highlight";
 export { stripComments } from "./strip-comments";
+export { toKebabCase } from "./to-kebab-case";

package/dist/utils/to-kebab-case.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export declare function toKebabCase(input: string): string;

package/package.json

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