{"version":3,"file":"TableCell.stories.mjs","names":["UTableCell","UAvatarGroup","UProgressBar","UButton","UTableCellSupText","UTableCellText","meta","title","component","tags","argTypes","disabled","control","defaultValue","badges","table","disable","isChecked","options","undefined","checkboxType","divider","TextTableCell","render","args","components","setup","template","BadgesTableCell","text","color","size","AvatarTableCell","ButtonTableCell","ProgressBarTableCell"],"sources":["../../src/stories/TableCell.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/vue3'\nimport {\n  UTableCell,\n  UAvatarGroup,\n  UProgressBar,\n  UButton,\n  UTableCellSupText,\n  UTableCellText,\n} from '../components'\nimport { UTableCellProps } from '../components/UTable/UTableCell'\nimport { ExtractPropTypes } from 'vue'\n\nconst meta: Meta<typeof UTableCell> = {\n  title: 'Example/TableCell',\n  component: UTableCell,\n  tags: ['autodocs'],\n  argTypes: {\n    disabled: { control: 'boolean', defaultValue: false },\n    badges: { table: { disable: true } },\n    isChecked: { control: 'select', options: [undefined, true, false] },\n    checkboxType: { control: 'select', options: ['default', 'radio'] },\n    divider: {\n      control: 'select',\n      options: ['divider line', 'alternating fills'],\n    },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof UTableCell>\n\nexport const TextTableCell: Story = {\n  render: (args: ExtractPropTypes<UTableCellProps>) => ({\n    components: { UTableCell, UTableCellSupText, UTableCellText },\n    setup() {\n      return { args }\n    },\n    template: `<UTableCell v-bind=\"args\" v-model=\"args.isChecked\">\n      <UTableCellText>Olivia Rhye</UTableCellText>\n      <UTableCellSupText>olivia@untitledui.com</UTableCellSupText>\n    </UTableCell>`,\n  }),\n  args: {} as UTableCellProps,\n}\n\nexport const BadgesTableCell: Story = {\n  render: (args: ExtractPropTypes<UTableCellProps>) => ({\n    components: { UTableCell },\n    setup() {\n      return { args }\n    },\n    template: `<UTableCell v-bind=\"args\" v-model=\"args.isChecked\"></UTableCell>`,\n  }),\n  args: {\n    badges: [\n      { text: 'Label', color: 'primary', size: 'sm' },\n      { text: 'Label', color: 'blue', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n      { text: 'Label', color: 'indigo', size: 'sm' },\n    ],\n  } as UTableCellProps,\n}\n\nexport const AvatarTableCell: Story = {\n  render: (args: ExtractPropTypes<UTableCellProps>) => ({\n    components: { UTableCell, UAvatarGroup },\n    setup() {\n      return { args }\n    },\n    template: `<UTableCell v-bind=\"args\" v-model=\"args.isChecked\">\n      <UAvatarGroup \n        profileName=\"Olivia Rhye\" \n        avatarIcon=\"''\"\n        imagePath=\"https://w7.pngwing.com/pngs/129/292/png-transparent-female-avatar-girl-face-woman-user-flat-classy-users-icon.png\"\n        profileText=\"olivia@untitledui.com\">\n      </UAvatarGroup>\n    </UTableCell>`,\n  }),\n  args: {\n    //\n  } as UTableCellProps,\n}\n\nexport const ButtonTableCell: Story = {\n  render: (args: ExtractPropTypes<UTableCellProps>) => ({\n    components: { UTableCell, UButton },\n    setup() {\n      return { args }\n    },\n    template: `<UTableCell v-bind=\"args\" v-model=\"args.isChecked\">\n      <UButton size=\"md\" type=\"Tertiary Gray\" prependIcon=\"copy1\"></UButton>\n      <UButton size=\"md\" type=\"Tertiary Gray\" prependIcon=\"downloadCloud2\"></UButton>\n      <UButton size=\"md\" type=\"Tertiary Gray\" prependIcon=\"trash1\"></UButton>\n      <UButton size=\"md\" type=\"Tertiary Gray\" prependIcon=\"edit1\"></UButton>\n    </UTableCell>`,\n  }),\n  args: {\n    //\n  } as UTableCellProps,\n}\n\nexport const ProgressBarTableCell: Story = {\n  render: (args: ExtractPropTypes<UTableCellProps>) => ({\n    components: { UTableCell, UProgressBar },\n    setup() {\n      return { args }\n    },\n    template: `<UTableCell v-bind=\"args\" v-model=\"args.isChecked\">\n      <UProgressBar progress=\"60\" label=\"right\" width=\"190\"></UProgressBar>\n    </UTableCell>`,\n  }),\n  args: {\n    //\n  } as UTableCellProps,\n}\n"],"mappings":"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"}