@scalar/api-client 2.38.3 → 2.39.0

package/dist/DataTableInput-SkIUPlrB.js

@@ -1,166 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
-import { n as DataTableInputSelect_default, t as CodeInput_default } from "./CodeInput-BN7uw3Bh.js";
-import { n as DataTableCell_default } from "./DataTableRow-c3XveEUO.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
-import { ScalarIconButton } from "@scalar/components";
-import { ScalarIconEye, ScalarIconEyeSlash, ScalarIconX } from "@scalar/icons";
-//#region src/components/DataTable/DataTableInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
-var _hoisted_2 = { class: "relative flex min-w-0 flex-1" };
-var _hoisted_3 = [
-	"readOnly",
-	"type",
-	"value"
-];
-var _hoisted_4 = {
-	key: 1,
-	class: "centered-y text-orange absolute right-7 text-xs"
-};
-//#endregion
-//#region src/components/DataTable/DataTableInput.vue
-var DataTableInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	inheritAttrs: false,
-	__name: "DataTableInput",
-	props: {
-		id: {},
-		type: {},
-		containerClass: {},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		modelValue: {},
-		canAddCustomEnumValue: {
-			type: Boolean,
-			default: true
-		},
-		readOnly: {
-			type: Boolean,
-			default: false
-		},
-		enum: {},
-		min: {},
-		max: {},
-		environment: {},
-		envVariables: {},
-		description: {},
-		lineWrapping: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"inputFocus",
-		"inputBlur",
-		"selectVariable"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const mask = ref(true);
-		const interactingWithDropdown = ref(false);
-		const codeInput = ref(null);
-		const handleBlur = () => {
-			if (!interactingWithDropdown.value) emit("inputBlur");
-		};
-		const inputType = computed(() => props.type === "password" ? "text" : props.type ?? "text");
-		const handleLabelClick = () => {
-			if (!props.enum?.length && !props.readOnly) codeInput.value?.focus();
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(DataTableCell_default, { class: normalizeClass(["relative flex", __props.containerClass]) }, {
-				default: withCtx(() => [
-					_ctx.$slots.default ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: "text-c-1 flex items-center pr-0 pl-3",
-						for: __props.id ?? "",
-						onClick: handleLabelClick
-					}, [renderSlot(_ctx.$slots, "default", {}, void 0, true), _cache[6] || (_cache[6] = createTextVNode(": ", -1))], 8, _hoisted_1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2, [props.enum && props.enum.length ? (openBlock(), createBlock(DataTableInputSelect_default, {
-						key: 0,
-						canAddCustomValue: props.canAddCustomEnumValue,
-						modelValue: props.modelValue,
-						value: props.enum,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-					}, null, 8, [
-						"canAddCustomValue",
-						"modelValue",
-						"value"
-					])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [mask.value && __props.type === "password" ? (openBlock(), createElementBlock("input", mergeProps({ key: 0 }, __props.id ? {
-						..._ctx.$attrs,
-						id: __props.id
-					} : _ctx.$attrs, {
-						autocomplete: "off",
-						class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none px-2 py-1.25 -outline-offset-1", { "scalar-password-input": __props.type === "password" }],
-						"data-1p-ignore": "",
-						readOnly: __props.readOnly,
-						spellcheck: "false",
-						type: inputType.value,
-						value: __props.modelValue,
-						onInput: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event.target.value ?? ""))
-					}), null, 16, _hoisted_3)) : (openBlock(), createBlock(CodeInput_default, mergeProps({ key: 1 }, _ctx.$attrs, {
-						id: __props.id,
-						ref_key: "codeInput",
-						ref: codeInput,
-						class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none -outline-offset-1", [
-							__props.type === "password" && __props.description && "pr-12",
-							__props.description && "pr-8",
-							__props.type === "password" && "scalar-password-input"
-						]],
-						description: __props.description,
-						disableCloseBrackets: "",
-						disableTabIndent: "",
-						envVariables: __props.envVariables,
-						environment: __props.environment,
-						lineWrapping: Boolean(__props.lineWrapping),
-						max: __props.max,
-						min: __props.min,
-						modelValue: __props.modelValue ?? "",
-						readOnly: __props.readOnly,
-						required: Boolean(__props.required),
-						spellcheck: "false",
-						type: inputType.value,
-						onBlur: handleBlur,
-						onFocus: _cache[2] || (_cache[2] = ($event) => emit("inputFocus")),
-						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event))
-					}), null, 16, [
-						"id",
-						"class",
-						"description",
-						"envVariables",
-						"environment",
-						"lineWrapping",
-						"max",
-						"min",
-						"modelValue",
-						"readOnly",
-						"required",
-						"type"
-					]))], 64))]),
-					_ctx.$slots.warning ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "warning", {}, void 0, true)])) : createCommentVNode("", true),
-					renderSlot(_ctx.$slots, "icon", {}, void 0, true),
-					__props.modelValue ? (openBlock(), createBlock(unref(ScalarIconButton), {
-						key: 2,
-						class: "-ml-.25 h-6 w-6 self-center p-1.25",
-						icon: unref(ScalarIconX),
-						label: "Clear Value",
-						onClick: _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", ""))
-					}, null, 8, ["icon"])) : createCommentVNode("", true),
-					__props.type === "password" ? (openBlock(), createBlock(unref(ScalarIconButton), {
-						key: 3,
-						class: "-ml-.5 mr-1.25 h-6 w-6 self-center p-1.25",
-						icon: mask.value ? unref(ScalarIconEye) : unref(ScalarIconEyeSlash),
-						label: mask.value ? "Show Password" : "Hide Password",
-						onClick: _cache[5] || (_cache[5] = ($event) => mask.value = !mask.value)
-					}, null, 8, ["icon", "label"])) : createCommentVNode("", true)
-				]),
-				_: 3
-			}, 8, ["class"]);
-		};
-	}
-}), [["__scopeId", "data-v-c1a50a6e"]]);
-//#endregion
-export { DataTableInput_default as t };
-
-//# sourceMappingURL=DataTableInput-SkIUPlrB.js.map

