@scalar/api-client 2.38.1 → 2.38.2

package/dist/CommandActionInput-TkcAx6E8.js

@@ -0,0 +1,97 @@
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeProps, onMounted, openBlock, ref, renderSlot, unref, vModelText, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { ScalarButton, useBindCx } from "@scalar/components";
+//#region src/components/CommandPalette/CommandActionForm.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "flex gap-2" };
+var _hoisted_2 = { class: "flex max-h-8 flex-1" };
+//#endregion
+//#region src/components/CommandPalette/CommandActionForm.vue
+var CommandActionForm_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandActionForm",
+	props: {
+		loader: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"submit",
+		"cancel",
+		"back"
+	],
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("form", {
+				class: "flex w-full flex-col gap-3",
+				onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"])),
+				onSubmit: _cache[1] || (_cache[1] = withModifiers(($event) => !__props.disabled && _ctx.$emit("submit"), ["prevent", "stop"]))
+			}, [createElementVNode("div", normalizeProps(guardReactiveProps(unref(cx)("relative flex min-h-20 flex-col rounded"))), [renderSlot(_ctx.$slots, "default")], 16), createElementVNode("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "options")]), createVNode(unref(ScalarButton), {
+				class: "max-h-8 px-3 text-xs",
+				disabled: __props.disabled,
+				loader: __props.loader,
+				type: "submit"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "submit", {}, () => [_cache[2] || (_cache[2] = createTextVNode("Continue", -1))])]),
+				_: 3
+			}, 8, ["disabled", "loader"])])], 32);
+		};
+	}
+});
+//#endregion
+//#region src/components/CommandPalette/CommandActionInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["placeholder"];
+//#endregion
+//#region src/components/CommandPalette/CommandActionInput.vue
+var CommandActionInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "CommandActionInput",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		autofocus: { type: Boolean }
+	},
+	emits: ["update:modelValue", "onDelete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const input = ref(null);
+		onMounted(() => nextTick(() => {
+			if (props.autofocus) input.value?.focus();
+		}));
+		const model = computed({
+			get: () => props.modelValue ?? "",
+			set: (v) => emit("update:modelValue", v)
+		});
+		/** Re-emits enter as a submit event for the form  */
+		function handleEnter(event) {
+			if (event.shiftKey || !event.target) return;
+			event.preventDefault();
+			const target = event.target;
+			const submitEvent = new Event("submit", { cancelable: true });
+			target.form?.dispatchEvent(submitEvent);
+		}
+		/** Emits a back event if the input is empty */
+		function handleBack(event) {
+			if (model.value !== "") return;
+			event.preventDefault();
+			event.stopPropagation();
+			emit("onDelete", event);
+		}
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("textarea", mergeProps({
+				id: "command-action-input",
+				ref_key: "input",
+				ref: input,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				class: "min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1",
+				placeholder: props.placeholder ?? "",
+				wrap: "hard"
+			}, _ctx.$attrs, { onKeydown: [_cache[1] || (_cache[1] = withKeys(($event) => handleBack($event), ["delete"])), _cache[2] || (_cache[2] = withKeys(($event) => handleEnter($event), ["enter"]))] }), null, 16, _hoisted_1)), [[vModelText, model.value]]);
+		};
+	}
+});
+//#endregion
+export { CommandActionForm_default as n, CommandActionInput_default as t };
+
+//# sourceMappingURL=CommandActionInput-TkcAx6E8.js.map

