@threadlabs/looma 0.23.10 → 0.23.12

package/vue/UiCombobox.d.ts

@@ -22,6 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<boolean | null>;
         default: boolean;
     };
+    autoHighlight: {
+        type: PropType<"none" | "single" | null>;
+        default: string;
+    };
     clearable: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -102,6 +106,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<boolean | null>;
         default: boolean;
     };
+    selectOnTab: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     selectedValues: {
         type: PropType<readonly (string)[] | null>;
         default: null;
@@ -275,6 +283,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<boolean | null>;
         default: boolean;
     };
+    autoHighlight: {
+        type: PropType<"none" | "single" | null>;
+        default: string;
+    };
     clearable: {
         type: PropType<boolean | null>;
         default: boolean;
@@ -355,6 +367,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<boolean | null>;
         default: boolean;
     };
+    selectOnTab: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
     selectedValues: {
         type: PropType<readonly (string)[] | null>;
         default: null;
@@ -548,8 +564,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly: boolean | null;
     allowCreate: boolean | null;
     allowFreeText: boolean | null;
+    autoHighlight: "none" | "single" | null;
     labelVisibility: "visible" | "sr-only" | null;
     openOnFocus: boolean | null;
+    selectOnTab: boolean | null;
     selectedValues: readonly string[] | null;
     tokenSeparators: readonly string[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/vue/UiCombobox.vue

@@ -36,6 +36,15 @@ const propValidityContract = {
       description: 'Allows values that do not match an authored option.',
       default: false,
     },
+    autoHighlight: {
+      type: { kind: 'terminal', name: 'keyword' },
+      required: false,
+      target: { attribute: 'autohighlight' },
+      description:
+        'single highlights the only enabled authored suggestion while typing. Ambiguous results and an empty query stay unhighlighted. none preserves manual\n      highlighting with the arrow keys.',
+      values: ['none', 'single'],
+      default: 'none',
+    },
     clearable: {
       type: { kind: 'terminal', name: 'boolean' },
       required: false,
@@ -206,6 +215,14 @@ const propValidityContract = {
         'Requires a value: adds an asterisk to the label, marks the input required for native form validation, and makes validation report "A value is required."\n      when the field is left empty. In multiple mode a chosen item satisfies it, whatever is left in the input.',
       default: false,
     },
+    selectOnTab: {
+      type: { kind: 'terminal', name: 'boolean' },
+      required: false,
+      target: { attribute: 'selectontab' },
+      description:
+        'Commits a highlighted authored suggestion on forward Tab, then lets focus advance normally. In multiple mode a selected suggestion is retained without\n      duplication or removal. Shift+Tab does not commit, and Tab never chooses the create offer.',
+      default: false,
+    },
     selectedValues: {
       type: { kind: 'list', item: { kind: 'terminal', name: 'string' } },
       required: false,
@@ -241,6 +258,7 @@ const propValidityContract = {
 const props = defineProps({
   allowCreate: { type: null as unknown as PropType<boolean | null>, default: false },
   allowFreeText: { type: null as unknown as PropType<boolean | null>, default: false },
+  autoHighlight: { type: null as unknown as PropType<'none' | 'single' | null>, default: 'none' },
   clearable: { type: null as unknown as PropType<boolean | null>, default: false },
   disabled: { type: null as unknown as PropType<boolean | null>, default: false },
   disclosure: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -278,6 +296,7 @@ const props = defineProps({
   query: { type: null as unknown as PropType<string | null>, default: null },
   readonly: { type: null as unknown as PropType<boolean | null>, default: false },
   required: { type: null as unknown as PropType<boolean | null>, default: false },
+  selectOnTab: { type: null as unknown as PropType<boolean | null>, default: false },
   selectedValues: { type: null as unknown as PropType<readonly (string)[] | null>, default: null },
   size: { type: null as unknown as PropType<'sm' | 'md' | 'lg' | null>, default: 'md' },
   tokenSeparators: { type: null as unknown as PropType<readonly (string)[] | null>, default: null },
@@ -286,6 +305,7 @@ const props = defineProps({
 const acceptedProps: Record<string, unknown> = {
   allowCreate: false,
   allowFreeText: false,
+  autoHighlight: 'none',
   clearable: false,
   disabled: false,
   disclosure: false,
@@ -303,6 +323,7 @@ const acceptedProps: Record<string, unknown> = {
   query: null,
   readonly: false,
   required: false,
+  selectOnTab: false,
   selectedValues: null,
   size: 'md',
   tokenSeparators: null,
@@ -323,6 +344,13 @@ const checkedProps = computed(() => ({
     'allowFreeText',
     acceptedProps,
   ) as boolean,
+  autoHighlight: checkedProp<'none' | 'single'>(
+    props['autoHighlight'],
+    { kind: 'terminal', name: 'keyword' },
+    false,
+    'autoHighlight',
+    acceptedProps,
+  ) as 'none' | 'single',
   clearable: checkedProp<boolean>(
     props['clearable'],
     { kind: 'terminal', name: 'boolean' },
@@ -491,6 +519,13 @@ const checkedProps = computed(() => ({
     'required',
     acceptedProps,
   ) as boolean,
+  selectOnTab: checkedProp<boolean>(
+    props['selectOnTab'],
+    { kind: 'terminal', name: 'boolean' },
+    false,
+    'selectOnTab',
+    acceptedProps,
+  ) as boolean,
   selectedValues: checkedProp<readonly (string)[]>(
     props['selectedValues'],
     { kind: 'list', item: { kind: 'terminal', name: 'string' } },
@@ -1271,6 +1306,7 @@ const { host, ready } = useComponentHost(() => import('../components/ui-combobox
   propNames: [
     'allowCreate',
     'allowFreeText',
+    'autoHighlight',
     'clearable',
     'disabled',
     'disclosure',
@@ -1288,6 +1324,7 @@ const { host, ready } = useComponentHost(() => import('../components/ui-combobox
     'query',
     'readonly',
     'required',
+    'selectOnTab',
     'selectedValues',
     'size',
     'tokenSeparators',
@@ -1402,6 +1439,7 @@ function uniqueKeys<T>(
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-allow-create="reflectedProp('allowCreate', 'allow-create', checkedProps.allowCreate, undefined, false)"
     :data-allow-free-text="reflectedProp('allowFreeText', 'allow-free-text', checkedProps.allowFreeText, undefined, false)"
+    :data-auto-highlight="reflectedProp('autoHighlight', 'auto-highlight', checkedProps.autoHighlight, undefined, false)"
     :data-clearable="reflectedProp('clearable', 'clearable', checkedProps.clearable, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
     :data-disclosure="reflectedProp('disclosure', 'disclosure', checkedProps.disclosure, undefined, false)"
@@ -1419,6 +1457,7 @@ function uniqueKeys<T>(
     :data-query="reflectedProp('query', 'query', checkedProps.query, undefined, false)"
     :data-readonly="reflectedProp('readonly', 'readonly', checkedProps.readonly, undefined, false)"
     :data-required="reflectedProp('required', 'required', checkedProps.required, undefined, false)"
+    :data-select-on-tab="reflectedProp('selectOnTab', 'select-on-tab', checkedProps.selectOnTab, undefined, false)"
     :data-selected-values="reflectedProp('selectedValues', 'selected-values', checkedProps.selectedValues, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
     :data-token-separators="reflectedProp('tokenSeparators', 'token-separators', checkedProps.tokenSeparators, undefined, false)"

package/vue/chunks/UiBadge.js

@@ -87,7 +87,7 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "variant" },
-				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      Neutral looks the same in solid and subtle.",
+				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      Neutral looks the same in solid and subtle. When space is constrained, the label truncates with an ellipsis while its full text remains available.",
 				values: [
 					"solid",
 					"subtle",
@@ -169,6 +169,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-470f6e28"]]);
+}), [["__scopeId", "data-v-18b6e16a"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiCombobox.js

@@ -9,6 +9,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var _hoisted_1 = [
 	"data-allow-create",
 	"data-allow-free-text",
+	"data-auto-highlight",
 	"data-clearable",
 	"data-disabled",
 	"data-disclosure",
@@ -26,6 +27,7 @@ var _hoisted_1 = [
 	"data-query",
 	"data-readonly",
 	"data-required",
+	"data-select-on-tab",
 	"data-selected-values",
 	"data-size",
 	"data-token-separators",
@@ -140,6 +142,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: false
 		},
+		autoHighlight: {
+			type: null,
+			default: "none"
+		},
 		clearable: {
 			type: null,
 			default: false
@@ -208,6 +214,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			type: null,
 			default: false
 		},
+		selectOnTab: {
+			type: null,
+			default: false
+		},
 		selectedValues: {
 			type: null,
 			default: null
@@ -263,6 +273,17 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Allows values that do not match an authored option.",
 				default: false
 			},
+			autoHighlight: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "autohighlight" },
+				description: "single highlights the only enabled authored suggestion while typing. Ambiguous results and an empty query stay unhighlighted. none preserves manual\n      highlighting with the arrow keys.",
+				values: ["none", "single"],
+				default: "none"
+			},
 			clearable: {
 				type: {
 					kind: "terminal",
@@ -531,6 +552,16 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				description: "Requires a value: adds an asterisk to the label, marks the input required for native form validation, and makes validation report \"A value is required.\"\n      when the field is left empty. In multiple mode a chosen item satisfies it, whatever is left in the input.",
 				default: false
 			},
+			selectOnTab: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "selectontab" },
+				description: "Commits a highlighted authored suggestion on forward Tab, then lets focus advance normally. In multiple mode a selected suggestion is retained without\n      duplication or removal. Shift+Tab does not commit, and Tab never chooses the create offer.",
+				default: false
+			},
 			selectedValues: {
 				type: {
 					kind: "list",
@@ -584,6 +615,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const acceptedProps = {
 			allowCreate: false,
 			allowFreeText: false,
+			autoHighlight: "none",
 			clearable: false,
 			disabled: false,
 			disclosure: false,
@@ -601,6 +633,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			query: null,
 			readonly: false,
 			required: false,
+			selectOnTab: false,
 			selectedValues: null,
 			size: "md",
 			tokenSeparators: null,
@@ -615,6 +648,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			}, false, "allowFreeText", acceptedProps),
+			autoHighlight: checkedProp(props["autoHighlight"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "autoHighlight", acceptedProps),
 			clearable: checkedProp(props["clearable"], {
 				kind: "terminal",
 				name: "boolean"
@@ -781,6 +818,10 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				kind: "terminal",
 				name: "boolean"
 			}, false, "required", acceptedProps),
+			selectOnTab: checkedProp(props["selectOnTab"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "selectOnTab", acceptedProps),
 			selectedValues: checkedProp(props["selectedValues"], {
 				kind: "list",
 				item: {
@@ -1063,6 +1104,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			propNames: [
 				"allowCreate",
 				"allowFreeText",
+				"autoHighlight",
 				"clearable",
 				"disabled",
 				"disclosure",
@@ -1080,6 +1122,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"query",
 				"readonly",
 				"required",
+				"selectOnTab",
 				"selectedValues",
 				"size",
 				"tokenSeparators",
@@ -1176,6 +1219,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-combobox" }, nativeAttrs(_ctx.$attrs), {
 				"data-allow-create": reflectedProp("allowCreate", "allow-create", checkedProps.value.allowCreate, void 0, false),
 				"data-allow-free-text": reflectedProp("allowFreeText", "allow-free-text", checkedProps.value.allowFreeText, void 0, false),
+				"data-auto-highlight": reflectedProp("autoHighlight", "auto-highlight", checkedProps.value.autoHighlight, void 0, false),
 				"data-clearable": reflectedProp("clearable", "clearable", checkedProps.value.clearable, void 0, false),
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-disclosure": reflectedProp("disclosure", "disclosure", checkedProps.value.disclosure, void 0, false),
@@ -1193,6 +1237,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-query": reflectedProp("query", "query", checkedProps.value.query, void 0, false),
 				"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
 				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
+				"data-select-on-tab": reflectedProp("selectOnTab", "select-on-tab", checkedProps.value.selectOnTab, void 0, false),
 				"data-selected-values": reflectedProp("selectedValues", "selected-values", checkedProps.value.selectedValues, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-token-separators": reflectedProp("tokenSeparators", "token-separators", checkedProps.value.tokenSeparators, void 0, false),
@@ -1413,6 +1458,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a593ab08"]]);
+}), [["__scopeId", "data-v-8e9a00eb"]]);
 //#endregion
 export { UiCombobox_default as t };