rimelight-components 2.1.19 → 2.1.21

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.19",
+  "version": "2.1.21",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.1.19";
+const version = "2.1.21";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

package/dist/runtime/components/app/Footer.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }

package/dist/runtime/components/app/Header.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }

package/dist/runtime/components/app/HeaderLayer.vue

@@ -2,7 +2,7 @@
 import { ref, onMounted, onUnmounted, watch, computed, nextTick } from "vue";
 import { useHeaderStack, useRC } from "../../composables";
 import { useWindowScroll } from "@vueuse/core";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 const { id, order, hideOnScroll = false, rc: rcProp } = defineProps({
   id: { type: String, required: true },
   order: { type: Number, required: false },

package/dist/runtime/components/app/Image.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, reactive, onMounted, useTemplateRef, watch, nextTick } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const {
   src,

package/dist/runtime/components/app/Logo.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useAppConfig } from "nuxt/app";
 import { computed } from "#imports";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { variant = "mark", rc: rcProp } = defineProps({
   variant: { type: String, required: false },

package/dist/runtime/components/app/NewsletterSignup.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const {
   fieldLabel = "Subscribe to our Newsletter",

package/dist/runtime/components/app/ScrollToTop.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, onMounted, onUnmounted, ref } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const {
   circleStrokeWidth = 4,

package/dist/runtime/components/blocks/Block.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { inject, ref } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { id, type, rc: rcProp } = defineProps({
   id: { type: String, required: true },

package/dist/runtime/components/blocks/BlockEditRenderer.vue

@@ -1,7 +1,7 @@
 <script setup>
 import {} from "vue";
 import { getBlockEditorComponent } from "../../internal/blockMapper";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { blocks, rc: rcProp } = defineProps({
   blocks: { type: Array, required: true },

package/dist/runtime/components/blocks/BlockEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { provide } from "vue";
 import { useBlockEditor } from "../../composables";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { historyLimit, rc: rcProp } = defineProps({
   historyLimit: { type: Number, required: false },

package/dist/runtime/components/blocks/BlockViewRenderer.vue

@@ -1,7 +1,7 @@
 <script setup>
 import {} from "vue";
 import { getBlockRendererComponent } from "../../internal/blockMapper";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { blocks, rc: rcProp } = defineProps({
   blocks: { type: Array, required: true },

package/dist/runtime/components/blocks/TextRenderer.vue

@@ -4,7 +4,7 @@ import {
 import TextNode from "../nodes/TextNode.vue";
 import LinkNode from "../nodes/LinkNode.vue";
 import PageMention from "../page/PageMention.vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 defineOptions({
   name: "TextRenderer"

package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { variant, children, to, target, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   variant: { type: String, required: true },

package/dist/runtime/components/blocks/editor/CardBlockEditor.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { title, to, target, children, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   title: { type: String, required: true },

package/dist/runtime/components/blocks/editor/ImageBlockEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, watch, computed } from "vue";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 import {} from "../../../types";
 import { useObjectUrl } from "@vueuse/core";
 const { src, alt, caption, rc: rcProp } = defineProps({

package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { inject, ref, watch, onMounted, nextTick } from "vue";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 import { richTextToHtml, parseHtmlToRichText } from "../../../utils";
 const { id, text, rc: rcProp } = defineProps({
   id: { type: String, required: true },

package/dist/runtime/components/blocks/editor/SectionBlockEditor.vue

@@ -2,8 +2,8 @@
 import { inject, ref, computed, watch } from "vue";
 import {} from "../../../types";
 import {} from "@nuxt/ui/components/Select.vue";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { level, title, description, children, id, rc: rcProp } = defineProps({
   id: { type: String, required: true },
   rc: { type: Object, required: false },

package/dist/runtime/components/blocks/renderer/CalloutBlockRenderer.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { variant, children, to, target, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   variant: { type: String, required: true },

package/dist/runtime/components/blocks/renderer/CardBlockRenderer.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { title, to, target, children, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   title: { type: String, required: true },

package/dist/runtime/components/blocks/renderer/ImageBlockRenderer.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { src, alt, caption, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   src: { type: String, required: true },

package/dist/runtime/components/blocks/renderer/ParagraphBlockRenderer.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { text, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   text: { type: Array, required: true }

package/dist/runtime/components/blocks/renderer/SectionBlockRenderer.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { computed } from "vue";
 import { slugify } from "../../../utils";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { level, title, description, children, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   level: { type: Number, required: true },

package/dist/runtime/components/blocks/renderer/TestBlockRenderer.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { text, rc: rcProp } = defineProps({
   rc: { type: Object, required: false },
   text: { type: String, required: true }

package/dist/runtime/components/cards/TeamCard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { src, alt, name, role, description, rc: rcProp } = defineProps({
   src: { type: String, required: true },

package/dist/runtime/components/content/Callout.vue

@@ -2,7 +2,7 @@
 import { useAppConfig } from "#imports";
 import { computed } from "#imports";
 import { useI18n } from "vue-i18n";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { variant, to, target, rc: rcProp } = defineProps({
   variant: { type: String, required: true },

package/dist/runtime/components/content/Section.vue

@@ -3,9 +3,12 @@ import { useRoute } from "#imports";
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useToast } from "@nuxt/ui/composables";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 import { slugify } from "../../utils";
+defineOptions({
+  name: "SectionComponent"
+});
 const {
   level = 1,
   title,
@@ -121,7 +124,7 @@ const fullSectionUrl = computed(() => {
 
 <template>
   <section :id="sectionId" :class="section({ class: rc.section })" v-bind="$attrs">
-    <component :id="sectionId" :is="`h${level}`" :class="heading({ class: rc.heading })">
+    <component :id="`${sectionId}-heading`" :is="`h${level}`" :class="heading({ class: rc.heading })">
       <NuxtLink
         v-if="!isEditing"
         :href="`#${sectionId}`"

package/dist/runtime/components/content/Test.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { text, rc: rcProp } = defineProps({
   text: { type: String, required: true },

package/dist/runtime/components/nodes/LinkNode.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { href, target, content, rc: rcProp } = defineProps({
   href: { type: String, required: true },

package/dist/runtime/components/nodes/TextNode.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { content, rc: rcProp } = defineProps({
   content: { type: String, required: true },

package/dist/runtime/components/page/PageEditor.vue

@@ -4,7 +4,7 @@ import {} from "../../types";
 import { usePageEditor, usePageRegistry, useRC } from "../../composables";
 import { getLocalizedContent } from "../../utils";
 import { useI18n } from "vue-i18n";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 const {
   isSaving,
   useSurround = false,

package/dist/runtime/components/page/PageMention.vue

@@ -4,7 +4,7 @@ import { getLocalizedContent } from "../../utils";
 import { useI18n } from "vue-i18n";
 import {} from "../../types";
 import { useAsyncData } from "#imports";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { pageId, rc: rcProp } = defineProps({
   pageId: { type: String, required: true },

package/dist/runtime/components/page/PagePropertiesEditor.vue

@@ -5,7 +5,7 @@ import { usePageRegistry, useInfobox, useRC } from "../../composables";
 import { getLocalizedContent } from "../../utils";
 import {} from "@nuxt/ui/components/Tabs.vue";
 import {} from "../../types";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }
 });

package/dist/runtime/components/page/PagePropertiesRenderer.vue

@@ -7,7 +7,7 @@ import {} from "@nuxt/ui/components/Tabs.vue";
 import { useI18n } from "vue-i18n";
 import { useShare, useClipboard } from "@vueuse/core";
 import {} from "../../types";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }
 });

package/dist/runtime/components/page/PageRenderer.vue

@@ -4,7 +4,7 @@ import {} from "../../types";
 import { getLocalizedContent } from "../../utils";
 import { useI18n } from "vue-i18n";
 import { usePageRegistry, useRC } from "../../composables";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 const {
   useSurround = false,
   surroundStatus = "idle",

package/dist/runtime/components/page/PageSurround.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 import { useI18n } from "vue-i18n";
 const {

package/dist/runtime/components/page/PageTOC.vue

@@ -2,7 +2,7 @@
 import { computed, ref, onMounted, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useIntersectionObserver } from "@vueuse/core";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 import { slugify } from "../../utils";
 const props = defineProps({

package/dist/runtime/components/page/modals/CreatePageModal.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { ref, computed, watch } from "vue";
 import {} from "../../../types";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 import { useI18n } from "vue-i18n";
 const { isOpen, loading, definitions, rc: rcProp } = defineProps({
   isOpen: { type: Boolean, required: true },

package/dist/runtime/components/page/modals/DeletePageModal.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
+import { tv } from "../../../internal/tv";
+import { useRC } from "~/src/runtime/composables";
 const { isOpen, loading, pageTitle, rc: rcProp } = defineProps({
   isOpen: { type: Boolean, required: true },
   loading: { type: Boolean, required: false },

package/dist/runtime/components/swatches/ColorSwatch.vue

@@ -2,7 +2,7 @@
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useToast } from "@nuxt/ui/composables";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { name, hex, rgb, hsl, oklch, cmyk, rc: rcProp } = defineProps({
   name: { type: String, required: false },

package/dist/runtime/components/swatches/FontSwatch.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
   name: { type: String, required: false },

package/dist/runtime/components/swatches/ImageSwatch.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed } from "vue";
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { name, jpg, png, webp, svg, rc: rcProp } = defineProps({
   name: { type: String, required: false },

package/dist/runtime/components/utilities/Placeholder.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { tv } from "../../utils/tv";
+import { tv } from "../../internal/tv";
 import { useRC } from "../../composables/useRC";
 const { rc: rcProp } = defineProps({
   rc: { type: Object, required: false }

package/dist/runtime/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./richTextHelpers.js";
 export * from "./page.js";
-export * from "./tv.js";
 /**
  * Converts a string into a URL-friendly slug.
  * - Converts to lowercase.

package/dist/runtime/utils/index.js

@@ -1,6 +1,5 @@
 export * from "./richTextHelpers.js";
 export * from "./page.js";
-export * from "./tv.js";
 export function slugify(text) {
   if (!text) {
     return "";

package/dist/runtime/utils/index.mjs

@@ -1,6 +1,5 @@
 export * from "./richTextHelpers.mjs";
 export * from "./page.mjs";
-export * from "./tv.mjs";
 export function slugify(text) {
   if (!text) {
     return "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.1.19",
+  "version": "2.1.21",
   "description": "A component library by Rimelight Entertainment.",
   "keywords": [
     "nuxt",

package/dist/runtime/components/blocks/editor/TestBlockEditor.d.vue.ts

@@ -1,21 +0,0 @@
-import type { TestBlockProps } from "../../../types/index.js";
-export interface TestBlockEditorProps extends TestBlockProps {
-    id: string;
-    rc?: {
-        input?: string;
-    };
-}
-export interface TestBlockEditorEmits {
-}
-export interface TestBlockEditorSlots {
-}
-type __VLS_Slots = TestBlockEditorSlots;
-declare const __VLS_base: import("vue").DefineComponent<TestBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TestBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/blocks/editor/TestBlockEditor.vue

@@ -1,55 +0,0 @@
-<script setup>
-import { inject, ref, watch } from "vue";
-import { tv } from "../../../utils/tv";
-import { useRC } from "../../../composables/useRC";
-const { text, id, rc: rcProp } = defineProps({
-  id: { type: String, required: true },
-  rc: { type: Object, required: false },
-  text: { type: String, required: true }
-});
-const emit = defineEmits([]);
-const slots = defineSlots();
-const { rc } = useRC("TestBlockEditor", rcProp);
-const testBlockEditorStyles = tv({
-  slots: {
-    input: "w-full"
-  }
-});
-const { input } = testBlockEditorStyles();
-const editorApi = inject("block-editor-api");
-const localText = ref(text);
-const updateLocalText = (e) => {
-  localText.value = e.target.value;
-};
-const commitOnBlur = () => {
-  if (editorApi && id) {
-    if (localText.value !== text) {
-      editorApi.updateBlockProps(id, { text: localText.value });
-    }
-  }
-};
-watch(
-  () => text,
-  (newVal) => {
-    if (newVal !== localText.value) {
-      localText.value = newVal;
-    }
-  },
-  // Ensure the initial state is set correctly
-  { immediate: true }
-);
-</script>
-
-<template>
-  <RCTest :text="localText">
-    <template #content>
-      <UInput
-        :model-value="localText"
-        placeholder="Type here..."
-        @input="updateLocalText"
-        @blur="commitOnBlur"
-        :class="input({ class: rc.input })"
-      />
-    </template>
-  </RCTest>
-</template>

package/dist/runtime/components/blocks/editor/TestBlockEditor.vue.d.ts

@@ -1,21 +0,0 @@
-import type { TestBlockProps } from "../../../types/index.js";
-export interface TestBlockEditorProps extends TestBlockProps {
-    id: string;
-    rc?: {
-        input?: string;
-    };
-}
-export interface TestBlockEditorEmits {
-}
-export interface TestBlockEditorSlots {
-}
-type __VLS_Slots = TestBlockEditorSlots;
-declare const __VLS_base: import("vue").DefineComponent<TestBlockEditorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TestBlockEditorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};