@scalar/api-client 2.43.0 → 3.0.0

package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts

@@ -1,14 +0,0 @@
-type __VLS_Props = {
-    modelValue: boolean;
-    disabled?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=WatchModeToggle.vue.d.ts.map

package/dist/components/CommandPalette/WatchModeToggle.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"names":[],"mappings":"AAkDA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA0GJ,QAAA,MAAM,YAAY;;;;;cA3GH,OAAO;6EA+GpB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/CommandPalette/WatchModeToggle.vue.js

@@ -1,7 +0,0 @@
-import WatchModeToggle_vue_vue_type_script_setup_true_lang_default from "./WatchModeToggle.vue.script.js";
-//#region src/components/CommandPalette/WatchModeToggle.vue
-var WatchModeToggle_default = WatchModeToggle_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { WatchModeToggle_default as default };
-
-//# sourceMappingURL=WatchModeToggle.vue.js.map

package/dist/components/CommandPalette/WatchModeToggle.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.js","names":[],"sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n  }>(),\n  {\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n})\n</script>\n\n<template>\n  <label\n    class=\"text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none\"\n    :class=\"disabled ? 'cursor-default' : 'cursor-pointer'\"\n    for=\"watch-toggle\">\n    <span\n      class=\"text-c-1 flex items-center gap-1 text-xs font-medium\"\n      :class=\"{ 'text-c-3': !modelValue }\">\n      <ScalarIcon\n        icon=\"Watch\"\n        size=\"sm\" />\n      Watch Mode\n    </span>\n    <ScalarToggle\n      id=\"watch-toggle\"\n      :disabled=\"Boolean(disabled)\"\n      :modelValue=\"modelValue\"\n      @update:modelValue=\"(value) => emit('update:modelValue', value)\" />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/CommandPalette/WatchModeToggle.vue.script.js

@@ -1,40 +0,0 @@
-import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
-import { ScalarIcon, ScalarToggle } from "@scalar/components";
-//#region src/components/CommandPalette/WatchModeToggle.vue?vue&type=script&setup=true&lang.ts
-var WatchModeToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "WatchModeToggle",
-	props: {
-		modelValue: { type: Boolean },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const modelValue = computed({
-			get: () => props.modelValue,
-			set: (value) => emit("update:modelValue", value)
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", {
-				class: normalizeClass(["text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none", __props.disabled ? "cursor-default" : "cursor-pointer"]),
-				for: "watch-toggle"
-			}, [createElementVNode("span", { class: normalizeClass(["text-c-1 flex items-center gap-1 text-xs font-medium", { "text-c-3": !modelValue.value }]) }, [createVNode(unref(ScalarIcon), {
-				icon: "Watch",
-				size: "sm"
-			}), _cache[1] || (_cache[1] = createTextVNode(" Watch Mode ", -1))], 2), createVNode(unref(ScalarToggle), {
-				id: "watch-toggle",
-				disabled: Boolean(__props.disabled),
-				modelValue: modelValue.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:modelValue", value))
-			}, null, 8, ["disabled", "modelValue"])], 2);
-		};
-	}
-});
-//#endregion
-export { WatchModeToggle_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=WatchModeToggle.vue.script.js.map

package/dist/components/CommandPalette/WatchModeToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WatchModeToggle.vue.script.js","names":[],"sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon, ScalarToggle } from '@scalar/components'\nimport { computed } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n  }>(),\n  {\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst modelValue = computed({\n  get: () => props.modelValue,\n  set: (value) => emit('update:modelValue', value),\n})\n</script>\n\n<template>\n  <label\n    class=\"text-c-2 flex items-center gap-2 rounded p-3 py-1.5 text-sm select-none\"\n    :class=\"disabled ? 'cursor-default' : 'cursor-pointer'\"\n    for=\"watch-toggle\">\n    <span\n      class=\"text-c-1 flex items-center gap-1 text-xs font-medium\"\n      :class=\"{ 'text-c-3': !modelValue }\">\n      <ScalarIcon\n        icon=\"Watch\"\n        size=\"sm\" />\n      Watch Mode\n    </span>\n    <ScalarToggle\n      id=\"watch-toggle\"\n      :disabled=\"Boolean(disabled)\"\n      :modelValue=\"modelValue\"\n      @update:modelValue=\"(value) => emit('update:modelValue', value)\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAIb,MAAM,aAAa,SAAS;GAC1B,WAAW,MAAM;GACjB,MAAM,UAAU,KAAK,qBAAqB,MAAM;GACjD,CAAA;;uBAIC,mBAiBQ,SAAA;IAhBN,OAAK,eAAA,CAAC,2EACE,QAAA,WAAQ,mBAAA,iBAAA,CAAA;IAChB,KAAI;OACJ,mBAOO,QAAA,EANL,OAAK,eAAA,CAAC,wDAAsD,EAAA,YAAA,CACrC,WAAA,OAAU,CAAA,CAAA,EAAA,EAAA,CACjC,YAEc,MAAA,WAAA,EAAA;IADZ,MAAK;IACL,MAAK;iDAAO,gBAEhB,GAAA,EAAA,EAAA,EAAA,EACA,YAIqE,MAAA,aAAA,EAAA;IAHnE,IAAG;IACF,UAAU,QAAQ,QAAA,SAAQ;IAC1B,YAAY,WAAA;IACZ,uBAAiB,OAAA,OAAA,OAAA,MAAG,UAAU,KAAI,qBAAsB,MAAK"}

