{"version":3,"file":"Tag.stories.mjs","names":["UTag","meta","title","component","tags","argTypes","size","control","options","count","isChecked","undefined","closed","defaultValue","avatarImagePath","avatarText","TheBaseTag","render","args","components","setup","template","methods","handleClose","console","log","switchCheckbox","AvatarTag"],"sources":["../../src/stories/Tag.stories.ts"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/vue3'\nimport { UTag } from '../components'\nimport { ExtractPropTypes } from 'vue'\nimport { UTagProps } from '../components/UTag/UTag'\n\nconst meta: Meta<typeof UTag> = {\n  title: 'Example/Tag',\n  component: UTag,\n  tags: ['autodocs'],\n  argTypes: {\n    size: { control: 'select', options: ['sm', 'md', 'lg'] },\n    count: { control: 'select', options: [null, 1, 2, 3, 4, 5, 6, 7, 8, 9] },\n    isChecked: { control: 'select', options: [undefined, true, false] },\n    closed: { control: 'boolean', defaultValue: false },\n    avatarImagePath: { control: 'text' },\n    avatarText: { control: 'text' },\n  },\n}\n\nexport default meta\n\ntype Story = StoryObj<typeof UTag>\n\nexport const TheBaseTag: Story = {\n  render: (args: ExtractPropTypes<UTagProps>) => ({\n    components: { UTag },\n    setup() {\n      return { args }\n    },\n    template: `<UTag\n          v-bind=\"args\" \n          class=\"mt-10 mb-10 mx-auto\" \n          @delete=\"handleClose\" \n          @change=\"switchCheckbox\"\n        >\n          Label\n        </UTag>`,\n    methods: {\n      handleClose() {\n        console.log('handle close')\n      },\n      switchCheckbox() {\n        if (args.isChecked !== undefined) {\n          args.isChecked = !args.isChecked\n        }\n      },\n    },\n  }),\n  args: {\n    size: 'sm',\n  } as UTagProps,\n}\n\nexport const AvatarTag: Story = {\n  render: (args: ExtractPropTypes<UTagProps>) => ({\n    components: { UTag },\n    setup() {\n      return { args }\n    },\n    template: `<UTag v-bind=\"args\" class=\"mt-10 mb-10 mx-auto\">Avatar</UTag>`,\n  }),\n  args: {\n    size: 'md',\n    count: 3,\n  } as UTagProps,\n}\n"],"mappings":"SACSA,IAAI;AAIb,IAAMC,IAAuB,GAAG;EAC9BC,KAAK,EAAE,aAAa;EACpBC,SAAS,EAAEH,IAAI;EACfI,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,QAAQ,EAAE;IACRC,IAAI,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE,CAAC;IACxDC,KAAK,EAAE;MAAEF,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAAE,CAAC;IACxEE,SAAS,EAAE;MAAEH,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAACG,SAAS,EAAE,IAAI,EAAE,KAAK;IAAE,CAAC;IACnEC,MAAM,EAAE;MAAEL,OAAO,EAAE,SAAS;MAAEM,YAAY,EAAE;IAAM,CAAC;IACnDC,eAAe,EAAE;MAAEP,OAAO,EAAE;IAAO,CAAC;IACpCQ,UAAU,EAAE;MAAER,OAAO,EAAE;IAAO;EAChC;AACF,CAAC;AAED,eAAeN,IAAI;AAInB,OAAO,IAAMe,UAAiB,GAAG;EAC/BC,MAAM,EAAE,SAAAA,OAACC,IAAiC;IAAA,OAAM;MAC9CC,UAAU,EAAE;QAAEnB,IAAI,EAAJA;MAAK,CAAC;MACpBoB,KAAK,WAAAA,MAAA,EAAG;QACN,OAAO;UAAEF,IAAI,EAAJA;QAAK,CAAC;MACjB,CAAC;MACDG,QAAQ,sMAOI;MACZC,OAAO,EAAE;QACPC,WAAW,WAAAA,YAAA,EAAG;UACZC,OAAO,CAACC,GAAG,CAAC,cAAc,CAAC;QAC7B,CAAC;QACDC,cAAc,WAAAA,eAAA,EAAG;UACf,IAAIR,IAAI,CAACR,SAAS,KAAKC,SAAS,EAAE;YAChCO,IAAI,CAACR,SAAS,GAAG,CAACQ,IAAI,CAACR,SAAS;UAClC;QACF;MACF;IACF,CAAC;EAAA,CAAC;EACFQ,IAAI,EAAE;IACJZ,IAAI,EAAE;EACR;AACF,CAAC;AAED,OAAO,IAAMqB,SAAgB,GAAG;EAC9BV,MAAM,EAAE,SAAAA,OAACC,IAAiC;IAAA,OAAM;MAC9CC,UAAU,EAAE;QAAEnB,IAAI,EAAJA;MAAK,CAAC;MACpBoB,KAAK,WAAAA,MAAA,EAAG;QACN,OAAO;UAAEF,IAAI,EAAJA;QAAK,CAAC;MACjB,CAAC;MACDG,QAAQ;IACV,CAAC;EAAA,CAAC;EACFH,IAAI,EAAE;IACJZ,IAAI,EAAE,IAAI;IACVG,KAAK,EAAE;EACT;AACF,CAAC"}