@scalar/components 0.21.0 → 0.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts +38 -9
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.script.js +0 -5
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.script.js.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.d.ts +28 -16
- package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.d.ts.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.js.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts +13 -2
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.script.js +0 -1
- package/dist/components/ScalarCombobox/ScalarCombobox.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts +12 -2
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.script.js +0 -1
- package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts +23 -13
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.d.ts +21 -11
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts +11 -2
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.script.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts +16 -6
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.d.ts.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.js.map +1 -1
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.script.js +0 -1
- package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.script.js.map +1 -1
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts +14 -6
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.d.ts.map +1 -1
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js.map +1 -1
- package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.script.js.map +1 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts +19 -9
- package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts.map +1 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.js.map +1 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.script.js +0 -1
- package/dist/components/ScalarFloating/ScalarFloating.vue.script.js.map +1 -1
- package/dist/components/ScalarForm/ScalarFormError.vue.d.ts +20 -11
- package/dist/components/ScalarForm/ScalarFormError.vue.d.ts.map +1 -1
- package/dist/components/ScalarForm/ScalarFormError.vue.js.map +1 -1
- package/dist/components/ScalarForm/ScalarFormError.vue.script.js +0 -1
- package/dist/components/ScalarForm/ScalarFormError.vue.script.js.map +1 -1
- package/dist/components/ScalarHotkey/ScalarHotkey.vue.d.ts +15 -5
- package/dist/components/ScalarHotkey/ScalarHotkey.vue.d.ts.map +1 -1
- package/dist/components/ScalarHotkey/ScalarHotkey.vue.js.map +1 -1
- package/dist/components/ScalarHotkey/ScalarHotkey.vue.script.js.map +1 -1
- package/dist/components/ScalarIcon/IconList.vue.d.ts +15 -4
- package/dist/components/ScalarIcon/IconList.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts +37 -24
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.js.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.script.js.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts +17 -5
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.js.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.script.js +0 -1
- package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.script.js.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts +16 -5
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.js.map +1 -1
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.script.js +0 -1
- package/dist/components/ScalarListbox/ScalarListboxItem.vue.script.js.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.d.ts +11 -2
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.js.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.script.js.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts +26 -17
- package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.js.map +1 -1
- package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts +15 -6
- package/dist/components/ScalarMenu/ScalarMenu.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenu.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts +10 -3
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuButton.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts +21 -10
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts +21 -10
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts +22 -11
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts +9 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts +14 -6
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.d.ts +9 -1
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts +19 -6
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.script.js +0 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts +16 -5
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.script.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.d.ts +20 -9
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.d.ts.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.js.map +1 -1
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.script.js.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts +13 -2
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.js +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.js.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.script.js +13 -0
- package/dist/components/ScalarModal/ScalarModal.vue.script.js.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts +19 -7
- package/dist/components/ScalarPopover/ScalarPopover.vue.d.ts.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.js.map +1 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.script.js +0 -1
- package/dist/components/ScalarPopover/ScalarPopover.vue.script.js.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts +23 -13
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.script.js.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.d.ts +21 -11
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.d.ts.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js.map +1 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js +0 -1
- package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.d.ts +16 -8
- package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.js.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.script.js.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.d.ts +21 -9
- package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.js.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.script.js.map +1 -1
- package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts +20 -9
- package/dist/components/ScalarToggle/ScalarToggle.vue.d.ts.map +1 -1
- package/dist/components/ScalarToggle/ScalarToggle.vue.js.map +1 -1
- package/dist/components/ScalarToggle/ScalarToggle.vue.script.js.map +1 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.d.ts +24 -5
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.d.ts.map +1 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js.map +1 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.script.js +0 -1
- package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.script.js.map +1 -1
- package/dist/style.css +13 -13
- package/package.json +2 -2
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
import type { ScalarMenuButtonProps, ScalarMenuButtonSlots, ScalarMenuSlotProps } from './types';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Scalar Menu component
|
|
4
|
+
*
|
|
5
|
+
* A dropdown menu triggered by a logo button, containing product links,
|
|
6
|
+
* team/workspace pickers, and resource sections.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <ScalarMenu>
|
|
10
|
+
* <template #products="{ close }">Custom products</template>
|
|
11
|
+
* </ScalarMenu>
|
|
12
|
+
*/
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
3
16
|
/** Overrides the entire menu button */
|
|
4
17
|
button?(p: ScalarMenuButtonProps): unknown;
|
|
5
18
|
/** Overrides the products list */
|
|
@@ -8,11 +21,7 @@ type __VLS_Slots = {
|
|
|
8
21
|
profile?(p: ScalarMenuSlotProps): unknown;
|
|
9
22
|
/** Overrides the resources section */
|
|
10
23
|
sections?(p: ScalarMenuSlotProps): unknown;
|
|
11
|
-
} & ScalarMenuButtonSlots
|
|
12
|
-
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>;
|
|
13
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
-
declare const _default: typeof __VLS_export;
|
|
15
|
-
export default _default;
|
|
24
|
+
} & ScalarMenuButtonSlots>;
|
|
16
25
|
type __VLS_WithSlots<T, S> = T & {
|
|
17
26
|
new (): {
|
|
18
27
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAGhB;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEd,uCAAuC;eAC5B,qBAAqB,GAAG,OAAO;IAC1C,kCAAkC;iBACrB,mBAAmB,GAAG,OAAO;IAC1C,0DAA0D;gBAC9C,mBAAmB,GAAG,OAAO;IACzC,sCAAsC;iBACzB,mBAAmB,GAAG,OAAO;0BA+I1C,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenu.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /** Overrides the entire menu button */\n button?(p: ScalarMenuButtonProps): unknown\n /** Overrides the products list */\n products?(p: ScalarMenuSlotProps): unknown\n /** Adds items the profile section (e.g. a team picker) */\n profile?(p: ScalarMenuSlotProps): unknown\n /** Overrides the resources section */\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenu.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu component\n *\n * A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n *\n * @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /** Overrides the entire menu button */\n button?(p: ScalarMenuButtonProps): unknown\n /** Overrides the products list */\n products?(p: ScalarMenuSlotProps): unknown\n /** Adds items the profile section (e.g. a team picker) */\n profile?(p: ScalarMenuSlotProps): unknown\n /** Overrides the resources section */\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":""}
|
|
@@ -4,7 +4,6 @@ import ScalarMenuProducts_default from "./ScalarMenuProducts.vue.js";
|
|
|
4
4
|
import ScalarMenuResources_default from "./ScalarMenuResources.vue.js";
|
|
5
5
|
import { createBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
|
|
6
6
|
import { DropdownMenu } from "radix-vue/namespaced";
|
|
7
|
-
//#region src/components/ScalarMenu/ScalarMenu.vue?vue&type=script&setup=true&lang.ts
|
|
8
7
|
var ScalarMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
9
8
|
inheritAttrs: false,
|
|
10
9
|
__name: "ScalarMenu",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenu.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /** Overrides the entire menu button */\n button?(p: ScalarMenuButtonProps): unknown\n /** Overrides the products list */\n products?(p: ScalarMenuSlotProps): unknown\n /** Adds items the profile section (e.g. a team picker) */\n profile?(p: ScalarMenuSlotProps): unknown\n /** Overrides the resources section */\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenu.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu component\n *\n * A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n *\n * @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /** Overrides the entire menu button */\n button?(p: ScalarMenuButtonProps): unknown\n /** Overrides the products list */\n products?(p: ScalarMenuSlotProps): unknown\n /** Adds items the profile section (e.g. a team picker) */\n profile?(p: ScalarMenuSlotProps): unknown\n /** Overrides the resources section */\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":";;;;;;;;;;;EA6CA,MAAM,OAAO,IAAI,MAAK;;EAGtB,SAAS,QAAQ;AACf,QAAK,QAAQ;;;uBAIb,YA4CoB,MAAA,aAAA,CAAA,MAAA;IA5CO,MAAM,KAAA;gEAAI,QAAA;;2BAqBZ,CApBvB,YAoBuB,MAAA,aAAA,CAAA,SAAA,EApBD,SAAA,IAAO,EAAA;4BAmBpB,CAjBP,WAiBO,KAAA,QAAA,UAAA,EAfJ,MAAM,KAAA,OAAI,QAeN,CAdL,YAamB,0BAAA;MAZjB,OAAM;MACL,MAAM,KAAA;+BAECA,KAAAA,OAAO,OAAA;YACZ;wBACmB,CAApB,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA;;iBAGdA,KAAAA,OAAO,QAAA;YACZ;wBACoB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;QAK7B,YAqBuB,MAAA,aAAA,CAAA,SArBvB,WAqBuB;KApBrB,OAAM;KACL,IAAI,MAAA,2BAAkB;KACvB,OAAM;KACL,YAAY;OACLC,KAAAA,OAAM,EAAA;4BAOP;MAJP,WAIO,KAAA,QAAA,YAAA,EAHG,OAAK,QAGR,CADL,YAAsB,2BAAA,CAAA,CAAA;MAExB,WAEmB,KAAA,QAAA,WAAA,EADT,OAAK,CAAA;MAEf,WAIO,KAAA,QAAA,YAAA,EAHG,OAAK,QAGR,CADL,YAAuB,4BAAA,CAAA,CAAA"}
|
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
import type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Scalar Menu Button component
|
|
4
|
+
*
|
|
5
|
+
* The trigger button for the ScalarMenu dropdown.
|
|
6
|
+
* Displays a logo icon and a caret indicator.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <ScalarMenuButton :open="false" />
|
|
10
|
+
*/
|
|
5
11
|
declare const _default: typeof __VLS_export;
|
|
6
12
|
export default _default;
|
|
13
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ScalarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarMenuButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ScalarMenuButtonSlots>;
|
|
7
14
|
type __VLS_WithSlots<T, S> = T & {
|
|
8
15
|
new (): {
|
|
9
16
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAG3E;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY,8VA6Fd,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuButton.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton class=\"gap-0.75 px-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuButton.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Button component\n *\n * The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n *\n * @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton class=\"gap-0.75 px-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton class=\"gap-0.75 px-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ScalarMenuButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Button component\n *\n * The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n *\n * @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton class=\"gap-0.75 px-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;uBAyBE,YAaqB,MAAA,2BAAA,EAAA,EAbD,OAAM,iBAAe,EAAA;2BAKjC;KAJN,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,QAAA,EAAA,QAAA,CADL,YAA0B,MAAA,mBAAA,EAAA,EAAd,MAAK,QAAM,CAAA,CAAA,CAAA,CAAA,CAAA;KAG3B,mBAEO,QAFP,YAEO,CADL,WAAiE,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAA3C,QAAA,OAAI,eAAA,YAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;KAE5B,YAGkB,MAAA,oBAAA,EAAA;MAFhB,OAAK,eAAA,CAAC,0DACE,QAAA,OAAI,eAAA,GAAA,CAAA;MACZ,QAAO"}
|
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
import type { ScalarIconComponent } from '@scalar/icons/types';
|
|
2
2
|
import type { Component } from 'vue';
|
|
3
3
|
import { type Icon } from '../ScalarIcon';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Scalar Menu Link component
|
|
6
|
+
*
|
|
7
|
+
* A menu item that renders as a link with an optional icon.
|
|
8
|
+
* Used within ScalarMenu sections.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <ScalarMenuLink href="https://example.com" :icon="ScalarIconBook">
|
|
12
|
+
* Documentation
|
|
13
|
+
* </ScalarMenuLink>
|
|
14
|
+
*/
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
5
18
|
is?: string | Component;
|
|
6
19
|
icon?: Icon | ScalarIconComponent;
|
|
7
20
|
strong?: boolean;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|
|
21
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
22
|
+
is?: string | Component;
|
|
23
|
+
icon?: Icon | ScalarIconComponent;
|
|
24
|
+
strong?: boolean;
|
|
25
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
26
|
+
default?: (props: {}) => any;
|
|
27
|
+
}>;
|
|
17
28
|
type __VLS_WithSlots<T, S> = T & {
|
|
18
29
|
new (): {
|
|
19
30
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAGlE;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;;SAFX,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;;cA0FJ,CAAC,KAAK,IAAiB,KAAK,GAAG;EASzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuLink.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n is?: string | Component\n icon?: Icon | ScalarIconComponent\n strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"is\"\n as=\"a\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n ]\"\n :icon=\"icon\"\n :thickness=\"strong ? '2.5' : '2'\"\n :weight=\"strong ? 'bold' : 'regular'\" />\n <div\n v-else\n class=\"size-3\" />\n <div\n class=\"flex items-center flex-1 min-w-0 truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuLink.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Link component\n *\n * A menu item that renders as a link with an optional icon.\n * Used within ScalarMenu sections.\n *\n * @example\n * <ScalarMenuLink href=\"https://example.com\" :icon=\"ScalarIconBook\">\n * Documentation\n * </ScalarMenuLink>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n is?: string | Component\n icon?: Icon | ScalarIconComponent\n strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"is\"\n as=\"a\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n ]\"\n :icon=\"icon\"\n :thickness=\"strong ? '2.5' : '2'\"\n :weight=\"strong ? 'bold' : 'regular'\" />\n <div\n v-else\n class=\"size-3\" />\n <div\n class=\"flex items-center flex-1 min-w-0 truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuLink.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n is?: string | Component\n icon?: Icon | ScalarIconComponent\n strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"is\"\n as=\"a\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n ]\"\n :icon=\"icon\"\n :thickness=\"strong ? '2.5' : '2'\"\n :weight=\"strong ? 'bold' : 'regular'\" />\n <div\n v-else\n class=\"size-3\" />\n <div\n class=\"flex items-center flex-1 min-w-0 truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ScalarMenuLink.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Link component\n *\n * A menu item that renders as a link with an optional icon.\n * Used within ScalarMenu sections.\n *\n * @example\n * <ScalarMenuLink href=\"https://example.com\" :icon=\"ScalarIconBook\">\n * Documentation\n * </ScalarMenuLink>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n is?: string | Component\n icon?: Icon | ScalarIconComponent\n strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"is\"\n as=\"a\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n ]\"\n :icon=\"icon\"\n :thickness=\"strong ? '2.5' : '2'\"\n :weight=\"strong ? 'bold' : 'regular'\" />\n <div\n v-else\n class=\"size-3\" />\n <div\n class=\"flex items-center flex-1 min-w-0 truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,YAqBuB,MAAA,6BAAA,EArBvB,WACU,MAoBa,GApBX,CAAA,oBAAA,EAAA;IACT,IAAI,QAAA;IACL,IAAG;;2BASuC,CAPlC,QAAA,QAAA,WAAA,EADR,YAQ0C,MAAA,gCAAA,EAAA;;KANvC,OAAK,eAAA,CAAY,QAAA,SAAM,aAAA,YAAA,OAA2C,QAAA,SAAI,WAAA,WAAA,oBAAA,CAAA;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;wBACjB,mBAEmB,OAFnB,WAEmB,GACnB,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,cAAA,CAAA,EAAA,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
|
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
import type { ScalarIconComponent } from '@scalar/icons/types';
|
|
2
2
|
import type { Component } from 'vue';
|
|
3
3
|
import type { Icon } from '../../index.js';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Scalar Menu Product component
|
|
6
|
+
*
|
|
7
|
+
* A selectable product entry within the ScalarMenu products list.
|
|
8
|
+
* Highlights the currently active product.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* <ScalarMenuProduct :icon="ScalarIconHouse" :selected="true">
|
|
12
|
+
* Dashboard
|
|
13
|
+
* </ScalarMenuProduct>
|
|
14
|
+
*/
|
|
15
|
+
declare const _default: typeof __VLS_export;
|
|
16
|
+
export default _default;
|
|
17
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
|
|
5
18
|
is?: string | Component;
|
|
6
19
|
selected?: boolean;
|
|
7
20
|
icon: Icon | ScalarIconComponent;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|
|
21
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
22
|
+
is?: string | Component;
|
|
23
|
+
selected?: boolean;
|
|
24
|
+
icon: Icon | ScalarIconComponent;
|
|
25
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
26
|
+
default?: (props: {}) => any;
|
|
27
|
+
}>;
|
|
17
28
|
type __VLS_WithSlots<T, S> = T & {
|
|
18
29
|
new (): {
|
|
19
30
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProduct.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"ScalarMenuProduct.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"names":[],"mappings":"AAAA,OAuDO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAIlC;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM,GAAG,SAAS;eACZ,OAAO;UACZ,IAAI,GAAG,mBAAmB;;SAF3B,MAAM,GAAG,SAAS;eACZ,OAAO;UACZ,IAAI,GAAG,mBAAmB;;cAiEpB,CAAC,KAAK,IAAgB,KAAK,GAAG;EASxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProduct.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n is?: string | Component\n selected?: boolean\n icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n base: 'gap-1.5',\n variants: {\n selected: {\n true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n },\n },\n})\n</script>\n<template>\n <ScalarMenuLink\n :is=\"is\"\n :icon=\"icon\"\n strong\n target=\"_blank\"\n v-bind=\"cx(variants({ selected }))\">\n <slot />\n </ScalarMenuLink>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuProduct.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Product component\n *\n * A selectable product entry within the ScalarMenu products list.\n * Highlights the currently active product.\n *\n * @example\n * <ScalarMenuProduct :icon=\"ScalarIconHouse\" :selected=\"true\">\n * Dashboard\n * </ScalarMenuProduct>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n is?: string | Component\n selected?: boolean\n icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n base: 'gap-1.5',\n variants: {\n selected: {\n true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n },\n },\n})\n</script>\n<template>\n <ScalarMenuLink\n :is=\"is\"\n :icon=\"icon\"\n strong\n target=\"_blank\"\n v-bind=\"cx(variants({ selected }))\">\n <slot />\n </ScalarMenuLink>\n</template>\n"],"mappings":""}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
|
|
2
2
|
import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
|
|
3
3
|
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
4
|
-
//#region src/components/ScalarMenu/ScalarMenuProduct.vue?vue&type=script&setup=true&lang.ts
|
|
5
4
|
var ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
5
|
inheritAttrs: false,
|
|
7
6
|
__name: "ScalarMenuProduct",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProduct.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n is?: string | Component\n selected?: boolean\n icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n base: 'gap-1.5',\n variants: {\n selected: {\n true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n },\n },\n})\n</script>\n<template>\n <ScalarMenuLink\n :is=\"is\"\n :icon=\"icon\"\n strong\n target=\"_blank\"\n v-bind=\"cx(variants({ selected }))\">\n <slot />\n </ScalarMenuLink>\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuProduct.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Product component\n *\n * A selectable product entry within the ScalarMenu products list.\n * Highlights the currently active product.\n *\n * @example\n * <ScalarMenuProduct :icon=\"ScalarIconHouse\" :selected=\"true\">\n * Dashboard\n * </ScalarMenuProduct>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n is?: string | Component\n selected?: boolean\n icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n base: 'gap-1.5',\n variants: {\n selected: {\n true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n },\n },\n})\n</script>\n<template>\n <ScalarMenuLink\n :is=\"is\"\n :icon=\"icon\"\n strong\n target=\"_blank\"\n v-bind=\"cx(variants({ selected }))\">\n <slot />\n </ScalarMenuLink>\n</template>\n"],"mappings":";;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,WAAU;EAEzB,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;;uBAGC,YAOiB,MAAA,uBAAA,EAPjB,WAOiB;IANd,IAAI,QAAA;IACJ,MAAM,QAAA;IACP,QAAA;IACA,QAAO;MACC,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA,EAAA,UAAG,QAAA,UAAQ,CAAA,CAAA,CAAA,EAAA;2BACtB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
onOpen?: ((event: Event, product: Product) => any) | undefined;
|
|
11
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
1
|
+
/**
|
|
2
|
+
* Scalar Menu Products component
|
|
3
|
+
*
|
|
4
|
+
* Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)
|
|
5
|
+
* inside the ScalarMenu dropdown.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* <ScalarMenuProducts selected="dashboard" />
|
|
9
|
+
*/
|
|
12
10
|
declare const _default: typeof __VLS_export;
|
|
13
11
|
export default _default;
|
|
12
|
+
declare const __VLS_export: import("vue").DefineComponent<{
|
|
13
|
+
selected?: "dashboard" | "docs" | "editor" | "client";
|
|
14
|
+
showDocs?: boolean;
|
|
15
|
+
hrefs?: Record<"dashboard" | "docs" | "editor" | "client", string>;
|
|
16
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
17
|
+
open: (event: Event, product: "dashboard" | "docs" | "editor" | "client") => any;
|
|
18
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
19
|
+
selected?: "dashboard" | "docs" | "editor" | "client";
|
|
20
|
+
showDocs?: boolean;
|
|
21
|
+
hrefs?: Record<"dashboard" | "docs" | "editor" | "client", string>;
|
|
22
|
+
}> & Readonly<{
|
|
23
|
+
onOpen?: ((event: Event, product: "dashboard" | "docs" | "editor" | "client") => any) | undefined;
|
|
24
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
25
|
//# sourceMappingURL=ScalarMenuProducts.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"AAsFA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;eAKL,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;;;eADpB,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;kFA6J7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProducts.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarIconArrowUpRight,\n ScalarIconBook,\n ScalarIconHouse,\n ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n selected?: Product\n showDocs?: boolean\n hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <div v-bind=\"cx('flex flex-col')\">\n <ScalarMenuProduct\n :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n :icon=\"ScalarIconHouse\"\n :selected=\"selected === 'dashboard'\"\n @click=\"$emit('open', $event, 'dashboard')\">\n Dashboard\n </ScalarMenuProduct>\n <ScalarMenuProduct\n v-if=\"showDocs || selected === 'docs'\"\n :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n :icon=\"ScalarIconBook\"\n :selected=\"selected === 'docs'\"\n @click=\"$emit('open', $event, 'docs')\">\n Docs\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n :icon=\"ScalarIconNotepad\"\n :selected=\"selected === 'editor'\"\n @click=\"$emit('open', $event, 'editor')\">\n Editor\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n :icon=\"ScalarIconArrowUpRight\"\n :selected=\"selected === 'client'\"\n @click=\"$emit('open', $event, 'client')\">\n Client\n </ScalarMenuProduct>\n </div>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuProducts.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Products component\n *\n * Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)\n * inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuProducts selected=\"dashboard\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarIconArrowUpRight,\n ScalarIconBook,\n ScalarIconHouse,\n ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n selected?: Product\n showDocs?: boolean\n hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <div v-bind=\"cx('flex flex-col')\">\n <ScalarMenuProduct\n :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n :icon=\"ScalarIconHouse\"\n :selected=\"selected === 'dashboard'\"\n @click=\"$emit('open', $event, 'dashboard')\">\n Dashboard\n </ScalarMenuProduct>\n <ScalarMenuProduct\n v-if=\"showDocs || selected === 'docs'\"\n :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n :icon=\"ScalarIconBook\"\n :selected=\"selected === 'docs'\"\n @click=\"$emit('open', $event, 'docs')\">\n Docs\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n :icon=\"ScalarIconNotepad\"\n :selected=\"selected === 'editor'\"\n @click=\"$emit('open', $event, 'editor')\">\n Editor\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n :icon=\"ScalarIconArrowUpRight\"\n :selected=\"selected === 'client'\"\n @click=\"$emit('open', $event, 'client')\">\n Client\n </ScalarMenuProduct>\n </div>\n</template>\n"],"mappings":""}
|
|
@@ -2,7 +2,6 @@ import ScalarMenuProduct_default from "./ScalarMenuProduct.vue.js";
|
|
|
2
2
|
import { useBindCx } from "@scalar/use-hooks/useBindCx";
|
|
3
3
|
import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref, withCtx } from "vue";
|
|
4
4
|
import { ScalarIconArrowUpRight, ScalarIconBook, ScalarIconHouse, ScalarIconNotepad } from "@scalar/icons";
|
|
5
|
-
//#region src/components/ScalarMenu/ScalarMenuProducts.vue?vue&type=script&setup=true&lang.ts
|
|
6
5
|
var ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
7
6
|
inheritAttrs: false,
|
|
8
7
|
__name: "ScalarMenuProducts",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuProducts.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarIconArrowUpRight,\n ScalarIconBook,\n ScalarIconHouse,\n ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n selected?: Product\n showDocs?: boolean\n hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <div v-bind=\"cx('flex flex-col')\">\n <ScalarMenuProduct\n :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n :icon=\"ScalarIconHouse\"\n :selected=\"selected === 'dashboard'\"\n @click=\"$emit('open', $event, 'dashboard')\">\n Dashboard\n </ScalarMenuProduct>\n <ScalarMenuProduct\n v-if=\"showDocs || selected === 'docs'\"\n :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n :icon=\"ScalarIconBook\"\n :selected=\"selected === 'docs'\"\n @click=\"$emit('open', $event, 'docs')\">\n Docs\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n :icon=\"ScalarIconNotepad\"\n :selected=\"selected === 'editor'\"\n @click=\"$emit('open', $event, 'editor')\">\n Editor\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n :icon=\"ScalarIconArrowUpRight\"\n :selected=\"selected === 'client'\"\n @click=\"$emit('open', $event, 'client')\">\n Client\n </ScalarMenuProduct>\n </div>\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuProducts.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Products component\n *\n * Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)\n * inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuProducts selected=\"dashboard\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarIconArrowUpRight,\n ScalarIconBook,\n ScalarIconHouse,\n ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n selected?: Product\n showDocs?: boolean\n hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <div v-bind=\"cx('flex flex-col')\">\n <ScalarMenuProduct\n :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n :icon=\"ScalarIconHouse\"\n :selected=\"selected === 'dashboard'\"\n @click=\"$emit('open', $event, 'dashboard')\">\n Dashboard\n </ScalarMenuProduct>\n <ScalarMenuProduct\n v-if=\"showDocs || selected === 'docs'\"\n :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n :icon=\"ScalarIconBook\"\n :selected=\"selected === 'docs'\"\n @click=\"$emit('open', $event, 'docs')\">\n Docs\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n :icon=\"ScalarIconNotepad\"\n :selected=\"selected === 'editor'\"\n @click=\"$emit('open', $event, 'editor')\">\n Editor\n </ScalarMenuProduct>\n <ScalarMenuProduct\n :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n :icon=\"ScalarIconArrowUpRight\"\n :selected=\"selected === 'client'\"\n @click=\"$emit('open', $event, 'client')\">\n Client\n </ScalarMenuProduct>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAqCA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA8BM,OAAA,eAAA,mBA9BO,MAAA,GAAE,CAAA,gBAAA,CAAA,CAAA,EAAA;IACb,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,aAAS;KACtB,MAAM,MAAA,gBAAe;KACrB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,YAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8C,eAE9C,GAAA,CAAA,EAAA,CAAA;;;;;;;IAEQ,QAAA,YAAY,QAAA,aAAQ,UAAA,WAAA,EAD5B,YAOoB,2BAAA;;KALjB,MAAM,QAAA,OAAO,QAAI;KACjB,MAAM,MAAA,eAAc;KACpB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,OAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyC,UAEzC,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,kBAAiB;KACvB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,uBAAsB;KAC5B,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Scalar Menu Resources component
|
|
3
|
+
*
|
|
4
|
+
* Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <ScalarMenuResources />
|
|
8
|
+
*/
|
|
2
9
|
declare const _default: typeof __VLS_export;
|
|
3
10
|
export default _default;
|
|
11
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
4
12
|
//# sourceMappingURL=ScalarMenuResources.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuResources.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"names":[],"mappings":"AAyDA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY,+QAsFd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuResources.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarIconBookOpenText,\n ScalarIconEnvelopeSimple,\n ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"mailto:support@scalar.com\"\n :icon=\"ScalarIconEnvelopeSimple\"\n target=\"_blank\">\n Sales & Support\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/terms-and-conditions\"\n :icon=\"ScalarIconFileText\"\n target=\"_blank\">\n Terms & Conditions\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/privacy-policy\"\n :icon=\"ScalarIconBookOpenText\"\n target=\"_blank\">\n Privacy Policy\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuResources.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarIconBookOpenText,\n ScalarIconEnvelopeSimple,\n ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"mailto:support@scalar.com\"\n :icon=\"ScalarIconEnvelopeSimple\"\n target=\"_blank\">\n Sales & Support\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/terms-and-conditions\"\n :icon=\"ScalarIconFileText\"\n target=\"_blank\">\n Terms & Conditions\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/privacy-policy\"\n :icon=\"ScalarIconBookOpenText\"\n target=\"_blank\">\n Privacy Policy\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":""}
|
|
@@ -2,7 +2,6 @@ import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
|
|
|
2
2
|
import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
|
|
3
3
|
import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
|
|
4
4
|
import { ScalarIconBookOpenText, ScalarIconEnvelopeSimple, ScalarIconFileText } from "@scalar/icons";
|
|
5
|
-
//#region src/components/ScalarMenu/ScalarMenuResources.vue?vue&type=script&setup=true&lang.ts
|
|
6
5
|
var ScalarMenuResources_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
7
6
|
__name: "ScalarMenuResources",
|
|
8
7
|
setup(__props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuResources.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n ScalarIconBookOpenText,\n ScalarIconEnvelopeSimple,\n ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"mailto:support@scalar.com\"\n :icon=\"ScalarIconEnvelopeSimple\"\n target=\"_blank\">\n Sales & Support\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/terms-and-conditions\"\n :icon=\"ScalarIconFileText\"\n target=\"_blank\">\n Terms & Conditions\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/privacy-policy\"\n :icon=\"ScalarIconBookOpenText\"\n target=\"_blank\">\n Privacy Policy\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuResources.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n ScalarIconBookOpenText,\n ScalarIconEnvelopeSimple,\n ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"mailto:support@scalar.com\"\n :icon=\"ScalarIconEnvelopeSimple\"\n target=\"_blank\">\n Sales & Support\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/terms-and-conditions\"\n :icon=\"ScalarIconFileText\"\n target=\"_blank\">\n Terms & Conditions\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://scalar.com/privacy-policy\"\n :icon=\"ScalarIconBookOpenText\"\n target=\"_blank\">\n Privacy Policy\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAuBE,YAoBoB,2BAAA,MAAA;IAnBP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAMT;KALjB,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,yBAAwB;MAC/B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,qBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,mBAAkB;MACzB,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,wBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,uBAAsB;MAC7B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,oBAElB,GAAA,CAAA,EAAA,CAAA"}
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Scalar Menu Section component
|
|
3
|
+
*
|
|
4
|
+
* Groups menu items under a divider with an optional title slot.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <ScalarMenuSection>
|
|
8
|
+
* <template #title>Section Title</template>
|
|
9
|
+
* <!-- menu items -->
|
|
10
|
+
* </ScalarMenuSection>
|
|
11
|
+
*/
|
|
7
12
|
declare const _default: typeof __VLS_export;
|
|
8
13
|
export default _default;
|
|
14
|
+
declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
15
|
+
default?: (props: {}) => any;
|
|
16
|
+
}>;
|
|
9
17
|
type __VLS_WithSlots<T, S> = T & {
|
|
10
18
|
new (): {
|
|
11
19
|
$slots: S;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"names":[],"mappings":"AA8BA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cA8BJ,CAAC,KAAK,IAAgB,KAAK,GAAG;EAIxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSection.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownDivider />\n <slot />\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuSection.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n * <template #title>Section Title</template>\n * <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownDivider />\n <slot />\n</template>\n"],"mappings":""}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import ScalarDropdownDivider_default from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
|
|
2
2
|
import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
|
|
3
|
-
//#region src/components/ScalarMenu/ScalarMenuSection.vue?vue&type=script&setup=true&lang.ts
|
|
4
3
|
var ScalarMenuSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
5
4
|
inheritAttrs: false,
|
|
6
5
|
__name: "ScalarMenuSection",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownDivider />\n <slot />\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n * <template #title>Section Title</template>\n * <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownDivider />\n <slot />\n</template>\n"],"mappings":";;;;;;;2DAqBE,YAAyB,MAAA,8BAAA,CAAA,EACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Scalar Menu Support component
|
|
3
|
+
*
|
|
4
|
+
* Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* <ScalarMenuSupport />
|
|
8
|
+
*/
|
|
2
9
|
declare const _default: typeof __VLS_export;
|
|
3
10
|
export default _default;
|
|
11
|
+
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
4
12
|
//# sourceMappingURL=ScalarMenuSupport.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSupport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuSupport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"names":[],"mappings":"AA2CA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY,+QAqEd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSupport.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"https://discord.gg/scalar\"\n :icon=\"ScalarIconDiscordLogo\"\n target=\"_blank\">\n Discord\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://github.com/scalar/scalar\"\n :icon=\"ScalarIconGithubLogo\"\n target=\"_blank\">\n GitHub\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScalarMenuSupport.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"https://discord.gg/scalar\"\n :icon=\"ScalarIconDiscordLogo\"\n target=\"_blank\">\n Discord\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://github.com/scalar/scalar\"\n :icon=\"ScalarIconGithubLogo\"\n target=\"_blank\">\n GitHub\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":""}
|
|
@@ -2,7 +2,6 @@ import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
|
|
|
2
2
|
import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
|
|
3
3
|
import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
|
|
4
4
|
import { ScalarIconDiscordLogo, ScalarIconGithubLogo } from "@scalar/icons";
|
|
5
|
-
//#region src/components/ScalarMenu/ScalarMenuSupport.vue?vue&type=script&setup=true&lang.ts
|
|
6
5
|
var ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
7
6
|
__name: "ScalarMenuSupport",
|
|
8
7
|
setup(__props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarMenuSupport.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"https://discord.gg/scalar\"\n :icon=\"ScalarIconDiscordLogo\"\n target=\"_blank\">\n Discord\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://github.com/scalar/scalar\"\n :icon=\"ScalarIconGithubLogo\"\n target=\"_blank\">\n GitHub\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarMenuSupport.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n <ScalarMenuSection>\n <template #title>Resources</template>\n <ScalarMenuLink\n href=\"https://discord.gg/scalar\"\n :icon=\"ScalarIconDiscordLogo\"\n target=\"_blank\">\n Discord\n </ScalarMenuLink>\n <ScalarMenuLink\n href=\"https://github.com/scalar/scalar\"\n :icon=\"ScalarIconGithubLogo\"\n target=\"_blank\">\n GitHub\n </ScalarMenuLink>\n </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;uBAmBE,YAcoB,2BAAA,MAAA;IAbP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAMT,CALjB,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,sBAAqB;KAC5B,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,aAElB,GAAA,CAAA,EAAA,CAAA;;qBACA,YAKiB,wBAAA;KAJf,MAAK;KACJ,MAAM,MAAA,qBAAoB;KAC3B,QAAO;;4BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,YAElB,GAAA,CAAA,EAAA,CAAA"}
|