package/dist/components/CommandPalette/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TheCommandPalette } from './TheCommandPalette.vue.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/CommandPalette/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/CommandPalette/index.js

@@ -1,2 +0,0 @@
-import TheCommandPalette_default from "./TheCommandPalette.vue.js";
-export { TheCommandPalette_default as TheCommandPalette };

package/dist/components/DataTable/DataTable.vue.d.ts

@@ -1,23 +0,0 @@
-type __VLS_Props = {
-    columns: (string | undefined)[];
-    /** Scroll horizontally */
-    scroll?: boolean;
-    /** Presentational table */
-    presentational?: boolean;
-};
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    caption?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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;
-    };
-};
-//# sourceMappingURL=DataTable.vue.d.ts.map

package/dist/components/DataTable/DataTable.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAsDF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTable.vue.js

@@ -1,7 +0,0 @@
-import DataTable_vue_vue_type_script_setup_true_lang_default from "./DataTable.vue.script.js";
-//#region src/components/DataTable/DataTable.vue
-var DataTable_default = DataTable_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { DataTable_default as default };
-
-//# sourceMappingURL=DataTable.vue.js.map

package/dist/components/DataTable/DataTable.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineProps<{\n  columns: (string | undefined)[]\n  /** Scroll horizontally */\n  scroll?: boolean\n  /** Presentational table */\n  presentational?: boolean\n}>()\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        scroll ? 'overflow-x-auto custom-scroll' : 'overflow-visible',\n        'scalar-data-table',\n      )\n    \">\n    <table\n      class=\"mb-0 grid min-h-8 auto-rows-auto\"\n      :class=\"{ 'w-max min-w-full': scroll }\"\n      :role=\"presentational ? 'presentation' : 'table'\"\n      :style=\"{\n        gridTemplateColumns: columns.map((col) => col || '1fr').join(' '),\n      }\">\n      <caption\n        v-if=\"$slots.caption\"\n        class=\"sr-only\">\n        <slot name=\"caption\" />\n      </caption>\n      <slot />\n    </table>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/DataTable/DataTable.vue.script.js

