@mozaic-ds/web-components 0.12.0-beta.0 → 0.12.0-beta.2

package/public/bundle.js

@@ -49,212 +49,216 @@ import OptionButton from './components/optionbutton/OptionButton.js';
 import Header from './components/header/Header.js';
 import TagList from './components/taglist/TagList.js';
 import Kpi from './components/kpi/Kpi.js';
-import Carousel from './components/carousel/Carousel.js';
-
-
-if (!customElements.get('m-carousel')) {
-    customElements.define('m-carousel', Carousel);
-}
+import SegmentedControl from './components/segmentedcontrol/SegmentedControl.js';
+import Menu from './components/menu/Menu.js';
 
 if (!customElements.get('m-accordion')) {
-    customElements.define('m-accordion', Accordion);
+  customElements.define('m-accordion', Accordion);
 }
 
 if (!customElements.get('m-autocomplete')) {
-    customElements.define('m-autocomplete', Autocomplete);
+  customElements.define('m-autocomplete', Autocomplete);
 }
 
 if (!customElements.get('m-button')) {
-    customElements.define('m-button', Button);
+  customElements.define('m-button', Button);
 }
 
 if (!customElements.get('m-card')) {
-    customElements.define('m-card', Card);
+  customElements.define('m-card', Card);
 }
 
 if (!customElements.get('m-breadcrumb')) {
-    customElements.define('m-breadcrumb', Breadcrumb);
+  customElements.define('m-breadcrumb', Breadcrumb);
 }
 
 if (!customElements.get('m-checkbox')) {
-    customElements.define('m-checkbox', Checkbox);
+  customElements.define('m-checkbox', Checkbox);
 }
 
 if (!customElements.get('m-checkbox-group')) {
-    customElements.define('m-checkbox-group', CheckboxGroup);
+  customElements.define('m-checkbox-group', CheckboxGroup);
 }
 
 if (!customElements.get('m-textarea')) {
-    customElements.define('m-textarea', Textarea);
+  customElements.define('m-textarea', Textarea);
 }
 
 if (!customElements.get('m-select')) {
-    customElements.define('m-select', Select);
+  customElements.define('m-select', Select);
 }
 
 if (!customElements.get('m-stars-input')) {
-    customElements.define('m-stars-input', StarsInput);
+  customElements.define('m-stars-input', StarsInput);
 }
 if (!customElements.get('m-price')) {
-    customElements.define('m-price', Price);
+  customElements.define('m-price', Price);
 }
 
 if (!customElements.get('m-toggle')) {
-    customElements.define('m-toggle', Toggle);
+  customElements.define('m-toggle', Toggle);
 }
 
 if (!customElements.get('m-fileuploader')) {
-    customElements.define('m-fileuploader', FileUploader);
+  customElements.define('m-fileuploader', FileUploader);
 }
 
 if (!customElements.get('m-field')) {
-    customElements.define('m-field', Field);
+  customElements.define('m-field', Field);
 }
 
 if (!customElements.get('m-dropdown')) {
-    customElements.define('m-dropdown', Dropdown);
+  customElements.define('m-dropdown', Dropdown);
 }
 
 if (!customElements.get('m-flag')) {
-    customElements.define('m-flag', Flag);
+  customElements.define('m-flag', Flag);
 }
 
 if (!customElements.get('m-link')) {
-    customElements.define('m-link', Link);
+  customElements.define('m-link', Link);
 }
 
 if (!customElements.get('m-listbox')) {
-    customElements.define('m-listbox', Listbox);
+  customElements.define('m-listbox', Listbox);
 }
 
 if (!customElements.get('m-loader')) {
-    customElements.define('m-loader', Loader);
+  customElements.define('m-loader', Loader);
 }
 
 if (!customElements.get('m-progressbar')) {
-    customElements.define('m-progressbar', ProgressBar);
+  customElements.define('m-progressbar', ProgressBar);
 }
 
 if (!customElements.get('m-textinput')) {
-    customElements.define('m-textinput', Textinput);
+  customElements.define('m-textinput', Textinput);
 }
 
 if (!customElements.get('m-notification')) {
-    customElements.define('m-notification', Notification);
+  customElements.define('m-notification', Notification);
 }
 
 if (!customElements.get('m-overlay')) {
-    customElements.define('m-overlay', Overlay);
+  customElements.define('m-overlay', Overlay);
 }
 
 if (!customElements.get('m-overlay-loader')) {
-    customElements.define('m-overlay-loader', OverlayLoader);
+  customElements.define('m-overlay-loader', OverlayLoader);
 }
 
 if (!customElements.get('m-hero')) {
-    customElements.define('m-hero', Hero);
+  customElements.define('m-hero', Hero);
 }
 
 if (!customElements.get('m-radio')) {
-    customElements.define('m-radio', Radio);
+  customElements.define('m-radio', Radio);
 }
 
 if (!customElements.get('m-radio-group')) {
-    customElements.define('m-radio-group', RadioGroup);
+  customElements.define('m-radio-group', RadioGroup);
 }
 
 if (!customElements.get('m-tabs')) {
-    customElements.define('m-tabs', Tabs);
+  customElements.define('m-tabs', Tabs);
 }
 
 if (!customElements.get('m-tag')) {
-    customElements.define('m-tag', Tag);
+  customElements.define('m-tag', Tag);
 }
 
 if (!customElements.get('m-tooltip')) {
-    customElements.define('m-tooltip', Tooltip);
+  customElements.define('m-tooltip', Tooltip);
 }
 
 if (!customElements.get('m-qty-selector')) {
-    customElements.define('m-qty-selector', QuantitySelector);
+  customElements.define('m-qty-selector', QuantitySelector);
 }
 
 if (!customElements.get('m-layer')) {
-    customElements.define('m-layer', Layer);
+  customElements.define('m-layer', Layer);
 }
 
 if (!customElements.get('m-modal')) {
-    customElements.define('m-modal', Modal);
+  customElements.define('m-modal', Modal);
 }
 
 if (!customElements.get('m-pagination')) {
-    customElements.define('m-pagination', Pagination);
+  customElements.define('m-pagination', Pagination);
 }
 
 if (!customElements.get('m-password-input')) {
-    customElements.define('m-password-input', PasswordInput);
+  customElements.define('m-password-input', PasswordInput);
 }
 
 if (!customElements.get('m-stepper')) {
-    customElements.define('m-stepper', Stepper);
+  customElements.define('m-stepper', Stepper);
 }
 
 if (!customElements.get('m-badge')) {
-    customElements.define('m-badge', Badge);
+  customElements.define('m-badge', Badge);
 }
 
 if (!customElements.get('m-donut')) {
-    customElements.define('m-donut', Donut);
+  customElements.define('m-donut', Donut);
 }
 
 if (!customElements.get('m-radar')) {
-    customElements.define('m-radar', Radar);
+  customElements.define('m-radar', Radar);
 }
 
 if (!customElements.get('m-stars-result')) {
-    customElements.define('m-stars-result', StarsResult);
+  customElements.define('m-stars-result', StarsResult);
 }
 
 if (!customElements.get('m-datatable')) {
-    customElements.define('m-datatable', DataTable);
+  customElements.define('m-datatable', DataTable);
 }
 
 if (!customElements.get('m-grouped-bar-chart')) {
-    customElements.define('m-grouped-bar-chart', GroupedBarChart);
+  customElements.define('m-grouped-bar-chart', GroupedBarChart);
 }
 
 if (!customElements.get('m-phone-number')) {
-    customElements.define('m-phone-number', PhoneNumber);
+  customElements.define('m-phone-number', PhoneNumber);
 }
 
 if (!customElements.get('m-bar-chart')) {
-    customElements.define('m-bar-chart', BarChart);
+  customElements.define('m-bar-chart', BarChart);
 }
 
 if (!customElements.get('m-stacked-bar-chart')) {
-    customElements.define('m-stacked-bar-chart', StackedBarChart);
+  customElements.define('m-stacked-bar-chart', StackedBarChart);
 }
 
 if (!customElements.get('m-line-chart')) {
-    customElements.define('m-line-chart', LineChart);
+  customElements.define('m-line-chart', LineChart);
 }
 
 if (!customElements.get('m-sidebar')) {
-    customElements.define('m-sidebar', Sidebar);
+  customElements.define('m-sidebar', Sidebar);
 }
 
 if (!customElements.get('m-option-button')) {
-    customElements.define('m-option-button', OptionButton);
+  customElements.define('m-option-button', OptionButton);
 }
 
 if (!customElements.get('m-header')) {
-    customElements.define('m-header', Header);
+  customElements.define('m-header', Header);
 }
 
 if (!customElements.get('m-taglist')) {
-    customElements.define('m-taglist', TagList);
+  customElements.define('m-taglist', TagList);
 }
 
 if (!customElements.get('m-kpi')) {
   customElements.define('m-kpi', Kpi);
 }
