{"version":3,"file":"fieldFilterContainer.obs.js","sources":["../../../Framework/Controls/fieldFilterContainer.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\r\n<template>\r\n    <div class=\"row form-row field-criteria\">\r\n        <div v-if=\"hasCompareColumn\" :class=\"compareColumnClass\">\r\n            <span v-if=\"hasCompareLabel\" class=\"data-view-filter-label\">{{ compareLabel }}</span>\r\n            <slot v-else name=\"compare\" />\r\n        </div>\r\n\r\n        <div :class=\"valueColumnClass\">\r\n            <slot />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\n    import { computed, useSlots } from \"vue\";\r\n    import { PropType } from \"vue\";\r\n\r\n    const props = defineProps({\r\n        compareLabel: {\r\n            type: String as PropType<string>\r\n        },\r\n    });\r\n\r\n    const slots = useSlots();\r\n\r\n    /** True if the compare column should be displayed. */\r\n    const hasCompareColumn = computed((): boolean => !!slots.compare || !!props.compareLabel);\r\n\r\n    /** True if we have a plain text label to display in the compare column. */\r\n    const hasCompareLabel = computed((): boolean => !!props.compareLabel);\r\n\r\n    /** The CSS class to use for the compare column width. */\r\n    const compareColumnClass = computed((): string => {\r\n        if (slots.compare) {\r\n            return \"col-xs-12 col-md-4\";\r\n        }\r\n        else if (props.compareLabel) {\r\n            return \"col-xs-12 col-md-2\";\r\n        }\r\n        else {\r\n            return \"\";\r\n        }\r\n    });\r\n\r\n    /** The CSS class to use for the value column width. */\r\n    const valueColumnClass = computed((): string => {\r\n        if (slots.compare) {\r\n            return \"col-xs-12 col-md-8\";\r\n        }\r\n        else if (props.compareLabel) {\r\n            return \"col-xs-12 col-md-10\";\r\n        }\r\n        else {\r\n            return \"col-xs-12 col-md-12\";\r\n        }\r\n    });\r\n</script>\r\n"],"names":["props","__props","slots","useSlots","hasCompareColumn","computed","compare","compareLabel","hasCompareLabel","compareColumnClass","valueColumnClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAkBI,IAAMA,KAAK,GAAGC,OAIZ,CAAA;MAEF,IAAA,IAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;MAGxB,IAAA,IAAMC,gBAAgB,GAAGC,QAAQ,CAAC,MAAe,CAAC,CAACH,KAAK,CAACI,OAAO,IAAI,CAAC,CAACN,KAAK,CAACO,YAAY,CAAC,CAAA;UAGzF,IAAMC,eAAe,GAAGH,QAAQ,CAAC,MAAe,CAAC,CAACL,KAAK,CAACO,YAAY,CAAC,CAAA;MAGrE,IAAA,IAAME,kBAAkB,GAAGJ,QAAQ,CAAC,MAAc;YAC9C,IAAIH,KAAK,CAACI,OAAO,EAAE;MACf,QAAA,OAAO,oBAAoB,CAAA;MAC/B,OAAC,MACI,IAAIN,KAAK,CAACO,YAAY,EAAE;MACzB,QAAA,OAAO,oBAAoB,CAAA;MAC/B,OAAC,MACI;MACD,QAAA,OAAO,EAAE,CAAA;MACb,OAAA;MACJ,KAAC,CAAC,CAAA;MAGF,IAAA,IAAMG,gBAAgB,GAAGL,QAAQ,CAAC,MAAc;YAC5C,IAAIH,KAAK,CAACI,OAAO,EAAE;MACf,QAAA,OAAO,oBAAoB,CAAA;MAC/B,OAAC,MACI,IAAIN,KAAK,CAACO,YAAY,EAAE;MACzB,QAAA,OAAO,qBAAqB,CAAA;MAChC,OAAC,MACI;MACD,QAAA,OAAO,qBAAqB,CAAA;MAChC,OAAA;MACJ,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;"}