@@ -1,30 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderSlot, unref } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["role"];
-var _hoisted_2 = {
-	key: 0,
-	class: "sr-only"
-};
-var DataTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DataTable",
-	props: {
-		columns: {},
-		scroll: { type: Boolean },
-		presentational: { type: Boolean }
-	},
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)(__props.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible", "scalar-data-table"))), [createElementVNode("table", {
-				class: normalizeClass(["mb-0 grid min-h-8 auto-rows-auto", { "w-max min-w-full": __props.scroll }]),
-				role: __props.presentational ? "presentation" : "table",
-				style: normalizeStyle({ gridTemplateColumns: __props.columns.map((col) => col || "1fr").join(" ") })
-			}, [_ctx.$slots.caption ? (openBlock(), createElementBlock("caption", _hoisted_2, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 14, _hoisted_1)], 16);
-		};
-	}
-});
-//#endregion
-export { DataTable_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTable.vue.script.js.map

package/dist/components/DataTable/DataTable.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable.vue.script.js","names":["$slots"],"sources":["../../../src/components/DataTable/DataTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\ndefineProps<{\n  columns: (string | undefined)[]\n  /** Scroll horizontally */\n  scroll?: boolean\n  /** Presentational table */\n  presentational?: boolean\n}>()\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        scroll ? 'overflow-x-auto custom-scroll' : 'overflow-visible',\n        'scalar-data-table',\n      )\n    \">\n    <table\n      class=\"mb-0 grid min-h-8 auto-rows-auto\"\n      :class=\"{ 'w-max min-w-full': scroll }\"\n      :role=\"presentational ? 'presentation' : 'table'\"\n      :style=\"{\n        gridTemplateColumns: columns.map((col) => col || '1fr').join(' '),\n      }\">\n      <caption\n        v-if=\"$slots.caption\"\n        class=\"sr-only\">\n        <slot name=\"caption\" />\n      </caption>\n      <slot />\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAUA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAqBM,OAAA,eAAA,mBApBW,MAAA,GAAE,CAAU,QAAA,SAAM,kCAAA,oBAAA,oBAAA,CAAA,CAAA,EAAA,CAMjC,mBAaQ,SAAA;IAZN,OAAK,eAAA,CAAC,oCAAkC,EAAA,oBACV,QAAA,QAAM,CAAA,CAAA;IACnC,MAAM,QAAA,iBAAc,iBAAA;IACpB,OAAK,eAAA,EAAA,qBAAiC,QAAA,QAAQ,KAAK,QAAQ,OAAG,MAAA,CAAW,KAAI,IAAA,EAAA,CAAA;OAItEA,KAAAA,OAAO,WAAA,WAAA,EADf,mBAIU,WAJV,YAIU,CADR,WAAuB,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAEzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,GAAA"}

package/dist/components/DataTable/DataTableCell.vue.d.ts

@@ -1,20 +0,0 @@
-import type { Component } from 'vue';
-type __VLS_Props = {
-    is?: string | Component;
-};
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    is: string | Component;
-}, {}, {}, {}, 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;
-    };
-};
-//# sourceMappingURL=DataTableCell.vue.d.ts.map

package/dist/components/DataTable/DataTableCell.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxB,CAAC;AAuDJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;QA/DP,MAAM,GAAG,SAAS;6EAkEzB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableCell.vue.js

@@ -1,7 +0,0 @@
-import DataTableCell_vue_vue_type_script_setup_true_lang_default from "./DataTableCell.vue.script.js";
-//#region src/components/DataTable/DataTableCell.vue
-var DataTableCell_default = DataTableCell_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { DataTableCell_default as default };
-
-//# sourceMappingURL=DataTableCell.vue.js.map

package/dist/components/DataTable/DataTableCell.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\nimport type { Component } from 'vue'\n\nwithDefaults(\n  defineProps<{\n    is?: string | Component\n  }>(),\n  { is: 'td' },\n)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative',\n      )\n    \"\n    class=\"group-[.alert]:bg-b-alert group-[.error]:bg-b-danger\">\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/DataTable/DataTableCell.vue.script.js

