@threadlabs/looma 0.28.7 → 0.28.9

package/vue/UiEditorCodeLanguage.vue

@@ -0,0 +1,156 @@
+<!-- Generated by HTML Next 1.0.0-alpha.51 for Vue 3.5. Do not edit. -->
+<script setup lang="ts">
+import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
+import type { PropType } from 'vue'
+import {
+  checkHydratedRoot,
+  createDispatch,
+  KeyedBoundary,
+  nativeAttrs,
+  uniqueKeys,
+  useComponentHost,
+  useReflectedProp,
+} from './host'
+import { checkedProp, propValidityState, vPropValidity } from './props'
+import UiCombobox from './UiCombobox.vue'
+
+defineOptions({ inheritAttrs: false })
+
+const propValidityContract = {
+  props: {
+    languages: {
+      type: {
+        kind: 'list',
+        item: {
+          kind: 'object',
+          fields: [{ name: 'value', type: { kind: 'terminal', name: 'string' }, optional: false }, {
+            name: 'label',
+            type: { kind: 'terminal', name: 'string' },
+            optional: false,
+          }],
+          open: false,
+        },
+      },
+      required: false,
+      target: { attribute: 'languages' },
+      description:
+        'The languages to offer, in order, each with its label; the editor lists Auto first and marks a saved language it cannot highlight.',
+      default: [],
+    },
+    value: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'value' },
+      description: 'The code block\'s language, or auto to detect it.',
+      default: 'auto',
+    },
+  },
+} as const
+const props = defineProps({
+  languages: {
+    type: null as unknown as PropType<
+      readonly ({ readonly value: string; readonly label: string })[] | null
+    >,
+    default: () => [],
+  },
+  value: { type: null as unknown as PropType<string | null>, default: 'auto' },
+})
+const acceptedProps: Record<string, unknown> = { languages: () => [], value: 'auto' }
+const checkedProps = computed(() => ({
+  languages: checkedProp<readonly ({ readonly value: string; readonly label: string })[]>(
+    props['languages'],
+    {
+      kind: 'list',
+      item: {
+        kind: 'object',
+        fields: [{ name: 'value', type: { kind: 'terminal', name: 'string' }, optional: false }, {
+          name: 'label',
+          type: { kind: 'terminal', name: 'string' },
+          optional: false,
+        }],
+        open: false,
+      },
+    },
+    false,
+    'languages',
+    acceptedProps,
+  ) as readonly ({ readonly value: string; readonly label: string })[],
+  value: checkedProp<string>(
+    props['value'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'value',
+    acceptedProps,
+  ) as string,
+}))
+void checkedProps.value
+watchSyncEffect(() => {
+  void checkedProps.value
+})
+const reflectedProp = useReflectedProp()
+const hydrationInstance = getCurrentInstance()
+const emit = defineEmits<{
+  'update:value': [value: string]
+  language: [event: CustomEvent<{ readonly value: string }>]
+}>()
+
+const root = ref<HTMLElement | null>(null)
+checkHydratedRoot('div', 'ui-editor-code-language')
+
+const isLanguageDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+  && typeof (detail as Record<string, unknown>)['value'] === 'string'
+  && Object.keys(detail as object).every((key) => ['value'].includes(key)))
+const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
+  checks: {
+    language: isLanguageDetail,
+  },
+  modeled: ['value'],
+})
+
+useComponentHost(() => import('../components/ui-editor-code-language/ui-editor-code-language.js'), {
+  root,
+  dispatch,
+  controllerSource: {
+    specifier: '../components/ui-editor-code-language/ui-editor-code-language.js',
+    definition: './components/ui-editor-code-language/ui-editor-code-language.html',
+  },
+  props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['languages', 'value'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
+})
+</script>
+
+<template>
+  <div
+    v-bind="nativeAttrs($attrs)"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
+    :data-languages="reflectedProp('languages', 'languages', checkedProps.languages, undefined, false)"
+    :data-value="reflectedProp('value', 'value', checkedProps.value, undefined, false)"
+    ref="root"
+  >
+    <UiCombobox
+      label="Code language"
+      label-visibility="sr-only"
+      size="sm"
+      filter="label"
+      :disclosure="true"
+      :value="checkedProps.value"
+    ><KeyedBoundary><option
+          v-for="language in uniqueKeys(checkedProps.languages, (language, index, loop) => language.value)"
+          :key="language.value"
+          :value="language.value"
+        >
+          {{ language.label }}
+        </option></KeyedBoundary></UiCombobox>
+  </div>
+</template>

package/vue/UiEditorLinkForm.d.ts

@@ -0,0 +1,165 @@
+import type { PropType } from 'vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    error: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    existing: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mode: {
+        type: PropType<"url" | "target" | null>;
+        default: string;
+    };
+    newTab: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    results: {
+        type: PropType<readonly ({
+            readonly id: string;
+            readonly label: string;
+            readonly detail?: string;
+        })[] | null>;
+        default: () => never[];
+    };
+    searchable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    selected: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    status: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    text: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    textEditable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (event: CustomEvent<Readonly<Record<string, unknown>>>) => any;
+    text: (event: CustomEvent<{
+        readonly text: string;
+    }>) => any;
+    "update:value": (value: string) => any;
+    save: (event: CustomEvent<Readonly<Record<string, unknown>>>) => any;
+    "update:newTab": (value: boolean) => any;
+    "update:text": (value: string) => any;
+    destination: (event: CustomEvent<{
+        readonly value: string;
+    }>) => any;
+    "new-tab": (event: CustomEvent<{
+        readonly newTab: boolean;
+    }>) => any;
+    choose: (event: CustomEvent<{
+        readonly id: string;
+    }>) => any;
+    dismiss: (event: CustomEvent<Readonly<Record<string, unknown>>>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    error: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    existing: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mode: {
+        type: PropType<"url" | "target" | null>;
+        default: string;
+    };
+    newTab: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    results: {
+        type: PropType<readonly ({
+            readonly id: string;
+            readonly label: string;
+            readonly detail?: string;
+        })[] | null>;
+        default: () => never[];
+    };
+    searchable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    selected: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    status: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    text: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    textEditable: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>> & Readonly<{
+    onClear?: ((event: CustomEvent<Readonly<Record<string, unknown>>>) => any) | undefined;
+    onText?: ((event: CustomEvent<{
+        readonly text: string;
+    }>) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onSave?: ((event: CustomEvent<Readonly<Record<string, unknown>>>) => any) | undefined;
+    "onUpdate:newTab"?: ((value: boolean) => any) | undefined;
+    "onUpdate:text"?: ((value: string) => any) | undefined;
+    onDestination?: ((event: CustomEvent<{
+        readonly value: string;
+    }>) => any) | undefined;
+    "onNew-tab"?: ((event: CustomEvent<{
+        readonly newTab: boolean;
+    }>) => any) | undefined;
+    onChoose?: ((event: CustomEvent<{
+        readonly id: string;
+    }>) => any) | undefined;
+    onDismiss?: ((event: CustomEvent<Readonly<Record<string, unknown>>>) => any) | undefined;
+}>, {
+    value: string | null;
+    error: string | null;
+    mode: "url" | "target" | null;
+    text: string | null;
+    selected: string | null;
+    status: string | null;
+    placeholder: string | null;
+    existing: boolean | null;
+    results: readonly {
+        readonly id: string;
+        readonly label: string;
+        readonly detail?: string;
+    }[] | null;
+    searchable: boolean | null;
+    newTab: boolean | null;
+    textEditable: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/vue/UiEditorLinkForm.js

@@ -0,0 +1,2 @@
+import { t as UiEditorLinkForm_default } from "./chunks/UiEditorLinkForm.js";
+export { UiEditorLinkForm_default as default };