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

package/public/bundle.js

@@ -49,216 +49,212 @@ 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 SegmentedControl from './components/segmentedcontrol/SegmentedControl.js';
-import Menu from './components/menu/Menu.js';
+import Carousel from './components/carousel/Carousel.js';
+
+
+if (!customElements.get('m-carousel')) {
+    customElements.define('m-carousel', Carousel);
+}
 
 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,2 +1,366 @@
-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};
+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 };
 //# sourceMappingURL=Accordion.js.map