package/dist/DataTableInput-SkIUPlrB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableInput-SkIUPlrB.js","names":["$slots","$attrs"],"sources":["../src/components/DataTable/DataTableInput.vue","../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","<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":"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"}

package/dist/DataTableRow-c3XveEUO.js

@@ -1,57 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-import { useBindCx } from "@scalar/components";
-//#region src/components/DataTable/DataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["role"];
-var _hoisted_2 = {
-	key: 0,
-	class: "sr-only"
-};
-//#endregion
-//#region src/components/DataTable/DataTable.vue
-var DataTable_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$1)], 16);
-		};
-	}
-});
-//#endregion
-//#region src/components/DataTable/DataTableCell.vue
-var DataTableCell_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
-//#region src/components/DataTable/DataTableRow.vue
-var _sfc_main = {};
-var _hoisted_1 = { class: "group contents" };
-function _sfc_render(_ctx, _cache) {
-	return openBlock(), createElementBlock("tr", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
-}
-var DataTableRow_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
-//#endregion
-export { DataTableCell_default as n, DataTable_default as r, DataTableRow_default as t };
-
-//# sourceMappingURL=DataTableRow-c3XveEUO.js.map

package/dist/DataTableRow-c3XveEUO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableRow-c3XveEUO.js","names":["$slots"],"sources":["../src/components/DataTable/DataTable.vue","../src/components/DataTable/DataTable.vue","../src/components/DataTable/DataTableCell.vue","../src/components/DataTable/DataTableCell.vue","../src/components/DataTable/DataTableRow.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","<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","<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","<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","<template>\n  <tr class=\"group contents\">\n    <slot />\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;ECUA,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,aAAA,CAAA,EAAA,GAAA;;;;;;;;;;;EEpBd,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;;;;;;;;;mBCtBN,OAAM,kBAAgB;;qBAA1B,mBAEK,MAFL,YAEK,CADH,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/DeleteSidebarListElement-C-p87d03.js

@@ -1,78 +0,0 @@
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx, withModifiers } from "vue";
-import { ScalarButton } from "@scalar/components";
-//#region src/components/Sidebar/Actions/SidebarListElementForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "flex justify-between gap-10" };
-//#endregion
-//#region src/components/Sidebar/Actions/SidebarListElementForm.vue
-var SidebarListElementForm_default = /* @__PURE__ */ defineComponent({
-	__name: "SidebarListElementForm",
-	props: {
-		danger: { type: Boolean },
-		label: {}
-	},
-	emits: ["cancel", "submit"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("form", {
-				class: "flex flex-col gap-4 text-base",
-				onSubmit: _cache[1] || (_cache[1] = withModifiers(($event) => emit("submit"), ["prevent"]))
-			}, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_1$1, [createVNode(unref(ScalarButton), {
-				size: "sm",
-				type: "button",
-				variant: "outlined",
-				onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
-			}, {
-				default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Cancel ", -1)])]),
-				_: 1
-			}), createVNode(unref(ScalarButton), {
-				"data-testid": "sidebar-list-element-form-submit-button",
-				size: "sm",
-				type: "submit",
-				variant: __props.danger ? "danger" : "solid"
-			}, {
-				default: withCtx(() => [createTextVNode(toDisplayString(__props.label ?? "Save"), 1)]),
-				_: 1
-			}, 8, ["variant"])])], 32);
-		};
-	}
-});
-//#endregion
-//#region src/components/Sidebar/Actions/DeleteSidebarListElement.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "text-c-2 text-sm leading-normal text-pretty"
-};
-//#endregion
-//#region src/components/Sidebar/Actions/DeleteSidebarListElement.vue
-var DeleteSidebarListElement_default = /* @__PURE__ */ defineComponent({
-	__name: "DeleteSidebarListElement",
-	props: {
-		variableName: {},
-		warningMessage: {}
-	},
-	emits: ["close", "delete"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const truncatedName = computed(() => {
-			if (props.variableName.length > 18) return props.variableName.slice(0, 18) + "…";
-			return props.variableName;
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(SidebarListElementForm_default, {
-				danger: "",
-				label: `Delete ${truncatedName.value}`,
-				onCancel: _cache[0] || (_cache[0] = ($event) => emit("close")),
-				onSubmit: _cache[1] || (_cache[1] = ($event) => emit("delete"))
-			}, {
-				default: withCtx(() => [__props.warningMessage ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.warningMessage), 1)) : createCommentVNode("", true)]),
-				_: 1
-			}, 8, ["label"]);
-		};
-	}
-});
-//#endregion
-export { SidebarListElementForm_default as n, DeleteSidebarListElement_default as t };
-
-//# sourceMappingURL=DeleteSidebarListElement-C-p87d03.js.map