+
+if (!customElements.get('m-segmented-control')) {
+  customElements.define('m-segmented-control', SegmentedControl);
+}
+
+if (!customElements.get('m-menu')) {
+  customElements.define('m-menu', Menu);
+}

package/public/components/accordion/Accordion.js

@@ -1,366 +1,2 @@
-import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, d as space, t as text, n as noop, g as attr, h as set_attributes, j as append, l as listen, k as set_data, m as get_spread_update, o as detach, p as compute_rest_props, q as exclude_internal_props } from '../../index-c33b3772.js';
-import { E as EventHandler } from '../../EventHandler-02058705.js';
-
-/* src/components/accordion/Accordion.svelte generated by Svelte v3.58.0 */
-
-function create_if_block(ctx) {
-	let span;
-	let raw_value = `<${generateIconName(/*iconname*/ ctx[2], String(/*iconcolor*/ ctx[3]), /*size*/ ctx[1])} />` + "";
-
-	return {
-		c() {
-			span = element("span");
-			attr(span, "class", "mc-accordion__icon");
-		},
-		m(target, anchor) {
-			insert(target, span, anchor);
-			span.innerHTML = raw_value;
-		},
-		p(ctx, dirty) {
-			if (dirty & /*iconname, iconcolor, size*/ 14 && raw_value !== (raw_value = `<${generateIconName(/*iconname*/ ctx[2], String(/*iconcolor*/ ctx[3]), /*size*/ ctx[1])} />` + "")) span.innerHTML = raw_value;		},
-		d(detaching) {
-			if (detaching) detach(span);
-		}
-	};
-}
-
-function create_fragment(ctx) {
-	let div2;
-	let div0;
-	let slot0;
-	let t0;
-	let h2;
-	let button;
-	let t1;
-	let t2;
-	let t3;
-	let slot1;
-	let button_aria_expanded_value;
-	let t4;
-	let div1;
-	let slot2;
-	let div2_class_value;
-	let mounted;
-	let dispose;
-	let if_block = /*iconname*/ ctx[2] && create_if_block(ctx);
-
-	let div2_levels = [
-		{
-			class: div2_class_value = "mc-accordion " + (/*size*/ ctx[1]
-			? `mc-accordion--${/*size*/ ctx[1]}`
-			: '') + " " + (/*isOpen*/ ctx[8] ? ' is-open' : '') + " " + (/*nopadding*/ ctx[5] ? ' mc-accordion--no-padding' : '') + " " + (/*checkable*/ ctx[6] ? ' mc-accordion--checkable' : '') + " " + (/*disabled*/ ctx[4] ? ' is-disabled' : '') + " " + /*userClass*/ ctx[9]
-		},
-		/*attributes*/ ctx[7]
-	];
-
-	let div_data_2 = {};
-
-	for (let i = 0; i < div2_levels.length; i += 1) {
-		div_data_2 = assign(div_data_2, div2_levels[i]);
-	}
-
-	return {
-		c() {
-			div2 = element("div");
-			div0 = element("div");
-			slot0 = element("slot");
-			t0 = space();
-			h2 = element("h2");
-			button = element("button");
-			if (if_block) if_block.c();
-			t1 = space();
-			t2 = text(/*label*/ ctx[0]);
-			t3 = space();
-			slot1 = element("slot");
-			t4 = space();
-			div1 = element("div");
-			slot2 = element("slot");
-			this.c = noop;
-			attr(slot0, "name", "beforeLabel");
-			attr(slot1, "name", "afterLabel");
-			attr(button, "id", "m-accordion");
-			attr(button, "class", "mc-accordion__trigger");
-			attr(button, "type", "button");
-			attr(button, "aria-controls", "content");
-			attr(button, "aria-expanded", button_aria_expanded_value = !/*isOpen*/ ctx[8]);
-			button.disabled = /*disabled*/ ctx[4];
-			attr(h2, "class", "mc-accordion__title");
-			attr(div0, "class", "mc-accordion__header");
-			attr(div1, "id", "content");
-			attr(div1, "class", "mc-accordion__content");
-			attr(div1, "aria-hidden", /*isOpen*/ ctx[8]);
-			attr(div1, "aria-labelledby", "m-accordion");
-			set_attributes(div2, div_data_2);
-		},
-		m(target, anchor) {
-			insert(target, div2, anchor);
-			append(div2, div0);
-			append(div0, slot0);
-			append(div0, t0);
-			append(div0, h2);
-			append(h2, button);
-			if (if_block) if_block.m(button, null);
-			append(button, t1);
-			append(button, t2);
-			append(button, t3);
-			append(button, slot1);
-			append(div2, t4);
-			append(div2, div1);
-			append(div1, slot2);
-
-			if (!mounted) {
-				dispose = listen(button, "click", /*handleState*/ ctx[10]);
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (/*iconname*/ ctx[2]) {
-				if (if_block) {
-					if_block.p(ctx, dirty);
-				} else {
-					if_block = create_if_block(ctx);
-					if_block.c();
-					if_block.m(button, t1);
-				}
-			} else if (if_block) {
-				if_block.d(1);
-				if_block = null;
-			}
-
-			if (dirty & /*label*/ 1) set_data(t2, /*label*/ ctx[0]);
-
-			if (dirty & /*isOpen*/ 256 && button_aria_expanded_value !== (button_aria_expanded_value = !/*isOpen*/ ctx[8])) {
-				attr(button, "aria-expanded", button_aria_expanded_value);
-			}
-
-			if (dirty & /*disabled*/ 16) {
-				button.disabled = /*disabled*/ ctx[4];
-			}
-
-			if (dirty & /*isOpen*/ 256) {
-				attr(div1, "aria-hidden", /*isOpen*/ ctx[8]);
-			}
-
-			set_attributes(div2, div_data_2 = get_spread_update(div2_levels, [
-				dirty & /*size, isOpen, nopadding, checkable, disabled, userClass*/ 882 && div2_class_value !== (div2_class_value = "mc-accordion " + (/*size*/ ctx[1]
-				? `mc-accordion--${/*size*/ ctx[1]}`
-				: '') + " " + (/*isOpen*/ ctx[8] ? ' is-open' : '') + " " + (/*nopadding*/ ctx[5] ? ' mc-accordion--no-padding' : '') + " " + (/*checkable*/ ctx[6] ? ' mc-accordion--checkable' : '') + " " + (/*disabled*/ ctx[4] ? ' is-disabled' : '') + " " + /*userClass*/ ctx[9]) && { class: div2_class_value },
-				dirty & /*attributes*/ 128 && /*attributes*/ ctx[7]
-			]));
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(div2);
-			if (if_block) if_block.d();
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function generateIconName(iconname, iconcolor, iconsize) {
-	return iconsize === 's'
-	? `${iconname} size="1.5rem"`
-	: `${iconname} size="2rem" fill="${iconcolor}"`;
-}
-
-function instance($$self, $$props, $$invalidate) {
-	let isOpen;
-	let userClass;
-	let attributes;
-
-	const omit_props_names = [
-		"label","size","iconname","iconcolor","open","disabled","nopadding","checkable"
-	];
-
-	let $$restProps = compute_rest_props($$props, omit_props_names);
-	let { label } = $$props;
-	let { size = 'm' } = $$props;
-	let { iconname = undefined } = $$props;
-	let { iconcolor = undefined } = $$props;
-	let { open = false } = $$props;
-	let { disabled = false } = $$props;
-	let { nopadding = false } = $$props;
-	let { checkable = false } = $$props;
-	let eventHandler = new EventHandler();
-
-	function handleState() {
-		eventHandler.dispatch('on-heading-click', isOpen);
-		$$invalidate(8, isOpen = !isOpen);
-	}
-
-	$$self.$$set = $$new_props => {
-		$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
-		$$invalidate(13, $$restProps = compute_rest_props($$props, omit_props_names));
-		if ('label' in $$new_props) $$invalidate(0, label = $$new_props.label);
-		if ('size' in $$new_props) $$invalidate(1, size = $$new_props.size);
-		if ('iconname' in $$new_props) $$invalidate(2, iconname = $$new_props.iconname);
-		if ('iconcolor' in $$new_props) $$invalidate(3, iconcolor = $$new_props.iconcolor);
-		if ('open' in $$new_props) $$invalidate(11, open = $$new_props.open);
-		if ('disabled' in $$new_props) $$invalidate(4, disabled = $$new_props.disabled);
-		if ('nopadding' in $$new_props) $$invalidate(5, nopadding = $$new_props.nopadding);
-		if ('checkable' in $$new_props) $$invalidate(6, checkable = $$new_props.checkable);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*open*/ 2048) {
-			$$invalidate(8, isOpen = open ? true : false);
-		}
-
-		$$invalidate(9, userClass = $$props.class);
-		$$invalidate(7, attributes = Object.assign({}, $$restProps));
-
-		if ($$self.$$.dirty & /*attributes*/ 128) {
-			delete attributes.class;
-		}
-	};
-
-	$$props = exclude_internal_props($$props);
-
-	return [
-		label,
-		size,
-		iconname,
-		iconcolor,
-		disabled,
-		nopadding,
-		checkable,
-		attributes,
-		isOpen,
-		userClass,
-		handleState,
-		open
-	];
-}
-
-class Accordion extends SvelteElement {
-	constructor(options) {
-		super();
-		const style = document.createElement('style');
-		style.textContent = `.mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E")}.mc-accordion__label{font-weight:600;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative}.mc-accordion__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}:host{display:block}`;
-		this.shadowRoot.appendChild(style);
-
-		init(
-			this,
-			{
-				target: this.shadowRoot,
-				props: attribute_to_object(this.attributes),
-				customElement: true
-			},
-			instance,
-			create_fragment,
-			safe_not_equal,
-			{
-				label: 0,
-				size: 1,
-				iconname: 2,
-				iconcolor: 3,
-				open: 11,
-				disabled: 4,
-				nopadding: 5,
-				checkable: 6
-			},
-			null
-		);
-
-		if (options) {
-			if (options.target) {
-				insert(options.target, this, options.anchor);
-			}
-
-			if (options.props) {
-				this.$set(options.props);
-				flush();
-			}
-		}
-	}
-
-	static get observedAttributes() {
-		return [
-			"label",
-			"size",
-			"iconname",
-			"iconcolor",
-			"open",
-			"disabled",
-			"nopadding",
-			"checkable"
-		];
-	}
-
-	get label() {
-		return this.$$.ctx[0];
-	}
-
-	set label(label) {
-		this.$$set({ label });
-		flush();
-	}
-
-	get size() {
-		return this.$$.ctx[1];
-	}
-
-	set size(size) {
-		this.$$set({ size });
-		flush();
-	}
-
-	get iconname() {
-		return this.$$.ctx[2];
-	}
-
-	set iconname(iconname) {
-		this.$$set({ iconname });
-		flush();
-	}
-
-	get iconcolor() {
-		return this.$$.ctx[3];
-	}
-
-	set iconcolor(iconcolor) {
-		this.$$set({ iconcolor });
-		flush();
-	}
-
-	get open() {
-		return this.$$.ctx[11];
-	}
-
-	set open(open) {
-		this.$$set({ open });
-		flush();
-	}
-
-	get disabled() {
-		return this.$$.ctx[4];
-	}
-
-	set disabled(disabled) {
-		this.$$set({ disabled });
-		flush();
-	}
-
-	get nopadding() {
-		return this.$$.ctx[5];
-	}
-
-	set nopadding(nopadding) {
-		this.$$set({ nopadding });
-		flush();
-	}
-
-	get checkable() {
-		return this.$$.ctx[6];
-	}
-
-	set checkable(checkable) {
-		this.$$set({ checkable });
-		flush();
-	}
-}
-
-export { Accordion as default };
+import{S as e,i as o,a as i,b as t,f as a,s as n,c,e as r,d as s,t as d,n as l,g as m,h as g,j as h,l as b,k as p,m as w,o as u,p as x,q as f}from"../../index-c33b3772.js";import{E as _}from"../../EventHandler-02058705.js";function v(e){let o,i=`<${$(e[2],String(e[3]),e[1])} />`;return{c(){o=r("span"),m(o,"class","mc-accordion__icon")},m(e,a){t(e,o,a),o.innerHTML=i},p(e,t){14&t&&i!==(i=`<${$(e[2],String(e[3]),e[1])} />`)&&(o.innerHTML=i)},d(e){e&&u(o)}}}function k(e){let o,i,a,n,x,f,_,k,$,E,C,y,z,M,H,B,V,L=e[2]&&v(e),j=[{class:H="mc-accordion "+(e[1]?`mc-accordion--${e[1]}`:"")+" "+(e[8]?" is-open":"")+" "+(e[5]?" mc-accordion--no-padding":"")+" "+(e[6]?" mc-accordion--checkable":"")+" "+(e[4]?" is-disabled":"")+" "+e[9]},e[7]],Z={};for(let e=0;e<j.length;e+=1)Z=c(Z,j[e]);return{c(){o=r("div"),i=r("div"),a=r("slot"),n=s(),x=r("h2"),f=r("button"),L&&L.c(),_=s(),k=d(e[0]),$=s(),E=r("slot"),y=s(),z=r("div"),M=r("slot"),this.c=l,m(a,"name","beforeLabel"),m(E,"name","afterLabel"),m(f,"id","m-accordion"),m(f,"class","mc-accordion__trigger"),m(f,"type","button"),m(f,"aria-controls","content"),m(f,"aria-expanded",C=!e[8]),f.disabled=e[4],m(x,"class","mc-accordion__title"),m(i,"class","mc-accordion__header"),m(z,"id","content"),m(z,"class","mc-accordion__content"),m(z,"aria-hidden",e[8]),m(z,"aria-labelledby","m-accordion"),g(o,Z)},m(c,r){t(c,o,r),h(o,i),h(i,a),h(i,n),h(i,x),h(x,f),L&&L.m(f,null),h(f,_),h(f,k),h(f,$),h(f,E),h(o,y),h(o,z),h(z,M),B||(V=b(f,"click",e[10]),B=!0)},p(e,[i]){e[2]?L?L.p(e,i):(L=v(e),L.c(),L.m(f,_)):L&&(L.d(1),L=null),1&i&&p(k,e[0]),256&i&&C!==(C=!e[8])&&m(f,"aria-expanded",C),16&i&&(f.disabled=e[4]),256&i&&m(z,"aria-hidden",e[8]),g(o,Z=w(j,[882&i&&H!==(H="mc-accordion "+(e[1]?`mc-accordion--${e[1]}`:"")+" "+(e[8]?" is-open":"")+" "+(e[5]?" mc-accordion--no-padding":"")+" "+(e[6]?" mc-accordion--checkable":"")+" "+(e[4]?" is-disabled":"")+" "+e[9])&&{class:H},128&i&&e[7]]))},i:l,o:l,d(e){e&&u(o),L&&L.d(),B=!1,V()}}}function $(e,o,i){return"s"===i?`${e} size="1.5rem"`:`${e} size="2rem" fill="${o}"`}function E(e,o,i){let t,a,n;const r=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"];let s=x(o,r),{label:d}=o,{size:l="m"}=o,{iconname:m}=o,{iconcolor:g}=o,{open:h=!1}=o,{disabled:b=!1}=o,{nopadding:p=!1}=o,{checkable:w=!1}=o,u=new _;return e.$$set=e=>{i(14,o=c(c({},o),f(e))),i(13,s=x(o,r)),"label"in e&&i(0,d=e.label),"size"in e&&i(1,l=e.size),"iconname"in e&&i(2,m=e.iconname),"iconcolor"in e&&i(3,g=e.iconcolor),"open"in e&&i(11,h=e.open),"disabled"in e&&i(4,b=e.disabled),"nopadding"in e&&i(5,p=e.nopadding),"checkable"in e&&i(6,w=e.checkable)},e.$$.update=()=>{2048&e.$$.dirty&&i(8,t=!!h),i(9,a=o.class),i(7,n=Object.assign({},s)),128&e.$$.dirty&&delete n.class},o=f(o),[d,l,m,g,b,p,w,n,t,a,function(){u.dispatch("on-heading-click",t),i(8,t=!t)},h]}class C extends e{constructor(e){super();const c=document.createElement("style");c.textContent=".mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:\"LeroyMerlin\", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__label{font-weight:600;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative}.mc-accordion__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}:host{display:block}",this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,k,n,{label:0,size:1,iconname:2,iconcolor:3,open:11,disabled:4,nopadding:5,checkable:6},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),a()}get iconname(){return this.$$.ctx[2]}set iconname(e){this.$$set({iconname:e}),a()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(e){this.$$set({iconcolor:e}),a()}get open(){return this.$$.ctx[11]}set open(e){this.$$set({open:e}),a()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),a()}get nopadding(){return this.$$.ctx[5]}set nopadding(e){this.$$set({nopadding:e}),a()}get checkable(){return this.$$.ctx[6]}set checkable(e){this.$$set({checkable:e}),a()}}export{C as default};
 //# sourceMappingURL=Accordion.js.map