@scalar/api-client 2.42.0 → 3.0.0

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.d.ts

@@ -1,222 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared';
-import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
-import type { Workspace } from '@scalar/oas-utils/entities/workspace';
-import type { EnvVariable } from '../../../../store/active-entities.js';
-type __VLS_Props = {
-    collection: Collection;
-    /** Controls whether user can add new auth schemes */
-    isReadOnly?: boolean;
-    environment: Environment;
-    envVariables: EnvVariable[];
-    layout: 'client' | 'reference';
-    operation?: Operation | undefined;
-    persistAuth?: boolean;
-    selectedSecuritySchemeUids: SelectedSecuritySchemeUids;
-    server: Server | undefined;
-    title: string;
-    workspace: Workspace;
-};
-type __VLS_Slots = {
-    'oauth-actions'?: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    authorized: () => any;
-    activeSchemes: (schemes: ({
-        type: "apiKey";
-        name: string;
-        in: "cookie" | "query" | "header";
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        value: string;
-        description?: string | undefined;
-    } | {
-        type: "http";
-        scheme: "basic" | "bearer";
-        bearerFormat: string;
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        username: string;
-        password: string;
-        token: string;
-        description?: string | undefined;
-    } | {
-        type: "openIdConnect";
-        openIdConnectUrl: string;
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        description?: string | undefined;
-    } | {
-        type: "oauth2";
-        flows: {
-            implicit?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "implicit";
-                authorizationUrl: string;
-                "x-scalar-redirect-uri": string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-            } | undefined;
-            password?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "password";
-                tokenUrl: string;
-                clientSecret: string;
-                username: string;
-                password: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-            clientCredentials?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "clientCredentials";
-                tokenUrl: string;
-                clientSecret: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-            authorizationCode?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "authorizationCode";
-                authorizationUrl: string;
-                "x-usePkce": "SHA-256" | "plain" | "no";
-                "x-scalar-redirect-uri": string;
-                tokenUrl: string;
-                clientSecret: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-        };
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        description?: string | undefined;
-        'x-default-scopes'?: string[] | undefined;
-    })[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAuthorized?: (() => any) | undefined;
-    onActiveSchemes?: ((schemes: ({
-        type: "apiKey";
-        name: string;
-        in: "cookie" | "query" | "header";
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        value: string;
-        description?: string | undefined;
-    } | {
-        type: "http";
-        scheme: "basic" | "bearer";
-        bearerFormat: string;
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        username: string;
-        password: string;
-        token: string;
-        description?: string | undefined;
-    } | {
-        type: "openIdConnect";
-        openIdConnectUrl: string;
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        description?: string | undefined;
-    } | {
-        type: "oauth2";
-        flows: {
-            implicit?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "implicit";
-                authorizationUrl: string;
-                "x-scalar-redirect-uri": string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-            } | undefined;
-            password?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "password";
-                tokenUrl: string;
-                clientSecret: string;
-                username: string;
-                password: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-            clientCredentials?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "clientCredentials";
-                tokenUrl: string;
-                clientSecret: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-            authorizationCode?: {
-                refreshUrl: string;
-                scopes: Record<string, string>;
-                selectedScopes: string[];
-                "x-scalar-client-id": string;
-                token: string;
-                type: "authorizationCode";
-                authorizationUrl: string;
-                "x-usePkce": "SHA-256" | "plain" | "no";
-                "x-scalar-redirect-uri": string;
-                tokenUrl: string;
-                clientSecret: string;
-                "x-scalar-security-query"?: Record<string, string> | undefined;
-                "x-scalar-security-body"?: Record<string, string> | undefined;
-                "x-tokenName"?: string | undefined;
-                "x-scalar-credentials-location"?: "header" | "body" | undefined;
-            } | undefined;
-        };
-        uid: string & import("zod").$brand<"securityScheme">;
-        nameKey: string;
-        description?: string | undefined;
-        'x-default-scopes'?: string[] | undefined;
-    })[]) => any) | undefined;
-}>, {}, {}, {}, {}, 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=RequestAuth.vue.d.ts.map

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AAmaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAKrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAa1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;AAwBF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,EAAE,MAAM,OAAO,CAAA;CAChC,CAAC;AAwiBF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA1VX,CAAC;;;;;;;;;yCAOH,CAAC;wCAC4C,CAAC;6BAE9C,CAAC;;oBACG,CAAC;;;;;;;;;;;yCAUkC,CAAC;wCAEG,CAAC;6BACY,CAAC;+CACN,CAAC;;6BAAiF,CAAC;;;;;;;;;yCAQnG,CAAC;wCAEpC,CAAC;6BAEgB,CAAC;+CACsB,CAAC;;6BAEjB,CAAC;;;;;;;;;;;;yCAW1B,CAAC;wCAC6B,CAAC;6BAA+D,CAAC;+CACvD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBArDtC,CAAC;;;;;;;;;yCAOH,CAAC;wCAC4C,CAAC;6BAE9C,CAAC;;oBACG,CAAC;;;;;;;;;;;yCAUkC,CAAC;wCAEG,CAAC;6BACY,CAAC;+CACN,CAAC;;6BAAiF,CAAC;;;;;;;;;yCAQnG,CAAC;wCAEpC,CAAC;6BAEgB,CAAC;+CACsB,CAAC;;6BAEjB,CAAC;;;;;;;;;;;;yCAW1B,CAAC;wCAC6B,CAAC;6BAA+D,CAAC;+CACvD,CAAC;;;;;;;;kFAwSzC,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/views/Request/RequestSection/RequestAuth/RequestAuth.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import RequestAuth_vue_vue_type_script_setup_true_lang_default from "./RequestAuth.vue.script.js";
-/* empty css                          */
-//#region src/views/Request/RequestSection/RequestAuth/RequestAuth.vue
-var RequestAuth_default = /* @__PURE__ */ _plugin_vue_export_helper_default(RequestAuth_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3f1067a4"]]);
-//#endregion
-export { RequestAuth_default as default };
-
-//# sourceMappingURL=RequestAuth.vue.js.map

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestAuth.vue.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarComboboxMultiselect,\n  ScalarIconButton,\n  ScalarListboxCheckbox,\n  useModal,\n  type Icon,\n  type ScalarButton as ScalarButtonType,\n} from '@scalar/components'\nimport {\n  CLIENT_LS_KEYS,\n  safeLocalStorage,\n} from '@scalar/helpers/object/local-storage'\nimport { ScalarIconCaretDown, ScalarIconTrash } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport type {\n  Collection,\n  Operation,\n  SecurityScheme,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport { computed, ref, useId } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport type { EnvVariable } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport type { SecuritySchemeOption } from '@/views/Request/consts'\nimport {\n  formatComplexScheme,\n  formatScheme,\n  getSchemeOptions,\n  getSecurityRequirements,\n} from '@/views/Request/libs'\n\nimport DeleteRequestAuthModal from './DeleteRequestAuthModal.vue'\nimport RequestAuthDataTable from './RequestAuthDataTable.vue'\n\nconst {\n  collection,\n  isReadOnly = false,\n  environment,\n  envVariables,\n  layout,\n  operation,\n  persistAuth = false,\n  selectedSecuritySchemeUids,\n  server,\n  title,\n  workspace,\n} = defineProps<{\n  collection: Collection\n  /** Controls whether user can add new auth schemes */\n  isReadOnly?: boolean\n  environment: Environment\n  envVariables: EnvVariable[]\n  layout: 'client' | 'reference'\n  operation?: Operation | undefined\n  persistAuth?: boolean\n  selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n  server: Server | undefined\n  title: string\n  workspace: Workspace\n}>()\n\nconst emits = defineEmits<{\n  /** Emits when the user has authorized with an oauth2 flow */\n  authorized: []\n  /** Emits the currently active scheme */\n  activeSchemes: [schemes: SecurityScheme[]]\n}>()\n\ndefineSlots<{\n  'oauth-actions'?: () => unknown\n}>()\n\nconst {\n  securitySchemes,\n  securitySchemeMutators,\n  requestMutators,\n  collectionMutators,\n} = useWorkspace()\n\nconst titleId = useId()\n\nconst comboboxButtonRef = ref<typeof ScalarButtonType | null>(null)\nconst deleteSchemeModal = useModal()\nconst selectedScheme = ref<{ id: SecurityScheme['uid']; label: string } | null>(\n  null,\n)\nconst isViewLayoutOpen = ref(false)\n\n/** Security requirements for the request */\nconst securityRequirements = computed(() => {\n  const requirements = getSecurityRequirements(operation, collection)\n\n  /** Filter out empty objects */\n  const filteredRequirements = requirements.filter((r) => Object.keys(r).length)\n\n  return { filteredRequirements, requirements }\n})\n\n/** Indicates if auth is required */\nconst authIndicator = computed(() => {\n  const { filteredRequirements, requirements } = securityRequirements.value\n  if (!requirements.length) {\n    return null\n  }\n\n  /**\n   * Security is optional if one empty object exists in the array &\n   * no complex auth requirements (with multiple auth)\n   */\n  const hasComplexRequirement = requirements.some(\n    (req) => Object.keys(req).length > 1,\n  )\n  const isOptional =\n    !hasComplexRequirement && filteredRequirements.length < requirements.length\n\n  const icon: Icon = isOptional ? 'Unlock' : 'Lock'\n\n  /** Text to indicate auth requirements */\n  const text = isOptional ? 'Optional' : 'Required'\n\n  return { icon, text }\n})\n\n/**\n * Currently selected auth schemes on the collection, we store complex auth joined by a comma to represent the array\n * in the string\n */\nconst selectedSchemeOptions = computed<SecuritySchemeOption[]>(() =>\n  selectedSecuritySchemeUids\n    .map((s) => {\n      if (Array.isArray(s)) {\n        return formatComplexScheme(s, securitySchemes)\n      }\n      const scheme = securitySchemes[s ?? '']\n      if (!scheme) {\n        return undefined\n      }\n      return formatScheme(scheme)\n    })\n    .filter(isDefined),\n)\n\n/** Update the selected auth types */\nfunction updateSelectedAuth(entries: SecuritySchemeOption[]) {\n  const addNewOption = entries.find((e) => e.payload)\n  const _entries = entries\n    .filter((e) => !e.payload)\n    .map(({ id }) => {\n      const arr = id.split(',')\n      return arr.length > 1\n        ? (arr as SecurityScheme['uid'][])\n        : (id as SecurityScheme['uid'])\n    })\n\n  // Adding new auth\n  if (addNewOption?.payload) {\n    // Create new scheme\n    const scheme = securitySchemeMutators.add(\n      addNewOption.payload,\n      collection?.uid,\n    )\n    if (scheme) {\n      _entries.push(scheme.uid)\n    }\n  }\n\n  editSelectedSchemeUids(_entries)\n}\n\nconst editSelectedSchemeUids = (uids: SelectedSecuritySchemeUids) => {\n  // Set as selected on the collection for the modal\n  if (collection.useCollectionSecurity) {\n    collectionMutators.edit(collection.uid, 'selectedSecuritySchemeUids', uids)\n\n    if (!persistAuth) {\n      return\n    }\n\n    // We must convert the uids to nameKeys first\n    const nameKeys = uids.map((uids) => {\n      // Handle complex auth\n      if (Array.isArray(uids)) {\n        return uids.map((uid) => securitySchemes[uid]?.nameKey)\n      }\n\n      return securitySchemes[uids]?.nameKey\n    })\n\n    safeLocalStorage().setItem(\n      CLIENT_LS_KEYS.SELECTED_SECURITY_SCHEMES,\n      JSON.stringify(nameKeys),\n    )\n  }\n  // Set as selected on request\n  else if (operation?.uid) {\n    requestMutators.edit(operation.uid, 'selectedSecuritySchemeUids', uids)\n  }\n}\n\nfunction handleDeleteScheme({ id, label }: { id: string; label: string }) {\n  // We cast the type here just to make the combobox happy, TODO: we should make ID be string-like and accept brands\n  selectedScheme.value = { id: id as SecurityScheme['uid'], label }\n  deleteSchemeModal.show()\n}\n\nconst unselectAuth = (unSelectUid?: string) => {\n  if (!unSelectUid) {\n    return\n  }\n  const newUids = selectedSecuritySchemeUids.filter((uid) => {\n    const arr = unSelectUid.split(',')\n    // Handle complex auth\n    if (arr.length > 1 && Array.isArray(uid) && arr.length === uid.length) {\n      return uid.every((u) => !arr.includes(u))\n    }\n    // Standard string auth\n    return uid !== unSelectUid\n  })\n  editSelectedSchemeUids(newUids)\n  comboboxButtonRef.value?.$el.focus()\n  deleteSchemeModal.hide()\n}\n\n/** Options for the security scheme dropdown */\nconst schemeOptions = computed(() =>\n  getSchemeOptions(\n    securityRequirements.value.filteredRequirements,\n    collection?.securitySchemes ?? [],\n    securitySchemes,\n    isReadOnly,\n  ),\n)\n\nconst openAuthCombobox = (event: Event) => {\n  // If the layout is open, we don't want it to close on auth label click\n  if (isViewLayoutOpen.value) {\n    event.stopPropagation()\n  }\n\n  comboboxButtonRef.value?.$el.click()\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"group/params relative\"\n    :itemCount=\"selectedSchemeOptions.length\"\n    :layout=\"layout\"\n    @update:modelValue=\"isViewLayoutOpen = $event\">\n    <template #title>\n      <div\n        :id=\"titleId\"\n        class=\"inline-flex items-center gap-0.5 leading-[20px]\">\n        <span>{{ title }}</span>\n        <!-- Authentication indicator -->\n        <span\n          v-if=\"authIndicator\"\n          class=\"text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]\"\n          :class=\"{ 'text-c-1': authIndicator.text === 'Required' }\"\n          @click=\"openAuthCombobox\">\n          {{ authIndicator.text }}\n        </span>\n      </div>\n    </template>\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarComboboxMultiselect\n          class=\"w-72 text-xs\"\n          :modelValue=\"selectedSchemeOptions\"\n          multiple\n          :options=\"schemeOptions\"\n          placement=\"bottom-end\"\n          teleport\n          @delete=\"handleDeleteScheme\"\n          @update:modelValue=\"updateSelectedAuth\">\n          <ScalarButton\n            ref=\"comboboxButtonRef\"\n            :aria-describedby=\"titleId\"\n            class=\"group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal transition-transform\"\n            variant=\"ghost\">\n            <template v-if=\"selectedSchemeOptions.length === 1\">\n              <span class=\"sr-only\">Selected Auth Type:</span>\n              {{ selectedSchemeOptions[0]?.label }}\n            </template>\n            <template v-else-if=\"selectedSchemeOptions.length > 1\">\n              Multiple\n              <span class=\"sr-only\">Auth Types Selected</span>\n            </template>\n            <template v-else>\n              <span class=\"sr-only\">Select</span>\n              Auth Type\n            </template>\n            <ScalarIconCaretDown\n              class=\"size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180\"\n              weight=\"bold\" />\n          </ScalarButton>\n          <template #option=\"{ option, selected }\">\n            <ScalarListboxCheckbox\n              multiselect\n              :selected=\"selected\" />\n            <div class=\"min-w-0 flex-1 truncate\">\n              {{ option.label }}\n            </div>\n            <ScalarIconButton\n              v-if=\"option.isDeletable ?? !isReadOnly\"\n              class=\"-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100\"\n              :icon=\"ScalarIconTrash\"\n              :label=\"`Delete ${option.label}`\"\n              size=\"xs\"\n              @click.stop=\"handleDeleteScheme(option)\" />\n          </template>\n        </ScalarComboboxMultiselect>\n      </div>\n    </template>\n\n    <!-- Auth Table -->\n    <RequestAuthDataTable\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :layout=\"layout\"\n      :persistAuth=\"persistAuth\"\n      :selectedSchemeOptions=\"selectedSchemeOptions\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @activeSchemes=\"emits('activeSchemes', $event)\"\n      @authorized=\"emits('authorized')\">\n      <template #oauth-actions>\n        <slot name=\"oauth-actions\" />\n      </template>\n    </RequestAuthDataTable>\n\n    <DeleteRequestAuthModal\n      :scheme=\"selectedScheme\"\n      :state=\"deleteSchemeModal\"\n      @close=\"deleteSchemeModal.hide()\"\n      @delete=\"unselectAuth(selectedScheme?.id)\" />\n  </ViewLayoutCollapse>\n</template>\n<style scoped>\n.auth-combobox-position {\n  margin-left: 120px;\n}\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox supports */\n  scroll-timeline: --scroll-timeline horizontal;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.fade-left,\n.fade-right {\n  position: sticky;\n  content: '';\n  height: 100%;\n  animation-name: fadein;\n  animation-duration: 1ms;\n  animation-direction: reverse;\n  animation-timeline: --scroll-timeline;\n  min-height: 24px;\n  pointer-events: none;\n}\n.fade-left {\n  background: linear-gradient(\n    -90deg,\n    color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%,\n    var(--scalar-background-1) 100%\n  );\n  min-width: 3px;\n  left: -1px;\n  animation-direction: normal;\n}\n.fade-right {\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%,\n    var(--scalar-background-1) 100%\n  );\n  margin-left: -20px;\n  min-width: 24px;\n  right: -1px;\n  top: 0;\n}\n@keyframes fadein {\n  0% {\n    opacity: 0;\n  }\n  15% {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.script.js

@@ -1,216 +0,0 @@
-import { useWorkspace } from "../../../../store/store.js";
-import ViewLayoutCollapse_default from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { formatComplexScheme, formatScheme, getSchemeOptions, getSecurityRequirements } from "../../libs/auth.js";
-import DeleteRequestAuthModal_default from "./DeleteRequestAuthModal.vue.js";
-import RequestAuthDataTable_default from "./RequestAuthDataTable.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "vue";
-import { ScalarButton, ScalarComboboxMultiselect, ScalarIconButton, ScalarListboxCheckbox, useModal } from "@scalar/components";
-import { isDefined } from "@scalar/oas-utils/helpers";
-import { CLIENT_LS_KEYS, safeLocalStorage } from "@scalar/helpers/object/local-storage";
-import { ScalarIconCaretDown, ScalarIconTrash } from "@scalar/icons";
-//#region src/views/Request/RequestSection/RequestAuth/RequestAuth.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["id"];
-var _hoisted_2 = { class: "flex flex-1" };
-var _hoisted_3 = { class: "min-w-0 flex-1 truncate" };
-var RequestAuth_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "RequestAuth",
-	props: {
-		collection: {},
-		isReadOnly: {
-			type: Boolean,
-			default: false
-		},
-		environment: {},
-		envVariables: {},
-		layout: {},
-		operation: {},
-		persistAuth: {
-			type: Boolean,
-			default: false
-		},
-		selectedSecuritySchemeUids: {},
-		server: {},
-		title: {},
-		workspace: {}
-	},
-	emits: ["authorized", "activeSchemes"],
-	setup(__props, { emit: __emit }) {
-		const emits = __emit;
-		const { securitySchemes, securitySchemeMutators, requestMutators, collectionMutators } = useWorkspace();
-		const titleId = useId();
-		const comboboxButtonRef = ref(null);
-		const deleteSchemeModal = useModal();
-		const selectedScheme = ref(null);
-		const isViewLayoutOpen = ref(false);
-		/** Security requirements for the request */
-		const securityRequirements = computed(() => {
-			const requirements = getSecurityRequirements(__props.operation, __props.collection);
-			return {
-				filteredRequirements: requirements.filter((r) => Object.keys(r).length),
-				requirements
-			};
-		});
-		/** Indicates if auth is required */
-		const authIndicator = computed(() => {
-			const { filteredRequirements, requirements } = securityRequirements.value;
-			if (!requirements.length) return null;
-			const isOptional = !requirements.some((req) => Object.keys(req).length > 1) && filteredRequirements.length < requirements.length;
-			return {
-				icon: isOptional ? "Unlock" : "Lock",
-				text: isOptional ? "Optional" : "Required"
-			};
-		});
-		/**
-		* Currently selected auth schemes on the collection, we store complex auth joined by a comma to represent the array
-		* in the string
-		*/
-		const selectedSchemeOptions = computed(() => __props.selectedSecuritySchemeUids.map((s) => {
-			if (Array.isArray(s)) return formatComplexScheme(s, securitySchemes);
-			const scheme = securitySchemes[s ?? ""];
-			if (!scheme) return;
-			return formatScheme(scheme);
-		}).filter(isDefined));
-		/** Update the selected auth types */
-		function updateSelectedAuth(entries) {
-			const addNewOption = entries.find((e) => e.payload);
-			const _entries = entries.filter((e) => !e.payload).map(({ id }) => {
-				const arr = id.split(",");
-				return arr.length > 1 ? arr : id;
-			});
-			if (addNewOption?.payload) {
-				const scheme = securitySchemeMutators.add(addNewOption.payload, __props.collection?.uid);
-				if (scheme) _entries.push(scheme.uid);
-			}
-			editSelectedSchemeUids(_entries);
-		}
-		const editSelectedSchemeUids = (uids) => {
-			if (__props.collection.useCollectionSecurity) {
-				collectionMutators.edit(__props.collection.uid, "selectedSecuritySchemeUids", uids);
-				if (!__props.persistAuth) return;
-				const nameKeys = uids.map((uids) => {
-					if (Array.isArray(uids)) return uids.map((uid) => securitySchemes[uid]?.nameKey);
-					return securitySchemes[uids]?.nameKey;
-				});
-				safeLocalStorage().setItem(CLIENT_LS_KEYS.SELECTED_SECURITY_SCHEMES, JSON.stringify(nameKeys));
-			} else if (__props.operation?.uid) requestMutators.edit(__props.operation.uid, "selectedSecuritySchemeUids", uids);
-		};
-		function handleDeleteScheme({ id, label }) {
-			selectedScheme.value = {
-				id,
-				label
-			};
-			deleteSchemeModal.show();
-		}
-		const unselectAuth = (unSelectUid) => {
-			if (!unSelectUid) return;
-			editSelectedSchemeUids(__props.selectedSecuritySchemeUids.filter((uid) => {
-				const arr = unSelectUid.split(",");
-				if (arr.length > 1 && Array.isArray(uid) && arr.length === uid.length) return uid.every((u) => !arr.includes(u));
-				return uid !== unSelectUid;
-			}));
-			comboboxButtonRef.value?.$el.focus();
-			deleteSchemeModal.hide();
-		};
-		/** Options for the security scheme dropdown */
-		const schemeOptions = computed(() => getSchemeOptions(securityRequirements.value.filteredRequirements, __props.collection?.securitySchemes ?? [], securitySchemes, __props.isReadOnly));
-		const openAuthCombobox = (event) => {
-			if (isViewLayoutOpen.value) event.stopPropagation();
-			comboboxButtonRef.value?.$el.click();
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(ViewLayoutCollapse_default, {
-				class: "group/params relative",
-				itemCount: selectedSchemeOptions.value.length,
-				layout: __props.layout,
-				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isViewLayoutOpen.value = $event)
-			}, {
-				title: withCtx(() => [createElementVNode("div", {
-					id: unref(titleId),
-					class: "inline-flex items-center gap-0.5 leading-[20px]"
-				}, [createElementVNode("span", null, toDisplayString(__props.title), 1), authIndicator.value ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(["text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]", { "text-c-1": authIndicator.value.text === "Required" }]),
-					onClick: openAuthCombobox
-				}, toDisplayString(authIndicator.value.text), 3)) : createCommentVNode("", true)], 8, _hoisted_1)]),
-				actions: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarComboboxMultiselect), {
-					class: "w-72 text-xs",
-					modelValue: selectedSchemeOptions.value,
-					multiple: "",
-					options: schemeOptions.value,
-					placement: "bottom-end",
-					teleport: "",
-					onDelete: handleDeleteScheme,
-					"onUpdate:modelValue": updateSelectedAuth
-				}, {
-					option: withCtx(({ option, selected }) => [
-						createVNode(unref(ScalarListboxCheckbox), {
-							multiselect: "",
-							selected
-						}, null, 8, ["selected"]),
-						createElementVNode("div", _hoisted_3, toDisplayString(option.label), 1),
-						option.isDeletable ?? !__props.isReadOnly ? (openBlock(), createBlock(unref(ScalarIconButton), {
-							key: 0,
-							class: "-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100",
-							icon: unref(ScalarIconTrash),
-							label: `Delete ${option.label}`,
-							size: "xs",
-							onClick: withModifiers(($event) => handleDeleteScheme(option), ["stop"])
-						}, null, 8, [
-							"icon",
-							"label",
-							"onClick"
-						])) : createCommentVNode("", true)
-					]),
-					default: withCtx(() => [createVNode(unref(ScalarButton), {
-						ref_key: "comboboxButtonRef",
-						ref: comboboxButtonRef,
-						"aria-describedby": unref(titleId),
-						class: "group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal transition-transform",
-						variant: "ghost"
-					}, {
-						default: withCtx(() => [selectedSchemeOptions.value.length === 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[5] || (_cache[5] = createElementVNode("span", { class: "sr-only" }, "Selected Auth Type:", -1)), createTextVNode(" " + toDisplayString(selectedSchemeOptions.value[0]?.label), 1)], 64)) : selectedSchemeOptions.value.length > 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[6] || (_cache[6] = createTextVNode(" Multiple ", -1)), _cache[7] || (_cache[7] = createElementVNode("span", { class: "sr-only" }, "Auth Types Selected", -1))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [_cache[8] || (_cache[8] = createElementVNode("span", { class: "sr-only" }, "Select", -1)), _cache[9] || (_cache[9] = createTextVNode(" Auth Type ", -1))], 64)), createVNode(unref(ScalarIconCaretDown), {
-							class: "size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180",
-							weight: "bold"
-						})]),
-						_: 1
-					}, 8, ["aria-describedby"])]),
-					_: 1
-				}, 8, ["modelValue", "options"])])]),
-				default: withCtx(() => [createVNode(RequestAuthDataTable_default, {
-					collection: __props.collection,
-					envVariables: __props.envVariables,
-					environment: __props.environment,
-					layout: __props.layout,
-					persistAuth: __props.persistAuth,
-					selectedSchemeOptions: selectedSchemeOptions.value,
-					server: __props.server,
-					workspace: __props.workspace,
-					onActiveSchemes: _cache[0] || (_cache[0] = ($event) => emits("activeSchemes", $event)),
-					onAuthorized: _cache[1] || (_cache[1] = ($event) => emits("authorized"))
-				}, {
-					"oauth-actions": withCtx(() => [renderSlot(_ctx.$slots, "oauth-actions", {}, void 0, true)]),
-					_: 3
-				}, 8, [
-					"collection",
-					"envVariables",
-					"environment",
-					"layout",
-					"persistAuth",
-					"selectedSchemeOptions",
-					"server",
-					"workspace"
-				]), createVNode(DeleteRequestAuthModal_default, {
-					scheme: selectedScheme.value,
-					state: unref(deleteSchemeModal),
-					onClose: _cache[2] || (_cache[2] = ($event) => unref(deleteSchemeModal).hide()),
-					onDelete: _cache[3] || (_cache[3] = ($event) => unselectAuth(selectedScheme.value?.id))
-				}, null, 8, ["scheme", "state"])]),
-				_: 3
-			}, 8, ["itemCount", "layout"]);
-		};
-	}
-});
-//#endregion
-export { RequestAuth_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=RequestAuth.vue.script.js.map

package/dist/views/Request/RequestSection/RequestAuth/RequestAuth.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestAuth.vue.script.js","names":[],"sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarComboboxMultiselect,\n  ScalarIconButton,\n  ScalarListboxCheckbox,\n  useModal,\n  type Icon,\n  type ScalarButton as ScalarButtonType,\n} from '@scalar/components'\nimport {\n  CLIENT_LS_KEYS,\n  safeLocalStorage,\n} from '@scalar/helpers/object/local-storage'\nimport { ScalarIconCaretDown, ScalarIconTrash } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport type { SelectedSecuritySchemeUids } from '@scalar/oas-utils/entities/shared'\nimport type {\n  Collection,\n  Operation,\n  SecurityScheme,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport type { Workspace } from '@scalar/oas-utils/entities/workspace'\nimport { isDefined } from '@scalar/oas-utils/helpers'\nimport { computed, ref, useId } from 'vue'\n\nimport ViewLayoutCollapse from '@/components/ViewLayout/ViewLayoutCollapse.vue'\nimport type { EnvVariable } from '@/store/active-entities'\nimport { useWorkspace } from '@/store/store'\nimport type { SecuritySchemeOption } from '@/views/Request/consts'\nimport {\n  formatComplexScheme,\n  formatScheme,\n  getSchemeOptions,\n  getSecurityRequirements,\n} from '@/views/Request/libs'\n\nimport DeleteRequestAuthModal from './DeleteRequestAuthModal.vue'\nimport RequestAuthDataTable from './RequestAuthDataTable.vue'\n\nconst {\n  collection,\n  isReadOnly = false,\n  environment,\n  envVariables,\n  layout,\n  operation,\n  persistAuth = false,\n  selectedSecuritySchemeUids,\n  server,\n  title,\n  workspace,\n} = defineProps<{\n  collection: Collection\n  /** Controls whether user can add new auth schemes */\n  isReadOnly?: boolean\n  environment: Environment\n  envVariables: EnvVariable[]\n  layout: 'client' | 'reference'\n  operation?: Operation | undefined\n  persistAuth?: boolean\n  selectedSecuritySchemeUids: SelectedSecuritySchemeUids\n  server: Server | undefined\n  title: string\n  workspace: Workspace\n}>()\n\nconst emits = defineEmits<{\n  /** Emits when the user has authorized with an oauth2 flow */\n  authorized: []\n  /** Emits the currently active scheme */\n  activeSchemes: [schemes: SecurityScheme[]]\n}>()\n\ndefineSlots<{\n  'oauth-actions'?: () => unknown\n}>()\n\nconst {\n  securitySchemes,\n  securitySchemeMutators,\n  requestMutators,\n  collectionMutators,\n} = useWorkspace()\n\nconst titleId = useId()\n\nconst comboboxButtonRef = ref<typeof ScalarButtonType | null>(null)\nconst deleteSchemeModal = useModal()\nconst selectedScheme = ref<{ id: SecurityScheme['uid']; label: string } | null>(\n  null,\n)\nconst isViewLayoutOpen = ref(false)\n\n/** Security requirements for the request */\nconst securityRequirements = computed(() => {\n  const requirements = getSecurityRequirements(operation, collection)\n\n  /** Filter out empty objects */\n  const filteredRequirements = requirements.filter((r) => Object.keys(r).length)\n\n  return { filteredRequirements, requirements }\n})\n\n/** Indicates if auth is required */\nconst authIndicator = computed(() => {\n  const { filteredRequirements, requirements } = securityRequirements.value\n  if (!requirements.length) {\n    return null\n  }\n\n  /**\n   * Security is optional if one empty object exists in the array &\n   * no complex auth requirements (with multiple auth)\n   */\n  const hasComplexRequirement = requirements.some(\n    (req) => Object.keys(req).length > 1,\n  )\n  const isOptional =\n    !hasComplexRequirement && filteredRequirements.length < requirements.length\n\n  const icon: Icon = isOptional ? 'Unlock' : 'Lock'\n\n  /** Text to indicate auth requirements */\n  const text = isOptional ? 'Optional' : 'Required'\n\n  return { icon, text }\n})\n\n/**\n * Currently selected auth schemes on the collection, we store complex auth joined by a comma to represent the array\n * in the string\n */\nconst selectedSchemeOptions = computed<SecuritySchemeOption[]>(() =>\n  selectedSecuritySchemeUids\n    .map((s) => {\n      if (Array.isArray(s)) {\n        return formatComplexScheme(s, securitySchemes)\n      }\n      const scheme = securitySchemes[s ?? '']\n      if (!scheme) {\n        return undefined\n      }\n      return formatScheme(scheme)\n    })\n    .filter(isDefined),\n)\n\n/** Update the selected auth types */\nfunction updateSelectedAuth(entries: SecuritySchemeOption[]) {\n  const addNewOption = entries.find((e) => e.payload)\n  const _entries = entries\n    .filter((e) => !e.payload)\n    .map(({ id }) => {\n      const arr = id.split(',')\n      return arr.length > 1\n        ? (arr as SecurityScheme['uid'][])\n        : (id as SecurityScheme['uid'])\n    })\n\n  // Adding new auth\n  if (addNewOption?.payload) {\n    // Create new scheme\n    const scheme = securitySchemeMutators.add(\n      addNewOption.payload,\n      collection?.uid,\n    )\n    if (scheme) {\n      _entries.push(scheme.uid)\n    }\n  }\n\n  editSelectedSchemeUids(_entries)\n}\n\nconst editSelectedSchemeUids = (uids: SelectedSecuritySchemeUids) => {\n  // Set as selected on the collection for the modal\n  if (collection.useCollectionSecurity) {\n    collectionMutators.edit(collection.uid, 'selectedSecuritySchemeUids', uids)\n\n    if (!persistAuth) {\n      return\n    }\n\n    // We must convert the uids to nameKeys first\n    const nameKeys = uids.map((uids) => {\n      // Handle complex auth\n      if (Array.isArray(uids)) {\n        return uids.map((uid) => securitySchemes[uid]?.nameKey)\n      }\n\n      return securitySchemes[uids]?.nameKey\n    })\n\n    safeLocalStorage().setItem(\n      CLIENT_LS_KEYS.SELECTED_SECURITY_SCHEMES,\n      JSON.stringify(nameKeys),\n    )\n  }\n  // Set as selected on request\n  else if (operation?.uid) {\n    requestMutators.edit(operation.uid, 'selectedSecuritySchemeUids', uids)\n  }\n}\n\nfunction handleDeleteScheme({ id, label }: { id: string; label: string }) {\n  // We cast the type here just to make the combobox happy, TODO: we should make ID be string-like and accept brands\n  selectedScheme.value = { id: id as SecurityScheme['uid'], label }\n  deleteSchemeModal.show()\n}\n\nconst unselectAuth = (unSelectUid?: string) => {\n  if (!unSelectUid) {\n    return\n  }\n  const newUids = selectedSecuritySchemeUids.filter((uid) => {\n    const arr = unSelectUid.split(',')\n    // Handle complex auth\n    if (arr.length > 1 && Array.isArray(uid) && arr.length === uid.length) {\n      return uid.every((u) => !arr.includes(u))\n    }\n    // Standard string auth\n    return uid !== unSelectUid\n  })\n  editSelectedSchemeUids(newUids)\n  comboboxButtonRef.value?.$el.focus()\n  deleteSchemeModal.hide()\n}\n\n/** Options for the security scheme dropdown */\nconst schemeOptions = computed(() =>\n  getSchemeOptions(\n    securityRequirements.value.filteredRequirements,\n    collection?.securitySchemes ?? [],\n    securitySchemes,\n    isReadOnly,\n  ),\n)\n\nconst openAuthCombobox = (event: Event) => {\n  // If the layout is open, we don't want it to close on auth label click\n  if (isViewLayoutOpen.value) {\n    event.stopPropagation()\n  }\n\n  comboboxButtonRef.value?.$el.click()\n}\n</script>\n<template>\n  <ViewLayoutCollapse\n    class=\"group/params relative\"\n    :itemCount=\"selectedSchemeOptions.length\"\n    :layout=\"layout\"\n    @update:modelValue=\"isViewLayoutOpen = $event\">\n    <template #title>\n      <div\n        :id=\"titleId\"\n        class=\"inline-flex items-center gap-0.5 leading-[20px]\">\n        <span>{{ title }}</span>\n        <!-- Authentication indicator -->\n        <span\n          v-if=\"authIndicator\"\n          class=\"text-c-3 hover:bg-b-3 hover:text-c-1 -mr-1 cursor-pointer rounded px-1 py-0.5 text-xs leading-[normal]\"\n          :class=\"{ 'text-c-1': authIndicator.text === 'Required' }\"\n          @click=\"openAuthCombobox\">\n          {{ authIndicator.text }}\n        </span>\n      </div>\n    </template>\n    <template #actions>\n      <div class=\"flex flex-1\">\n        <ScalarComboboxMultiselect\n          class=\"w-72 text-xs\"\n          :modelValue=\"selectedSchemeOptions\"\n          multiple\n          :options=\"schemeOptions\"\n          placement=\"bottom-end\"\n          teleport\n          @delete=\"handleDeleteScheme\"\n          @update:modelValue=\"updateSelectedAuth\">\n          <ScalarButton\n            ref=\"comboboxButtonRef\"\n            :aria-describedby=\"titleId\"\n            class=\"group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal transition-transform\"\n            variant=\"ghost\">\n            <template v-if=\"selectedSchemeOptions.length === 1\">\n              <span class=\"sr-only\">Selected Auth Type:</span>\n              {{ selectedSchemeOptions[0]?.label }}\n            </template>\n            <template v-else-if=\"selectedSchemeOptions.length > 1\">\n              Multiple\n              <span class=\"sr-only\">Auth Types Selected</span>\n            </template>\n            <template v-else>\n              <span class=\"sr-only\">Select</span>\n              Auth Type\n            </template>\n            <ScalarIconCaretDown\n              class=\"size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180\"\n              weight=\"bold\" />\n          </ScalarButton>\n          <template #option=\"{ option, selected }\">\n            <ScalarListboxCheckbox\n              multiselect\n              :selected=\"selected\" />\n            <div class=\"min-w-0 flex-1 truncate\">\n              {{ option.label }}\n            </div>\n            <ScalarIconButton\n              v-if=\"option.isDeletable ?? !isReadOnly\"\n              class=\"-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100\"\n              :icon=\"ScalarIconTrash\"\n              :label=\"`Delete ${option.label}`\"\n              size=\"xs\"\n              @click.stop=\"handleDeleteScheme(option)\" />\n          </template>\n        </ScalarComboboxMultiselect>\n      </div>\n    </template>\n\n    <!-- Auth Table -->\n    <RequestAuthDataTable\n      :collection=\"collection\"\n      :envVariables=\"envVariables\"\n      :environment=\"environment\"\n      :layout=\"layout\"\n      :persistAuth=\"persistAuth\"\n      :selectedSchemeOptions=\"selectedSchemeOptions\"\n      :server=\"server\"\n      :workspace=\"workspace\"\n      @activeSchemes=\"emits('activeSchemes', $event)\"\n      @authorized=\"emits('authorized')\">\n      <template #oauth-actions>\n        <slot name=\"oauth-actions\" />\n      </template>\n    </RequestAuthDataTable>\n\n    <DeleteRequestAuthModal\n      :scheme=\"selectedScheme\"\n      :state=\"deleteSchemeModal\"\n      @close=\"deleteSchemeModal.hide()\"\n      @delete=\"unselectAuth(selectedScheme?.id)\" />\n  </ViewLayoutCollapse>\n</template>\n<style scoped>\n.auth-combobox-position {\n  margin-left: 120px;\n}\n.scroll-timeline-x {\n  overflow: auto;\n  scroll-timeline: --scroll-timeline x;\n  /* Firefox supports */\n  scroll-timeline: --scroll-timeline horizontal;\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.fade-left,\n.fade-right {\n  position: sticky;\n  content: '';\n  height: 100%;\n  animation-name: fadein;\n  animation-duration: 1ms;\n  animation-direction: reverse;\n  animation-timeline: --scroll-timeline;\n  min-height: 24px;\n  pointer-events: none;\n}\n.fade-left {\n  background: linear-gradient(\n    -90deg,\n    color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%,\n    var(--scalar-background-1) 100%\n  );\n  min-width: 3px;\n  left: -1px;\n  animation-direction: normal;\n}\n.fade-right {\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--scalar-background-1), transparent 100%) 0%,\n    color-mix(in srgb, var(--scalar-background-1), transparent 20%) 60%,\n    var(--scalar-background-1) 100%\n  );\n  margin-left: -20px;\n  min-width: 24px;\n  right: -1px;\n  top: 0;\n}\n@keyframes fadein {\n  0% {\n    opacity: 0;\n  }\n  15% {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":"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"}