{"version":3,"file":"NcIconToggleSwitch-CWzIC2ar.mjs","sources":["../../src/components/NcIconToggleSwitch/NcIconToggleSwitch.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script lang=\"ts\">\nconst svg = `<svg\n\txmlns=\"http://www.w3.org/2000/svg\"\n\tviewBox=\"0 0 24 12\">\n\t<path d=\"M17,1H7A5,5 0 0,0 2,6 5,5 0 0,0 7,11H17A5,5 0 0,0 22,6 5,5 0 0,0 17,1Z\" />\n\t<circle\n\t\tcy=\"6\"\n\t\tr=\"3\"\n\t\tfill=\"var(--color-main-background)\" />\n</svg>`\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\n\nconst {\n\tchecked,\n\tsize = 34,\n\tinline = false,\n} = defineProps<{\n\t/** Whether the toggle switch is checked */\n\tchecked: boolean\n\t/** Size of the icon */\n\tsize?: number\n\t/** NcIconSvgWrapper's inline prop */\n\tinline?: boolean\n}>()\n\nconst color = computed(() => checked ? 'var(--color-primary-element)' : 'var(--color-text-maxcontrast)')\nconst cx = computed(() => checked ? 'calc(17 / 24 * 100%)' : 'calc(7 / 24 * 100%)')\n</script>\n\n<template>\n\t<NcIconSvgWrapper\n\t\t:class=\"$style.iconToggleSwitch\"\n\t\t:svg\n\t\t:size\n\t\t:inline />\n</template>\n\n<style module lang=\"scss\">\n.iconToggleSwitch {\n\tcolor: v-bind(color);\n\ttransition: color var(--animation-quick) ease;\n\n\tsvg {\n\t\t/* Unlike other icons, this icon is not a square */\n\t\theight: auto !important;\n\t}\n\n\tcircle {\n\t\tcx: v-bind(cx);\n\t\ttransition: cx var(--animation-quick) ease;\n\t}\n}\n</style>\n\n<docs>\nPrivate component\n</docs>\n"],"names":["_createBlock","_normalizeClass","$style"],"mappings":";;;AAMA,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;AA4BZ,UAAM,QAAQ,SAAS,MAAM,kBAAU,iCAAiC,+BAA+B;AACvG,UAAM,KAAK,SAAS,MAAM,QAAA,UAAU,yBAAyB,qBAAqB;;0BAIjFA,YAIW,kBAAA;AAAA,QAHT,OAAKC,eAAEC,KAAAA,OAAO,gBAAgB;AAAA,QAC9B;AAAA,QACA,MAAA,QAAA;AAAA,QACA,QAAA,QAAA;AAAA,MAAA;;;;;;;;;;;;;"}