import { S as SvelteComponent, i as init, s as safe_not_equal, V as create_slot, f as element, b as attr, t as toggle_class, c as insert, Q as update_slot_base, R as get_all_dirty_from_scope, T as get_slot_changes, v as transition_in, w as transition_out, e as detach } from './index.9ab970ad.js';
import { c as create_classes } from './styles.db46e346.js';

/* src/components/Column/Column.svelte generated by Svelte v3.49.0 */

function create_fragment(ctx) {
	let div;
	let div_class_value;
	let current;
	const default_slot_template = /*#slots*/ ctx[5].default;
	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);

	return {
		c() {
			div = element("div");
			if (default_slot) default_slot.c();
			attr(div, "id", /*elem_id*/ ctx[0]);
			attr(div, "class", div_class_value = "overflow-hidden flex flex-col gr-gap gr-form-gap relative col w-full " + create_classes(/*style*/ ctx[3]));
			toggle_class(div, "bg-gray-50", /*variant*/ ctx[2] === "panel");
			toggle_class(div, "p-2", /*variant*/ ctx[2] === "panel");
			toggle_class(div, "rounded-lg", /*variant*/ ctx[2] === "panel");
			toggle_class(div, "!hidden", !/*visible*/ ctx[1]);
		},
		m(target, anchor) {
			insert(target, div, anchor);

			if (default_slot) {
				default_slot.m(div, null);
			}

			current = true;
		},
		p(ctx, [dirty]) {
			if (default_slot) {
				if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
					update_slot_base(
						default_slot,
						default_slot_template,
						ctx,
						/*$$scope*/ ctx[4],
						!current
						? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
						null
					);
				}
			}

			if (!current || dirty & /*elem_id*/ 1) {
				attr(div, "id", /*elem_id*/ ctx[0]);
			}

			if (!current || dirty & /*style*/ 8 && div_class_value !== (div_class_value = "overflow-hidden flex flex-col gr-gap gr-form-gap relative col w-full " + create_classes(/*style*/ ctx[3]))) {
				attr(div, "class", div_class_value);
			}

			if (dirty & /*style, variant*/ 12) {
				toggle_class(div, "bg-gray-50", /*variant*/ ctx[2] === "panel");
			}

			if (dirty & /*style, variant*/ 12) {
				toggle_class(div, "p-2", /*variant*/ ctx[2] === "panel");
			}

			if (dirty & /*style, variant*/ 12) {
				toggle_class(div, "rounded-lg", /*variant*/ ctx[2] === "panel");
			}

			if (dirty & /*style, visible*/ 10) {
				toggle_class(div, "!hidden", !/*visible*/ ctx[1]);
			}
		},
		i(local) {
			if (current) return;
			transition_in(default_slot, local);
			current = true;
		},
		o(local) {
			transition_out(default_slot, local);
			current = false;
		},
		d(detaching) {
			if (detaching) detach(div);
			if (default_slot) default_slot.d(detaching);
		}
	};
}

function instance($$self, $$props, $$invalidate) {
	let { $$slots: slots = {}, $$scope } = $$props;
	let { elem_id = "" } = $$props;
	let { visible = true } = $$props;
	let { variant = "default" } = $$props;
	let { style = {} } = $$props;

	$$self.$$set = $$props => {
		if ('elem_id' in $$props) $$invalidate(0, elem_id = $$props.elem_id);
		if ('visible' in $$props) $$invalidate(1, visible = $$props.visible);
		if ('variant' in $$props) $$invalidate(2, variant = $$props.variant);
		if ('style' in $$props) $$invalidate(3, style = $$props.style);
		if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
	};

	return [elem_id, visible, variant, style, $$scope, slots];
}

class Column extends SvelteComponent {
	constructor(options) {
		super();

		init(this, options, instance, create_fragment, safe_not_equal, {
			elem_id: 0,
			visible: 1,
			variant: 2,
			style: 3
		});
	}
}

var Column$1 = Column;

const modes = ["static"];

export { Column$1 as Component, modes };
