{"version":3,"file":"Tags.b8f3284f.js","sources":["../../../../../../src/lib/components/common/Tags/TagInput.svelte","../../../../../../src/lib/components/common/Tags/TagList.svelte","../../../../../../src/lib/components/common/Tags.svelte"],"sourcesContent":["<script lang=\"ts\">\n\timport { createEventDispatcher, getContext } from 'svelte';\n\timport { tags } from '$lib/stores';\n\timport { toast } from 'svelte-sonner';\n\tconst dispatch = createEventDispatcher();\n\n\tconst i18n = getContext('i18n');\n\n\texport let label = '';\n\tlet showTagInput = false;\n\tlet tagName = '';\n\n\tconst addTagHandler = async () => {\n\t\ttagName = tagName.trim();\n\t\tif (tagName !== '') {\n\t\t\tdispatch('add', tagName);\n\t\t\ttagName = '';\n\t\t\tshowTagInput = false;\n\t\t} else {\n\t\t\ttoast.error($i18n.t(`Invalid Tag`));\n\t\t}\n\t};\n</script>\n\n<div class=\"flex {showTagInput ? 'flex-row-reverse' : ''}\">\n\t{#if showTagInput}\n\t\t<div class=\"flex items-center\">\n\t\t\t<input\n\t\t\t\tbind:value={tagName}\n\t\t\t\tclass=\" px-2 cursor-pointer self-center text-xs h-fit bg-transparent outline-none line-clamp-1 w-[5.5rem]\"\n\t\t\t\tplaceholder={$i18n.t('Add a tag')}\n\t\t\t\tlist=\"tagOptions\"\n\t\t\t\ton:keydown={(event) => {\n\t\t\t\t\tif (event.key === 'Enter') {\n\t\t\t\t\t\taddTagHandler();\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<datalist id=\"tagOptions\">\n\t\t\t\t{#each $tags as tag}\n\t\t\t\t\t<option value={tag.name} />\n\t\t\t\t{/each}\n\t\t\t</datalist>\n\n\t\t\t<button type=\"button\" on:click={addTagHandler}>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tclass=\"w-3 h-3\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfill-rule=\"evenodd\"\n\t\t\t\t\t\td=\"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z\"\n\t\t\t\t\t\tclip-rule=\"evenodd\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</div>\n\t{/if}\n\n\t<button\n\t\tclass=\" cursor-pointer self-center p-0.5 flex h-fit items-center dark:hover:bg-gray-700 rounded-full transition border dark:border-gray-600 border-dashed\"\n\t\ttype=\"button\"\n\t\ton:click={() => {\n\t\t\tshowTagInput = !showTagInput;\n\t\t}}\n\t>\n\t\t<div class=\" m-auto self-center\">\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tclass=\"w-3 h-3 {showTagInput ? 'rotate-45' : ''} transition-all transform\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</div>\n\t</button>\n\n\t{#if label && !showTagInput}\n\t\t<span class=\"text-xs pl-2 self-center\">{label}</span>\n\t{/if}\n</div>\n","<script lang=\"ts\">\n\timport { createEventDispatcher } from 'svelte';\n\tconst dispatch = createEventDispatcher();\n\n\texport let tags = [];\n</script>\n\n{#each tags as tag}\n\t<div\n\t\tclass=\"px-2 py-[0.5px] gap-0.5 flex justify-between h-fit items-center rounded-full transition border dark:border-gray-800 dark:text-white\"\n\t>\n\t\t<div class=\" text-[0.7rem] font-medium self-center line-clamp-1\">\n\t\t\t{tag.name}\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"h-full flex self-center cursor-pointer\"\n\t\t\ton:click={() => {\n\t\t\t\tdispatch('delete', tag.name);\n\t\t\t}}\n\t\t\ttype=\"button\"\n\t\t>\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\tclass=\"size-3 m-auto self-center translate-y-[0.3px] translate-x-[3px]\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</button>\n\t</div>\n{/each}\n","<script lang=\"ts\">\n\timport TagInput from './Tags/TagInput.svelte';\n\timport TagList from './Tags/TagList.svelte';\n\timport { getContext } from 'svelte';\n\n\tconst i18n = getContext('i18n');\n\n\texport let tags = [];\n\n\texport let deleteTag: Function;\n\texport let addTag: Function;\n</script>\n\n<div class=\"flex flex-row flex-wrap gap-1 line-clamp-1\">\n\t<TagList\n\t\t{tags}\n\t\ton:delete={(e) => {\n\t\t\tdeleteTag(e.detail);\n\t\t}}\n\t/>\n\n\t<TagInput\n\t\tlabel={tags.length == 0 ? $i18n.t('Add Tags') : ''}\n\t\ton:add={(e) => {\n\t\t\taddTag(e.detail);\n\t\t}}\n\t/>\n</div>\n"],"names":["ctx","i","insert_hydration","target","div","anchor","append_hydration","input","datalist","button","option","option_value_value","dirty","span","create_if_block_1","if_block1","create_if_block","div1","div0","svg","path","dispatch","createEventDispatcher","i18n","getContext","label","$$props","showTagInput","tagName","addTagHandler","$$invalidate","toast","$i18n","event","t0_value","set_data","t0","tags","tag","deleteTag","addTag","e"],"mappings":"82BAuCWA,EAAK,CAAA,CAAA,uBAAV,OAAIC,GAAA,klBATOD,EAAK,CAAA,EAAC,EAAE,WAAW,CAAA,gHAJlCE,EAiCKC,EAAAC,EAAAC,CAAA,EAhCJC,EAUCF,EAAAG,CAAA,MATYP,EAAO,CAAA,CAAA,SAUpBM,EAIUF,EAAAI,CAAA,0DAEVF,EAcQF,EAAAK,CAAA,2DAdwBT,EAAa,CAAA,CAAA,gCAd/BA,EAAK,CAAA,EAAC,EAAE,WAAW,wCAFpBA,EAAO,CAAA,OAAPA,EAAO,CAAA,CAAA,YAWZA,EAAK,CAAA,CAAA,oBAAV,OAAIC,GAAA,EAAA,iHAAJ,0JACcS,EAAA,QAAAC,EAAAX,MAAI,4BAAnBE,EAA0BC,EAAAO,EAAAL,CAAA,UAAXO,EAAA,IAAAD,KAAAA,EAAAX,MAAI,sGA4CkBA,EAAK,CAAA,CAAA,4DAALA,EAAK,CAAA,CAAA,6EAA7CE,EAAoDC,EAAAU,EAAAR,CAAA,2BAAZL,EAAK,CAAA,CAAA,6DA3DzCA,EAAY,CAAA,GAAAc,EAAAd,CAAA,EA0DZe,EAAAf,OAAUA,EAAY,CAAA,GAAAgB,EAAAhB,CAAA,krBATRA,EAAY,CAAA,EAAG,YAAc,IAAE,2BAAA,iPAlDjCA,EAAY,CAAA,EAAG,mBAAqB,GAAE,UAAxDE,EA8DKC,EAAAc,EAAAZ,CAAA,wBAxBJC,EAmBQW,EAAAR,CAAA,EAZPH,EAWKG,EAAAS,CAAA,EAVJZ,EASKY,EAAAC,CAAA,EAHJb,EAECa,EAAAC,CAAA,gEArDCpB,EAAY,CAAA,gFAiDEA,EAAY,CAAA,EAAG,YAAc,IAAE,6CAS7CA,OAAUA,EAAY,CAAA,gFA3DVA,EAAY,CAAA,EAAG,mBAAqB,6HApB/CqB,EAAWC,IAEXC,EAAOC,EAAW,MAAM,yBAEnB,MAAAC,EAAQ,EAAA,EAAAC,EACfC,EAAe,GACfC,EAAU,GAER,MAAAC,EAAA,SAAA,CACLC,EAAA,EAAAF,EAAUA,EAAQ,KAAA,CAAA,EACdA,IAAY,IACfP,EAAS,MAAOO,CAAO,MACvBA,EAAU,EAAA,MACVD,EAAe,EAAA,GAEfI,GAAM,MAAMC,EAAM,EAAA,aAAA,CAAA,gBASLJ,EAAO,KAAA,qBAINK,GAAK,CACbA,EAAM,MAAQ,SACjBJ,YAgCHC,EAAA,EAAAH,GAAgBA,CAAY,6NCtD3BO,EAAAlC,KAAI,KAAI,2/BAJXE,EAwBKC,EAAAc,EAAAZ,CAAA,EArBJC,EAEKW,EAAAC,CAAA,gBACLZ,EAiBQW,EAAAR,CAAA,gDAnBNG,EAAA,GAAAsB,KAAAA,EAAAlC,KAAI,KAAI,KAAAmC,GAAAC,EAAAF,CAAA,oDALLlC,EAAI,CAAA,CAAA,uBAAT,OAAIC,GAAA,gNAACD,EAAI,CAAA,CAAA,oBAAT,OAAIC,GAAA,EAAA,yHAAJ,iEALKoB,EAAWC,IAEN,GAAA,CAAA,KAAAe,EAAA,EAAA,EAAAX,cAaRL,EAAS,SAAUiB,EAAI,IAAI,6OCKtBtC,EAAI,CAAA,EAAC,QAAU,EAAIA,EAAK,CAAA,EAAC,EAAE,UAAU,EAAI,4QATlDE,EAcKC,EAAAC,EAAAC,CAAA,iHALIL,EAAI,CAAA,EAAC,QAAU,EAAIA,EAAK,CAAA,EAAC,EAAE,UAAU,EAAI,wKAjB3C,MAAAuB,EAAOC,EAAW,MAAM,qBAEnB,GAAA,CAAA,KAAAa,EAAA,EAAA,EAAAX,EAEA,CAAA,UAAAa,CAAA,EAAAb,EACA,CAAA,OAAAc,CAAA,EAAAd,UAMEe,GAAC,CACZF,EAAUE,EAAE,MAAM,KAMVA,GAAC,CACTD,EAAOC,EAAE,MAAM"}