@@ -1,21 +0,0 @@
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTableCell.vue?vue&type=script&setup=true&lang.ts
-var DataTableCell_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "DataTableCell",
-	props: { is: { default: "td" } },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), mergeProps(unref(cx)("box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative"), { class: "group-[.alert]:bg-b-alert group-[.error]:bg-b-danger" }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { DataTableCell_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTableCell.vue.script.js.map

package/dist/components/DataTable/DataTableCell.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCell.vue.script.js","names":[],"sources":["../../../src/components/DataTable/DataTableCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\nimport type { Component } from 'vue'\n\nwithDefaults(\n  defineProps<{\n    is?: string | Component\n  }>(),\n  { is: 'td' },\n)\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'box-content max-h-8 min-h-8 min-w-8 border-l-0 border-t border-b-0 border-r flex text-base/5 last:border-r-0 group-last:border-b-transparent p-0 m-0 relative',\n      )\n    \"\n    class=\"group-[.alert]:bg-b-alert group-[.error]:bg-b-danger\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;EAYA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YASY,wBARL,QAAA,GAAE,EADT,WAEiB,MAAA,GAAE,CAAA,gKAAA,EAAA,EAKjB,OAAM,wDAAsD,CAAA,EAAA;2BACpD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/DataTable/DataTableCheckbox.vue.d.ts

@@ -1,15 +0,0 @@
-type __VLS_Props = {
-    modelValue: boolean;
-    disabled?: boolean;
-    align?: 'left' | 'center';
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (v: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-}>, {
-    align: "left" | "center";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=DataTableCheckbox.vue.d.ts.map

package/dist/components/DataTable/DataTableCheckbox.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"names":[],"mappings":"AA2DA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC1B,CAAC;AA+GJ,QAAA,MAAM,YAAY;;;;;WAhHN,MAAM,GAAG,QAAQ;6EAoH3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/DataTable/DataTableCheckbox.vue.js

@@ -1,7 +0,0 @@
-import DataTableCheckbox_vue_vue_type_script_setup_true_lang_default from "./DataTableCheckbox.vue.script.js";
-//#region src/components/DataTable/DataTableCheckbox.vue
-var DataTableCheckbox_default = DataTableCheckbox_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { DataTableCheckbox_default as default };
-
-//# sourceMappingURL=DataTableCheckbox.vue.js.map

package/dist/components/DataTable/DataTableCheckbox.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCheckbox.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIcon } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n    align?: 'left' | 'center'\n  }>(),\n  {\n    align: 'center',\n  },\n)\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst variants = cva({\n  base: 'w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute',\n  variants: {\n    align: {\n      left: 'left-0',\n      center: 'centered',\n    },\n  },\n})\n</script>\n<template>\n  <DataTableCell class=\"group/cell relative flex min-w-8\">\n    <input\n      :checked=\"modelValue\"\n      class=\"peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default\"\n      :disabled=\"Boolean(disabled)\"\n      type=\"checkbox\"\n      @change=\"(e: any) => $emit('update:modelValue', e.target.checked)\" />\n    <div :class=\"variants({ align })\">\n      <div\n        class=\"absolute m-auto size-3/4 rounded border-[1px] opacity-0\"\n        :class=\"\n          !disabled &&\n          'group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100'\n        \" />\n      <ScalarIcon\n        icon=\"Checkmark\"\n        size=\"xs\"\n        thickness=\"2.5\" />\n    </div>\n  </DataTableCell>\n</template>\n"],"mappings":""}

package/dist/components/DataTable/DataTableCheckbox.vue.script.js

