From 74f4bccc2fb5fdcba2d8039daad0f841f28aa0ce Mon Sep 17 00:00:00 2001 From: Julia Lehmann Date: Thu, 5 Dec 2024 13:51:22 +0100 Subject: [PATCH 01/18] 272: add slider component --- src/components/Card/MucCardSlider.stories.ts | 43 ++++++++++ src/components/Card/MucCardSlider.vue | 87 ++++++++++++++++++++ src/components/Card/index.ts | 3 +- src/components/index.ts | 3 +- 4 files changed, 134 insertions(+), 2 deletions(-) create mode 100644 src/components/Card/MucCardSlider.stories.ts create mode 100644 src/components/Card/MucCardSlider.vue diff --git a/src/components/Card/MucCardSlider.stories.ts b/src/components/Card/MucCardSlider.stories.ts new file mode 100644 index 00000000..090d2b2b --- /dev/null +++ b/src/components/Card/MucCardSlider.stories.ts @@ -0,0 +1,43 @@ +import { fn } from "@storybook/test"; + +import MucCard from "./MucCard.vue"; +import MucCardSlider from "./MucCardSlider.vue"; + +export default { + components: { MucCardSlider }, + component: MucCardSlider, + title: "Card/MucCardSlider", + tags: ["autodocs"], + // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked + args: { onClick: fn() }, + parameters: { + docs: { + description: { + component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs). + +🔗 Patternlab-Docs (not yet available) +`, + }, + }, + }, +}; + +export const Template = () => ({ + components: { MucCardSlider, MucCard }, + template: ` + + + + + + `, +}); diff --git a/src/components/Card/MucCardSlider.vue b/src/components/Card/MucCardSlider.vue new file mode 100644 index 00000000..be0cdc50 --- /dev/null +++ b/src/components/Card/MucCardSlider.vue @@ -0,0 +1,87 @@ + + + + + diff --git a/src/components/Card/index.ts b/src/components/Card/index.ts index ab8fdf20..154e06b7 100644 --- a/src/components/Card/index.ts +++ b/src/components/Card/index.ts @@ -1,4 +1,5 @@ import MucCard from "./MucCard.vue"; import MucCardContainer from "./MucCardContainer.vue"; +import MucCardSlider from "./MucCardSlider.vue"; -export { MucCard, MucCardContainer }; +export { MucCard, MucCardContainer, MucCardSlider }; diff --git a/src/components/index.ts b/src/components/index.ts index d155a510..c04733c0 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -2,7 +2,7 @@ import { MucBanner } from "./Banner"; import { MucButton } from "./Button"; import { MucCalendar } from "./Calendar"; import { MucCallout } from "./Callout"; -import { MucCard, MucCardContainer } from "./Card"; +import { MucCard, MucCardContainer, MucCardSlider } from "./Card"; import { MucComment, MucCommentText } from "./Comment/"; import { MucDivider } from "./Divider"; import { MucFileDropzone } from "./FileDropzone"; @@ -30,6 +30,7 @@ export { MucCallout, MucCard, MucCardContainer, + MucCardSlider, MucComment, MucCommentText, MucRadioButton, From 66902b5e5275d5bfc9880a05e8fc12f15b867a29 Mon Sep 17 00:00:00 2001 From: Julia Lehmann Date: Wed, 11 Dec 2024 09:04:07 +0100 Subject: [PATCH 02/18] 272: add slider component --- package-lock.json | 120 +++---------------- package.json | 3 + src/components/Card/MucCardSlider.stories.ts | 43 ------- src/components/Card/MucCardSlider.vue | 87 -------------- src/components/Card/index.ts | 3 +- src/components/Slider/MucSlider.stories.ts | 43 +++++++ src/components/Slider/MucSlider.vue | 88 ++++++++++++++ src/components/Slider/MucSliderItem.vue | 20 ++++ src/components/Slider/index.ts | 4 + src/components/index.ts | 6 +- 10 files changed, 179 insertions(+), 238 deletions(-) delete mode 100644 src/components/Card/MucCardSlider.stories.ts delete mode 100644 src/components/Card/MucCardSlider.vue create mode 100644 src/components/Slider/MucSlider.stories.ts create mode 100644 src/components/Slider/MucSlider.vue create mode 100644 src/components/Slider/MucSliderItem.vue create mode 100644 src/components/Slider/index.ts diff --git a/package-lock.json b/package-lock.json index b328b030..20eeba70 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,9 @@ "name": "@muenchen/muc-patternlab-vue", "version": "0.1.0", "license": "MIT", + "dependencies": { + "@splidejs/vue-splide": "0.6.12" + }, "devDependencies": { "@muenchen/prettier-codeformat": "1.0.2", "@rushstack/eslint-patch": "1.10.4", @@ -1086,7 +1089,6 @@ }, "node_modules/@muenchen/prettier-codeformat": { "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@muenchen/prettier-codeformat/-/prettier-codeformat-1.0.2.tgz", "integrity": "sha512-bMS32V9NfKORSszT5eynbuIUfHYYYtPKOMFOzhyFz2T/BQ8MY8yZDfDyXvOrFjhG5nL5h18SMZhzEoqVs3aPzQ==", "dev": true, "license": "MIT", @@ -1574,7 +1576,6 @@ }, "node_modules/@rushstack/eslint-patch": { "version": "1.10.4", - "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz", "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==", "dev": true, "license": "MIT" @@ -1789,7 +1790,6 @@ }, "node_modules/@semantic-release/git": { "version": "10.0.1", - "resolved": "https://registry.npmjs.org/@semantic-release/git/-/git-10.0.1.tgz", "integrity": "sha512-eWrx5KguUcU2wUPaO6sfvZI0wPafUKAMNC18aXY4EnNcrZL86dEmpNVnC9uMpGZkmZJ9EfCVJBQx4pV4EMGT1w==", "dev": true, "license": "MIT", @@ -1812,7 +1812,6 @@ }, "node_modules/@semantic-release/github": { "version": "11.0.1", - "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-11.0.1.tgz", "integrity": "sha512-Z9cr0LgU/zgucbT9cksH0/pX9zmVda9hkDPcgIE0uvjMQ8w/mElDivGjx1w1pEQ+MuQJ5CBq3VCF16S6G4VH3A==", "dev": true, "license": "MIT", @@ -1843,7 +1842,6 @@ }, "node_modules/@semantic-release/github/node_modules/@semantic-release/error": { "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@semantic-release/error/-/error-4.0.0.tgz", "integrity": "sha512-mgdxrHTLOjOddRVYIYDo0fR3/v61GNN1YGkfbrjuIKg/uMgCd+Qzo3UAXJ+woLQQpos4pl5Esuw5A7AoNlzjUQ==", "dev": true, "license": "MIT", @@ -1853,7 +1851,6 @@ }, "node_modules/@semantic-release/github/node_modules/aggregate-error": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-5.0.0.tgz", "integrity": "sha512-gOsf2YwSlleG6IjRYG2A7k0HmBMEo6qVNk9Bp/EaLgAJT5ngH6PXbqa4ItvnEwCm/velL5jAnQgsHsWnjhGmvw==", "dev": true, "license": "MIT", @@ -1870,7 +1867,6 @@ }, "node_modules/@semantic-release/github/node_modules/clean-stack": { "version": "5.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-5.2.0.tgz", "integrity": "sha512-TyUIUJgdFnCISzG5zu3291TAsE77ddchd0bepon1VVQrKLGKFED4iXFEDQ24mIPdPBbyE16PK3F8MYE1CmcBEQ==", "dev": true, "license": "MIT", @@ -1886,7 +1882,6 @@ }, "node_modules/@semantic-release/github/node_modules/escape-string-regexp": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", "dev": true, "license": "MIT", @@ -1899,7 +1894,6 @@ }, "node_modules/@semantic-release/github/node_modules/indent-string": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz", "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==", "dev": true, "license": "MIT", @@ -2180,9 +2174,21 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/@splidejs/splide": { + "version": "4.1.4", + "integrity": "sha512-5I30evTJcAJQXt6vJ26g2xEkG+l1nXcpEw4xpKh0/FWQ8ozmAeTbtniVtVmz2sH1Es3vgfC4SS8B2X4o5JMptA==", + "license": "MIT" + }, + "node_modules/@splidejs/vue-splide": { + "version": "0.6.12", + "integrity": "sha512-eQb8pnGMN8Tr0FVaQo1PUMZlMHl8fSqHNXPTx79eeE2dkZqbsvq6jRzXoT9ZF7hFkxdOEmB6qYNp93SUwV684g==", + "license": "MIT", + "dependencies": { + "@splidejs/splide": "^4.1.3" + } + }, "node_modules/@storybook/addon-a11y": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.4.7.tgz", "integrity": "sha512-GpUvXp6n25U1ZSv+hmDC+05BEqxWdlWjQTb/GaboRXZQeMBlze6zckpVb66spjmmtQAIISo0eZxX1+mGcVR7lA==", "dev": true, "license": "MIT", @@ -2200,7 +2206,6 @@ }, "node_modules/@storybook/addon-actions": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.4.7.tgz", "integrity": "sha512-mjtD5JxcPuW74T6h7nqMxWTvDneFtokg88p6kQ5OnC1M259iAXb//yiSZgu/quunMHPCXSiqn4FNOSgASTSbsA==", "dev": true, "license": "MIT", @@ -2221,7 +2226,6 @@ }, "node_modules/@storybook/addon-backgrounds": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.7.tgz", "integrity": "sha512-I4/aErqtFiazcoWyKafOAm3bLpxTj6eQuH/woSbk1Yx+EzN+Dbrgx1Updy8//bsNtKkcrXETITreqHC+a57DHQ==", "dev": true, "license": "MIT", @@ -2240,7 +2244,6 @@ }, "node_modules/@storybook/addon-controls": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.4.7.tgz", "integrity": "sha512-377uo5IsJgXLnQLJixa47+11V+7Wn9KcDEw+96aGCBCfLbWNH8S08tJHHnSu+jXg9zoqCAC23MetntVp6LetHA==", "dev": true, "license": "MIT", @@ -2259,7 +2262,6 @@ }, "node_modules/@storybook/addon-docs": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.4.7.tgz", "integrity": "sha512-NwWaiTDT5puCBSUOVuf6ME7Zsbwz7Y79WF5tMZBx/sLQ60vpmJVQsap6NSjvK1Ravhc21EsIXqemAcBjAWu80w==", "dev": true, "license": "MIT", @@ -2282,7 +2284,6 @@ }, "node_modules/@storybook/addon-essentials": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.4.7.tgz", "integrity": "sha512-+BtZHCBrYtQKILtejKxh0CDRGIgTl9PumfBOKRaihYb4FX1IjSAxoV/oo/IfEjlkF5f87vouShWsRa8EUauFDw==", "dev": true, "license": "MIT", @@ -2308,7 +2309,6 @@ }, "node_modules/@storybook/addon-highlight": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.4.7.tgz", "integrity": "sha512-whQIDBd3PfVwcUCrRXvCUHWClXe9mQ7XkTPCdPo4B/tZ6Z9c6zD8JUHT76ddyHivixFLowMnA8PxMU6kCMAiNw==", "dev": true, "license": "MIT", @@ -2325,7 +2325,6 @@ }, "node_modules/@storybook/addon-interactions": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.4.7.tgz", "integrity": "sha512-fnufT3ym8ht3HHUIRVXAH47iOJW/QOb0VSM+j269gDuvyDcY03D1civCu1v+eZLGaXPKJ8vtjr0L8zKQ/4P0JQ==", "dev": true, "license": "MIT", @@ -2346,7 +2345,6 @@ }, "node_modules/@storybook/addon-links": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.4.7.tgz", "integrity": "sha512-L/1h4dMeMKF+MM0DanN24v5p3faNYbbtOApMgg7SlcBT/tgo3+cAjkgmNpYA8XtKnDezm+T2mTDhB8mmIRZpIQ==", "dev": true, "license": "MIT", @@ -2371,7 +2369,6 @@ }, "node_modules/@storybook/addon-measure": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.4.7.tgz", "integrity": "sha512-QfvqYWDSI5F68mKvafEmZic3SMiK7zZM8VA0kTXx55hF/+vx61Mm0HccApUT96xCXIgmwQwDvn9gS4TkX81Dmw==", "dev": true, "license": "MIT", @@ -2389,7 +2386,6 @@ }, "node_modules/@storybook/addon-outline": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.4.7.tgz", "integrity": "sha512-6LYRqUZxSodmAIl8icr585Oi8pmzbZ90aloZJIpve+dBAzo7ydYrSQxxoQEVltXbKf3VeVcrs64ouAYqjisMYA==", "dev": true, "license": "MIT", @@ -2407,7 +2403,6 @@ }, "node_modules/@storybook/addon-toolbars": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.4.7.tgz", "integrity": "sha512-OSfdv5UZs+NdGB+nZmbafGUWimiweJ/56gShlw8Neo/4jOJl1R3rnRqqY7MYx8E4GwoX+i3GF5C3iWFNQqlDcw==", "dev": true, "license": "MIT", @@ -2421,7 +2416,6 @@ }, "node_modules/@storybook/addon-viewport": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.4.7.tgz", "integrity": "sha512-hvczh/jjuXXcOogih09a663sRDDSATXwbE866al1DXgbDFraYD/LxX/QDb38W9hdjU9+Qhx8VFIcNWoMQns5HQ==", "dev": true, "license": "MIT", @@ -2438,7 +2432,6 @@ }, "node_modules/@storybook/blocks": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.4.7.tgz", "integrity": "sha512-+QH7+JwXXXIyP3fRCxz/7E2VZepAanXJM7G8nbR3wWsqWgrRp4Wra6MvybxAYCxU7aNfJX5c+RW84SNikFpcIA==", "dev": true, "license": "MIT", @@ -2467,7 +2460,6 @@ }, "node_modules/@storybook/builder-vite": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.4.7.tgz", "integrity": "sha512-LovyXG5VM0w7CovI/k56ZZyWCveQFVDl0m7WwetpmMh2mmFJ+uPQ35BBsgTvTfc8RHi+9Q3F58qP1MQSByXi9g==", "dev": true, "license": "MIT", @@ -2487,7 +2479,6 @@ }, "node_modules/@storybook/components": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.7.tgz", "integrity": "sha512-uyJIcoyeMWKAvjrG9tJBUCKxr2WZk+PomgrgrUwejkIfXMO76i6jw9BwLa0NZjYdlthDv30r9FfbYZyeNPmF0g==", "dev": true, "license": "MIT", @@ -2501,7 +2492,6 @@ }, "node_modules/@storybook/core": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.7.tgz", "integrity": "sha512-7Z8Z0A+1YnhrrSXoKKwFFI4gnsLbWzr8fnDCU6+6HlDukFYh8GHRcZ9zKfqmy6U3hw2h8H5DrHsxWfyaYUUOoA==", "dev": true, "license": "MIT", @@ -2541,7 +2531,6 @@ }, "node_modules/@storybook/csf-plugin": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.4.7.tgz", "integrity": "sha512-Fgogplu4HImgC+AYDcdGm1rmL6OR1rVdNX1Be9C/NEXwOCpbbBwi0BxTf/2ZxHRk9fCeaPEcOdP5S8QHfltc1g==", "dev": true, "license": "MIT", @@ -2575,7 +2564,6 @@ }, "node_modules/@storybook/instrumenter": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.4.7.tgz", "integrity": "sha512-k6NSD3jaRCCHAFtqXZ7tw8jAzD/yTEWXGya+REgZqq5RCkmJ+9S4Ytp/6OhQMPtPFX23gAuJJzTQVLcCr+gjRg==", "dev": true, "license": "MIT", @@ -2593,7 +2581,6 @@ }, "node_modules/@storybook/manager-api": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.7.tgz", "integrity": "sha512-ELqemTviCxAsZ5tqUz39sDmQkvhVAvAgiplYy9Uf15kO0SP2+HKsCMzlrm2ue2FfkUNyqbDayCPPCB0Cdn/mpQ==", "dev": true, "license": "MIT", @@ -2607,7 +2594,6 @@ }, "node_modules/@storybook/preview-api": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.4.7.tgz", "integrity": "sha512-0QVQwHw+OyZGHAJEXo6Knx+6/4er7n2rTDE5RYJ9F2E2Lg42E19pfdLlq2Jhoods2Xrclo3wj6GWR//Ahi39Eg==", "dev": true, "license": "MIT", @@ -2621,7 +2607,6 @@ }, "node_modules/@storybook/react-dom-shim": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.4.7.tgz", "integrity": "sha512-6bkG2jvKTmWrmVzCgwpTxwIugd7Lu+2btsLAqhQSzDyIj2/uhMNp8xIMr/NBDtLgq3nomt9gefNa9xxLwk/OMg==", "dev": true, "license": "MIT", @@ -2637,7 +2622,6 @@ }, "node_modules/@storybook/test": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.4.7.tgz", "integrity": "sha512-AhvJsu5zl3uG40itSQVuSy5WByp3UVhS6xAnme4FWRwgSxhvZjATJ3AZkkHWOYjnnk+P2/sbz/XuPli1FVCWoQ==", "dev": true, "license": "MIT", @@ -2661,7 +2645,6 @@ }, "node_modules/@storybook/theming": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.4.7.tgz", "integrity": "sha512-99rgLEjf7iwfSEmdqlHkSG3AyLcK0sfExcr0jnc6rLiAkBhzuIsvcHjjUwkR210SOCgXqBPW0ZA6uhnuyppHLw==", "dev": true, "license": "MIT", @@ -2675,7 +2658,6 @@ }, "node_modules/@storybook/vue3": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-8.4.7.tgz", "integrity": "sha512-QvILEkgx7VyKBuLB4KiuQ0U8OLfQyLTwDuJ36wihQ75EEt86z29kYLNC2keHSbns/HUs3x3cjM9EkUT2xLgc/A==", "dev": true, "license": "MIT", @@ -2704,7 +2686,6 @@ }, "node_modules/@storybook/vue3-vite": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-8.4.7.tgz", "integrity": "sha512-MCU4GB6mKgeOy23eGL/yCxPWP1dBGuU4hRVoQYUzDyvNRNWD/0n7WOwIpKGeDHhmOW3J9PPX7C3k/N4ewFBmrQ==", "dev": true, "license": "MIT", @@ -2797,7 +2778,6 @@ }, "node_modules/@tsconfig/node20": { "version": "20.1.4", - "resolved": "https://registry.npmjs.org/@tsconfig/node20/-/node20-20.1.4.tgz", "integrity": "sha512-sqgsT69YFeLWf5NtJ4Xq/xAF8p4ZQHlmGW74Nu2tD4+g5fAsposc4ZfaaPixVu4y01BEiDCWLRDCvDM5JOsRxg==", "dev": true, "license": "MIT" @@ -2819,7 +2799,6 @@ }, "node_modules/@types/jsdom": { "version": "21.1.7", - "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.7.tgz", "integrity": "sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==", "dev": true, "license": "MIT", @@ -2836,7 +2815,6 @@ }, "node_modules/@types/node": { "version": "22.10.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz", "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==", "dev": true, "license": "MIT", @@ -3091,7 +3069,6 @@ }, "node_modules/@vitejs/plugin-vue": { "version": "5.2.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz", "integrity": "sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==", "dev": true, "license": "MIT", @@ -3152,7 +3129,6 @@ }, "node_modules/@vitest/mocker": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.8.tgz", "integrity": "sha512-7guJ/47I6uqfttp33mgo6ga5Gr1VnL58rcqYKyShoRK9ebu8T5Rs6HN3s1NABiBeVTdWNrwUMcHH54uXZBN4zA==", "dev": true, "license": "MIT", @@ -3179,7 +3155,6 @@ }, "node_modules/@vitest/mocker/node_modules/@vitest/spy": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.8.tgz", "integrity": "sha512-5swjf2q95gXeYPevtW0BLk6H8+bPlMb4Vw/9Em4hFxDcaOxS+e0LOX4yqNxoHzMR2akEB2xfpnWUzkZokmgWDg==", "dev": true, "license": "MIT", @@ -3200,7 +3175,6 @@ }, "node_modules/@vitest/pretty-format": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz", "integrity": "sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==", "dev": true, "license": "MIT", @@ -3213,7 +3187,6 @@ }, "node_modules/@vitest/runner": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.8.tgz", "integrity": "sha512-17ub8vQstRnRlIU5k50bG+QOMLHRhYPAna5tw8tYbj+jzjcspnwnwtPtiOlkuKC4+ixDPTuLZiqiWWQ2PSXHVg==", "dev": true, "license": "MIT", @@ -3227,7 +3200,6 @@ }, "node_modules/@vitest/snapshot": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.8.tgz", "integrity": "sha512-20T7xRFbmnkfcmgVEz+z3AU/3b0cEzZOt/zmnvZEctg64/QZbSDJEVm9fLnnlSi74KibmRsO9/Qabi+t0vCRPg==", "dev": true, "license": "MIT", @@ -3253,7 +3225,6 @@ }, "node_modules/@vitest/utils": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.8.tgz", "integrity": "sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==", "dev": true, "license": "MIT", @@ -3342,7 +3313,6 @@ }, "node_modules/@vue/eslint-config-prettier": { "version": "10.1.0", - "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-10.1.0.tgz", "integrity": "sha512-J6wV91y2pXc0Phha01k0WOHBTPsoSTf4xlmMjoKaeSxBpAdsgTppGF5RZRdOHM7OA74zAXD+VLANrtYXpiPKkQ==", "dev": true, "license": "MIT", @@ -3357,7 +3327,6 @@ }, "node_modules/@vue/eslint-config-typescript": { "version": "13.0.0", - "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-13.0.0.tgz", "integrity": "sha512-MHh9SncG/sfqjVqjcuFLOLD6Ed4dRAis4HNt0dXASeAuLqIAx4YMB1/m2o4pUKK1vCt8fUvYG8KKX2Ot3BVZTg==", "dev": true, "license": "MIT", @@ -3449,7 +3418,6 @@ }, "node_modules/@vue/test-utils": { "version": "2.4.6", - "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz", "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==", "dev": true, "license": "MIT", @@ -3460,7 +3428,6 @@ }, "node_modules/@vue/tsconfig": { "version": "0.7.0", - "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.7.0.tgz", "integrity": "sha512-ku2uNz5MaZ9IerPPUyOHzyjhXoX2kVJaVf7hL315DC17vS6IiZRmmCPfggNbU16QTvM80+uYYy3eYJB59WCtvg==", "dev": true, "license": "MIT", @@ -4751,7 +4718,6 @@ }, "node_modules/es-module-lexer": { "version": "1.5.4", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", "dev": true, "license": "MIT" @@ -4828,7 +4794,6 @@ }, "node_modules/eslint": { "version": "8.57.1", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz", "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==", "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.", "dev": true, @@ -4925,7 +4890,6 @@ }, "node_modules/eslint-plugin-vue": { "version": "9.32.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.32.0.tgz", "integrity": "sha512-b/Y05HYmnB/32wqVcjxjHZzNpwxj1onBOvqW89W+V+XNG1dRuaFbNd3vT9CLbr2LXjEoq+3vn8DanWf7XU22Ug==", "dev": true, "license": "MIT", @@ -4948,7 +4912,6 @@ }, "node_modules/eslint-plugin-vue/node_modules/globals": { "version": "13.24.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", "dev": true, "license": "MIT", @@ -4964,7 +4927,6 @@ }, "node_modules/eslint-plugin-vue/node_modules/type-fest": { "version": "0.20.2", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, "license": "(MIT OR CC0-1.0)", @@ -5003,7 +4965,6 @@ }, "node_modules/eslint/node_modules/brace-expansion": { "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, "license": "MIT", @@ -5014,7 +4975,6 @@ }, "node_modules/eslint/node_modules/globals": { "version": "13.24.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", "dev": true, "license": "MIT", @@ -5030,7 +4990,6 @@ }, "node_modules/eslint/node_modules/minimatch": { "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", "dev": true, "license": "ISC", @@ -5043,7 +5002,6 @@ }, "node_modules/eslint/node_modules/type-fest": { "version": "0.20.2", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", "dev": true, "license": "(MIT OR CC0-1.0)", @@ -6312,7 +6270,6 @@ }, "node_modules/jsdom": { "version": "25.0.1", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-25.0.1.tgz", "integrity": "sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==", "dev": true, "license": "MIT", @@ -6353,7 +6310,6 @@ }, "node_modules/jsdom/node_modules/xml-name-validator": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz", "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==", "dev": true, "license": "Apache-2.0", @@ -10559,7 +10515,6 @@ }, "node_modules/prettier": { "version": "3.4.2", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz", "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==", "dev": true, "license": "MIT", @@ -11023,7 +10978,6 @@ }, "node_modules/rimraf": { "version": "6.0.1", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-6.0.1.tgz", "integrity": "sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==", "dev": true, "license": "ISC", @@ -11043,7 +10997,6 @@ }, "node_modules/rimraf/node_modules/glob": { "version": "11.0.0", - "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.0.tgz", "integrity": "sha512-9UiX/Bl6J2yaBbxKoEBRm4Cipxgok8kQYcOPEhScPwebu2I0HoQOuYdIO6S3hLuWoZgpDpwQZMzTFxgpkyT76g==", "dev": true, "license": "ISC", @@ -11067,7 +11020,6 @@ }, "node_modules/rimraf/node_modules/jackspeak": { "version": "4.0.2", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-4.0.2.tgz", "integrity": "sha512-bZsjR/iRjl1Nk1UkjGpAzLNfQtzuijhn2g+pbZb98HQ1Gk8vM9hfbxeMBP+M2/UUdwj0RqGG3mlvk2MsAqwvEw==", "dev": true, "license": "BlueOak-1.0.0", @@ -11083,7 +11035,6 @@ }, "node_modules/rimraf/node_modules/lru-cache": { "version": "11.0.2", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.2.tgz", "integrity": "sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==", "dev": true, "license": "ISC", @@ -11093,7 +11044,6 @@ }, "node_modules/rimraf/node_modules/minimatch": { "version": "10.0.1", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz", "integrity": "sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==", "dev": true, "license": "ISC", @@ -11109,7 +11059,6 @@ }, "node_modules/rimraf/node_modules/path-scurry": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-2.0.0.tgz", "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==", "dev": true, "license": "BlueOak-1.0.0", @@ -11754,14 +11703,12 @@ }, "node_modules/std-env": { "version": "3.8.0", - "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.0.tgz", "integrity": "sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==", "dev": true, "license": "MIT" }, "node_modules/storybook": { "version": "8.4.7", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.7.tgz", "integrity": "sha512-RP/nMJxiWyFc8EVMH5gp20ID032Wvk+Yr3lmKidoegto5Iy+2dVQnUoElZb2zpbVXNHWakGuAkfI0dY1Hfp/vw==", "dev": true, "license": "MIT", @@ -12249,7 +12196,6 @@ }, "node_modules/typescript": { "version": "5.6.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", "devOptional": true, "license": "Apache-2.0", @@ -12280,7 +12226,6 @@ }, "node_modules/undici-types": { "version": "6.20.0", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz", "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==", "dev": true, "license": "MIT" @@ -12437,7 +12382,6 @@ }, "node_modules/vite": { "version": "5.4.10", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.10.tgz", "integrity": "sha512-1hvaPshuPUtxeQ0hsVH3Mud0ZanOLwVTneA1EgbAM5LhaZEqyPWGRQ7BtaMvUrTDeEaC8pxtj6a6jku3x4z6SQ==", "dev": true, "license": "MIT", @@ -12497,7 +12441,6 @@ }, "node_modules/vite-node": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.8.tgz", "integrity": "sha512-uPAwSr57kYjAUux+8E2j0q0Fxpn8M9VoyfGiRI8Kfktz9NcYMCenwY5RnZxnF1WTu3TGiYipirIzacLL3VVGFg==", "dev": true, "license": "MIT", @@ -12520,7 +12463,6 @@ }, "node_modules/vite-plugin-dts": { "version": "4.3.0", - "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.3.0.tgz", "integrity": "sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==", "dev": true, "license": "MIT", @@ -12550,7 +12492,6 @@ }, "node_modules/vite/node_modules/@esbuild/aix-ppc64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz", "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==", "cpu": [ "ppc64" @@ -12567,7 +12508,6 @@ }, "node_modules/vite/node_modules/@esbuild/android-arm": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz", "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==", "cpu": [ "arm" @@ -12584,7 +12524,6 @@ }, "node_modules/vite/node_modules/@esbuild/android-arm64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz", "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==", "cpu": [ "arm64" @@ -12601,7 +12540,6 @@ }, "node_modules/vite/node_modules/@esbuild/android-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz", "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==", "cpu": [ "x64" @@ -12618,7 +12556,6 @@ }, "node_modules/vite/node_modules/@esbuild/darwin-arm64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz", "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==", "cpu": [ "arm64" @@ -12635,7 +12572,6 @@ }, "node_modules/vite/node_modules/@esbuild/darwin-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz", "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==", "cpu": [ "x64" @@ -12652,7 +12588,6 @@ }, "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz", "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==", "cpu": [ "arm64" @@ -12669,7 +12604,6 @@ }, "node_modules/vite/node_modules/@esbuild/freebsd-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz", "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==", "cpu": [ "x64" @@ -12686,7 +12620,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-arm": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz", "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==", "cpu": [ "arm" @@ -12703,7 +12636,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-arm64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz", "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==", "cpu": [ "arm64" @@ -12720,7 +12652,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-ia32": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz", "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==", "cpu": [ "ia32" @@ -12737,7 +12668,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-loong64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz", "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==", "cpu": [ "loong64" @@ -12754,7 +12684,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-mips64el": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz", "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==", "cpu": [ "mips64el" @@ -12771,7 +12700,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-ppc64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz", "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==", "cpu": [ "ppc64" @@ -12788,7 +12716,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-riscv64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz", "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==", "cpu": [ "riscv64" @@ -12805,7 +12732,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-s390x": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz", "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==", "cpu": [ "s390x" @@ -12822,7 +12748,6 @@ }, "node_modules/vite/node_modules/@esbuild/linux-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz", "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==", "cpu": [ "x64" @@ -12839,7 +12764,6 @@ }, "node_modules/vite/node_modules/@esbuild/netbsd-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz", "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==", "cpu": [ "x64" @@ -12856,7 +12780,6 @@ }, "node_modules/vite/node_modules/@esbuild/openbsd-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz", "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==", "cpu": [ "x64" @@ -12873,7 +12796,6 @@ }, "node_modules/vite/node_modules/@esbuild/sunos-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz", "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==", "cpu": [ "x64" @@ -12890,7 +12812,6 @@ }, "node_modules/vite/node_modules/@esbuild/win32-arm64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz", "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==", "cpu": [ "arm64" @@ -12907,7 +12828,6 @@ }, "node_modules/vite/node_modules/@esbuild/win32-ia32": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz", "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==", "cpu": [ "ia32" @@ -12924,7 +12844,6 @@ }, "node_modules/vite/node_modules/@esbuild/win32-x64": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz", "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==", "cpu": [ "x64" @@ -12941,7 +12860,6 @@ }, "node_modules/vite/node_modules/esbuild": { "version": "0.21.5", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz", "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==", "dev": true, "hasInstallScript": true, @@ -12980,7 +12898,6 @@ }, "node_modules/vitest": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.8.tgz", "integrity": "sha512-1vBKTZskHw/aosXqQUlVWWlGUxSJR8YtiyZDJAFeW2kPAeX6S3Sool0mjspO+kXLuxVWlEDDowBAeqeAQefqLQ==", "dev": true, "license": "MIT", @@ -13046,7 +12963,6 @@ }, "node_modules/vitest/node_modules/@vitest/expect": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.8.tgz", "integrity": "sha512-8ytZ/fFHq2g4PJVAtDX57mayemKgDR6X3Oa2Foro+EygiOJHUXhCqBAAKQYYajZpFoIfvBCF1j6R6IYRSIUFuw==", "dev": true, "license": "MIT", @@ -13062,7 +12978,6 @@ }, "node_modules/vitest/node_modules/@vitest/spy": { "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.8.tgz", "integrity": "sha512-5swjf2q95gXeYPevtW0BLk6H8+bPlMb4Vw/9Em4hFxDcaOxS+e0LOX4yqNxoHzMR2akEB2xfpnWUzkZokmgWDg==", "dev": true, "license": "MIT", @@ -13150,7 +13065,6 @@ }, "node_modules/vue-component-type-helpers": { "version": "2.1.10", - "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.1.10.tgz", "integrity": "sha512-lfgdSLQKrUmADiSV6PbBvYgQ33KF3Ztv6gP85MfGaGaSGMTXORVaHT1EHfsqCgzRNBstPKYDmvAV9Do5CmJ07A==", "dev": true, "license": "MIT" @@ -13218,7 +13132,6 @@ }, "node_modules/vue-tsc": { "version": "2.1.10", - "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-2.1.10.tgz", "integrity": "sha512-RBNSfaaRHcN5uqVqJSZh++Gy/YUzryuv9u1aFWhsammDJXNtUiJMNoJ747lZcQ68wUQFx6E73y4FY3D8E7FGMA==", "dev": true, "license": "MIT", @@ -13236,7 +13149,6 @@ }, "node_modules/vue-tsc/node_modules/@vue/language-core": { "version": "2.1.10", - "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.10.tgz", "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==", "dev": true, "license": "MIT", diff --git a/package.json b/package.json index 6755e4a1..2a8aa16e 100644 --- a/package.json +++ b/package.json @@ -76,5 +76,8 @@ "vite-plugin-dts": "4.3.0", "vitest": "2.1.8", "vue-tsc": "2.1.10" + }, + "dependencies": { + "@splidejs/vue-splide": "0.6.12" } } diff --git a/src/components/Card/MucCardSlider.stories.ts b/src/components/Card/MucCardSlider.stories.ts deleted file mode 100644 index 090d2b2b..00000000 --- a/src/components/Card/MucCardSlider.stories.ts +++ /dev/null @@ -1,43 +0,0 @@ -import { fn } from "@storybook/test"; - -import MucCard from "./MucCard.vue"; -import MucCardSlider from "./MucCardSlider.vue"; - -export default { - components: { MucCardSlider }, - component: MucCardSlider, - title: "Card/MucCardSlider", - tags: ["autodocs"], - // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked - args: { onClick: fn() }, - parameters: { - docs: { - description: { - component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs). - -🔗 Patternlab-Docs (not yet available) -`, - }, - }, - }, -}; - -export const Template = () => ({ - components: { MucCardSlider, MucCard }, - template: ` - - - - - - `, -}); diff --git a/src/components/Card/MucCardSlider.vue b/src/components/Card/MucCardSlider.vue deleted file mode 100644 index be0cdc50..00000000 --- a/src/components/Card/MucCardSlider.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - - - diff --git a/src/components/Card/index.ts b/src/components/Card/index.ts index 154e06b7..ab8fdf20 100644 --- a/src/components/Card/index.ts +++ b/src/components/Card/index.ts @@ -1,5 +1,4 @@ import MucCard from "./MucCard.vue"; import MucCardContainer from "./MucCardContainer.vue"; -import MucCardSlider from "./MucCardSlider.vue"; -export { MucCard, MucCardContainer, MucCardSlider }; +export { MucCard, MucCardContainer }; diff --git a/src/components/Slider/MucSlider.stories.ts b/src/components/Slider/MucSlider.stories.ts new file mode 100644 index 00000000..2ce0defe --- /dev/null +++ b/src/components/Slider/MucSlider.stories.ts @@ -0,0 +1,43 @@ +import { fn } from "@storybook/test"; + +import MucCard from "../Card/MucCard.vue"; +import MucSlider from "./MucSlider.vue"; +import MucSliderItem from "./MucSliderItem.vue"; + +export default { + components: {MucSliderItem, MucSlider }, + component: MucSlider, + title: "MucSlider", + tags: ["autodocs"], + // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked + args: { onClick: fn() }, + parameters: { + docs: { + description: { + component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs). + +🔗 Patternlab-Docs (not yet available) +`, + }, + }, + }, +}; + +export const Template = () => ({ + components: { MucCard, MucSlider, MucSliderItem }, + template: ` + + + + + + + + `, +}); diff --git a/src/components/Slider/MucSlider.vue b/src/components/Slider/MucSlider.vue new file mode 100644 index 00000000..7001ffae --- /dev/null +++ b/src/components/Slider/MucSlider.vue @@ -0,0 +1,88 @@ + + + + + diff --git a/src/components/Slider/MucSliderItem.vue b/src/components/Slider/MucSliderItem.vue new file mode 100644 index 00000000..c54277dc --- /dev/null +++ b/src/components/Slider/MucSliderItem.vue @@ -0,0 +1,20 @@ + + + + diff --git a/src/components/Slider/index.ts b/src/components/Slider/index.ts new file mode 100644 index 00000000..069f94d4 --- /dev/null +++ b/src/components/Slider/index.ts @@ -0,0 +1,4 @@ +import MucSlider from "./MucSlider.vue"; +import MucSliderItem from "./MucSliderItem.vue"; + +export { MucSlider, MucSliderItem }; diff --git a/src/components/index.ts b/src/components/index.ts index c04733c0..9a5c9da5 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -2,7 +2,7 @@ import { MucBanner } from "./Banner"; import { MucButton } from "./Button"; import { MucCalendar } from "./Calendar"; import { MucCallout } from "./Callout"; -import { MucCard, MucCardContainer, MucCardSlider } from "./Card"; +import { MucCard, MucCardContainer } from "./Card"; import { MucComment, MucCommentText } from "./Comment/"; import { MucDivider } from "./Divider"; import { MucFileDropzone } from "./FileDropzone"; @@ -21,6 +21,7 @@ import { MucIcon } from "./Icon"; import { MucIntro } from "./Intro"; import { MucLink } from "./Link"; import { MucPercentageSpinner } from "./PercentageSpinner"; +import { MucSlider, MucSliderItem } from "./Slider"; import { MucStepper } from "./Stepper"; export { @@ -30,7 +31,6 @@ export { MucCallout, MucCard, MucCardContainer, - MucCardSlider, MucComment, MucCommentText, MucRadioButton, @@ -49,4 +49,6 @@ export { MucPercentageSpinner, MucStepper, MucCalendar, + MucSlider, + MucSliderItem, }; From f81db7509cbb3070e28ca97a3a70c63faac1fc47 Mon Sep 17 00:00:00 2001 From: Julia Lehmann Date: Wed, 11 Dec 2024 09:05:25 +0100 Subject: [PATCH 03/18] 272: format code --- src/components/Slider/MucSlider.stories.ts | 28 +++---- src/components/Slider/MucSlider.vue | 86 +++++++++++++--------- src/components/Slider/MucSliderItem.vue | 6 +- 3 files changed, 66 insertions(+), 54 deletions(-) diff --git a/src/components/Slider/MucSlider.stories.ts b/src/components/Slider/MucSlider.stories.ts index 2ce0defe..d909f63e 100644 --- a/src/components/Slider/MucSlider.stories.ts +++ b/src/components/Slider/MucSlider.stories.ts @@ -5,27 +5,27 @@ import MucSlider from "./MucSlider.vue"; import MucSliderItem from "./MucSliderItem.vue"; export default { - components: {MucSliderItem, MucSlider }, - component: MucSlider, - title: "MucSlider", - tags: ["autodocs"], - // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked - args: { onClick: fn() }, - parameters: { - docs: { - description: { - component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs). + components: { MucSliderItem, MucSlider }, + component: MucSlider, + title: "MucSlider", + tags: ["autodocs"], + // 👇 Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked + args: { onClick: fn() }, + parameters: { + docs: { + description: { + component: `A wrapping Layout to use with [MucCard](/docs/muccard--docs). 🔗 Patternlab-Docs (not yet available) `, - }, - }, + }, }, + }, }; export const Template = () => ({ - components: { MucCard, MucSlider, MucSliderItem }, - template: ` + components: { MucCard, MucSlider, MucSliderItem }, + template: ` -
-
-
-
-
- - - - - - -
-
+
+
+
+
+
+ + + + + + +
+
diff --git a/src/components/Slider/MucSliderItem.vue b/src/components/Slider/MucSliderItem.vue index c54277dc..ef2044f3 100644 --- a/src/components/Slider/MucSliderItem.vue +++ b/src/components/Slider/MucSliderItem.vue @@ -2,12 +2,10 @@ - - From cc4033e75dd3ee2b488f9775cf0fa9365f28479a Mon Sep 17 00:00:00 2001 From: Julia Lehmann Date: Wed, 11 Dec 2024 15:43:13 +0100 Subject: [PATCH 04/18] 272: add emit and accessibility --- src/components/Slider/MucSlider.vue | 30 +++++++++++++++++++++-------- 1 file changed, 22 insertions(+), 8 deletions(-) diff --git a/src/components/Slider/MucSlider.vue b/src/components/Slider/MucSlider.vue index 41e82a62..1bcb87ad 100644 --- a/src/components/Slider/MucSlider.vue +++ b/src/components/Slider/MucSlider.vue @@ -5,12 +5,11 @@