{"version":3,"file":"Sidebar.stories.mjs","names":["USidebar","UApp","UIcon","UInput","USidebarLogo","UAvatarGroup","UAvatar","UListItemGroup","UListItem","UCard","ref","Transition","meta","title","component","tags","argTypes","variant","control","options","style","theme","location","transitionDuration","border","defaultValue","elevation","TemporaryDrawer","render","args","components","setup","drawer","toggleDrawer","value","template","ExpandOnHoverDrawer","PermanentDrawer","PermanentTopDrawer","GuestListSidebar","rail","cardIsVisible","currentItemId","listItems","badge","itemId","prependIcon","currentItemIdChange","index","listItemClick","e","console","log","hideCard"],"sources":["../../src/stories/Sidebar.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/vue3'\nimport {\n USidebar,\n UApp,\n UIcon,\n UInput,\n USidebarLogo,\n UAvatarGroup,\n UAvatar,\n UListItemGroup,\n UListItem,\n UCard,\n} from '../components'\nimport { USidebarProps } from '../components/USidebar/USidebar'\nimport { ExtractPropTypes, ref, Transition } from 'vue'\n\nconst meta: Meta = {\n title: 'Example/Sidebar',\n component: USidebar,\n tags: ['autodocs'],\n argTypes: {\n variant: { control: 'select', options: ['primary', 'gray'] },\n style: { control: 'select', options: ['simple', 'dual-tier', 'slim'] },\n theme: { control: 'select', options: ['light', 'dark'] },\n location: { control: 'select', options: ['left', 'right', 'top'] },\n transitionDuration: {\n control: 'select',\n options: ['0', '75', '100', '150', '200', '300', '500', '700', '1000'],\n },\n border: { control: 'boolean', defaultValue: false },\n elevation: { control: 'boolean', defaultValue: false },\n },\n}\n\nexport default meta\n\ntype Story = StoryObj\n\nexport const TemporaryDrawer: Story = {\n render: (args: ExtractPropTypes) => ({\n components: { USidebar, UApp, UIcon, USidebarLogo, UInput, UAvatarGroup },\n setup() {\n const drawer = ref(false)\n const toggleDrawer = () => {\n drawer.value = !drawer.value\n }\n return { args, drawer, toggleDrawer }\n },\n template: `\n
\n \n \n \n \n $menu2\n
\n \n
\n
\n \n
    \n
  • \n $homeLine\n Home\n
    • \n
  • \n $barChartSquare2\n Dashboard\n
    • \n
  • \n $layersThree1\n Projects\n
    • \n
  • \n $checkDone1\n Tasks\n
    • \n
  • \n $users1\n Users\n
    • \n
\n
\n
\n
    \n
  • \n $lifeBuoy1\n Support\n
    • \n
  • \n $settings1\n Settings\n
    • \n
\n \n
\n \n `,\n }),\n args: {} as USidebarProps,\n}\n\nexport const ExpandOnHoverDrawer: Story = {\n render: (args: ExtractPropTypes) => ({\n components: { USidebar, UApp, UIcon, UAvatar },\n setup() {\n const drawer = ref(false)\n return { args, drawer }\n },\n template: `\n \n
\n
    \n
  • \n \n \n \n \n
    • \n
  • \n $homeLine\n
    • \n
  • \n $barChartSquare2\n
    • \n
  • \n $layersThree1\n
    • \n
  • \n $checkDone1\n
    • \n
  • \n $users1\n
    • \n
\n
\n
\n
    \n
  • \n $lifeBuoy1\n
    • \n
  • \n $settings1\n
    • \n
\n \n
\n \n `,\n }),\n args: {\n //\n } as USidebarProps,\n}\n\nexport const PermanentDrawer: Story = {\n render: (args: ExtractPropTypes) => ({\n components: { USidebar, UApp, UIcon, UInput, USidebarLogo, UAvatarGroup },\n setup() {\n const drawer = ref(false)\n return { args, drawer }\n },\n template: `\n \n
\n
\n \n
    \n
  • \n $homeLine\n Home\n
    • \n
  • \n $barChartSquare2\n Dashboard\n
    • \n
  • \n $layersThree1\n Projects\n
    • \n
  • \n $checkDone1\n Tasks\n
    • \n
  • \n $users1\n Users\n
    • \n
\n
\n
\n
    \n
  • \n $lifeBuoy1\n Support\n
    • \n
  • \n $settings1\n Settings\n
    • \n
\n \n
\n \n `,\n }),\n args: {\n //\n } as USidebarProps,\n}\n\nexport const PermanentTopDrawer: Story = {\n render: (args: ExtractPropTypes) => ({\n components: { USidebar, UApp, USidebarLogo, UAvatar, UIcon },\n setup() {\n const drawer = ref(false)\n return { args, drawer }\n },\n template: `\n \n
\n
\n
    \n
  • \n Home\n
    • \n
  • \n Dashboard\n
    • \n
  • \n Projects\n
    • \n
  • \n Tasks\n
    • \n
  • \n Users\n
    • \n
\n
\n
\n
    \n
  • \n $lifeBuoy1\n
    • \n
  • \n $settings1\n
    • \n
\n \n
\n \n `,\n }),\n args: {\n //\n } as USidebarProps,\n}\n\nexport const GuestListSidebar: Story = {\n render: (args: USidebarProps) => ({\n components: {\n USidebar,\n UApp,\n UIcon,\n UListItemGroup,\n UListItem,\n UCard,\n Transition,\n },\n setup() {\n const rail = ref(true)\n const cardIsVisible = ref(true)\n const currentItemId = ref('')\n\n const listItems = [\n {\n title: 'Overview',\n badge: 0,\n itemId: 'overviewScreen',\n prependIcon: 'activity',\n },\n {\n title: 'Notifications',\n badge: 10,\n itemId: 'notificationsScreen',\n prependIcon: 'notificationBox',\n },\n {\n title: 'Analytics',\n itemId: 'analyticsScreen',\n prependIcon: 'barLineChart',\n },\n {\n title: 'Saved reports',\n itemId: 'savedReportssScreen',\n prependIcon: 'star1',\n },\n {\n title: 'Scheduled reports',\n itemId: 'scheduledReportsScreen',\n prependIcon: 'clockFastForward',\n },\n ]\n\n const currentItemIdChange = (index: string) => {\n if (currentItemId.value != index) {\n currentItemId.value = index\n } else {\n currentItemId.value = ''\n }\n }\n\n const listItemClick = (e: MouseEvent) => {\n console.log(e)\n }\n\n const hideCard = () => {\n cardIsVisible.value = false\n }\n\n return {\n args,\n currentItemId,\n currentItemIdChange,\n listItemClick,\n rail,\n hideCard,\n cardIsVisible,\n listItems,\n }\n },\n template: `\n \n
\n
\n \n \n \n \n \n \n \n \n $menu2\n
\n
\n \n Dashboard\n \n Guest List\n Messages\n Service Requests\n Shop Orders\n Application\n
\n
\n \n \n `,\n }),\n args: {\n currentItemId: '',\n } as USidebarProps,\n}\n"],"mappings":"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"}