@scalar/components 0.15.0 → 0.16.0
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/ScalarButton/ScalarButton.vue.js +5 -5
- package/dist/components/ScalarCard/ScalarCard.vue.d.ts.map +1 -1
- package/dist/components/ScalarCard/ScalarCard.vue.js +11 -11
- package/dist/components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js +11 -11
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts +24 -10
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts.map +1 -1
- package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js +23 -20
- package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue2.js +5 -6
- package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js +28 -28
- package/dist/components/ScalarDropdown/ScalarDropdownItem.vue2.js +2 -2
- package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js +1 -1
- package/dist/components/ScalarFileUpload/ScalarFileUploadFileList.vue.js +8 -10
- package/dist/components/ScalarFileUpload/ScalarFileUploadInput.vue.js +4 -5
- package/dist/components/ScalarIcon/ScalarIconLegacyAdapter.vue.js +3 -3
- package/dist/components/ScalarIcon/icons/Add.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/AddTab.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Alert.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ArrowLeft.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ArrowRight.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Brackets.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Branch.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Changelog.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Checkmark.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ChevronDown.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ChevronLeft.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ChevronRight.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ChevronUp.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Clipboard.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Close.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/CloseTab.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/CloseTabs.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Cloud.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/CodeFolder.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Cog.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Collection.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Cookie.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/DarkMode.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Delete.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Discord.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/DocsPage.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Download.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Duplicate.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Edit.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Ellipses.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Email.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Error.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Example.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/ExternalLink.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/FilterList.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Folder.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/GitHub.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/GitHubLine.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Globe.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Google.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Help.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Hide.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/History.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/House.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Import.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Info.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Key.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Leave.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/LightDarkModeToggle.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/LightMode.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Link.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Lock.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Logo.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Magic.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Markdown.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Menu.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/NotAllowed.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Page.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Pencil.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Play.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Refresh.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Roadmap.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Scribble.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Search.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Server.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Settings.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Show.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Sort.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Terminal.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Trash.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Unlock.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Unwatch.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Upload.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/User.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/UserSwitch.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Users.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Versions.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Wallet.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Watch.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/Workspace.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-angular.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-astro.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-laravel.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-nextdotjs.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-react.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-framework-vuedotjs.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-c.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-clojure.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-csharp.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-css3.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-dart.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-fsharp.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-go.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-html5.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-http.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-java.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-javascript.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-json.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-kotlin.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-node.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-objc.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-ocaml.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-php.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-powershell.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-python.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-r.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-ruby.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-rust.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-scala.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-shell.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-swift.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-language-typescript.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-script-code.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-tool-git.svg.js +2 -2
- package/dist/components/ScalarIcon/icons/programming-tool-tailwindcss.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Adonisjs.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Docusaurus.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Dotnet.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Elysiajs.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Express.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Fastapi.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Fastify.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Go.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Hono.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Laravel.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Litestar.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Nestjs.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Nextjs.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Nitro.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Nuxt.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Openapi.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Platformatic.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/React.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Rust.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Svelte.svg.js +2 -2
- package/dist/components/ScalarIcon/logos/Vue.svg.js +2 -2
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +7 -7
- package/dist/components/ScalarListbox/ScalarListbox.vue.js +3 -3
- package/dist/components/ScalarMenu/ScalarMenuLink.vue.js +4 -4
- package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js +7 -7
- package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js +12 -15
- package/dist/components/ScalarMenu/ScalarMenuResources.vue.js +17 -20
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.d.ts +3 -0
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue.js +40 -0
- package/dist/components/ScalarMenu/ScalarMenuSupport.vue2.js +4 -0
- package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js +6 -8
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.d.ts +18 -0
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.d.ts.map +1 -0
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue.js +94 -0
- package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue2.js +4 -0
- package/dist/components/ScalarMenu/fixtures.d.ts +2 -0
- package/dist/components/ScalarMenu/fixtures.d.ts.map +1 -0
- package/dist/components/ScalarMenu/index.d.ts +4 -2
- package/dist/components/ScalarMenu/index.d.ts.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts +6 -2
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
- package/dist/components/ScalarModal/ScalarModal.vue2.js +27 -24
- package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +9 -9
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +6 -6
- package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.js +34 -38
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts +22 -29
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.js +47 -41
- package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js +9 -9
- package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.js +4 -4
- package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue2.js +4 -4
- package/dist/components/ScalarSidebar/ScalarSidebarItem.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarItem.vue.js +12 -12
- package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts +10 -7
- package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue.js +123 -0
- package/dist/components/ScalarSidebar/ScalarSidebarNestedItems.vue2.js +4 -0
- package/dist/components/ScalarSidebar/ScalarSidebarSearchButton.vue.js +1 -1
- package/dist/components/ScalarSidebar/ScalarSidebarSearchInput.vue.js +11 -11
- package/dist/components/ScalarSidebar/ScalarSidebarSection.vue.js +9 -9
- package/dist/components/ScalarSidebar/findScrollContainer.js +22 -0
- package/dist/components/ScalarSidebar/index.d.ts +3 -0
- package/dist/components/ScalarSidebar/index.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/types.d.ts +53 -1
- package/dist/components/ScalarSidebar/types.d.ts.map +1 -1
- package/dist/components/ScalarSidebar/useSidebarNestedItems.js +13 -7
- package/dist/components/ScalarTextArea/ScalarTextArea.vue.d.ts.map +1 -1
- package/dist/components/ScalarTextArea/ScalarTextArea.vue.js +14 -10
- package/dist/components/ScalarTextInput/ScalarTextInput.vue.d.ts.map +1 -1
- package/dist/components/ScalarTextInput/ScalarTextInput.vue.js +14 -11
- package/dist/components/ScalarToggle/ScalarToggleInput.vue.js +3 -3
- package/dist/docs/useBindCx/MockComponents.d.ts +154 -0
- package/dist/docs/useBindCx/MockComponents.d.ts.map +1 -0
- package/dist/index.js +144 -134
- package/dist/style.css +1 -1
- package/package.json +11 -11
- package/dist/docs/useBindCx/MockComponent.d.ts +0 -76
- package/dist/docs/useBindCx/MockComponent.d.ts.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
+
import type { ScalarIconComponent } from '@scalar/icons/types';
|
|
1
2
|
import type { Component } from 'vue';
|
|
2
3
|
import type { Icon } from '../ScalarIcon';
|
|
3
4
|
import type { SidebarGroupLevel } from './useSidebarGroups.js';
|
|
4
|
-
import type { ScalarIconComponent } from '@scalar/icons/types';
|
|
5
5
|
/** Scalar Sidebar Item Props */
|
|
6
6
|
export type ScalarSidebarItemProps = {
|
|
7
7
|
/** Overrides the rendered element */
|
|
@@ -25,6 +25,29 @@ export type ScalarSidebarItemProps = {
|
|
|
25
25
|
/** The level of the sidebar group */
|
|
26
26
|
indent?: SidebarGroupLevel;
|
|
27
27
|
};
|
|
28
|
+
export type ScalarSidebarGroupProps = ScalarSidebarItemProps & {
|
|
29
|
+
/**
|
|
30
|
+
* Disables the internal open state for the group
|
|
31
|
+
*
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* <script setup lang="ts">
|
|
35
|
+
* import { ref } from 'vue'
|
|
36
|
+
*
|
|
37
|
+
* // External state to control the group
|
|
38
|
+
* const myRef = ref(false)
|
|
39
|
+
* </script>
|
|
40
|
+
* <template>
|
|
41
|
+
* <ScalarSidebarGroup
|
|
42
|
+
* :open="myRef"
|
|
43
|
+
* controlled
|
|
44
|
+
* @click="myRef = !myRef">
|
|
45
|
+
* ...
|
|
46
|
+
* </ScalarSidebarGroup>
|
|
47
|
+
* </template>
|
|
48
|
+
*/
|
|
49
|
+
controlled?: boolean;
|
|
50
|
+
};
|
|
28
51
|
/** Scalar Sidebar Item Slots */
|
|
29
52
|
export type ScalarSidebarItemSlots = {
|
|
30
53
|
/** The main text content of the button */
|
|
@@ -36,4 +59,33 @@ export type ScalarSidebarItemSlots = {
|
|
|
36
59
|
/** The indent to display before content */
|
|
37
60
|
indent?(): unknown;
|
|
38
61
|
};
|
|
62
|
+
/** Scalar Sidebar Item Slots */
|
|
63
|
+
export type ScalarSidebarGroupSlots = {
|
|
64
|
+
/** The text content of the toggle */
|
|
65
|
+
default?(props: {
|
|
66
|
+
open: boolean;
|
|
67
|
+
}): unknown;
|
|
68
|
+
/** Override the entire toggle button */
|
|
69
|
+
button?(props: {
|
|
70
|
+
open: boolean;
|
|
71
|
+
level: SidebarGroupLevel;
|
|
72
|
+
}): unknown;
|
|
73
|
+
/** Icon for the sidebar group */
|
|
74
|
+
icon?(props: {
|
|
75
|
+
open: boolean;
|
|
76
|
+
}): unknown;
|
|
77
|
+
/** Override the entire toggle button */
|
|
78
|
+
button?(props: {
|
|
79
|
+
open: boolean;
|
|
80
|
+
level: SidebarGroupLevel;
|
|
81
|
+
}): unknown;
|
|
82
|
+
/** The content to display to the right of the text content */
|
|
83
|
+
aside?(props: {
|
|
84
|
+
open: boolean;
|
|
85
|
+
}): unknown;
|
|
86
|
+
/** The list of sidebar subitems */
|
|
87
|
+
items?(props: {
|
|
88
|
+
open: boolean;
|
|
89
|
+
}): unknown;
|
|
90
|
+
};
|
|
39
91
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,mBAAmB,CAAA;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAAG;IAC7D;;;;;;;;;;;;;;;;;;;OAmBG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,0CAA0C;IAC1C,OAAO,CAAC,IAAI,OAAO,CAAA;IACnB,wBAAwB;IACxB,IAAI,CAAC,IAAI,OAAO,CAAA;IAChB,8DAA8D;IAC9D,KAAK,CAAC,IAAI,OAAO,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAA;AACD,gCAAgC;AAChC,MAAM,MAAM,uBAAuB,GAAG;IACpC,qCAAqC;IACrC,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IAC3C,wCAAwC;IACxC,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO,CAAA;IACpE,iCAAiC;IACjC,IAAI,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IACxC,wCAAwC;IACxC,MAAM,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,GAAG,OAAO,CAAA;IACpE,8DAA8D;IAC9D,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;IACzC,mCAAmC;IACnC,KAAK,CAAC,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAA;CAC1C,CAAA"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
const
|
|
3
|
-
const e =
|
|
4
|
-
|
|
1
|
+
import { ref as n, computed as r, provide as u, inject as c, onBeforeUnmount as i } from "vue";
|
|
2
|
+
const s = Symbol(), l = (t) => {
|
|
3
|
+
const e = c(s);
|
|
4
|
+
e && (e.value.push(t), i(() => {
|
|
5
|
+
e.value = e.value.filter((o) => o !== t);
|
|
6
|
+
}));
|
|
7
|
+
}, m = () => {
|
|
8
|
+
const t = n([]), e = r(() => t.value.some((o) => o.value));
|
|
9
|
+
return u(s, t), {
|
|
5
10
|
/** Whether or not any nested child items are open */
|
|
6
|
-
open:
|
|
11
|
+
open: e
|
|
7
12
|
};
|
|
8
13
|
};
|
|
9
14
|
export {
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
s as SIDEBAR_NESTED_ITEMS_SYMBOL,
|
|
16
|
+
l as useSidebarNestedItem,
|
|
17
|
+
m as useSidebarNestedItems
|
|
12
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"AAyDA;;;;;;;GAOG;;iBAuBU,MAAM;;;;iBAAN,MAAM;;;;AAtBnB,wBA4GC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as u, useModel as m, onMounted as f, createBlock as d, openBlock as c, unref as t, mergeProps as l, withCtx as p, withDirectives as x, createElementVNode as _, vModelText as v } from "vue";
|
|
2
2
|
import { useBindCx as h } from "@scalar/use-hooks/useBindCx";
|
|
3
3
|
import { useTextareaAutosize as k } from "@vueuse/core";
|
|
4
|
-
import
|
|
5
|
-
const
|
|
6
|
-
...
|
|
4
|
+
import A from "../ScalarForm/ScalarFormInput.vue.js";
|
|
5
|
+
const C = {}, B = /* @__PURE__ */ u({
|
|
6
|
+
...C,
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "ScalarTextArea",
|
|
9
9
|
props: {
|
|
@@ -11,17 +11,21 @@ const V = {}, T = /* @__PURE__ */ u({
|
|
|
11
11
|
modelModifiers: {}
|
|
12
12
|
},
|
|
13
13
|
emits: ["update:modelValue"],
|
|
14
|
-
setup(
|
|
15
|
-
const o = m(
|
|
14
|
+
setup(i) {
|
|
15
|
+
const o = m(i, "modelValue"), { textarea: r } = k({
|
|
16
16
|
// @ts-expect-error - unexpected type mismatch
|
|
17
17
|
input: o,
|
|
18
18
|
styleProp: "minHeight"
|
|
19
|
-
}), {
|
|
19
|
+
}), { stylingAttrsCx: a, otherAttrs: n } = h();
|
|
20
20
|
return f(() => {
|
|
21
21
|
"autofocus" in n.value && r.value?.focus();
|
|
22
|
-
}), (
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
}), (V, e) => (c(), d(t(A), l(
|
|
23
|
+
{ is: "div" },
|
|
24
|
+
t(a)("custom-scroll flex text-c-1 min-h-0 shrink cursor-text"),
|
|
25
|
+
{
|
|
26
|
+
onClick: e[1] || (e[1] = (s) => t(r)?.focus())
|
|
27
|
+
}
|
|
28
|
+
), {
|
|
25
29
|
default: p(() => [
|
|
26
30
|
x(_("textarea", l({
|
|
27
31
|
ref_key: "textarea",
|
|
@@ -36,5 +40,5 @@ const V = {}, T = /* @__PURE__ */ u({
|
|
|
36
40
|
}
|
|
37
41
|
});
|
|
38
42
|
export {
|
|
39
|
-
|
|
43
|
+
B as default
|
|
40
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarTextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/ScalarTextInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarTextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/ScalarTextInput.vue"],"names":[],"mappings":"AA2FA;;;;;;;GAOG;;eAGU,OAAO;;iBA6BP,MAAM;;;;eA7BN,OAAO;;iBA6BP,MAAM;;;;aAiHN,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;YAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAnJ3C,wBAwLC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as y, mergeModels as v, useModel as x, ref as _, onMounted as $, createBlock as k, openBlock as t, unref as r, mergeProps as c, withCtx as w, createElementVNode as i, renderSlot as o, createElementBlock as n, createCommentVNode as l, withDirectives as C, vModelDynamic as
|
|
2
|
-
import { useBindCx as
|
|
1
|
+
import { defineComponent as y, mergeModels as v, useModel as x, ref as _, onMounted as $, createBlock as k, openBlock as t, unref as r, mergeProps as c, withCtx as w, createElementVNode as i, renderSlot as o, createElementBlock as n, createCommentVNode as l, withDirectives as C, vModelDynamic as g, toDisplayString as V } from "vue";
|
|
2
|
+
import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
|
|
3
3
|
import B from "../ScalarForm/ScalarFormInput.vue.js";
|
|
4
|
-
const M = { class: "flex flex-1 relative" },
|
|
4
|
+
const M = { class: "flex flex-1 relative" }, A = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "select-none whitespace-nowrap text-sm text-transparent"
|
|
7
|
-
},
|
|
7
|
+
}, D = ["readonly", "aria-readonly"], S = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "absolute inset-0 select-none overflow-hidden whitespace-nowrap text-sm"
|
|
10
10
|
}, E = {
|
|
@@ -25,7 +25,7 @@ const M = { class: "flex flex-1 relative" }, D = {
|
|
|
25
25
|
}),
|
|
26
26
|
emits: ["update:modelValue"],
|
|
27
27
|
setup(d) {
|
|
28
|
-
const a = x(d, "modelValue"), s = _(), {
|
|
28
|
+
const a = x(d, "modelValue"), s = _(), { stylingAttrsCx: p, otherAttrs: u } = b();
|
|
29
29
|
$(() => {
|
|
30
30
|
"autofocus" in u.value && s.value?.focus();
|
|
31
31
|
});
|
|
@@ -34,12 +34,15 @@ const M = { class: "flex flex-1 relative" }, D = {
|
|
|
34
34
|
}
|
|
35
35
|
return (e, f) => (t(), k(r(B), c(
|
|
36
36
|
{ is: "div" },
|
|
37
|
-
r(p)(
|
|
37
|
+
r(p)(
|
|
38
|
+
"cursor-text text-c-1",
|
|
39
|
+
e.readonly ? "" : "focus-within:bg-b-1"
|
|
40
|
+
),
|
|
38
41
|
{ onClick: m }
|
|
39
42
|
), {
|
|
40
43
|
default: w(() => [
|
|
41
44
|
i("div", M, [
|
|
42
|
-
e.$slots.prefix ? (t(), n("span",
|
|
45
|
+
e.$slots.prefix ? (t(), n("span", A, [
|
|
43
46
|
o(e.$slots, "prefix")
|
|
44
47
|
])) : l("", !0),
|
|
45
48
|
C(i("input", c({
|
|
@@ -49,14 +52,14 @@ const M = { class: "flex flex-1 relative" }, D = {
|
|
|
49
52
|
readonly: e.readonly,
|
|
50
53
|
"aria-readonly": e.readonly || void 0,
|
|
51
54
|
class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none"
|
|
52
|
-
}, r(u)), null, 16,
|
|
53
|
-
[
|
|
55
|
+
}, r(u)), null, 16, D), [
|
|
56
|
+
[g, a.value]
|
|
54
57
|
]),
|
|
55
|
-
e.$slots.prefix || e.$slots.suffix ? (t(), n("div",
|
|
58
|
+
e.$slots.prefix || e.$slots.suffix ? (t(), n("div", S, [
|
|
56
59
|
e.$slots.prefix ? (t(), n("span", E, [
|
|
57
60
|
o(e.$slots, "prefix")
|
|
58
61
|
])) : l("", !0),
|
|
59
|
-
i("span", N,
|
|
62
|
+
i("span", N, V(a.value || e.$attrs.placeholder), 1),
|
|
60
63
|
e.$slots.suffix ? (t(), n("span", z, [
|
|
61
64
|
o(e.$slots, "suffix")
|
|
62
65
|
])) : l("", !0)
|
|
@@ -2,7 +2,7 @@ import { defineComponent as u, useModel as d, createBlock as i, openBlock as c,
|
|
|
2
2
|
import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
|
|
3
3
|
import g from "./ScalarToggle.vue.js";
|
|
4
4
|
import h from "../ScalarForm/ScalarFormInput.vue.js";
|
|
5
|
-
const v = { class: "flex-1 text-left min-w-0 truncate" }, B = {},
|
|
5
|
+
const v = { class: "flex-1 text-left min-w-0 truncate" }, B = {}, $ = /* @__PURE__ */ u({
|
|
6
6
|
...B,
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "ScalarToggleInput",
|
|
@@ -12,7 +12,7 @@ const v = { class: "flex-1 text-left min-w-0 truncate" }, B = {}, w = /* @__PURE
|
|
|
12
12
|
},
|
|
13
13
|
emits: ["update:modelValue"],
|
|
14
14
|
setup(r) {
|
|
15
|
-
const e = d(r, "modelValue"), {
|
|
15
|
+
const e = d(r, "modelValue"), { stylingAttrsCx: a, otherAttrs: s } = x();
|
|
16
16
|
return (n, o) => (c(), i(t(h), l(
|
|
17
17
|
{ is: "label" },
|
|
18
18
|
t(a)("cursor-pointer gap-2 hover:bg-b-2", { "text-c-1": e.value })
|
|
@@ -32,5 +32,5 @@ const v = { class: "flex-1 text-left min-w-0 truncate" }, B = {}, w = /* @__PURE
|
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
$ as default
|
|
36
36
|
};
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
export declare const SimpleComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
active: {
|
|
3
|
+
type: BooleanConstructor;
|
|
4
|
+
default: boolean;
|
|
5
|
+
};
|
|
6
|
+
}>, {
|
|
7
|
+
cx: (...args: import("cva").CXOptions) => {
|
|
8
|
+
class: string;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
};
|
|
11
|
+
variants: (props?: ({
|
|
12
|
+
active?: boolean | undefined;
|
|
13
|
+
} & ({
|
|
14
|
+
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
15
|
+
[x: string]: any;
|
|
16
|
+
} | null | undefined)[] | {
|
|
17
|
+
[x: string]: any;
|
|
18
|
+
} | null | undefined)[] | {
|
|
19
|
+
[x: string]: any;
|
|
20
|
+
} | null | undefined)[] | {
|
|
21
|
+
[x: string]: any;
|
|
22
|
+
} | null | undefined)[] | {
|
|
23
|
+
[x: string]: any;
|
|
24
|
+
} | null | undefined)[] | {
|
|
25
|
+
[x: string]: any;
|
|
26
|
+
} | null | undefined)[] | {
|
|
27
|
+
[x: string]: any;
|
|
28
|
+
} | null | undefined)[] | {
|
|
29
|
+
[x: string]: any;
|
|
30
|
+
} | null | undefined)[] | {
|
|
31
|
+
[x: string]: any;
|
|
32
|
+
} | null | undefined)[] | {
|
|
33
|
+
[x: string]: any;
|
|
34
|
+
} | null | undefined)[] | {
|
|
35
|
+
[x: string]: any;
|
|
36
|
+
} | null | undefined)[] | {
|
|
37
|
+
[x: string]: any;
|
|
38
|
+
} | null | undefined;
|
|
39
|
+
className?: never;
|
|
40
|
+
} | {
|
|
41
|
+
class?: never;
|
|
42
|
+
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
43
|
+
[x: string]: any;
|
|
44
|
+
} | null | undefined)[] | {
|
|
45
|
+
[x: string]: any;
|
|
46
|
+
} | null | undefined)[] | {
|
|
47
|
+
[x: string]: any;
|
|
48
|
+
} | null | undefined)[] | {
|
|
49
|
+
[x: string]: any;
|
|
50
|
+
} | null | undefined)[] | {
|
|
51
|
+
[x: string]: any;
|
|
52
|
+
} | null | undefined)[] | {
|
|
53
|
+
[x: string]: any;
|
|
54
|
+
} | null | undefined)[] | {
|
|
55
|
+
[x: string]: any;
|
|
56
|
+
} | null | undefined)[] | {
|
|
57
|
+
[x: string]: any;
|
|
58
|
+
} | null | undefined)[] | {
|
|
59
|
+
[x: string]: any;
|
|
60
|
+
} | null | undefined)[] | {
|
|
61
|
+
[x: string]: any;
|
|
62
|
+
} | null | undefined)[] | {
|
|
63
|
+
[x: string]: any;
|
|
64
|
+
} | null | undefined)[] | {
|
|
65
|
+
[x: string]: any;
|
|
66
|
+
} | null | undefined;
|
|
67
|
+
})) | undefined) => string;
|
|
68
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
+
active: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
}>> & Readonly<{}>, {
|
|
74
|
+
active: boolean;
|
|
75
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
76
|
+
export declare const ComplexComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
77
|
+
active: {
|
|
78
|
+
type: BooleanConstructor;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
}>, {
|
|
82
|
+
stylingAttrsCx: (...args: import("cva").CXOptions) => {
|
|
83
|
+
class: string;
|
|
84
|
+
style: import("vue").StyleValue;
|
|
85
|
+
};
|
|
86
|
+
otherAttrs: import("vue").ComputedRef<{
|
|
87
|
+
[key: string]: unknown;
|
|
88
|
+
}>;
|
|
89
|
+
variants: (props?: ({
|
|
90
|
+
active?: boolean | undefined;
|
|
91
|
+
} & ({
|
|
92
|
+
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
93
|
+
[x: string]: any;
|
|
94
|
+
} | null | undefined)[] | {
|
|
95
|
+
[x: string]: any;
|
|
96
|
+
} | null | undefined)[] | {
|
|
97
|
+
[x: string]: any;
|
|
98
|
+
} | null | undefined)[] | {
|
|
99
|
+
[x: string]: any;
|
|
100
|
+
} | null | undefined)[] | {
|
|
101
|
+
[x: string]: any;
|
|
102
|
+
} | null | undefined)[] | {
|
|
103
|
+
[x: string]: any;
|
|
104
|
+
} | null | undefined)[] | {
|
|
105
|
+
[x: string]: any;
|
|
106
|
+
} | null | undefined)[] | {
|
|
107
|
+
[x: string]: any;
|
|
108
|
+
} | null | undefined)[] | {
|
|
109
|
+
[x: string]: any;
|
|
110
|
+
} | null | undefined)[] | {
|
|
111
|
+
[x: string]: any;
|
|
112
|
+
} | null | undefined)[] | {
|
|
113
|
+
[x: string]: any;
|
|
114
|
+
} | null | undefined)[] | {
|
|
115
|
+
[x: string]: any;
|
|
116
|
+
} | null | undefined;
|
|
117
|
+
className?: never;
|
|
118
|
+
} | {
|
|
119
|
+
class?: never;
|
|
120
|
+
className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
121
|
+
[x: string]: any;
|
|
122
|
+
} | null | undefined)[] | {
|
|
123
|
+
[x: string]: any;
|
|
124
|
+
} | null | undefined)[] | {
|
|
125
|
+
[x: string]: any;
|
|
126
|
+
} | null | undefined)[] | {
|
|
127
|
+
[x: string]: any;
|
|
128
|
+
} | null | undefined)[] | {
|
|
129
|
+
[x: string]: any;
|
|
130
|
+
} | null | undefined)[] | {
|
|
131
|
+
[x: string]: any;
|
|
132
|
+
} | null | undefined)[] | {
|
|
133
|
+
[x: string]: any;
|
|
134
|
+
} | null | undefined)[] | {
|
|
135
|
+
[x: string]: any;
|
|
136
|
+
} | null | undefined)[] | {
|
|
137
|
+
[x: string]: any;
|
|
138
|
+
} | null | undefined)[] | {
|
|
139
|
+
[x: string]: any;
|
|
140
|
+
} | null | undefined)[] | {
|
|
141
|
+
[x: string]: any;
|
|
142
|
+
} | null | undefined)[] | {
|
|
143
|
+
[x: string]: any;
|
|
144
|
+
} | null | undefined;
|
|
145
|
+
})) | undefined) => string;
|
|
146
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
147
|
+
active: {
|
|
148
|
+
type: BooleanConstructor;
|
|
149
|
+
default: boolean;
|
|
150
|
+
};
|
|
151
|
+
}>> & Readonly<{}>, {
|
|
152
|
+
active: boolean;
|
|
153
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
154
|
+
//# sourceMappingURL=MockComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MockComponents.d.ts","sourceRoot":"","sources":["../../../src/docs/useBindCx/MockComponents.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAU1B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgB3B,CAAA"}
|