@scalar/components 0.12.13 → 0.12.15
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.js +11 -11
- package/dist/components/ScalarIcon/IconList.vue.d.ts +14 -1
- package/dist/components/ScalarIcon/IconList.vue.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +47 -9
- package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +2 -0
- package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +1 -1
- package/dist/components/ScalarIcon/ScalarIcon.vue.js +5 -33
- package/dist/components/ScalarIcon/ScalarIcon.vue2.js +37 -2
- package/dist/components/ScalarIcon/icons/Add.svg.js +3 -3
- package/dist/components/ScalarIcon/icons/ArrowLeft.svg.js +14 -13
- package/dist/components/ScalarIcon/icons/ArrowRight.svg.js +11 -10
- package/dist/components/ScalarIcon/icons/Branch.svg.js +11 -11
- package/dist/components/ScalarIcon/icons/Checkmark.svg.js +3 -3
- package/dist/components/ScalarIcon/icons/ChevronDown.svg.js +5 -5
- 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 +5 -5
- package/dist/components/ScalarIcon/icons/CodeFolder.svg.js +14 -13
- package/dist/components/ScalarIcon/icons/Collection.svg.js +11 -21
- package/dist/components/ScalarIcon/icons/DocsPage.svg.js +12 -11
- package/dist/components/ScalarIcon/icons/Example.svg.js +2 -4
- package/dist/components/ScalarIcon/icons/FilterList.svg.js +3 -3
- package/dist/components/ScalarIcon/icons/Folder.svg.js +0 -2
- package/dist/components/ScalarIcon/icons/Google.svg.js +16 -0
- package/dist/components/ScalarIcon/icons/Hide.svg.js +3 -10
- package/dist/components/ScalarIcon/icons/History.svg.js +14 -21
- package/dist/components/ScalarIcon/icons/House.svg.js +19 -0
- package/dist/components/ScalarIcon/icons/Import.svg.js +14 -11
- package/dist/components/ScalarIcon/icons/Key.svg.js +13 -14
- package/dist/components/ScalarIcon/icons/Link.svg.js +13 -15
- package/dist/components/ScalarIcon/icons/Menu.svg.js +3 -3
- package/dist/components/ScalarIcon/icons/Page.svg.js +13 -10
- package/dist/components/ScalarIcon/icons/{AddLine.svg.js → Pencil.svg.js} +6 -8
- package/dist/components/ScalarIcon/icons/Play.svg.js +6 -9
- package/dist/components/ScalarIcon/icons/Search.svg.js +16 -14
- package/dist/components/ScalarIcon/icons/Show.svg.js +15 -14
- package/dist/components/ScalarIcon/icons/Sort.svg.js +16 -11
- package/dist/components/ScalarIcon/icons/Terminal.svg.js +11 -10
- package/dist/components/ScalarIcon/icons/icons.d.ts +1 -1
- package/dist/components/ScalarIcon/icons/icons.d.ts.map +1 -1
- package/dist/components/ScalarIcon/icons/index.js +1 -1
- package/dist/components/ScalarIcon/icons/programming-script-code.svg.js +3 -3
- package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +9 -3
- package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +2 -0
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +1 -1
- package/dist/components/ScalarIconButton/ScalarIconButton.vue.js +22 -18
- package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map +1 -1
- package/dist/components/ScalarListbox/ScalarListbox.vue.js +12 -11
- package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +1 -1
- package/dist/components/ScalarModal/ScalarModal.vue.js +4 -4
- package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.d.ts.map +1 -1
- package/dist/components/ScalarSearchInput/ScalarSearchInput.vue.js +13 -12
- package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js +4 -4
- package/dist/components/ScalarSearchResults/ScalarSearchResults.stories.d.ts +4 -4
- package/dist/style.css +1 -1
- package/package.json +4 -4
- package/dist/components/ScalarIcon/icons/JsonObject.svg.js +0 -21
- package/dist/components/ScalarIcon/icons/Response.svg.js +0 -20
- package/dist/components/ScalarIcon/icons/SearchNew.svg.js +0 -23
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
import { openBlock as e, createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
|
+
const n = {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
viewBox: "0 0 24 24"
|
|
5
|
+
}, r = /* @__PURE__ */ t("path", {
|
|
6
|
+
fill: "none",
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-linecap": "round",
|
|
9
|
+
"stroke-linejoin": "round",
|
|
10
|
+
d: "M2 5.4h20M2 12h20M2 18.6h13.3"
|
|
11
|
+
}, null, -1), c = [
|
|
12
|
+
r
|
|
8
13
|
];
|
|
9
|
-
function l
|
|
10
|
-
return e(),
|
|
14
|
+
function s(l, d) {
|
|
15
|
+
return e(), o("svg", n, [...c]);
|
|
11
16
|
}
|
|
12
|
-
const
|
|
17
|
+
const h = { render: s };
|
|
13
18
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
19
|
+
h as default,
|
|
20
|
+
s as render
|
|
16
21
|
};
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import { openBlock as o, createElementBlock as n, createElementVNode as e } from "vue";
|
|
2
2
|
const t = {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
|
|
5
|
-
viewBox: "0 0 13 13"
|
|
4
|
+
viewBox: "0 0 24 24"
|
|
6
5
|
}, r = /* @__PURE__ */ e("path", {
|
|
6
|
+
fill: "none",
|
|
7
7
|
stroke: "currentColor",
|
|
8
8
|
"stroke-linecap": "round",
|
|
9
9
|
"stroke-linejoin": "round",
|
|
10
|
-
d: "
|
|
11
|
-
}, null, -1),
|
|
10
|
+
d: "M13 15h5M6 9l4 3-4 3"
|
|
11
|
+
}, null, -1), l = /* @__PURE__ */ e("path", {
|
|
12
|
+
fill: "none",
|
|
12
13
|
stroke: "currentColor",
|
|
13
14
|
"stroke-linecap": "round",
|
|
14
15
|
"stroke-linejoin": "round",
|
|
15
|
-
d: "
|
|
16
|
-
}, null, -1),
|
|
16
|
+
d: "M21 2.8H3.1c-.7 0-1.4.6-1.4 1.4v15.6c0 .7.6 1.4 1.4 1.4H21c.7 0 1.4-.6 1.4-1.4V4.2c0-.8-.5-1.4-1.3-1.4z"
|
|
17
|
+
}, null, -1), c = [
|
|
17
18
|
r,
|
|
18
|
-
|
|
19
|
+
l
|
|
19
20
|
];
|
|
20
21
|
function s(i, d) {
|
|
21
|
-
return o(), n("svg", t, [...
|
|
22
|
+
return o(), n("svg", t, [...c]);
|
|
22
23
|
}
|
|
23
|
-
const
|
|
24
|
+
const a = { render: s };
|
|
24
25
|
export {
|
|
25
|
-
|
|
26
|
+
a as default,
|
|
26
27
|
s as render
|
|
27
28
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICONS: readonly ["Add", "
|
|
1
|
+
export declare const ICONS: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "Google", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Search", "Server", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
|
|
2
2
|
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/icons/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,8uDAsGR,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineAsyncComponent as m } from "vue";
|
|
2
|
-
const o = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add.svg.js"), "./
|
|
2
|
+
const o = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add.svg.js"), "./ArrowLeft.svg": () => import("./ArrowLeft.svg.js"), "./ArrowRight.svg": () => import("./ArrowRight.svg.js"), "./Background.svg": () => import("./Background.svg.js"), "./Brackets.svg": () => import("./Brackets.svg.js"), "./Branch.svg": () => import("./Branch.svg.js"), "./CallToAction.svg": () => import("./CallToAction.svg.js"), "./Checkmark.svg": () => import("./Checkmark.svg.js"), "./ChevronDown.svg": () => import("./ChevronDown.svg.js"), "./ChevronLeft.svg": () => import("./ChevronLeft.svg.js"), "./ChevronRight.svg": () => import("./ChevronRight.svg.js"), "./ChevronUp.svg": () => import("./ChevronUp.svg.js"), "./Clipboard.svg": () => import("./Clipboard.svg.js"), "./Close.svg": () => import("./Close.svg.js"), "./CodeFolder.svg": () => import("./CodeFolder.svg.js"), "./Collection.svg": () => import("./Collection.svg.js"), "./Cookie.svg": () => import("./Cookie.svg.js"), "./DarkMode.svg": () => import("./DarkMode.svg.js"), "./Delete.svg": () => import("./Delete.svg.js"), "./Discord.svg": () => import("./Discord.svg.js"), "./DocsPage.svg": () => import("./DocsPage.svg.js"), "./Duplicate.svg": () => import("./Duplicate.svg.js"), "./Edit.svg": () => import("./Edit.svg.js"), "./Ellipses.svg": () => import("./Ellipses.svg.js"), "./Error.svg": () => import("./Error.svg.js"), "./Example.svg": () => import("./Example.svg.js"), "./ExternalLink.svg": () => import("./ExternalLink.svg.js"), "./FilterList.svg": () => import("./FilterList.svg.js"), "./Folder.svg": () => import("./Folder.svg.js"), "./GitHub.svg": () => import("./GitHub.svg.js"), "./Google.svg": () => import("./Google.svg.js"), "./Hide.svg": () => import("./Hide.svg.js"), "./History.svg": () => import("./History.svg.js"), "./House.svg": () => import("./House.svg.js"), "./Import.svg": () => import("./Import.svg.js"), "./Info.svg": () => import("./Info.svg.js"), "./Key.svg": () => import("./Key.svg.js"), "./Leave.svg": () => import("./Leave.svg.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle.svg.js"), "./LightMode.svg": () => import("./LightMode.svg.js"), "./Link.svg": () => import("./Link.svg.js"), "./Lock.svg": () => import("./Lock.svg.js"), "./Logo.svg": () => import("./Logo.svg.js"), "./LogoAPI.svg": () => import("./LogoAPI.svg.js"), "./LogoClient.svg": () => import("./LogoClient.svg.js"), "./LogoMarket.svg": () => import("./LogoMarket.svg.js"), "./LogoSwagger.svg": () => import("./LogoSwagger.svg.js"), "./Magic.svg": () => import("./Magic.svg.js"), "./Menu.svg": () => import("./Menu.svg.js"), "./Page.svg": () => import("./Page.svg.js"), "./PaperAirplane.svg": () => import("./PaperAirplane.svg.js"), "./Payment.svg": () => import("./Payment.svg.js"), "./Pencil.svg": () => import("./Pencil.svg.js"), "./Play.svg": () => import("./Play.svg.js"), "./Refresh.svg": () => import("./Refresh.svg.js"), "./Search.svg": () => import("./Search.svg.js"), "./Server.svg": () => import("./Server.svg.js"), "./Show.svg": () => import("./Show.svg.js"), "./SideBarClosed.svg": () => import("./SideBarClosed.svg.js"), "./SideBarOpen.svg": () => import("./SideBarOpen.svg.js"), "./Sort.svg": () => import("./Sort.svg.js"), "./Terminal.svg": () => import("./Terminal.svg.js"), "./ThumbsDown.svg": () => import("./ThumbsDown.svg.js"), "./ThumbsUp.svg": () => import("./ThumbsUp.svg.js"), "./Trash.svg": () => import("./Trash.svg.js"), "./Unlock.svg": () => import("./Unlock.svg.js"), "./Upload.svg": () => import("./Upload.svg.js"), "./UploadSimple.svg": () => import("./UploadSimple.svg.js"), "./User.svg": () => import("./User.svg.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular.svg.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro.svg.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel.svg.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs.svg.js"), "./programming-framework-react.svg": () => import("./programming-framework-react.svg.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs.svg.js"), "./programming-language-c.svg": () => import("./programming-language-c.svg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure.svg.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp.svg.js"), "./programming-language-css3.svg": () => import("./programming-language-css3.svg.js"), "./programming-language-go.svg": () => import("./programming-language-go.svg.js"), "./programming-language-html5.svg": () => import("./programming-language-html5.svg.js"), "./programming-language-http.svg": () => import("./programming-language-http.svg.js"), "./programming-language-java.svg": () => import("./programming-language-java.svg.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript.svg.js"), "./programming-language-json.svg": () => import("./programming-language-json.svg.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin.svg.js"), "./programming-language-node.svg": () => import("./programming-language-node.svg.js"), "./programming-language-objc.svg": () => import("./programming-language-objc.svg.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml.svg.js"), "./programming-language-php.svg": () => import("./programming-language-php.svg.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell.svg.js"), "./programming-language-python.svg": () => import("./programming-language-python.svg.js"), "./programming-language-r.svg": () => import("./programming-language-r.svg.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby.svg.js"), "./programming-language-scala.svg": () => import("./programming-language-scala.svg.js"), "./programming-language-shell.svg": () => import("./programming-language-shell.svg.js"), "./programming-language-swift.svg": () => import("./programming-language-swift.svg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript.svg.js"), "./programming-script-code.svg": () => import("./programming-script-code.svg.js"), "./programming-tool-git.svg": () => import("./programming-tool-git.svg.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss.svg.js") }), p = (r) => {
|
|
3
3
|
const g = `./${r}.svg`;
|
|
4
4
|
return o[g] ? m(o[g]) : (console.warn(`Could not find icon: ${r}`), null);
|
|
5
5
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
|
|
2
2
|
const n = {
|
|
3
3
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
-
|
|
5
|
-
viewBox: "0 0 12 12"
|
|
4
|
+
viewBox: "0 0 24 24"
|
|
6
5
|
}, r = /* @__PURE__ */ t("path", {
|
|
6
|
+
fill: "none",
|
|
7
7
|
stroke: "currentColor",
|
|
8
8
|
"stroke-linecap": "round",
|
|
9
9
|
"stroke-linejoin": "round",
|
|
10
|
-
d: "
|
|
10
|
+
d: "M7.8 4.6 1.4 11c-.6.6-.6 1.6 0 2l6.2 6.2m8.6-14.6 6.2 6.2c.6.6.6 1.6 0 2l-6.2 6.6"
|
|
11
11
|
}, null, -1), c = [
|
|
12
12
|
r
|
|
13
13
|
];
|
|
@@ -17,9 +17,12 @@ declare const meta: {
|
|
|
17
17
|
type: import("vue").PropType<boolean>;
|
|
18
18
|
};
|
|
19
19
|
icon: {
|
|
20
|
-
type: import("vue").PropType<"Add" | "
|
|
20
|
+
type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
|
|
21
21
|
required: true;
|
|
22
22
|
};
|
|
23
|
+
thickness: {
|
|
24
|
+
type: import("vue").PropType<string>;
|
|
25
|
+
};
|
|
23
26
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
27
|
size: {
|
|
25
28
|
type: import("vue").PropType<"sm" | "md" | "xs" | "full" | "xxs">;
|
|
@@ -37,9 +40,12 @@ declare const meta: {
|
|
|
37
40
|
type: import("vue").PropType<boolean>;
|
|
38
41
|
};
|
|
39
42
|
icon: {
|
|
40
|
-
type: import("vue").PropType<"Add" | "
|
|
43
|
+
type: import("vue").PropType<"Add" | "ArrowLeft" | "ArrowRight" | "Background" | "Brackets" | "Branch" | "CallToAction" | "Checkmark" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Clipboard" | "Close" | "CodeFolder" | "Collection" | "Cookie" | "DarkMode" | "Delete" | "Discord" | "DocsPage" | "Duplicate" | "Edit" | "Ellipses" | "Error" | "Example" | "ExternalLink" | "FilterList" | "Folder" | "GitHub" | "Google" | "Hide" | "History" | "House" | "Import" | "Info" | "Key" | "Leave" | "LightDarkModeToggle" | "LightMode" | "Link" | "Lock" | "Logo" | "LogoAPI" | "LogoClient" | "LogoMarket" | "LogoSwagger" | "Magic" | "Menu" | "Page" | "PaperAirplane" | "Payment" | "Pencil" | "Play" | "Refresh" | "Search" | "Server" | "Show" | "SideBarClosed" | "SideBarOpen" | "Sort" | "Terminal" | "ThumbsDown" | "ThumbsUp" | "Trash" | "Unlock" | "Upload" | "UploadSimple" | "User" | "programming-framework-angular" | "programming-framework-astro" | "programming-framework-laravel" | "programming-framework-nextdotjs" | "programming-framework-react" | "programming-framework-vuedotjs" | "programming-language-c" | "programming-language-clojure" | "programming-language-csharp" | "programming-language-css3" | "programming-language-go" | "programming-language-html5" | "programming-language-http" | "programming-language-java" | "programming-language-javascript" | "programming-language-json" | "programming-language-kotlin" | "programming-language-node" | "programming-language-objc" | "programming-language-ocaml" | "programming-language-php" | "programming-language-powershell" | "programming-language-python" | "programming-language-r" | "programming-language-ruby" | "programming-language-scala" | "programming-language-shell" | "programming-language-swift" | "programming-language-typescript" | "programming-script-code" | "programming-tool-git" | "programming-tool-tailwindcss">;
|
|
41
44
|
required: true;
|
|
42
45
|
};
|
|
46
|
+
thickness: {
|
|
47
|
+
type: import("vue").PropType<string>;
|
|
48
|
+
};
|
|
43
49
|
}>>, {
|
|
44
50
|
size: "sm" | "md" | "xs" | "full" | "xxs";
|
|
45
51
|
variant: string;
|
|
@@ -48,7 +54,7 @@ declare const meta: {
|
|
|
48
54
|
argTypes: {
|
|
49
55
|
icon: {
|
|
50
56
|
control: "select";
|
|
51
|
-
options: readonly ["Add", "
|
|
57
|
+
options: readonly ["Add", "ArrowLeft", "ArrowRight", "Background", "Brackets", "Branch", "CallToAction", "Checkmark", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Clipboard", "Close", "CodeFolder", "Collection", "Cookie", "DarkMode", "Delete", "Discord", "DocsPage", "Duplicate", "Edit", "Ellipses", "Error", "Example", "ExternalLink", "FilterList", "Folder", "GitHub", "Google", "Hide", "History", "House", "Import", "Info", "Key", "Leave", "LightDarkModeToggle", "LightMode", "Link", "Lock", "Logo", "LogoAPI", "LogoClient", "LogoMarket", "LogoSwagger", "Magic", "Menu", "Page", "PaperAirplane", "Payment", "Pencil", "Play", "Refresh", "Search", "Server", "Show", "SideBarClosed", "SideBarOpen", "Sort", "Terminal", "ThumbsDown", "ThumbsUp", "Trash", "Unlock", "Upload", "UploadSimple", "User", "programming-framework-angular", "programming-framework-astro", "programming-framework-laravel", "programming-framework-nextdotjs", "programming-framework-react", "programming-framework-vuedotjs", "programming-language-c", "programming-language-clojure", "programming-language-csharp", "programming-language-css3", "programming-language-go", "programming-language-html5", "programming-language-http", "programming-language-java", "programming-language-javascript", "programming-language-json", "programming-language-kotlin", "programming-language-node", "programming-language-objc", "programming-language-ocaml", "programming-language-php", "programming-language-powershell", "programming-language-python", "programming-language-r", "programming-language-ruby", "programming-language-scala", "programming-language-shell", "programming-language-swift", "programming-language-typescript", "programming-script-code", "programming-tool-git", "programming-tool-tailwindcss"];
|
|
52
58
|
};
|
|
53
59
|
size: {
|
|
54
60
|
control: "select";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarIconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"ScalarIconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}
|
|
@@ -66,6 +66,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
66
66
|
disabled?: boolean;
|
|
67
67
|
variant?: Variants["variant"];
|
|
68
68
|
size?: Variants["size"];
|
|
69
|
+
thickness?: string;
|
|
69
70
|
}>, {
|
|
70
71
|
variant: string;
|
|
71
72
|
size: string;
|
|
@@ -75,6 +76,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
75
76
|
disabled?: boolean;
|
|
76
77
|
variant?: Variants["variant"];
|
|
77
78
|
size?: Variants["size"];
|
|
79
|
+
thickness?: string;
|
|
78
80
|
}>, {
|
|
79
81
|
variant: string;
|
|
80
82
|
size: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAKvC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAkB7C,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAeZ,CAAA;;WA9BS,MAAM;UACP,IAAI;eACC,OAAO;cACR,QAAQ,CAAC,SAAS,CAAC;WACtB,QAAQ,CAAC,MAAM,CAAC;gBACX,MAAM;;;;;WALX,MAAM;UACP,IAAI;eACC,OAAO;cACR,QAAQ,CAAC,SAAS,CAAC;WACtB,QAAQ,CAAC,MAAM,CAAC;gBACX,MAAM;;;;;;;;AA8FtB,wBAMG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { cva as
|
|
3
|
-
import { styles as
|
|
4
|
-
import
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as n, computed as r, useAttrs as i, openBlock as l, createElementBlock as c, mergeProps as d, unref as e, createVNode as u, createElementVNode as p, toDisplayString as m } from "vue";
|
|
2
|
+
import { cva as b, cx as f } from "../../cva.js";
|
|
3
|
+
import { styles as h } from "../ScalarButton/variants.js";
|
|
4
|
+
import v from "../ScalarIcon/ScalarIcon.vue.js";
|
|
5
|
+
const z = ["ariaDisabled"], k = { class: "sr-only" }, D = /* @__PURE__ */ n({
|
|
6
6
|
__name: "ScalarIconButton",
|
|
7
7
|
props: {
|
|
8
8
|
label: {},
|
|
9
9
|
icon: {},
|
|
10
10
|
disabled: { type: Boolean },
|
|
11
11
|
variant: { default: "ghost" },
|
|
12
|
-
size: { default: "md" }
|
|
12
|
+
size: { default: "md" },
|
|
13
|
+
thickness: {}
|
|
13
14
|
},
|
|
14
15
|
setup(y) {
|
|
15
|
-
const
|
|
16
|
+
const o = b({
|
|
16
17
|
base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
|
|
17
18
|
variants: {
|
|
18
19
|
size: {
|
|
@@ -25,22 +26,25 @@ const _ = ["ariaDisabled"], h = { class: "sr-only" }, N = /* @__PURE__ */ r({
|
|
|
25
26
|
disabled: {
|
|
26
27
|
true: "cursor-not-allowed shadow-none"
|
|
27
28
|
},
|
|
28
|
-
variant:
|
|
29
|
+
variant: h
|
|
29
30
|
}
|
|
30
|
-
}), a =
|
|
31
|
-
const { class:
|
|
32
|
-
return { class:
|
|
31
|
+
}), a = r(() => {
|
|
32
|
+
const { class: s, ...t } = i();
|
|
33
|
+
return { class: s || "", rest: t };
|
|
33
34
|
});
|
|
34
|
-
return (
|
|
35
|
-
ariaDisabled:
|
|
36
|
-
class:
|
|
35
|
+
return (s, t) => (l(), c("button", d(a.value.rest, {
|
|
36
|
+
ariaDisabled: s.disabled || void 0,
|
|
37
|
+
class: e(f)(e(o)({ size: s.size, variant: s.variant, disabled: s.disabled }), a.value.class),
|
|
37
38
|
type: "button"
|
|
38
39
|
}), [
|
|
39
|
-
u(
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
u(e(v), {
|
|
41
|
+
icon: s.icon,
|
|
42
|
+
thickness: s.thickness
|
|
43
|
+
}, null, 8, ["icon", "thickness"]),
|
|
44
|
+
p("span", k, m(s.label), 1)
|
|
45
|
+
], 16, z));
|
|
42
46
|
}
|
|
43
47
|
});
|
|
44
48
|
export {
|
|
45
|
-
|
|
49
|
+
D as default
|
|
46
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AAyHA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAqDrC,iBAAS,cAAc;qBA0KO,GAAG;EAuBhC;AACD,QAAA,MAAM,eAAe;IAlPf;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM;gBACP,OAAO;SACd,MAAM;;;;;;IATX;;;;OAIG;eACQ,OAAO;aACT,MAAM,EAAE;iBACJ,MAAM;gBACP,OAAO;SACd,MAAM;;;;;;cAJA,OAAO;MAoPtB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as b, openBlock as i, createBlock as u, unref as t, normalizeClass as n, withCtx as l, createVNode as a, mergeProps as y, createElementBlock as g, Fragment as v, renderList as x, createElementVNode as o, toDisplayString as h, renderSlot as B } from "vue";
|
|
2
2
|
import { Listbox as V, ListboxOptions as k, ListboxOption as z, ListboxButton as w } from "@headlessui/vue";
|
|
3
|
-
import { cva as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" },
|
|
3
|
+
import { cva as L, cx as O } from "../../cva.js";
|
|
4
|
+
import S from "../ScalarFloating/ScalarFloating.vue.js";
|
|
5
|
+
import _ from "../ScalarIcon/ScalarIcon.vue.js";
|
|
6
|
+
const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__PURE__ */ o("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-md brightness-lifted" }, null, -1), F = /* @__PURE__ */ b({
|
|
7
7
|
inheritAttrs: !1,
|
|
8
8
|
__name: "ScalarListbox",
|
|
9
9
|
props: {
|
|
@@ -19,7 +19,7 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, S = /* @__
|
|
|
19
19
|
},
|
|
20
20
|
emits: ["update:modelValue"],
|
|
21
21
|
setup(j) {
|
|
22
|
-
const m =
|
|
22
|
+
const m = L({
|
|
23
23
|
base: [
|
|
24
24
|
// Layout
|
|
25
25
|
"group",
|
|
@@ -44,7 +44,7 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, S = /* @__
|
|
|
44
44
|
"onUpdate:modelValue": d[0] || (d[0] = (r) => e.$emit("update:modelValue", r))
|
|
45
45
|
}, {
|
|
46
46
|
default: l(({ open: r }) => [
|
|
47
|
-
a(t(
|
|
47
|
+
a(t(S), {
|
|
48
48
|
isOpen: r ?? e.isOpen,
|
|
49
49
|
placement: e.placement ?? "bottom-start",
|
|
50
50
|
resize: e.resize,
|
|
@@ -65,15 +65,16 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, S = /* @__
|
|
|
65
65
|
default: l(({ active: c, selected: p }) => [
|
|
66
66
|
o("li", {
|
|
67
67
|
class: n(
|
|
68
|
-
t(
|
|
68
|
+
t(O)(t(m)({ active: c, selected: p, disabled: s.disabled }))
|
|
69
69
|
)
|
|
70
70
|
}, [
|
|
71
71
|
o("div", {
|
|
72
72
|
class: n(["flex size-4 items-center justify-center rounded-full p-[3px] group-hover:shadow-border", p ? "bg-blue text-b-1" : "text-transparent"])
|
|
73
73
|
}, [
|
|
74
|
-
a(t(
|
|
75
|
-
class: "relative top-[0.5px] size-2.5
|
|
76
|
-
icon: "Checkmark"
|
|
74
|
+
a(t(_), {
|
|
75
|
+
class: "relative top-[0.5px] size-2.5",
|
|
76
|
+
icon: "Checkmark",
|
|
77
|
+
thickness: "2.5"
|
|
77
78
|
})
|
|
78
79
|
], 2),
|
|
79
80
|
o("span", C, h(s.label), 1)
|
|
@@ -81,7 +82,7 @@ const C = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, S = /* @__
|
|
|
81
82
|
]),
|
|
82
83
|
_: 2
|
|
83
84
|
}, 1032, ["disabled", "value"]))), 128)),
|
|
84
|
-
|
|
85
|
+
$
|
|
85
86
|
]),
|
|
86
87
|
_: 2
|
|
87
88
|
}, 1040, ["style"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AA2KA,eAAO,MAAM,QAAQ;;;;CASjB,CAAA;;WAMO,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,UAAU,CAAC,OAAO,QAAQ,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;;;qBAiMS,GAAG;qBACH,GAAG;;AA1MjC,wBAwOK;AAML,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import o from "./ScalarModal.vue2.js";
|
|
2
|
-
import { useModal as
|
|
2
|
+
import { useModal as d } from "./ScalarModal.vue2.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe3dfb08"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
e as default,
|
|
8
|
+
d as useModal
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScalarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchInput/ScalarSearchInput.vue"],"names":[],"mappings":"AAoEA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AA+BnE,iBAAS,cAAc;mBA6FI,GAAG;EAqB7B;AACD,QAAA,MAAM,eAAe;cA7IT,YAAY;iBACT,MAAM;;;;cADT,YAAY;iBACT,MAAM;;;UAmJnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as d, computed as
|
|
1
|
+
import { defineComponent as d, computed as i, useAttrs as m, openBlock as o, createElementBlock as p, mergeProps as f, unref as a, createElementVNode as r, renderSlot as g, createTextVNode as h, createBlock as s, createCommentVNode as b } from "vue";
|
|
2
2
|
import { cx as V } from "../../cva.js";
|
|
3
3
|
import k from "../ScalarLoading/ScalarLoading.vue.js";
|
|
4
4
|
import S from "../ScalarIconButton/ScalarIconButton.vue.js";
|
|
@@ -15,22 +15,22 @@ const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
|
|
|
15
15
|
function u(e) {
|
|
16
16
|
l("update:modelValue", e.target.value);
|
|
17
17
|
}
|
|
18
|
-
const
|
|
19
|
-
const { class: e, ...
|
|
20
|
-
return { className: e || "", rest:
|
|
18
|
+
const n = i(() => {
|
|
19
|
+
const { class: e, ...t } = m();
|
|
20
|
+
return { className: e || "", rest: t };
|
|
21
21
|
});
|
|
22
|
-
return (e,
|
|
22
|
+
return (e, t) => (o(), p("label", f(n.value.rest, {
|
|
23
23
|
class: a(V)(
|
|
24
24
|
"flex rounded border bg-b-1 text-sm font-medium focus-within:border-c-1",
|
|
25
|
-
|
|
25
|
+
n.value.className
|
|
26
26
|
)
|
|
27
27
|
}), [
|
|
28
|
-
|
|
28
|
+
r("span", v, [
|
|
29
29
|
g(e.$slots, "label", {}, () => [
|
|
30
30
|
h("Enter search")
|
|
31
31
|
])
|
|
32
32
|
]),
|
|
33
|
-
|
|
33
|
+
r("input", {
|
|
34
34
|
autocapitalize: "off",
|
|
35
35
|
autocomplete: "off",
|
|
36
36
|
autocorrect: "off",
|
|
@@ -41,17 +41,18 @@ const v = { class: "sr-only" }, N = ["value"], I = /* @__PURE__ */ d({
|
|
|
41
41
|
value: e.modelValue,
|
|
42
42
|
onInput: u
|
|
43
43
|
}, null, 40, N),
|
|
44
|
-
e.loading && e.loading.isLoading ? (
|
|
44
|
+
e.loading && e.loading.isLoading ? (o(), s(a(k), {
|
|
45
45
|
key: 0,
|
|
46
46
|
class: "mr-3 self-center",
|
|
47
47
|
loadingState: e.loading,
|
|
48
48
|
size: "20px"
|
|
49
|
-
}, null, 8, ["loadingState"])) : e.modelValue ? (
|
|
49
|
+
}, null, 8, ["loadingState"])) : e.modelValue ? (o(), s(a(S), {
|
|
50
50
|
key: 1,
|
|
51
|
-
class: "
|
|
51
|
+
class: "p-2.5",
|
|
52
52
|
icon: "Close",
|
|
53
53
|
label: "Clear Search",
|
|
54
|
-
|
|
54
|
+
thickness: "1.5",
|
|
55
|
+
onClick: t[0] || (t[0] = (C) => l("update:modelValue", ""))
|
|
55
56
|
})) : b("", !0)
|
|
56
57
|
], 16));
|
|
57
58
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as i, computed as d, useAttrs as m, openBlock as o, createElementBlock as r, createElementVNode as t, mergeProps as u, unref as a, renderSlot as s, createBlock as p, createCommentVNode as l } from "vue";
|
|
2
2
|
import { cx as f } from "../../cva.js";
|
|
3
3
|
import _ from "../ScalarIcon/ScalarIcon.vue.js";
|
|
4
|
-
const h = { class: "contents" }, x = { class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1" }, v = /* @__PURE__ */ t("span", null, " ", -1), g = { class: "flex min-w-0 flex-1 flex-col gap-0.75" },
|
|
4
|
+
const h = { class: "contents" }, x = { class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1" }, v = /* @__PURE__ */ t("span", null, " ", -1), g = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, N = { class: "flex-1 truncate text-sm font-medium" }, $ = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "text-xs text-c-2"
|
|
7
7
|
}, b = { class: "truncate text-xs text-c-2" }, C = /* @__PURE__ */ i({
|
|
@@ -37,11 +37,11 @@ const h = { class: "contents" }, x = { class: "flex h-fit items-center text-sm f
|
|
|
37
37
|
v
|
|
38
38
|
]),
|
|
39
39
|
t("div", g, [
|
|
40
|
-
t("div",
|
|
41
|
-
t("div",
|
|
40
|
+
t("div", k, [
|
|
41
|
+
t("div", N, [
|
|
42
42
|
s(e.$slots, "default")
|
|
43
43
|
]),
|
|
44
|
-
e.$slots.addon ? (o(), r("div",
|
|
44
|
+
e.$slots.addon ? (o(), r("div", $, [
|
|
45
45
|
s(e.$slots, "addon")
|
|
46
46
|
])) : l("", !0)
|
|
47
47
|
]),
|