package/dist/DeleteSidebarListElement-C-p87d03.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteSidebarListElement-C-p87d03.js","names":[],"sources":["../src/components/Sidebar/Actions/SidebarListElementForm.vue","../src/components/Sidebar/Actions/SidebarListElementForm.vue","../src/components/Sidebar/Actions/DeleteSidebarListElement.vue","../src/components/Sidebar/Actions/DeleteSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\n\ndefineProps<{\n  danger?: boolean\n  label?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit'): void\n}>()\n</script>\n<template>\n  <form\n    class=\"flex flex-col gap-4 text-base\"\n    @submit.prevent=\"emit('submit')\">\n    <slot />\n    <div class=\"flex justify-between gap-10\">\n      <ScalarButton\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('cancel')\">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        data-testid=\"sidebar-list-element-form-submit-button\"\n        size=\"sm\"\n        type=\"submit\"\n        :variant=\"danger ? 'danger' : 'solid'\">\n        {{ label ?? 'Save' }}\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\n\ndefineProps<{\n  danger?: boolean\n  label?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit'): void\n}>()\n</script>\n<template>\n  <form\n    class=\"flex flex-col gap-4 text-base\"\n    @submit.prevent=\"emit('submit')\">\n    <slot />\n    <div class=\"flex justify-between gap-10\">\n      <ScalarButton\n        size=\"sm\"\n        type=\"button\"\n        variant=\"outlined\"\n        @click=\"emit('cancel')\">\n        Cancel\n      </ScalarButton>\n      <ScalarButton\n        data-testid=\"sidebar-list-element-form-submit-button\"\n        size=\"sm\"\n        type=\"submit\"\n        :variant=\"danger ? 'danger' : 'solid'\">\n        {{ label ?? 'Save' }}\n      </ScalarButton>\n    </div>\n  </form>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"`Delete ${truncatedName}`\"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  variableName: string\n  warningMessage: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'delete'): void\n}>()\n\nconst truncatedName = computed(() => {\n  if (props.variableName.length > 18) {\n    return props.variableName.slice(0, 18) + '…'\n  }\n  return props.variableName\n})\n</script>\n<template>\n  <SidebarListElementForm\n    danger\n    :label=\"`Delete ${truncatedName}`\"\n    @cancel=\"emit('close')\"\n    @submit=\"emit('delete')\">\n    <p\n      v-if=\"warningMessage\"\n      class=\"text-c-2 text-sm leading-normal text-pretty\">\n      {{ warningMessage }}\n    </p>\n  </SidebarListElementForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;ECQA,MAAM,OAAO;;uBAMX,mBAoBO,QAAA;IAnBL,OAAM;IACL,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,KAAI,SAAA,EAAA,CAAA,UAAA,CAAA;OACrB,WAAQ,KAAA,QAAA,UAAA,EACR,mBAeM,OAfN,cAeM,CAdJ,YAMe,MAAA,aAAA,EAAA;IALb,MAAK;IACL,MAAK;IACL,SAAQ;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAEd,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF0B,YAE1B,GAAA,CAAA,EAAA,CAAA;;OACA,YAMe,MAAA,aAAA,EAAA;IALb,eAAY;IACZ,MAAK;IACL,MAAK;IACJ,SAAS,QAAA,SAAM,WAAA;;2BACK,CAAA,gBAAA,gBAAlB,QAAA,SAAK,OAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;EE1BhB,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,gBAAgB,eAAe;AACnC,OAAI,MAAM,aAAa,SAAS,GAC9B,QAAO,MAAM,aAAa,MAAM,GAAG,GAAG,GAAG;AAE3C,UAAO,MAAM;IACd;;uBAGC,YAUyB,gCAAA;IATvB,QAAA;IACC,OAAK,UAAY,cAAA;IACjB,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;2BAKT,CAHI,QAAA,kBAAA,WAAA,EADR,mBAII,KAJJ,YAII,gBADC,QAAA,eAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/EditSidebarListElement-CodWPnM6.js

