{"version":3,"file":"Toggle.935f34ef.js","sources":["../../node_modules/flowbite-svelte/dist/forms/Label.svelte","../../node_modules/flowbite-svelte/dist/forms/Radio.svelte","../../node_modules/flowbite-svelte/dist/forms/Checkbox.svelte","../../node_modules/flowbite-svelte/dist/forms/Toggle.svelte"],"sourcesContent":["<script>import classNames from 'classnames';\nexport let color = 'gray';\nexport let defaultClass = 'text-sm font-medium block';\nexport let show = true;\nlet node;\nconst colorClasses = {\n    gray: 'text-gray-900 dark:text-gray-300',\n    green: 'text-green-700 dark:text-green-500',\n    red: 'text-red-700 dark:text-red-500',\n    disabled: 'text-gray-400 dark:text-gray-500'\n};\n// function checkDisabled(node: HTMLLabelElement) {\n$: {\n    const control = node?.control;\n    color = control?.disabled ? 'disabled' : color;\n}\n$: labelClass = classNames(defaultClass, colorClasses[color], $$props.class);\n</script>\n\n{#if show}\n  <!-- svelte-ignore a11y-label-has-associated-control -->\n  <label bind:this={node} {...$$restProps} class={labelClass}><slot /></label>\n{:else}\n  <slot />\n{/if}\n","<script context=\"module\">// this part is shared between Radio and Checkbox\nimport classNames from 'classnames';\nconst colorClasses = {\n    red: 'text-red-600 focus:ring-red-500 dark:focus:ring-red-600',\n    green: 'text-green-600 focus:ring-green-500 dark:focus:ring-green-600',\n    purple: 'text-purple-600 focus:ring-purple-500 dark:focus:ring-purple-600',\n    teal: 'text-teal-600 focus:ring-teal-500 dark:focus:ring-teal-600',\n    yellow: 'text-yellow-400 focus:ring-yellow-500 dark:focus:ring-yellow-600',\n    orange: 'text-orange-500 focus:ring-orange-500 dark:focus:ring-orange-600',\n    blue: 'text-blue-600 focus:ring-blue-500 dark:focus:ring-blue-600'\n};\nexport const labelClass = (inline, extraClass) => classNames(inline ? 'inline-flex' : 'flex', 'items-center', extraClass);\nexport const inputClass = (custom, color, rounded, tinted, extraClass) => classNames('w-4 h-4 bg-gray-100 border-gray-300 dark:ring-offset-gray-800 focus:ring-2', extraClass === true && 'mr-2', tinted ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', custom && 'sr-only peer', rounded && 'rounded', colorClasses[color], extraClass);\n</script>\n\n<script>import { getContext } from 'svelte';\nimport Label from './Label.svelte';\nexport let color = 'blue';\nexport let custom = false;\nexport let inline = false;\nexport let group = '';\nexport let value = '';\n// tinted if put in component having its own background\nlet background = getContext('background');\n</script>\n\n<Label class={labelClass(inline, $$props.class)} show={$$slots.default}>\n  <input\n    type=\"radio\"\n    bind:group\n    on:blur\n    on:change\n    on:click\n    on:focus\n    on:keydown\n    on:keypress\n    on:keyup\n    on:mouseenter\n    on:mouseleave\n    on:mouseover\n    on:paste\n    {value}\n    {...$$restProps}\n    class={inputClass(custom, color, false, background, $$slots.default || $$props.class)} /><slot />\n</Label>\n","<script>import { getContext } from 'svelte';\nimport { labelClass, inputClass } from './Radio.svelte';\nimport Label from './Label.svelte';\n// properties forwarding\nexport let color = 'blue';\nexport let custom = false;\nexport let inline = false;\nexport let group = [];\nexport let value = '';\nexport let checked = undefined;\n// tinted if put in component having its own background\nlet background = getContext('background');\n// react on external group changes\nfunction init(_, _group) {\n    if (checked === undefined)\n        checked = _group.includes(value);\n    onChange();\n    return {\n        update(_group) {\n            checked = _group.includes(value);\n        }\n    };\n}\nfunction onChange() {\n    // There's a bug in Svelte and bind:group is not working with wrapped checkbox\n    // This workaround is taken from:\n    // https://svelte.dev/repl/de117399559f4e7e9e14e2fc9ab243cc?version=3.12.1\n    const index = group.indexOf(value);\n    if (checked === undefined)\n        checked = index >= 0;\n    if (checked) {\n        if (index < 0) {\n            group.push(value);\n            group = group;\n        }\n    }\n    else {\n        if (index >= 0) {\n            group.splice(index, 1);\n            group = group;\n        }\n    }\n}\n</script>\n\n<Label class={labelClass(inline, $$props.class)} show={!!$$slots.default}>\n  <input\n    use:init={group}\n    type=\"checkbox\"\n    bind:checked\n    on:keyup\n    on:keydown\n    on:keypress\n    on:focus\n    on:blur\n    on:click\n    on:mouseover\n    on:mouseenter\n    on:mouseleave\n    on:paste\n    on:change={onChange}\n    on:change\n    {value}\n    {...$$restProps}\n    class={inputClass(custom, color, true, background, $$slots.default || $$props.class)} /><slot />\n</Label>\n","<script>import { getContext } from 'svelte';\nimport classNames from 'classnames';\nimport Checkbox from './Checkbox.svelte';\nexport let size = 'default';\nexport let group = [];\nexport let value = '';\nexport let checked = undefined;\n// tinted if put in component having its own background\nlet background = getContext('background');\nconst common = \"mr-3 bg-gray-200 rounded-full peer-focus:ring-4 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all\";\nconst colors = {\n    red: 'peer-focus:ring-red-300 dark:peer-focus:ring-red-800 peer-checked:bg-red-600',\n    green: 'peer-focus:ring-green-300 dark:peer-focus:ring-green-800 peer-checked:bg-green-600',\n    purple: 'peer-focus:ring-purple-300 dark:peer-focus:ring-purple-800 peer-checked:bg-purple-600',\n    yellow: 'peer-focus:ring-yellow-300 dark:peer-focus:ring-yellow-800 peer-checked:bg-yellow-400',\n    teal: 'peer-focus:ring-teal-300 dark:peer-focus:ring-teal-800 peer-checked:bg-teal-600',\n    orange: 'peer-focus:ring-orange-300 dark:peer-focus:ring-orange-800 peer-checked:bg-orange-500',\n    blue: 'peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 peer-checked:bg-blue-600'\n};\nconst sizes = {\n    small: 'w-9 h-5 after:top-[2px] after:left-[2px] after:h-4 after:w-4',\n    default: 'w-11 h-6 after:top-0.5 after:left-[2px] after:h-5 after:w-5',\n    large: 'w-14 h-7 after:top-0.5 after:left-[4px]  after:h-6 after:w-6'\n};\nlet divClass;\n$: divClass = classNames(common, background ? 'dark:bg-gray-600 dark:border-gray-500' : 'dark:bg-gray-700 dark:border-gray-600', colors[$$restProps.color ?? 'blue'], sizes[size], 'relative');\n</script>\n\n<Checkbox custom {...$$restProps} class={$$props.class} {value} bind:checked bind:group on:click on:change>\n  <span class={divClass} />\n  <slot />\n</Checkbox>\n"],"names":["label_levels","ctx","insert","target","label","anchor","color","$$props","defaultClass","show","node","colorClasses","$$value","control","$$invalidate","labelClass","classNames","inline","extraClass","inputClass","custom","rounded","tinted","input_class_value","input","current","dirty","label_changes","group","value","checked","background","getContext","init","_","_group","onChange","index","span","common","size","colors","sizes","divClass","_a","$$restProps"],"mappings":"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"}