@codeandfunction/callaloo 1.3.3 → 1.3.5

package/dist/index.umd.cjs

@@ -1318,97 +1318,54 @@
   });
 
   const prefix$g = "clll-heading";
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...{
-      inheritAttrs: false
-    },
-    __name: "Heading",
+  const _sfc_main$l = {
     props: {
-      type: { default: HeadingTypes.Title },
-      theme: { default: Themes.Dark },
-      align: { default: Align.Left },
-      level: {}
+      type: {
+        type: String,
+        default: HeadingTypes.Title
+      },
+      theme: {
+        type: String,
+        default: Themes.Dark
+      },
+      align: {
+        type: String,
+        default: Align.Left
+      },
+      level: {
+        type: String
+      }
     },
-    setup(__props) {
-      const props = __props;
-      const getClass = () => {
-        return [
-          prefix$g,
-          `${prefix$g}--${props.type}`,
-          `${prefix$g}--${props.theme}`,
-          `${prefix$g}--${props.align}`
-        ];
-      };
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          !_ctx.level ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.type === vue.unref(HeadingTypes).PageTitle ? (vue.openBlock(), vue.createElementBlock("h1", {
-              key: 0,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.type === vue.unref(HeadingTypes).Title ? (vue.openBlock(), vue.createElementBlock("h1", {
-              key: 1,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.type === vue.unref(HeadingTypes).Section ? (vue.openBlock(), vue.createElementBlock("h2", {
-              key: 2,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.type === vue.unref(HeadingTypes).SubSection ? (vue.openBlock(), vue.createElementBlock("h3", {
-              key: 3,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 64)) : vue.createCommentVNode("", true),
-          _ctx.level ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            _ctx.level === vue.unref(HeadingLevels).H1 ? (vue.openBlock(), vue.createElementBlock("h1", {
-              key: 0,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.level === vue.unref(HeadingLevels).H2 ? (vue.openBlock(), vue.createElementBlock("h2", {
-              key: 1,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.level === vue.unref(HeadingLevels).H3 ? (vue.openBlock(), vue.createElementBlock("h3", {
-              key: 2,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.level === vue.unref(HeadingLevels).H4 ? (vue.openBlock(), vue.createElementBlock("h4", {
-              key: 3,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.level === vue.unref(HeadingLevels).H5 ? (vue.openBlock(), vue.createElementBlock("h5", {
-              key: 4,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true),
-            _ctx.level === vue.unref(HeadingLevels).H6 ? (vue.openBlock(), vue.createElementBlock("h6", {
-              key: 5,
-              class: vue.normalizeClass(getClass())
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)) : vue.createCommentVNode("", true)
-          ], 64)) : vue.createCommentVNode("", true)
-        ], 64);
+    setup(props, { slots }) {
+      const getLevel = () => {
+        if (props.level) return props.level;
+        switch (props.type) {
+          case HeadingTypes.Section:
+            return HeadingLevels.H2;
+          case HeadingTypes.SubSection:
+            return HeadingLevels.H3;
+          case HeadingTypes.PageTitle:
+          case HeadingTypes.Title:
+          default:
+            return HeadingLevels.H1;
+        }
       };
+      return () => vue.h(
+        getLevel(),
+        {
+          class: [
+            prefix$g,
+            `${prefix$g}--${props.type}`,
+            `${prefix$g}--${props.theme}`,
+            `${prefix$g}--${props.align}`
+          ]
+        },
+        {
+          default: () => slots?.["default"] && slots?.["default"]()
+        }
+      );
     }
-  });
+  };
 
   const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
   const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
@@ -4394,35 +4351,47 @@
   });
 
   const prefix$1 = "clll-text";
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    __name: "Text",
+  const _sfc_main$2 = {
     props: {
-      type: { default: TextTypes.Body },
-      theme: { default: Themes.Dark },
-      truncate: { type: Boolean, default: false },
-      label: { type: Boolean, default: false },
-      as: { default: "p" }
+      type: {
+        type: String,
+        default: TextTypes.Body
+      },
+      theme: {
+        type: String,
+        default: Themes.Dark
+      },
+      truncate: {
+        type: Boolean,
+        default: false
+      },
+      label: {
+        type: Boolean,
+        default: false
+      },
+      as: {
+        type: String,
+        default: "p"
+      }
     },
-    setup(__props) {
-      return (_ctx, _cache) => {
-        const _component_as = vue.resolveComponent("as");
-        return vue.openBlock(), vue.createBlock(_component_as, {
-          class: vue.normalizeClass([
+    setup(props, { slots }) {
+      return () => vue.h(
+        props.as,
+        {
+          class: [
             prefix$1,
-            `${prefix$1}--${_ctx.type}`,
-            `${prefix$1}--${_ctx.theme}`,
-            `${prefix$1}--${_ctx.truncate ? "wrap" : "nowrap"}`,
-            _ctx.label ? `${prefix$1}--label` : ""
-          ])
-        }, {
-          default: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class"]);
-      };
+            `${prefix$1}--${props.type}`,
+            `${prefix$1}--${props.theme}`,
+            `${prefix$1}--${props.truncate ? "wrap" : "nowrap"}`,
+            props.label ? `${prefix$1}--label` : ""
+          ]
+        },
+        {
+          default: () => slots?.["default"] && slots?.["default"]()
+        }
+      );
     }
-  });
+  };
 
   const _hoisted_1 = ["for"];
   const _hoisted_2 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "rows", "value"];

package/package.json

@@ -5,7 +5,7 @@
     "name": "Anthony Cholmondeley",
     "url": "https://callaloo.codeandfunction.com"
   },
-  "version": "1.3.3",
+  "version": "1.3.5",
   "license": "MIT",
   "type": "module",
   "scripts": {