@@ -1,43 +0,0 @@
-import DataTableCell_default from "./DataTableCell.vue.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
-import { ScalarIcon, cva } from "@scalar/components";
-//#region src/components/DataTable/DataTableCheckbox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["checked", "disabled"];
-var DataTableCheckbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DataTableCheckbox",
-	props: {
-		modelValue: { type: Boolean },
-		disabled: { type: Boolean },
-		align: { default: "center" }
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const variants = cva({
-			base: "w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute",
-			variants: { align: {
-				left: "left-0",
-				center: "centered"
-			} }
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(DataTableCell_default, { class: "group/cell relative flex min-w-8" }, {
-				default: withCtx(() => [createElementVNode("input", {
-					checked: __props.modelValue,
-					class: "peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default",
-					disabled: Boolean(__props.disabled),
-					type: "checkbox",
-					onChange: _cache[0] || (_cache[0] = (e) => _ctx.$emit("update:modelValue", e.target.checked))
-				}, null, 40, _hoisted_1), createElementVNode("div", { class: normalizeClass(unref(variants)({ align: __props.align })) }, [createElementVNode("div", { class: normalizeClass(["absolute m-auto size-3/4 rounded border-[1px] opacity-0", !__props.disabled && "group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100"]) }, null, 2), createVNode(unref(ScalarIcon), {
-					icon: "Checkmark",
-					size: "xs",
-					thickness: "2.5"
-				})], 2)]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { DataTableCheckbox_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTableCheckbox.vue.script.js.map

package/dist/components/DataTable/DataTableCheckbox.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableCheckbox.vue.script.js","names":["$emit"],"sources":["../../../src/components/DataTable/DataTableCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarIcon } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    disabled?: boolean\n    align?: 'left' | 'center'\n  }>(),\n  {\n    align: 'center',\n  },\n)\n\ndefineEmits<{\n  (e: 'update:modelValue', v: boolean): void\n}>()\n\nconst variants = cva({\n  base: 'w-8 h-8 flex items-center justify-center text-border peer-checked:text-c-1 pointer-events-none absolute',\n  variants: {\n    align: {\n      left: 'left-0',\n      center: 'centered',\n    },\n  },\n})\n</script>\n<template>\n  <DataTableCell class=\"group/cell relative flex min-w-8\">\n    <input\n      :checked=\"modelValue\"\n      class=\"peer absolute inset-0 size-full cursor-pointer opacity-0 disabled:cursor-default\"\n      :disabled=\"Boolean(disabled)\"\n      type=\"checkbox\"\n      @change=\"(e: any) => $emit('update:modelValue', e.target.checked)\" />\n    <div :class=\"variants({ align })\">\n      <div\n        class=\"absolute m-auto size-3/4 rounded border-[1px] opacity-0\"\n        :class=\"\n          !disabled &&\n          'group-has-[:focus-visible]/cell:border-c-accent group-hover/cell:opacity-100 group-has-[:focus-visible]/cell:opacity-100'\n        \" />\n      <ScalarIcon\n        icon=\"Checkmark\"\n        size=\"xs\"\n        thickness=\"2.5\" />\n    </div>\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAoBA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,OAAO;IACL,MAAM;IACN,QAAQ;IACT,EACF;GACF,CAAA;;uBAGC,YAmBgB,uBAAA,EAnBD,OAAM,oCAAkC,EAAA;2BAMkB,CALvE,mBAKuE,SAAA;KAJpE,SAAS,QAAA;KACV,OAAM;KACL,UAAU,QAAQ,QAAA,SAAQ;KAC3B,MAAK;KACJ,UAAM,OAAA,OAAA,OAAA,MAAG,MAAWA,KAAAA,MAAK,qBAAsB,EAAE,OAAO,QAAO;8BAClE,mBAWM,OAAA,EAXA,OAAK,eAAE,MAAA,SAAQ,CAAA,EAAA,OAAG,QAAA,OAAK,CAAA,CAAA,EAAA,EAAA,CAC3B,mBAKM,OAAA,EAJJ,OAAK,eAAA,CAAC,2DAAA,CACc,QAAA,YAAA,2HAAA,CAAA,EAAA,EAAA,MAAA,EAAA,EAItB,YAGoB,MAAA,WAAA,EAAA;KAFlB,MAAK;KACL,MAAK;KACL,WAAU"}

package/dist/components/DataTable/DataTableHeader.vue.d.ts

@@ -1,14 +0,0 @@
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
-    };
-};
-//# sourceMappingURL=DataTableHeader.vue.d.ts.map

package/dist/components/DataTable/DataTableHeader.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHeader.vue"],"names":[],"mappings":"AAuDA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableHeader.vue.js

@@ -1,7 +0,0 @@
-import DataTableHeader_vue_vue_type_script_setup_true_lang_default from "./DataTableHeader.vue.script.js";
-//#region src/components/DataTable/DataTableHeader.vue
-var DataTableHeader_default = DataTableHeader_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { DataTableHeader_default as default };
-
-//# sourceMappingURL=DataTableHeader.vue.js.map

package/dist/components/DataTable/DataTableHeader.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableHeader.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <DataTableCell\n    is=\"th\"\n    v-bind=\"cx('items-center font-medium px-2 min-w-0 -outline-offset-1')\">\n    <slot />\n  </DataTableCell>\n</template>\n"],"mappings":""}

package/dist/components/DataTable/DataTableHeader.vue.script.js

@@ -1,20 +0,0 @@
-import DataTableCell_default from "./DataTableCell.vue.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTableHeader.vue?vue&type=script&setup=true&lang.ts
-var DataTableHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DataTableHeader",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(DataTableCell_default, mergeProps({ is: "th" }, unref(cx)("items-center font-medium px-2 min-w-0 -outline-offset-1")), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { DataTableHeader_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DataTableHeader.vue.script.js.map