@@ -1,32 +0,0 @@
-import { n as SidebarListElementForm_default } from "./DeleteSidebarListElement-C-p87d03.js";
-import { createBlock, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
-import { ScalarTextInput } from "@scalar/components";
-//#endregion
-//#region src/components/Sidebar/Actions/EditSidebarListElement.vue
-var EditSidebarListElement_default = /* @__PURE__ */ defineComponent({
-	__name: "EditSidebarListElement",
-	props: { name: {} },
-	emits: ["close", "edit"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const newName = ref(props.name);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(SidebarListElementForm_default, {
-				onCancel: _cache[1] || (_cache[1] = ($event) => emit("close")),
-				onSubmit: _cache[2] || (_cache[2] = ($event) => emit("edit", newName.value))
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarTextInput), {
-					modelValue: newName.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => newName.value = $event),
-					autofocus: ""
-				}, null, 8, ["modelValue"])]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { EditSidebarListElement_default as t };
-
-//# sourceMappingURL=EditSidebarListElement-CodWPnM6.js.map

package/dist/EditSidebarListElement-CodWPnM6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditSidebarListElement-CodWPnM6.js","names":[],"sources":["../src/components/Sidebar/Actions/EditSidebarListElement.vue","../src/components/Sidebar/Actions/EditSidebarListElement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarTextInput } from '@scalar/components'\nimport { ref } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  name: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'edit', newName: string): void\n}>()\n\nconst newName = ref(props.name)\n</script>\n<template>\n  <SidebarListElementForm\n    @cancel=\"emit('close')\"\n    @submit=\"emit('edit', newName)\">\n    <ScalarTextInput\n      v-model=\"newName\"\n      autofocus />\n  </SidebarListElementForm>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarTextInput } from '@scalar/components'\nimport { ref } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nconst props = defineProps<{\n  name: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n  (e: 'edit', newName: string): void\n}>()\n\nconst newName = ref(props.name)\n</script>\n<template>\n  <SidebarListElementForm\n    @cancel=\"emit('close')\"\n    @submit=\"emit('edit', newName)\">\n    <ScalarTextInput\n      v-model=\"newName\"\n      autofocus />\n  </SidebarListElementForm>\n</template>\n"],"mappings":";;;;;;;;;;ECMA,MAAM,QAAQ;EAId,MAAM,OAAO;EAKb,MAAM,UAAU,IAAI,MAAM,KAAI;;uBAG5B,YAMyB,gCAAA;IALtB,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAS,QAAA,MAAO;;2BAGf,CAFd,YAEc,MAAA,gBAAA,EAAA;iBADH,QAAA;0EAAO,QAAA;KAChB,WAAA"}