package/dist/CommandActionInput-TkcAx6E8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandActionInput-TkcAx6E8.js","names":["$emit","$attrs"],"sources":["../src/components/CommandPalette/CommandActionForm.vue","../src/components/CommandPalette/CommandActionForm.vue","../src/components/CommandPalette/CommandActionInput.vue","../src/components/CommandPalette/CommandActionInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, useBindCx, type LoadingState } from '@scalar/components'\n\nconst { loader, disabled = false } = defineProps<{\n  loader?: LoadingState\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (event: 'submit'): void\n  (event: 'cancel'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <form\n    class=\"flex w-full flex-col gap-3\"\n    @keydown.enter.stop\n    @submit.prevent.stop=\"!disabled && $emit('submit')\">\n    <div v-bind=\"cx('relative flex min-h-20 flex-col rounded')\">\n      <slot />\n    </div>\n    <div class=\"flex gap-2\">\n      <div class=\"flex max-h-8 flex-1\">\n        <slot name=\"options\" />\n      </div>\n      <ScalarButton\n        class=\"max-h-8 px-3 text-xs\"\n        :disabled=\"disabled\"\n        :loader\n        type=\"submit\">\n        <slot name=\"submit\">Continue</slot>\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, useBindCx, type LoadingState } from '@scalar/components'\n\nconst { loader, disabled = false } = defineProps<{\n  loader?: LoadingState\n  disabled?: boolean\n}>()\n\ndefineEmits<{\n  (event: 'submit'): void\n  (event: 'cancel'): void\n  (event: 'back', e: KeyboardEvent): void\n}>()\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <form\n    class=\"flex w-full flex-col gap-3\"\n    @keydown.enter.stop\n    @submit.prevent.stop=\"!disabled && $emit('submit')\">\n    <div v-bind=\"cx('relative flex min-h-20 flex-col rounded')\">\n      <slot />\n    </div>\n    <div class=\"flex gap-2\">\n      <div class=\"flex max-h-8 flex-1\">\n        <slot name=\"options\" />\n      </div>\n      <ScalarButton\n        class=\"max-h-8 px-3 text-xs\"\n        :disabled=\"disabled\"\n        :loader\n        type=\"submit\">\n        <slot name=\"submit\">Continue</slot>\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  modelValue?: string\n  placeholder?: string\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string): void\n  (e: 'onDelete', event: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLInputElement | null>(null)\nonMounted(() =>\n  nextTick(() => {\n    if (props.autofocus) {\n      input.value?.focus()\n    }\n  }),\n)\n\nconst model = computed<string>({\n  get: () => props.modelValue ?? '',\n  set: (v) => emit('update:modelValue', v),\n})\n\n/** Re-emits enter as a submit event for the form  */\nfunction handleEnter(event: KeyboardEvent) {\n  if (event.shiftKey || !event.target) {\n    return\n  }\n  event.preventDefault()\n  const target = event.target as HTMLTextAreaElement\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/** Emits a back event if the input is empty */\nfunction handleBack(event: KeyboardEvent) {\n  if (model.value !== '') {\n    return\n  }\n  event.preventDefault()\n  event.stopPropagation()\n  emit('onDelete', event)\n}\n</script>\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"props.placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleBack($event)\"\n    @keydown.enter=\"handleEnter($event)\" />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  modelValue?: string\n  placeholder?: string\n  autofocus?: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string): void\n  (e: 'onDelete', event: KeyboardEvent): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst input = ref<HTMLInputElement | null>(null)\nonMounted(() =>\n  nextTick(() => {\n    if (props.autofocus) {\n      input.value?.focus()\n    }\n  }),\n)\n\nconst model = computed<string>({\n  get: () => props.modelValue ?? '',\n  set: (v) => emit('update:modelValue', v),\n})\n\n/** Re-emits enter as a submit event for the form  */\nfunction handleEnter(event: KeyboardEvent) {\n  if (event.shiftKey || !event.target) {\n    return\n  }\n  event.preventDefault()\n  const target = event.target as HTMLTextAreaElement\n  const submitEvent = new Event('submit', { cancelable: true })\n  target.form?.dispatchEvent(submitEvent)\n}\n\n/** Emits a back event if the input is empty */\nfunction handleBack(event: KeyboardEvent) {\n  if (model.value !== '') {\n    return\n  }\n  event.preventDefault()\n  event.stopPropagation()\n  emit('onDelete', event)\n}\n</script>\n<template>\n  <textarea\n    id=\"command-action-input\"\n    ref=\"input\"\n    v-model=\"model\"\n    class=\"min-h-8 w-full flex-1 resize-none border border-transparent py-1.5 pl-8.5 text-sm outline-none focus:border-b-1\"\n    :placeholder=\"props.placeholder ?? ''\"\n    wrap=\"hard\"\n    v-bind=\"$attrs\"\n    @keydown.delete=\"handleBack($event)\"\n    @keydown.enter=\"handleEnter($event)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;ECcA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAmBO,QAAA;IAlBL,OAAM;IACL,WAAO,OAAA,OAAA,OAAA,KAAA,SAAA,oBAAR,IAAmB,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;IAClB,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAA,CAAgB,QAAA,YAAYA,KAAAA,MAAK,SAAA,EAAA,CAAA,WAAA,OAAA,CAAA;OACxC,mBAEM,OAAA,eAAA,mBAFO,MAAA,GAAE,CAAA,0CAAA,CAAA,CAAA,EAAA,CACb,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,EAEV,mBAWM,OAXN,cAWM,CAVJ,mBAEM,OAFN,YAEM,CADJ,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA,EAEzB,YAMe,MAAA,aAAA,EAAA;IALb,OAAM;IACL,UAAU,QAAA;IACV,QAAA,QAAA;IACD,MAAK;;2BAC8B,CAAnC,WAAmC,KAAA,QAAA,UAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAf,YAAQ,GAAA,EAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;EE9BpC,MAAM,QAAQ;EAMd,MAAM,OAAO;EAOb,MAAM,QAAQ,IAA6B,KAAI;AAC/C,kBACE,eAAe;AACb,OAAI,MAAM,UACR,OAAM,OAAO,OAAM;IAErB,CACJ;EAEA,MAAM,QAAQ,SAAiB;GAC7B,WAAW,MAAM,cAAc;GAC/B,MAAM,MAAM,KAAK,qBAAqB,EAAE;GACzC,CAAA;;EAGD,SAAS,YAAY,OAAsB;AACzC,OAAI,MAAM,YAAY,CAAC,MAAM,OAC3B;AAEF,SAAM,gBAAe;GACrB,MAAM,SAAS,MAAM;GACrB,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,YAAY,MAAM,CAAA;AAC5D,UAAO,MAAM,cAAc,YAAW;;;EAIxC,SAAS,WAAW,OAAsB;AACxC,OAAI,MAAM,UAAU,GAClB;AAEF,SAAM,gBAAe;AACrB,SAAM,iBAAgB;AACtB,QAAK,YAAY,MAAK;;;uCAItB,mBASyC,YATzC,WASyC;IARvC,IAAG;aACC;IAAJ,KAAI;uEACU,QAAA;IACd,OAAM;IACL,aAAa,MAAM,eAAW;IAC/B,MAAK;MACGC,KAAAA,QAAM,EACb,WAAO,CAAA,OAAA,OAAA,OAAA,KAAA,UAAA,WAAS,WAAW,OAAM,EAAA,CAAA,SAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,UAAA,WAClB,YAAY,OAAM,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,CAAA,EAAA,MAAA,IAAA,WAAA,GAAA,CAAA,CAAA,YANzB,MAAA,MAAK,CAAA,CAAA"}