package/dist/components/DataTable/DataTableHeader.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableHeader.vue.script.js","names":[],"sources":["../../../src/components/DataTable/DataTableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/components'\n\nimport DataTableCell from './DataTableCell.vue'\n\nconst { cx } = useBindCx()\n</script>\n<template>\n  <DataTableCell\n    is=\"th\"\n    v-bind=\"cx('items-center font-medium px-2 min-w-0 -outline-offset-1')\">\n    <slot />\n  </DataTableCell>\n</template>\n"],"mappings":";;;;;;;EAKA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YAIgB,uBAJhB,WAIgB,EAHd,IAAG,MAAI,EACC,MAAA,GAAE,CAAA,0DAAA,CAAA,EAAA;2BACF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -1,54 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../store/active-entities.js';
-import type { VueClassProp } from '../../types/vue';
-type __VLS_Props = {
-    id?: string;
-    type?: string | undefined;
-    /** Class for the wrapping cell because attrs is bound to the input */
-    containerClass?: VueClassProp | undefined;
-    required?: boolean;
-    modelValue: string | number;
-    /** Allows adding a custom value to the enum dropdown, defaults to true */
-    canAddCustomEnumValue?: boolean;
-    readOnly?: boolean;
-    enum?: string[];
-    min?: number;
-    max?: number;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    description?: string | undefined;
-    lineWrapping?: boolean;
-};
-declare var __VLS_8: {}, __VLS_28: {}, __VLS_30: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    warning?: (props: typeof __VLS_28) => any;
-} & {
-    icon?: (props: typeof __VLS_30) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    selectVariable: (value: string) => any;
-    "update:modelValue": (v: string) => any;
-    inputFocus: () => any;
-    inputBlur: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelectVariable?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-    onInputFocus?: (() => any) | undefined;
-    onInputBlur?: (() => any) | undefined;
-}>, {
-    required: boolean;
-    readOnly: boolean;
-    lineWrapping: boolean;
-    canAddCustomEnumValue: boolean;
-}, {}, {}, {}, 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;
-    };
-};
-//# sourceMappingURL=DataTableInput.vue.d.ts.map

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AA8MA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAIzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAK/C,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,sEAAsE;IACtE,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,0EAA0E;IAC1E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA0WJ,QAAA,IAAI,OAAO,IAAU,EAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,QAAA,MAAM,UAAU;;;;;;;;;;;cAjYD,OAAO;cAIP,OAAO;kBAOH,OAAO;2BARE,OAAO;6EAkYjC,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataTable/DataTableInput.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import DataTableInput_vue_vue_type_script_setup_true_lang_default from "./DataTableInput.vue.script.js";
-/* empty css                             */
-//#region src/components/DataTable/DataTableInput.vue
-var DataTableInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DataTableInput_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c1a50a6e"]]);
-//#endregion
-export { DataTableInput_default as default };
-
-//# sourceMappingURL=DataTableInput.vue.js.map

