@mozaic-ds/web-components 0.13.0 → 0.14.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "0.13.0",
+  "version": "0.14.0-beta.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {

package/public/adeo/bundle.js

@@ -49,13 +49,17 @@ 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';
 import SegmentedControl from './components/segmentedcontrol/SegmentedControl.js';
 import Menu from './components/menu/Menu.js';
-
 import BottomBar from './components/bottombar/BottomBar.js';
 import ActionBar from './components/actionbar/ActionBar.js';
 import StepperBar from './components/stepperbar/StepperBar.js';
 
+if (!customElements.get('m-carousel')) {
+  customElements.define('m-carousel', Carousel);
+}
+
 if (!customElements.get('m-accordion')) {
   customElements.define('m-accordion', Accordion);
 }

package/public/adeo/components/button/Button.nested.js

@@ -0,0 +1,2 @@
+import{E as e,i as t,s as o,F as a,c as l,e as n,d as i,h as r,v as m,b as s,j as c,K as d,y as b,w as u,x as v,m as h,o as j,p as q,r as f,q as g,g as p,z as x,Z as w,P as _,n as y,B as k,C as $,D as z,t as E,k as N}from"../../index-52f16292.js";import{c as C}from"../../EventForward-422700d7.js";import F from"../loader/Loader.nested.js";function O(e){a(e,"svelte-1aqj0oa",'.mc-button.svelte-1aqj0oa.svelte-1aqj0oa{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#006974;color:#ffffff}.mc-button.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#006974}.mc-button.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button.svelte-1aqj0oa.svelte-1aqj0oa:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s.svelte-1aqj0oa.svelte-1aqj0oa{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--s.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--s.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:2rem;height:2rem}.mc-button--l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full.svelte-1aqj0oa.svelte-1aqj0oa{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1aqj0oa.svelte-1aqj0oa{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon.svelte-1aqj0oa.svelte-1aqj0oa{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon.svelte-1aqj0oa.svelte-1aqj0oa:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon.svelte-1aqj0oa.svelte-1aqj0oa:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon.svelte-1aqj0oa.svelte-1aqj0oa:only-child{margin:0}.mc-button__label.svelte-1aqj0oa.svelte-1aqj0oa{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#6a7081}.mc-button--solid-primary-02.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#242938}.mc-button--solid-primary-02.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#171b26}.mc-button--solid-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--solid-primary-02.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#333333}.mc-button--solid-neutral.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-neutral.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#191919}.mc-button--solid-neutral.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-neutral.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#333333}.mc-button--solid-neutral.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--solid-neutral.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#c61112}.mc-button--solid-danger.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-danger.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#8c0003}.mc-button--solid-danger.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--solid-danger.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#8c0003}.mc-button--solid-danger.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--solid-danger.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered.svelte-1aqj0oa.svelte-1aqj0oa{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--bordered.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02.svelte-1aqj0oa.svelte-1aqj0oa{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#cfd2d8}.mc-button--bordered-primary-02.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--bordered-primary-02.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral.svelte-1aqj0oa.svelte-1aqj0oa{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-neutral.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-neutral.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#cccccc}.mc-button--bordered-neutral.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--bordered-neutral.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger.svelte-1aqj0oa.svelte-1aqj0oa{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-danger.svelte-1aqj0oa.svelte-1aqj0oa:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-danger.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active.svelte-1aqj0oa.svelte-1aqj0oa,.mc-button--bordered-danger.svelte-1aqj0oa.svelte-1aqj0oa:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.svelte-1aqj0oa.svelte-1aqj0oa:disabled,.mc-button--bordered-danger.is-disabled.svelte-1aqj0oa.svelte-1aqj0oa{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--s\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--m\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:2rem;height:2rem}.mc-button--l\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--l\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m.svelte-1aqj0oa.svelte-1aqj0oa{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--s\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--m\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:2rem;height:2rem}.mc-button--l\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--l\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l.svelte-1aqj0oa.svelte-1aqj0oa{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square.svelte-1aqj0oa.svelte-1aqj0oa{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--s\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--m\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:2rem;height:2rem}.mc-button--l\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--l\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl.svelte-1aqj0oa.svelte-1aqj0oa{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--s\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--m\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa{width:2rem;height:2rem}.mc-button--l\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:first-child,.mc-button--l\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl.svelte-1aqj0oa .mc-button__icon.svelte-1aqj0oa:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl.svelte-1aqj0oa.svelte-1aqj0oa{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon.svelte-1aqj0oa.svelte-1aqj0oa{pointer-events:none}')}function S(e){let t,o,a,l;const i=[B,T],r=[];function m(e,t){return e[13]&&"left"===e[12]?0:1}return o=m(e),a=r[o]=i[o](e),{c(){t=n("span"),a.c(),p(t,"class","mc-button__icon svelte-1aqj0oa")},m(e,a){s(e,t,a),r[o].m(t,null),l=!0},p(e,l){let n=o;o=m(e),o===n?r[o].p(e,l):(x(),u(r[n],1,1,(()=>{r[n]=null})),v(),a=r[o],a?a.p(e,l):(a=r[o]=i[o](e),a.c()),b(a,1),a.m(t,null))},i(e){l||(b(a),l=!0)},o(e){u(a),l=!1},d(e){e&&j(t),r[o].d()}}}function T(e){let t,o,a=`<${I(e[2],e[6],e[5])} />`;return{c(){t=new w(!1),o=_(),t.a=o},m(e,l){t.m(a,e,l),s(e,o,l)},p(e,o){100&o&&a!==(a=`<${I(e[2],e[6],e[5])} />`)&&t.p(a)},i:y,o:y,d(e){e&&j(o),e&&t.d()}}}function B(e){let t,o;return t=new F({props:{size:"s",theme:e[11],text:"TEST"}}),{c(){k(t.$$.fragment)},m(e,a){$(t,e,a),o=!0},p(e,o){const a={};2048&o&&(a.theme=e[11]),t.$set(a)},i(e){o||(b(t.$$.fragment,e),o=!0)},o(e){u(t.$$.fragment,e),o=!1},d(e){z(t,e)}}}function D(e){let t,o,a,l,r,m,d=e[13]&&"left"===e[12]&&!e[5]&&K(e),h=e[13]&&"right"===e[12]&&!e[5]&&L(e);return{c(){d&&d.c(),t=i(),o=n("span"),a=E(e[4]),l=i(),h&&h.c(),r=_(),p(o,"class","mc-button__label svelte-1aqj0oa")},m(e,n){d&&d.m(e,n),s(e,t,n),s(e,o,n),c(o,a),s(e,l,n),h&&h.m(e,n),s(e,r,n),m=!0},p(e,o){e[13]&&"left"===e[12]&&!e[5]?d?(d.p(e,o),12320&o&&b(d,1)):(d=K(e),d.c(),b(d,1),d.m(t.parentNode,t)):d&&(x(),u(d,1,1,(()=>{d=null})),v()),(!m||16&o)&&N(a,e[4]),e[13]&&"right"===e[12]&&!e[5]?h?(h.p(e,o),12320&o&&b(h,1)):(h=L(e),h.c(),b(h,1),h.m(r.parentNode,r)):h&&(x(),u(h,1,1,(()=>{h=null})),v())},i(e){m||(b(d),b(h),m=!0)},o(e){u(d),u(h),m=!1},d(e){d&&d.d(e),e&&j(t),e&&j(o),e&&j(l),h&&h.d(e),e&&j(r)}}}function J(e){let t,o,a,l;const i=[R,P],r=[];function m(e,t){return e[13]?0:1}return o=m(e),a=r[o]=i[o](e),{c(){t=n("span"),a.c(),p(t,"class","mc-button__icon svelte-1aqj0oa")},m(e,a){s(e,t,a),r[o].m(t,null),l=!0},p(e,l){let n=o;o=m(e),o===n?r[o].p(e,l):(x(),u(r[n],1,1,(()=>{r[n]=null})),v(),a=r[o],a?a.p(e,l):(a=r[o]=i[o](e),a.c()),b(a,1),a.m(t,null))},i(e){l||(b(a),l=!0)},o(e){u(a),l=!1},d(e){e&&j(t),r[o].d()}}}function K(e){let t,o,a;return o=new F({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),k(o.$$.fragment),p(t,"class","mc-button__icon svelte-1aqj0oa")},m(e,l){s(e,t,l),$(o,t,null),a=!0},p(e,t){const a={};2048&t&&(a.theme=e[11]),o.$set(a)},i(e){a||(b(o.$$.fragment,e),a=!0)},o(e){u(o.$$.fragment,e),a=!1},d(e){e&&j(t),z(o)}}}function L(e){let t,o,a;return o=new F({props:{size:"s",theme:e[11],text:""}}),{c(){t=n("span"),k(o.$$.fragment),p(t,"class","mc-button__icon svelte-1aqj0oa")},m(e,l){s(e,t,l),$(o,t,null),a=!0},p(e,t){const a={};2048&t&&(a.theme=e[11]),o.$set(a)},i(e){a||(b(o.$$.fragment,e),a=!0)},o(e){u(o.$$.fragment,e),a=!1},d(e){e&&j(t),z(o)}}}function P(e){let t,o,a=`<${I(e[2],e[6],e[5])} size="100%" />`;return{c(){t=new w(!1),o=_(),t.a=o},m(e,l){t.m(a,e,l),s(e,o,l)},p(e,o){100&o&&a!==(a=`<${I(e[2],e[6],e[5])} size="100%" />`)&&t.p(a)},i:y,o:y,d(e){e&&j(o),e&&t.d()}}}function R(e){let t,o;return t=new F({props:{size:"m",theme:e[11],text:""}}),{c(){k(t.$$.fragment)},m(e,a){$(t,e,a),o=!0},p(e,o){const a={};2048&o&&(a.theme=e[11]),t.$set(a)},i(e){o||(b(t.$$.fragment,e),o=!0)},o(e){u(t.$$.fragment,e),o=!1},d(e){z(t,e)}}}function Z(e){let t,o,a,l;const i=[G,A],r=[];function m(e,t){return e[13]&&"right"===e[12]?0:1}return o=m(e),a=r[o]=i[o](e),{c(){t=n("span"),a.c(),p(t,"class","mc-button__icon svelte-1aqj0oa")},m(e,a){s(e,t,a),r[o].m(t,null),l=!0},p(e,l){let n=o;o=m(e),o===n?r[o].p(e,l):(x(),u(r[n],1,1,(()=>{r[n]=null})),v(),a=r[o],a?a.p(e,l):(a=r[o]=i[o](e),a.c()),b(a,1),a.m(t,null))},i(e){l||(b(a),l=!0)},o(e){u(a),l=!1},d(e){e&&j(t),r[o].d()}}}function A(e){let t,o,a=`<${I(e[2],e[6],e[5])} />`;return{c(){t=new w(!1),o=_(),t.a=o},m(e,l){t.m(a,e,l),s(e,o,l)},p(e,o){100&o&&a!==(a=`<${I(e[2],e[6],e[5])} />`)&&t.p(a)},i:y,o:y,d(e){e&&j(o),e&&t.d()}}}function G(e){let t,o;return t=new F({props:{size:"s",theme:e[11],text:""}}),{c(){k(t.$$.fragment)},m(e,a){$(t,e,a),o=!0},p(e,o){const a={};2048&o&&(a.theme=e[11]),t.$set(a)},i(e){o||(b(t.$$.fragment,e),o=!0)},o(e){u(t.$$.fragment,e),o=!1},d(e){z(t,e)}}}function H(e){let t,o,a,q,f,g,p,w,_,y=e[5]&&"left"===e[6]&&S(e);const k=[J,D],$=[];function z(e,t){return e[5]&&"only"===e[6]?0:1}a=z(e),q=$[a]=k[a](e);let E=e[5]&&"right"===e[6]&&Z(e),N=[{type:e[8]},{class:g=e[15](e[1],e[0],e[2],e[3])+" "+e[10]},{disabled:e[7]},e[9]],C={};for(let e=0;e<N.length;e+=1)C=l(C,N[e]);return{c(){t=n("button"),y&&y.c(),o=i(),q.c(),f=i(),E&&E.c(),r(t,C),m(t,"mc-button--square",e[6]),m(t,"svelte-1aqj0oa",!0)},m(l,n){s(l,t,n),y&&y.m(t,null),c(t,o),$[a].m(t,null),c(t,f),E&&E.m(t,null),t.autofocus&&t.focus(),p=!0,w||(_=d(e[14].call(null,t)),w=!0)},p(e,[l]){e[5]&&"left"===e[6]?y?(y.p(e,l),96&l&&b(y,1)):(y=S(e),y.c(),b(y,1),y.m(t,o)):y&&(x(),u(y,1,1,(()=>{y=null})),v());let n=a;a=z(e),a===n?$[a].p(e,l):(x(),u($[n],1,1,(()=>{$[n]=null})),v(),q=$[a],q?q.p(e,l):(q=$[a]=k[a](e),q.c()),b(q,1),q.m(t,f)),e[5]&&"right"===e[6]?E?(E.p(e,l),96&l&&b(E,1)):(E=Z(e),E.c(),b(E,1),E.m(t,null)):E&&(x(),u(E,1,1,(()=>{E=null})),v()),r(t,C=h(N,[(!p||256&l)&&{type:e[8]},(!p||1039&l&&g!==(g=e[15](e[1],e[0],e[2],e[3])+" "+e[10]))&&{class:g},(!p||128&l)&&{disabled:e[7]},512&l&&e[9]])),m(t,"mc-button--square",e[6]),m(t,"svelte-1aqj0oa",!0)},i(e){p||(b(y),b(q),b(E),p=!0)},o(e){u(y),u(q),u(E),p=!1},d(e){e&&j(t),y&&y.d(),$[a].d(),E&&E.d(),w=!1,_()}}}function I(e,t,o){const a="only"===t;let l;switch(e){case"s":l="24px";break;case"m":l=a?"32px":"24px";break;case"l":l=a?"100%":"32px"}return`${o} size="${l}" class="no"`}function M(e,t,o){let a,n,i,r,m,s;const c=["bordered","theme","size","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let d=q(t,c);var b,u,v;let{bordered:h=!1}=t,{theme:j}=t,{size:p="m"}=t,{full:x=!1}=t,{label:w}=t,{iconname:_}=t,{iconmode:y}=t,{disabled:k=!1}=t,{responsivesize:$}=t,{responsivewidth:z}=t,{type:E="button"}=t,{loader:N}=t;const F=C(f());return e.$$set=e=>{o(24,t=l(l({},t),g(e))),o(23,d=q(t,c)),"bordered"in e&&o(0,h=e.bordered),"theme"in e&&o(1,j=e.theme),"size"in e&&o(2,p=e.size),"full"in e&&o(3,x=e.full),"label"in e&&o(4,w=e.label),"iconname"in e&&o(5,_=e.iconname),"iconmode"in e&&o(6,y=e.iconmode),"disabled"in e&&o(7,k=e.disabled),"responsivesize"in e&&o(16,$=e.responsivesize),"responsivewidth"in e&&o(17,z=e.responsivewidth),"type"in e&&o(8,E=e.type),"loader"in e&&o(18,N=e.loader)},e.$$.update=()=>{262144&e.$$.dirty&&o(22,a=N?JSON.parse(N):void 0),4718592&e.$$.dirty&&o(13,n=null!==o(19,b=null==a?void 0:a.enabled)&&void 0!==b&&b),5242880&e.$$.dirty&&o(12,i=null!==o(20,u=null==a?void 0:a.position)&&void 0!==u?u:"left"),6291456&e.$$.dirty&&o(11,r=null!==o(21,v=null==a?void 0:a.theme)&&void 0!==v?v:"primary"),o(10,m=t.class),o(9,s=Object.assign({},d)),512&e.$$.dirty&&delete s.class},t=g(t),[h,j,p,x,w,_,y,k,E,s,m,r,i,n,F,function(e,t,o,a){const l=["mc-button"],n=function(e,t){if(!t&&!e)return"";const o=t?"bordered":"solid";return e?`mc-button--${o}-${e}`:`mc-button--${o}`}(e,t);return n&&l.push(n),o&&l.push(`mc-button--${o}`),a?l.push("mc-button--full"):l.push("mc-button--fit"),"only"===y&&l.push("mc-button--square"),$&&l.push(`mc-button--${$}`),z&&l.push(`mc-button--${z}`),l.join(" ")},$,z,N,b,u,v,a]}class Q extends e{constructor(e){super(),t(this,e,M,H,o,{bordered:0,theme:1,size:2,full:3,label:4,iconname:5,iconmode:6,disabled:7,responsivesize:16,responsivewidth:17,type:8,loader:18},O)}}export{Q as default};
+//# sourceMappingURL=Button.nested.js.map

package/public/adeo/components/button/Button.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.nested.js","sources":["../../../../src/components/button/Button.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { get_current_component } from 'svelte/internal';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  import Loader from '../loader/Loader.nested.svelte';\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonTheme,\n    ButtonResponsiveSize,\n    ButtonResponsiveWidth,\n    ButtonType,\n    ButtonLoader,\n  } from './button.types';\n\n  export let bordered = false;\n  export let theme: ButtonTheme | undefined = undefined;\n  export let size: ButtonSize = 'm';\n  export let full = false;\n  export let label: string;\n  export let iconname: string | undefined;\n  export let iconmode: ButtonIconMode | undefined;\n  export let disabled = false;\n  export let responsivesize: ButtonResponsiveSize = undefined;\n  export let responsivewidth: ButtonResponsiveWidth = undefined;\n  export let type: ButtonType = 'button';\n  export let loader: string;\n\n  const forwardEvents = createEventForwarder(get_current_component());\n\n  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n  $: isLoading = loaderOpts?.enabled ?? false;\n  $: loaderPosition = loaderOpts?.position ?? 'left';\n  $: loaderTheme = loaderOpts?.theme ?? 'primary';\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" class=\"no\"`;\n  }\n\n  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n    if (!isBordered && !theme) {\n      return '';\n    }\n\n    const type = isBordered ? 'bordered' : 'solid';\n\n    if (theme) {\n      return `mc-button--${type}-${theme}`;\n    }\n    return `mc-button--${type}`;\n  }\n\n  function getClasses(\n    theme: ButtonTheme,\n    isBordered: boolean,\n    size: ButtonSize,\n    isFull: boolean,\n  ): string {\n    const classes = ['mc-button'];\n\n    const appearanceClass = getAppearanceClass(theme, isBordered);\n    if (appearanceClass) {\n      classes.push(appearanceClass);\n    }\n\n    if (size) {\n      classes.push(`mc-button--${size}`);\n    }\n\n    if (isFull) {\n      classes.push(`mc-button--full`);\n    } else {\n      classes.push(`mc-button--fit`);\n    }\n\n    if (iconmode === 'only') {\n      classes.push('mc-button--square');\n    }\n\n    if (responsivesize) {\n      classes.push(`mc-button--${responsivesize}`);\n    }\n\n    if (responsivewidth) {\n      classes.push(`mc-button--${responsivewidth}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<button\n  use:forwardEvents\n  {type}\n  class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n  class:mc-button--square={iconmode}\n  {disabled}\n  {...attributes}\n>\n  {#if iconname && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'left'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"TEST\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if iconname && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading}\n        <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} size=\"100%\" />`}\n      {/if}\n    </span>\n  {:else}\n    {#if isLoading && loaderPosition === 'left' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n    <span class=\"mc-button__label\">{label}</span>\n    {#if isLoading && loaderPosition === 'right' && !iconname}\n      <span class=\"mc-button__icon\">\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      </span>\n    {/if}\n  {/if}\n\n  {#if iconname && iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if isLoading && loaderPosition === 'right'}\n        <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n      {:else}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n</style>\n"],"names":["ctx","insert","target","span","anchor","raw_value","generateIconName","dirty","html_tag","p","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","create_if_block","button","class","button_class_value","size","iconMode","iconName","isIconOnly","iconSize","_a","_b","_c","bordered","$$props","theme","full","label","iconname","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"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"}

package/public/adeo/components/button/Button.nested.svelte

@@ -0,0 +1,173 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import { get_current_component } from 'svelte/internal';
+  import { createEventForwarder } from '../../utilities/EventForward';
+  import Loader from '../loader/Loader.nested.svelte';
+  import type {
+    ButtonIconMode,
+    ButtonSize,
+    ButtonTheme,
+    ButtonResponsiveSize,
+    ButtonResponsiveWidth,
+    ButtonType,
+    ButtonLoader,
+  } from './button.types';
+
+  export let bordered = false;
+  export let theme: ButtonTheme | undefined = undefined;
+  export let size: ButtonSize = 'm';
+  export let full = false;
+  export let label: string;
+  export let iconname: string | undefined;
+  export let iconmode: ButtonIconMode | undefined;
+  export let disabled = false;
+  export let responsivesize: ButtonResponsiveSize = undefined;
+  export let responsivewidth: ButtonResponsiveWidth = undefined;
+  export let type: ButtonType = 'button';
+  export let loader: string;
+
+  const forwardEvents = createEventForwarder(get_current_component());
+
+  $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
+  $: isLoading = loaderOpts?.enabled ?? false;
+  $: loaderPosition = loaderOpts?.position ?? 'left';
+  $: loaderTheme = loaderOpts?.theme ?? 'primary';
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(
+    size: ButtonSize,
+    iconMode: ButtonIconMode,
+    iconName: string,
+  ): string {
+    const isIconOnly = iconMode === 'only';
+    let iconSize: string;
+
+    switch (size) {
+      case 's':
+        iconSize = '24px';
+        break;
+      case 'm':
+        iconSize = isIconOnly ? '32px' : '24px';
+        break;
+      case 'l':
+        iconSize = isIconOnly ? '100%' : '32px';
+        break;
+    }
+
+    return `${iconName} size="${iconSize}" class="no"`;
+  }
+
+  function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
+    if (!isBordered && !theme) {
+      return '';
+    }
+
+    const type = isBordered ? 'bordered' : 'solid';
+
+    if (theme) {
+      return `mc-button--${type}-${theme}`;
+    }
+    return `mc-button--${type}`;
+  }
+
+  function getClasses(
+    theme: ButtonTheme,
+    isBordered: boolean,
+    size: ButtonSize,
+    isFull: boolean,
+  ): string {
+    const classes = ['mc-button'];
+
+    const appearanceClass = getAppearanceClass(theme, isBordered);
+    if (appearanceClass) {
+      classes.push(appearanceClass);
+    }
+
+    if (size) {
+      classes.push(`mc-button--${size}`);
+    }
+
+    if (isFull) {
+      classes.push(`mc-button--full`);
+    } else {
+      classes.push(`mc-button--fit`);
+    }
+
+    if (iconmode === 'only') {
+      classes.push('mc-button--square');
+    }
+
+    if (responsivesize) {
+      classes.push(`mc-button--${responsivesize}`);
+    }
+
+    if (responsivewidth) {
+      classes.push(`mc-button--${responsivewidth}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<button
+  use:forwardEvents
+  {type}
+  class="{getClasses(theme, bordered, size, full)} {userClass}"
+  class:mc-button--square={iconmode}
+  {disabled}
+  {...attributes}
+>
+  {#if iconname && iconmode === 'left'}
+    <span class="mc-button__icon">
+      {#if isLoading && loaderPosition === 'left'}
+        <Loader size="s" theme={loaderTheme} text="TEST" />
+      {:else}
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      {/if}
+    </span>
+  {/if}
+
+  {#if iconname && iconmode === 'only'}
+    <span class="mc-button__icon">
+      {#if isLoading}
+        <Loader size="m" theme={loaderTheme} text="" />
+      {:else}
+        {@html `<${generateIconName(size, iconmode, iconname)} size="100%" />`}
+      {/if}
+    </span>
+  {:else}
+    {#if isLoading && loaderPosition === 'left' && !iconname}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+    <span class="mc-button__label">{label}</span>
+    {#if isLoading && loaderPosition === 'right' && !iconname}
+      <span class="mc-button__icon">
+        <Loader size="s" theme={loaderTheme} text="" />
+      </span>
+    {/if}
+  {/if}
+
+  {#if iconname && iconmode === 'right'}
+    <span class="mc-button__icon">
+      {#if isLoading && loaderPosition === 'right'}
+        <Loader size="s" theme={loaderTheme} text="" />
+      {:else}
+        {@html `<${generateIconName(size, iconmode, iconname)} />`}
+      {/if}
+    </span>
+  {/if}
+</button>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.button';
+
+  .mc-button__icon {
+    pointer-events: none;
+  }
+</style>

package/public/adeo/components/carousel/Carousel.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as s,f as a,s as o,e as l,d as n,B as r,n as c,g as d,J as m,j as u,C as p,l as b,y as h,x as f,w,o as x,D as _,O as g,a1 as $,Z as v,z as k,H as y}from"../../index-52f16292.js";import z from"../link/Link.nested.js";import j from"./CarouselCard.nested.js";import L from"../button/Button.nested.js";import{E as V}from"../../EventHandler-f4efd23c.js";import"../../EventForward-422700d7.js";import"../loader/Loader.nested.js";function W(e,t,i){const s=e.slice();return s[33]=t[i],s}function S(e){let t,i,a,o,c,m;function f(...t){return e[24](e[33],...t)}return i=new j({props:{title:e[33].title,imgSrc:e[33].imgSrc,imgAlt:e[33].imgAlt}}),{c(){t=l("button"),r(i.$$.fragment),a=n(),d(t,"class","mc-carousel__item")},m(e,l){s(e,t,l),p(i,t,null),u(t,a),o=!0,c||(m=b(t,"click",f),c=!0)},p(t,s){e=t;const a={};32&s[0]&&(a.title=e[33].title),32&s[0]&&(a.imgSrc=e[33].imgSrc),32&s[0]&&(a.imgAlt=e[33].imgAlt),i.$set(a)},i(e){o||(h(i.$$.fragment,e),o=!0)},o(e){w(i.$$.fragment,e),o=!1},d(e){e&&x(t),_(i),c=!1,m()}}}function H(e){let t,i,a,o,$,y,j,V,H,I,N,O,B,J,M,P,R,D,F,T=`<${e[1]} style="margin:0">${e[0]}</${e[1]}>`;j=new z({props:{href:"#layer",iconname:"navigation-arrow-arrow--right-24px",iconposition:"right",label:e[2],size:"s",target:"_self"}}),j.$on("click",e[16]),I=new L({props:{theme:"neutral",size:"s",bordered:!0,iconmode:"only",iconname:"navigation-arrow-arrow--left-32px","aria-label":"Previous page",disabled:e[7],label:"Previous",loader:""}}),I.$on("click",e[13]),O=new L({props:{theme:"neutral",size:"s",type:"button",bordered:!0,disabled:e[8],iconmode:"only",iconname:"navigation-arrow-arrow--right-32px","aria-label":"Next Page",label:"Next",loader:""}}),O.$on("click",e[12]);let Z=e[5],q=[];for(let t=0;t<Z.length;t+=1)q[t]=S(W(e,Z,t));const G=e=>w(q[e],1,1,(()=>{q[e]=null}));return{c(){t=l("div"),i=l("div"),a=l("div"),o=new v(!1),$=n(),y=l("div"),r(j.$$.fragment),V=n(),H=l("nav"),r(I.$$.fragment),N=n(),r(O.$$.fragment),J=n(),M=l("div"),P=l("div");for(let e=0;e<q.length;e+=1)q[e].c();this.c=c,o.a=$,d(y,"class","mc-carousel__subtitle"),d(a,"class","mc-carousel__titles"),d(H,"aria-label","pagination"),d(H,"class",B="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")),d(i,"class","mc-carousel__header"),d(P,"class","mc-carousel__content"),m(P,"--carousel__container-width-space",e[10]+"px"),m(P,"--carousel__items-count",e[4]),m(P,"--carousel__item-width-space",e[11]+"px"),m(P,"--carousel__items-visible",e[9]),m(P,"--carousel__scrollbar-left",E),m(P,"--carousel__container-separate-item-size",A+"px"),d(M,"class","mc-carousel__body"),m(M,"--carousel__accessibility-focus-padding",C+"px"),d(t,"class","mc-carousel")},m(l,n){s(l,t,n),u(t,i),u(i,a),o.m(T,a),u(a,$),u(a,y),p(j,y,null),u(i,V),u(i,H),p(I,H,null),u(H,N),p(O,H,null),u(t,J),u(t,M),u(M,P);for(let e=0;e<q.length;e+=1)q[e]&&q[e].m(P,null);e[25](M),R=!0,D||(F=b(M,"scroll",e[14]),D=!0)},p(e,t){(!R||3&t[0])&&T!==(T=`<${e[1]} style="margin:0">${e[0]}</${e[1]}>`)&&o.p(T);const i={};4&t[0]&&(i.label=e[2]),j.$set(i);const s={};128&t[0]&&(s.disabled=e[7]),I.$set(s);const a={};if(256&t[0]&&(a.disabled=e[8]),O.$set(a),(!R||8&t[0]&&B!==(B="mc-carousel__nav "+(e[3]?"mc-carousel__nav--mobile":"mc-carousel__nav--desktop")))&&d(H,"class",B),32800&t[0]){let i;for(Z=e[5],i=0;i<Z.length;i+=1){const s=W(e,Z,i);q[i]?(q[i].p(s,t),h(q[i],1)):(q[i]=S(s),q[i].c(),h(q[i],1),q[i].m(P,null))}for(k(),i=Z.length;i<q.length;i+=1)G(i);f()}(!R||1024&t[0])&&m(P,"--carousel__container-width-space",e[10]+"px"),(!R||16&t[0])&&m(P,"--carousel__items-count",e[4]),(!R||2048&t[0])&&m(P,"--carousel__item-width-space",e[11]+"px"),(!R||512&t[0])&&m(P,"--carousel__items-visible",e[9])},i(e){if(!R){h(j.$$.fragment,e),h(I.$$.fragment,e),h(O.$$.fragment,e);for(let e=0;e<Z.length;e+=1)h(q[e]);R=!0}},o(e){w(j.$$.fragment,e),w(I.$$.fragment,e),w(O.$$.fragment,e),q=q.filter(Boolean);for(let e=0;e<q.length;e+=1)w(q[e]);R=!1},d(i){i&&x(t),_(j),_(I),_(O),g(q,i),e[25](null),D=!1,F()}}}let A=16,C=4,E=0;function I(e,t){return t?e*A:(e-1)*A}function N(e,t,i){let s,a,o,l,n,r,c,d,m,{title:u}=t,{titletag:p="h1"}=t,{subtitlelink:b}=t,{mobile:h=!1}=t,{options:f}=t,{items:w}=t;const x=window.matchMedia("(max-width: 679px)"),_=window.matchMedia("(min-width: 680px) and (max-width: 1279px)"),g=window.matchMedia("(min-width: 1280px)"),v={s:{itemsVisible:1,hasHalfItemVisible:!0},m:{itemsVisible:3,hasHalfItemVisible:!1},xl:{itemsVisible:5,hasHalfItemVisible:!1}};let k,z=new V,j=function(e,t){return t.matches?"xl":e.matches?"m":"s"}(_,g),L=!0,W=!1;function S(e){k.scrollTo({behavior:"smooth",left:function(){if(!n)return k.scrollLeft+e*(k.clientWidth+A-2*C);const t=function(){const e=I(l,n);return n?(k.clientWidth-e)/c:(k.clientWidth-e)/l}();return L?k.scrollLeft+(e*(k.clientWidth-3/4*t-A)+C):W?k.scrollLeft+e*(k.clientWidth-3/4*t-A):k.scrollLeft+e*(k.clientWidth-t/2-A+2*C)}()})}function H(e,t){return z.dispatch("carousel-item-clicked",e),t}function E(e,t){return e.matches&&i(19,j=t),e}$((()=>{x.onchange=e=>{E(e,"s")},_.onchange=e=>{E(e,"m")},g.onchange=e=>{E(e,"xl")}}));return e.$$set=e=>{"title"in e&&i(0,u=e.title),"titletag"in e&&i(1,p=e.titletag),"subtitlelink"in e&&i(2,b=e.subtitlelink),"mobile"in e&&i(3,h=e.mobile),"options"in e&&i(17,f=e.options),"items"in e&&i(18,w=e.items)},e.$$.update=()=>{262144&e.$$.dirty[0]&&i(5,s=w?JSON.parse(w):[]),131072&e.$$.dirty[0]&&i(23,a=f?Object.assign({},v,JSON.parse(f)):v),32&e.$$.dirty[0]&&i(22,o=null==s?void 0:s.length),8912896&e.$$.dirty[0]&&i(21,l=a[j].itemsVisible),8912896&e.$$.dirty[0]&&i(20,n=a[j].hasHalfItemVisible||!1),6291456&e.$$.dirty[0]&&i(4,r=o<l?l:o),3145728&e.$$.dirty[0]&&i(9,c=n?l+.5:l),3145728&e.$$.dirty[0]&&i(11,d=I(l,n)),16&e.$$.dirty[0]&&i(10,m=(r-1)*A)},[u,p,b,h,r,s,k,L,W,c,m,d,function(){S(1)},function(){S(-1)},function(){i(7,L=(null==k?void 0:k.scrollLeft)<=0),i(8,W=(null==k?void 0:k.scrollWidth)-(null==k?void 0:k.scrollLeft)<=k.offsetWidth)},H,function(e){return z.dispatch("carousel-link-clicked",{}),e},f,w,j,n,l,o,a,(e,t)=>H(e,t),function(e){y[e?"unshift":"push"]((()=>{k=e,i(6,k)}))}]}class O extends e{constructor(e){super();const l=document.createElement("style");l.textContent='@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}@media screen and (min-width: 680px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1024px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1280px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 1920px){@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}@media screen and (min-width: 1024px){}.mc-carousel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.mc-carousel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mc-carousel__titles{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.25rem}.mc-carousel__nav{gap:0.5rem}.mc-carousel__nav--mobile{display:none}.mc-carousel__nav--desktop{display:-webkit-box;display:-ms-flexbox;display:flex}.mc-carousel__body{position:relative;overflow-x:auto;overflow-y:hidden;padding:var(--carousel__accessibility-focus-padding)}.mc-carousel__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-column-gap:var(--carousel__container-separate-item-size);-moz-column-gap:var(--carousel__container-separate-item-size);column-gap:var(--carousel__container-separate-item-size);width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible) * var(--carousel__items-count) + var(--carousel__container-width-space));margin-bottom:1.25rem}.mc-carousel__item{display:-webkit-box;display:-ms-flexbox;display:flex;background:none;border:none;margin:0;padding:0;cursor:pointer;width:calc((100% - var(--carousel__item-width-space)) / var(--carousel__items-visible));position:relative}.mc-carousel__item::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}.mc-carousel__item:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}::-webkit-scrollbar{border-radius:0.25rem;height:6px;background:#e6e6e6;border-top:1px solid white;border-bottom:1px solid white}::-webkit-scrollbar-thumb{background:#333333;border-radius:6px}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},N,H,o,{title:0,titletag:1,subtitlelink:2,mobile:3,options:17,items:18},null,[-1,-1]),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","titletag","subtitlelink","mobile","options","items"]}get title(){return this.$$.ctx[0]}set title(e){this.$$set({title:e}),a()}get titletag(){return this.$$.ctx[1]}set titletag(e){this.$$set({titletag:e}),a()}get subtitlelink(){return this.$$.ctx[2]}set subtitlelink(e){this.$$set({subtitlelink:e}),a()}get mobile(){return this.$$.ctx[3]}set mobile(e){this.$$set({mobile:e}),a()}get options(){return this.$$.ctx[17]}set options(e){this.$$set({options:e}),a()}get items(){return this.$$.ctx[18]}set items(e){this.$$set({items:e}),a()}}export{O as default};
+//# sourceMappingURL=Carousel.js.map

package/public/adeo/components/carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../../src/components/carousel/Carousel.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type {\n    CarouselDevice,\n    CarouselItem,\n    CarouselOptions,\n    CarouselTitleTag,\n  } from './carousel.types';\n  import Link from '../link/Link.nested.svelte';\n  import CarouselCard from './CarouselCard.nested.svelte';\n  import Button from '../button/Button.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { onMount } from 'svelte';\n\n  export let title: string;\n  export let titletag: CarouselTitleTag = 'h1';\n  export let subtitlelink: string;\n  export let mobile = false;\n  export let options: string;\n  export let items: string;\n\n  const mediaQueryS: MediaQueryList = window.matchMedia('(max-width: 679px)');\n  const mediaQueryM: MediaQueryList = window.matchMedia(\n    '(min-width: 680px) and (max-width: 1279px)',\n  );\n  const mediaQueryXL: MediaQueryList = window.matchMedia('(min-width: 1280px)');\n\n  // default options for all 3 screen sizes (s = <m ; m = >=m to <xl ; xl  = >=xl)\n  const defaultCarouselOptions: CarouselOptions = {\n    s: {\n      itemsVisible: 1,\n      hasHalfItemVisible: true,\n    },\n    m: {\n      itemsVisible: 3,\n      hasHalfItemVisible: false,\n    },\n    xl: {\n      itemsVisible: 5,\n      hasHalfItemVisible: false,\n    },\n  };\n\n  // size using to separate item. Useful for gap in css and for move the scroll.\n  let betweenItemsPixelSize = 16;\n\n  // needed padding to display the outlined focus border on carousel items\n  let accessibilityFocusPadding = 4;\n\n  let eventHandler = new EventHandler();\n\n  let currentDevice: CarouselDevice = initCurrentDevice(\n    mediaQueryM,\n    mediaQueryXL,\n  );\n\n  let carouselContainer: HTMLDivElement;\n  let carouselScrollbarLeft = 0;\n\n  let isScrollBeginning = true;\n  let isScrollEnd = false;\n\n  $: carouselItems = items ? (JSON.parse(items) as CarouselItem[]) : [];\n  $: carouselOptions = options\n    ? Object.assign(\n        {},\n        defaultCarouselOptions,\n        JSON.parse(options) as CarouselOptions,\n      )\n    : defaultCarouselOptions;\n  $: carouselItemsSize = carouselItems?.length;\n\n  $: carouselCurrentItemsVisible = carouselOptions[currentDevice].itemsVisible;\n  $: carouselCurrentHasHalfItemVisible =\n    carouselOptions[currentDevice].hasHalfItemVisible || false;\n  $: carouselCurrentItemsSize =\n    carouselItemsSize < carouselCurrentItemsVisible\n      ? carouselCurrentItemsVisible\n      : carouselItemsSize;\n\n  $: carouselCurrentItemsVisibleAndHalf = carouselCurrentHasHalfItemVisible\n    ? carouselCurrentItemsVisible + 0.5\n    : carouselCurrentItemsVisible;\n\n  $: carouselItemWidthSpace = getCarouselItemsWidthSpace(\n    carouselCurrentItemsVisible,\n    carouselCurrentHasHalfItemVisible,\n  );\n  $: carouselContainerWidthSpace = getCarouselContainerWidthSpace(\n    carouselCurrentItemsSize,\n  );\n\n  /* returns the total size of the spacing between items for the big container */\n  function getCarouselContainerWidthSpace(totalItems: number) {\n    return (totalItems - 1) * betweenItemsPixelSize;\n  }\n\n  /* returns the total size of the spacing between items for the screen size */\n  function getCarouselItemsWidthSpace(\n    itemsVisible: number,\n    itemsAndHalfVisible: boolean,\n  ) {\n    if (itemsAndHalfVisible) {\n      return itemsVisible * betweenItemsPixelSize;\n    }\n    return (itemsVisible - 1) * betweenItemsPixelSize;\n  }\n\n  /* move the scroll to change the displaying items.\n     1 to move right, -1 to move left\n     */\n  function moveScroll(signe: 1 | -1) {\n    /* returns the size in pixel of an item according to screen size and the number of items visible. */\n    function getCarouselItemWidth() {\n      const carouselItemsWidthSpace = getCarouselItemsWidthSpace(\n        carouselCurrentItemsVisible,\n        carouselCurrentHasHalfItemVisible,\n      );\n      if (carouselCurrentHasHalfItemVisible) {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisibleAndHalf\n        );\n      } else {\n        return (\n          (carouselContainer.clientWidth - carouselItemsWidthSpace) /\n          carouselCurrentItemsVisible\n        );\n      }\n    }\n\n    /* returns the new left position of the scrollbar\n     *  in the case of visible half items, the calculation depends if the carousel is at the beginnind, at the end or in the middle.\n     *\n     */\n    function getLeft() {\n      if (!carouselCurrentHasHalfItemVisible) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth +\n              betweenItemsPixelSize -\n              accessibilityFocusPadding * 2)\n        );\n      }\n      const itemWidth = getCarouselItemWidth();\n      if (isScrollBeginning) {\n        return (\n          carouselContainer.scrollLeft +\n          (signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize) +\n            accessibilityFocusPadding)\n        );\n      }\n      if (isScrollEnd) {\n        return (\n          carouselContainer.scrollLeft +\n          signe *\n            (carouselContainer.clientWidth -\n              (3 / 4) * itemWidth -\n              betweenItemsPixelSize)\n        );\n      }\n      return (\n        carouselContainer.scrollLeft +\n        signe *\n          (carouselContainer.clientWidth -\n            itemWidth / 2 -\n            betweenItemsPixelSize +\n            accessibilityFocusPadding * 2)\n      );\n    }\n\n    carouselContainer.scrollTo({ behavior: 'smooth', left: getLeft() });\n  }\n\n  function nextCards() {\n    moveScroll(1);\n  }\n\n  function previousCards() {\n    moveScroll(-1);\n  }\n\n  function handleScrollCarousel() {\n    isScrollBeginning = carouselContainer?.scrollLeft <= 0;\n    isScrollEnd =\n      carouselContainer?.scrollWidth - carouselContainer?.scrollLeft <=\n      carouselContainer.offsetWidth;\n  }\n\n  function handleClickCard(item: CarouselItem, event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-item-clicked', item);\n    return event;\n  }\n  function handleClickLink(event: MouseEvent): MouseEvent {\n    eventHandler.dispatch('carousel-link-clicked', {});\n    return event;\n  }\n\n  // returns device according to screen size\n  function initCurrentDevice(\n    mediaQueryM: MediaQueryList,\n    mediaQueryXL: MediaQueryList,\n  ) {\n    if (mediaQueryXL.matches) {\n      return 'xl';\n    }\n    if (mediaQueryM.matches) {\n      return 'm';\n    }\n    return 's';\n  }\n\n  function handleMediaQueryChange(\n    event: MediaQueryListEvent,\n    matchingDevice: CarouselDevice,\n  ): MediaQueryListEvent {\n    if (event.matches) {\n      currentDevice = matchingDevice;\n    }\n    return event;\n  }\n\n  onMount(() => {\n    mediaQueryS.onchange = (e) => {\n      handleMediaQueryChange(e, 's');\n    };\n    mediaQueryM.onchange = (e) => {\n      handleMediaQueryChange(e, 'm');\n    };\n    mediaQueryXL.onchange = (e) => {\n      handleMediaQueryChange(e, 'xl');\n    };\n  });\n</script>\n\n<div class=\"mc-carousel\">\n  <div class=\"mc-carousel__header\">\n    <div class=\"mc-carousel__titles\">\n      {@html `<${titletag} style=\"margin:0\">${title}</${titletag}>`}\n      <div class=\"mc-carousel__subtitle\">\n        <Link\n          href=\"#layer\"\n          iconname=\"navigation-arrow-arrow--right-24px\"\n          iconposition=\"right\"\n          label={subtitlelink}\n          on:click={handleClickLink}\n          size=\"s\"\n          target=\"_self\"\n        />\n      </div>\n    </div>\n    <nav\n      aria-label=\"pagination\"\n      class=\"mc-carousel__nav {mobile\n        ? 'mc-carousel__nav--mobile'\n        : 'mc-carousel__nav--desktop'}\"\n    >\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        bordered={true}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--left-32px\"\n        aria-label=\"Previous page\"\n        disabled={isScrollBeginning}\n        on:click={previousCards}\n        label=\"Previous\"\n        loader=\"\"\n      />\n      <Button\n        theme=\"neutral\"\n        size=\"s\"\n        type=\"button\"\n        bordered={true}\n        disabled={isScrollEnd}\n        iconmode=\"only\"\n        iconname=\"navigation-arrow-arrow--right-32px\"\n        aria-label=\"Next Page\"\n        on:click={nextCards}\n        label=\"Next\"\n        loader=\"\"\n      />\n    </nav>\n  </div>\n  <div\n    class=\"mc-carousel__body\"\n    bind:this={carouselContainer}\n    on:scroll={handleScrollCarousel}\n    style=\"--carousel__accessibility-focus-padding: {accessibilityFocusPadding}px;\"\n  >\n    <div\n      class=\"mc-carousel__content\"\n      style=\"\n             --carousel__container-width-space: {carouselContainerWidthSpace}px;\n             --carousel__items-count: {carouselCurrentItemsSize};\n             --carousel__item-width-space: {carouselItemWidthSpace}px;\n             --carousel__items-visible: {carouselCurrentItemsVisibleAndHalf};\n             --carousel__scrollbar-left: {carouselScrollbarLeft};\n             --carousel__container-separate-item-size: {betweenItemsPixelSize}px;\"\n    >\n      {#each carouselItems as item}\n        <button\n          class=\"mc-carousel__item\"\n          on:click={(event) => handleClickCard(item, event)}\n        >\n          <CarouselCard\n            title={item.title}\n            imgSrc={item.imgSrc}\n            imgAlt={item.imgAlt}\n          />\n        </button>\n      {/each}\n    </div>\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.button';\n  @import '@mozaic-ds/styles/components/c.links';\n  @import '@mozaic-ds/styles/components/c.pagination';\n\n  .mc-carousel {\n    display: flex;\n    flex-direction: column;\n    gap: $mu100;\n\n    &__header {\n      /* Auto layout */\n\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n    }\n    &__titles {\n      display: flex;\n      flex-direction: column;\n      gap: $mu025;\n    }\n    &__nav {\n      gap: $mu050;\n      &--mobile {\n        display: none;\n      }\n      &--desktop {\n        display: flex;\n      }\n    }\n\n    &__body {\n      position: relative;\n      overflow-x: auto;\n      overflow-y: hidden;\n      padding: var(--carousel__accessibility-focus-padding);\n    }\n\n    &__content {\n      display: flex;\n      flex-wrap: nowrap;\n      column-gap: var(--carousel__container-separate-item-size);\n      // the total size of the big container for all items: taille d'un item * le nbre d'items + espace entre chaque item\n      width: calc(\n        (\n            (100% - var(--carousel__item-width-space)) /\n              var(--carousel__items-visible)\n          ) * var(--carousel__items-count) +\n          var(--carousel__container-width-space)\n      );\n      margin-bottom: $mu125;\n    }\n\n    &__item {\n      display: flex;\n      background: none;\n      border: none;\n      margin: 0;\n      padding: 0;\n      cursor: pointer;\n      // taille d'un item: (100% - les espaces entre chaque item isible) / le nombre d'items visible\n      width: calc(\n        (100% - var(--carousel__item-width-space)) /\n          var(--carousel__items-visible)\n      );\n      @include set-focus-floating-base();\n\n      &:focus {\n        @include set-focus-floating();\n      }\n    }\n\n    &-footer {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  ::-webkit-scrollbar {\n    border-radius: $mu025;\n    height: 6px;\n    background: $color-grey-100;\n    border-top: 1px solid white;\n    border-bottom: 1px solid white;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: $color-grey-800;\n    border-radius: 6px;\n  }\n</style>\n"],"names":["title","ctx","imgSrc","imgAlt","insert","target","button","anchor","dirty","carouselcard_changes","length","i","carouselScrollbarLeft","betweenItemsPixelSize","accessibilityFocusPadding","div5","append","div2","div1","div0","nav","div4","div3","html_tag","p","raw_value","each_blocks","getCarouselItemsWidthSpace","itemsVisible","itemsAndHalfVisible","$$props","titletag","subtitlelink","mobile","options","items","mediaQueryS","window","matchMedia","mediaQueryM","mediaQueryXL","defaultCarouselOptions","s","hasHalfItemVisible","m","xl","carouselContainer","eventHandler","EventHandler","currentDevice","matches","initCurrentDevice","isScrollBeginning","isScrollEnd","moveScroll","signe","scrollTo","behavior","left","carouselCurrentHasHalfItemVisible","scrollLeft","clientWidth","itemWidth","carouselItemsWidthSpace","carouselCurrentItemsVisible","carouselCurrentItemsVisibleAndHalf","getCarouselItemWidth","getLeft","handleClickCard","item","event","dispatch","handleMediaQueryChange","matchingDevice","$$invalidate","onMount","onchange","e","carouselItems","JSON","parse","carouselOptions","Object","assign","carouselItemsSize","carouselCurrentItemsSize","carouselItemWidthSpace","carouselContainerWidthSpace","scrollWidth","offsetWidth","$$value"],"mappings":"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"}