package/dist/components/DataTable/DataTableInput.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableInput.vue.js","names":[],"sources":["../../../src/components/DataTable/DataTableInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconEye, ScalarIconEyeSlash, ScalarIconX } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport { computed, ref } from 'vue'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport type { EnvVariable } from '@/store/active-entities'\nimport type { VueClassProp } from '@/types/vue'\n\nimport DataTableCell from './DataTableCell.vue'\nimport DataTableInputSelect from './DataTableInputSelect.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    id?: string\n    type?: string | undefined\n    /** Class for the wrapping cell because attrs is bound to the input */\n    containerClass?: VueClassProp | undefined\n    required?: boolean\n    modelValue: string | number\n    /** Allows adding a custom value to the enum dropdown, defaults to true */\n    canAddCustomEnumValue?: boolean\n    readOnly?: boolean\n    enum?: string[]\n    min?: number\n    max?: number\n    environment: Environment\n    envVariables: EnvVariable[]\n    description?: string | undefined\n    lineWrapping?: boolean\n  }>(),\n  {\n    canAddCustomEnumValue: true,\n    required: false,\n    readOnly: false,\n    lineWrapping: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: string): void\n  (e: 'inputFocus'): void\n  (e: 'inputBlur'): void\n  (e: 'selectVariable', value: string): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst mask = ref(true)\nconst interactingWithDropdown = ref(false)\nconst codeInput = ref<InstanceType<typeof CodeInput> | null>(null)\n\nconst handleBlur = () => {\n  if (!interactingWithDropdown.value) {\n    emit('inputBlur')\n  }\n}\n\nconst inputType = computed(() =>\n  props.type === 'password' ? 'text' : (props.type ?? 'text'),\n)\n\n// If not an enum nor read only, focus the code input\nconst handleLabelClick = () => {\n  if (!props.enum?.length && !props.readOnly) {\n    codeInput.value?.focus()\n  }\n}\n</script>\n<template>\n  <DataTableCell\n    class=\"relative flex\"\n    :class=\"containerClass\">\n    <div\n      v-if=\"$slots.default\"\n      class=\"text-c-1 flex items-center pr-0 pl-3\"\n      :for=\"id ?? ''\"\n      @click=\"handleLabelClick\">\n      <slot />:\n    </div>\n    <div class=\"relative flex min-w-0 flex-1\">\n      <template v-if=\"props.enum && props.enum.length\">\n        <DataTableInputSelect\n          :canAddCustomValue=\"props.canAddCustomEnumValue\"\n          :modelValue=\"props.modelValue\"\n          :value=\"props.enum\"\n          @update:modelValue=\"emit('update:modelValue', $event)\" />\n      </template>\n      <template v-else>\n        <input\n          v-if=\"mask && type === 'password'\"\n          v-bind=\"id ? { ...$attrs, id: id } : $attrs\"\n          autocomplete=\"off\"\n          class=\"text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1\"\n          :class=\"{ 'scalar-password-input': type === 'password' }\"\n          data-1p-ignore\n          :readOnly=\"readOnly\"\n          spellcheck=\"false\"\n          :type=\"inputType\"\n          :value=\"modelValue\"\n          @input=\"\n            emit(\n              'update:modelValue',\n              ($event.target as HTMLInputElement).value ?? '',\n            )\n          \" />\n        <CodeInput\n          v-else\n          v-bind=\"$attrs\"\n          :id=\"id\"\n          ref=\"codeInput\"\n          class=\"text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none -outline-offset-1\"\n          :class=\"[\n            type === 'password' && description && 'pr-12',\n            description && 'pr-8',\n            type === 'password' && 'scalar-password-input',\n          ]\"\n          :description=\"description\"\n          disableCloseBrackets\n          disableTabIndent\n          :envVariables=\"envVariables\"\n          :environment=\"environment\"\n          :lineWrapping=\"Boolean(lineWrapping)\"\n          :max=\"max\"\n          :min=\"min\"\n          :modelValue=\"modelValue ?? ''\"\n          :readOnly=\"readOnly\"\n          :required=\"Boolean(required)\"\n          spellcheck=\"false\"\n          :type=\"inputType\"\n          @blur=\"handleBlur\"\n          @focus=\"emit('inputFocus')\"\n          @update:modelValue=\"emit('update:modelValue', $event)\" />\n      </template>\n    </div>\n    <div\n      v-if=\"$slots.warning\"\n      class=\"centered-y text-orange absolute right-7 text-xs\">\n      <slot name=\"warning\" />\n    </div>\n    <slot name=\"icon\" />\n    <!-- Clear -->\n    <ScalarIconButton\n      v-if=\"modelValue\"\n      class=\"-ml-.25 h-6 w-6 self-center p-1.25\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Value\"\n      @click=\"emit('update:modelValue', '')\" />\n    <!-- Toggle Visibility -->\n    <ScalarIconButton\n      v-if=\"type === 'password'\"\n      class=\"-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25\"\n      :icon=\"mask ? ScalarIconEye : ScalarIconEyeSlash\"\n      :label=\"mask ? 'Show Password' : 'Hide Password'\"\n      @click=\"mask = !mask\" />\n  </DataTableCell>\n</template>\n\n<style scoped>\n:deep(.cm-editor) {\n  padding: 0;\n}\n:deep(.cm-content) {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n  width: 100%;\n}\n:deep(.cm-content):has(.cm-pill) {\n  padding: 5px 8px;\n}\n:deep(.cm-content .cm-pill:not(:last-of-type)) {\n  margin-right: 0.5px;\n}\n:deep(.cm-content .cm-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n:deep(.cm-line) {\n  overflow: hidden;\n  padding: 0;\n  text-overflow: ellipsis;\n  word-break: break-word;\n}\n.required::after {\n  content: 'Required';\n}\n/* Tailwind placeholder is busted */\ninput::placeholder {\n  color: var(--scalar-color-3);\n}\n/* we want our inputs to look like a password input but not be one */\n.scalar-password-input {\n  text-security: disc;\n  -webkit-text-security: disc;\n  -moz-text-security: disc;\n}\n</style>\n"],"mappings":""}