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

package/public/bricoman/{sidebar-service-275bf9ef.js.map → sidebar-service-293d79ef.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-service-275bf9ef.js","sources":["../../node_modules/svelte/store/index.mjs","../../../src/components/sidebar/sidebar-service.ts"],"sourcesContent":["import { noop, safe_not_equal, subscribe, run_all, is_function } from '../internal/index.mjs';\nexport { get_store_value as get } from '../internal/index.mjs';\n\nconst subscriber_queue = [];\n/**\n * Creates a `Readable` store that allows reading by subscription.\n * @param value initial value\n * @param {StartStopNotifier}start start and stop notifications for subscriptions\n */\nfunction readable(value, start) {\n    return {\n        subscribe: writable(value, start).subscribe\n    };\n}\n/**\n * Create a `Writable` store that allows both updating and reading by subscription.\n * @param {*=}value initial value\n * @param {StartStopNotifier=}start start and stop notifications for subscriptions\n */\nfunction writable(value, start = noop) {\n    let stop;\n    const subscribers = new Set();\n    function set(new_value) {\n        if (safe_not_equal(value, new_value)) {\n            value = new_value;\n            if (stop) { // store is ready\n                const run_queue = !subscriber_queue.length;\n                for (const subscriber of subscribers) {\n                    subscriber[1]();\n                    subscriber_queue.push(subscriber, value);\n                }\n                if (run_queue) {\n                    for (let i = 0; i < subscriber_queue.length; i += 2) {\n                        subscriber_queue[i][0](subscriber_queue[i + 1]);\n                    }\n                    subscriber_queue.length = 0;\n                }\n            }\n        }\n    }\n    function update(fn) {\n        set(fn(value));\n    }\n    function subscribe(run, invalidate = noop) {\n        const subscriber = [run, invalidate];\n        subscribers.add(subscriber);\n        if (subscribers.size === 1) {\n            stop = start(set) || noop;\n        }\n        run(value);\n        return () => {\n            subscribers.delete(subscriber);\n            if (subscribers.size === 0 && stop) {\n                stop();\n                stop = null;\n            }\n        };\n    }\n    return { set, update, subscribe };\n}\nfunction derived(stores, fn, initial_value) {\n    const single = !Array.isArray(stores);\n    const stores_array = single\n        ? [stores]\n        : stores;\n    const auto = fn.length < 2;\n    return readable(initial_value, (set) => {\n        let started = false;\n        const values = [];\n        let pending = 0;\n        let cleanup = noop;\n        const sync = () => {\n            if (pending) {\n                return;\n            }\n            cleanup();\n            const result = fn(single ? values[0] : values, set);\n            if (auto) {\n                set(result);\n            }\n            else {\n                cleanup = is_function(result) ? result : noop;\n            }\n        };\n        const unsubscribers = stores_array.map((store, i) => subscribe(store, (value) => {\n            values[i] = value;\n            pending &= ~(1 << i);\n            if (started) {\n                sync();\n            }\n        }, () => {\n            pending |= (1 << i);\n        }));\n        started = true;\n        sync();\n        return function stop() {\n            run_all(unsubscribers);\n            cleanup();\n            // We need to set this to false because callbacks can still happen despite having unsubscribed:\n            // Callbacks might already be placed in the queue which doesn't know it should no longer\n            // invoke this derived store.\n            started = false;\n        };\n    });\n}\n/**\n * Takes a store and returns a new one derived from the old one that is readable.\n *\n * @param store - store to make readonly\n */\nfunction readonly(store) {\n    return {\n        subscribe: store.subscribe.bind(store)\n    };\n}\n\nexport { derived, readable, readonly, writable };\n",null],"names":["subscriber_queue","writable","value","start","noop","stop","subscribers","Set","set","new_value","safe_not_equal","run_queue","length","subscriber","push","i","update","fn","subscribe","run","invalidate","add","size","delete","sidebar","parsedData","updateSidebarData","data","JSON","parse","isSidebarOpen","toggleSidebar","state","selectedFeature","selectFeature","code","items","_a","FEATURES","arrayOfArrays","UTILITIES","_b","reduce","accumulator","array","_c","USER_FEATURES","HOME","undefined","tree","findMenuTreeWithCode","lv0","lv1","lv2","selection","item","prevSelection"],"mappings":"+CAGA,MAAMA,EAAmB,GAgBzB,SAASC,EAASC,EAAOC,EAAQC,GAC7B,IAAIC,EACJ,MAAMC,EAAc,IAAIC,IACxB,SAASC,EAAIC,GACT,GAAIC,EAAeR,EAAOO,KACtBP,EAAQO,EACJJ,GAAM,CACN,MAAMM,GAAaX,EAAiBY,OACpC,IAAK,MAAMC,KAAcP,EACrBO,EAAW,KACXb,EAAiBc,KAAKD,EAAYX,GAEtC,GAAIS,EAAW,CACX,IAAK,IAAII,EAAI,EAAGA,EAAIf,EAAiBY,OAAQG,GAAK,EAC9Cf,EAAiBe,GAAG,GAAGf,EAAiBe,EAAI,IAEhDf,EAAiBY,OAAS,CAC7B,CACJ,CAER,CAmBD,MAAO,CAAEJ,MAAKQ,OAlBd,SAAgBC,GACZT,EAAIS,EAAGf,GACV,EAgBqBgB,UAftB,SAAmBC,EAAKC,EAAahB,GACjC,MAAMS,EAAa,CAACM,EAAKC,GAMzB,OALAd,EAAYe,IAAIR,GACS,IAArBP,EAAYgB,OACZjB,EAAOF,EAAMK,IAAQJ,GAEzBe,EAAIjB,GACG,KACHI,EAAYiB,OAAOV,GACM,IAArBP,EAAYgB,MAAcjB,IAC1BA,IACAA,EAAO,KACV,CAER,EAEL,CC5Ca,MAAAmB,EAAUvB,IACvB,IAAIwB,EAEE,SAAUC,EAAkBC,GAC5BA,IACFF,EAA6B,iBAATE,EAAoBC,KAAKC,MAAMF,GAAmBA,EACtEH,EAAQhB,IAAIiB,GAEhB,OAEaK,EAAgB7B,GAAkB,GAEzC,SAAU8B,EAAcC,GACP,kBAAVA,EACTF,EAActB,IAAIwB,GAElBF,EAAcd,QAAOgB,IAAUA,GAEnC,CAEa,MAAAC,EAAkBhC,IAEzB,SAAUiC,EAAcC,aAC5B,IAAKV,EACH,OAIF,IAAIW,EAAuB,IACF,QAAnBC,EAAAZ,EAAWa,gBAAQ,IAAAD,EAAAA,EAAI,MACU,QAsDrBE,EAtDJd,EAAWe,UAAnBC,EAuDCF,EAAcG,QAAO,CAACC,EAAaC,IACjC,IAAID,KAAgBC,IAC1B,WAzDoC,IAAAH,EAAAA,EAAA,MACT,QAAxBI,EAAApB,EAAWqB,qBAAa,IAAAD,EAAAA,EAAI,IAqDpC,IAAoBN,EA7ClB,GANId,EAAWsB,OACbX,EAAQ,IACHA,EACHX,EAAWsB,QAGVX,EAAMxB,OACT,OAEF,IAAKuB,EAEH,YADAF,EAAgBzB,SAAIwC,GAOtB,MAAMC,EAAOC,EAAqBd,EAAOD,GACrCc,EAAKrC,OACPqB,EAAgBzB,IAAI,CAClB2C,IAAKF,EAAK,GACVG,IAAKH,EAAK,GACVI,IAAKJ,EAAK,KAGZhB,EAAgBzB,SAAIwC,EAGxB,CAGA,SAASE,EAAqBd,EAAsBD,GAClD,MAAMmB,EAA2B,GACjC,IAAK,MAAMC,KAAQnB,EAAO,CACxB,GAAImB,EAAKpB,OAASA,EAEhB,OADAmB,EAAUxC,KAAKyC,GACRD,EACF,GAAIC,EAAKnB,MAAO,CACrB,MAAMoB,EAAgBN,EAAqBK,EAAKnB,MAAOD,GACvD,GAAIqB,EAAc5C,OAChB,MAAO,CACL2C,KACGC,EAGR,CACF,CAED,OAAOF,CACT"}
+{"version":3,"file":"sidebar-service-293d79ef.js","sources":["../../node_modules/svelte/store/index.mjs","../../../src/components/sidebar/sidebar-service.ts"],"sourcesContent":["import { noop, safe_not_equal, subscribe, run_all, is_function } from '../internal/index.mjs';\nexport { get_store_value as get } from '../internal/index.mjs';\n\nconst subscriber_queue = [];\n/**\n * Creates a `Readable` store that allows reading by subscription.\n * @param value initial value\n * @param {StartStopNotifier}start start and stop notifications for subscriptions\n */\nfunction readable(value, start) {\n    return {\n        subscribe: writable(value, start).subscribe\n    };\n}\n/**\n * Create a `Writable` store that allows both updating and reading by subscription.\n * @param {*=}value initial value\n * @param {StartStopNotifier=}start start and stop notifications for subscriptions\n */\nfunction writable(value, start = noop) {\n    let stop;\n    const subscribers = new Set();\n    function set(new_value) {\n        if (safe_not_equal(value, new_value)) {\n            value = new_value;\n            if (stop) { // store is ready\n                const run_queue = !subscriber_queue.length;\n                for (const subscriber of subscribers) {\n                    subscriber[1]();\n                    subscriber_queue.push(subscriber, value);\n                }\n                if (run_queue) {\n                    for (let i = 0; i < subscriber_queue.length; i += 2) {\n                        subscriber_queue[i][0](subscriber_queue[i + 1]);\n                    }\n                    subscriber_queue.length = 0;\n                }\n            }\n        }\n    }\n    function update(fn) {\n        set(fn(value));\n    }\n    function subscribe(run, invalidate = noop) {\n        const subscriber = [run, invalidate];\n        subscribers.add(subscriber);\n        if (subscribers.size === 1) {\n            stop = start(set) || noop;\n        }\n        run(value);\n        return () => {\n            subscribers.delete(subscriber);\n            if (subscribers.size === 0 && stop) {\n                stop();\n                stop = null;\n            }\n        };\n    }\n    return { set, update, subscribe };\n}\nfunction derived(stores, fn, initial_value) {\n    const single = !Array.isArray(stores);\n    const stores_array = single\n        ? [stores]\n        : stores;\n    const auto = fn.length < 2;\n    return readable(initial_value, (set) => {\n        let started = false;\n        const values = [];\n        let pending = 0;\n        let cleanup = noop;\n        const sync = () => {\n            if (pending) {\n                return;\n            }\n            cleanup();\n            const result = fn(single ? values[0] : values, set);\n            if (auto) {\n                set(result);\n            }\n            else {\n                cleanup = is_function(result) ? result : noop;\n            }\n        };\n        const unsubscribers = stores_array.map((store, i) => subscribe(store, (value) => {\n            values[i] = value;\n            pending &= ~(1 << i);\n            if (started) {\n                sync();\n            }\n        }, () => {\n            pending |= (1 << i);\n        }));\n        started = true;\n        sync();\n        return function stop() {\n            run_all(unsubscribers);\n            cleanup();\n            // We need to set this to false because callbacks can still happen despite having unsubscribed:\n            // Callbacks might already be placed in the queue which doesn't know it should no longer\n            // invoke this derived store.\n            started = false;\n        };\n    });\n}\n/**\n * Takes a store and returns a new one derived from the old one that is readable.\n *\n * @param store - store to make readonly\n */\nfunction readonly(store) {\n    return {\n        subscribe: store.subscribe.bind(store)\n    };\n}\n\nexport { derived, readable, readonly, writable };\n",null],"names":["subscriber_queue","writable","value","start","noop","stop","subscribers","Set","set","new_value","safe_not_equal","run_queue","length","subscriber","push","i","update","fn","subscribe","run","invalidate","add","size","delete","sidebar","parsedData","updateSidebarData","data","JSON","parse","isSidebarOpen","toggleSidebar","state","selectedFeature","selectFeature","code","items","_a","FEATURES","arrayOfArrays","UTILITIES","_b","reduce","accumulator","array","_c","USER_FEATURES","HOME","undefined","tree","findMenuTreeWithCode","lv0","lv1","lv2","selection","item","prevSelection"],"mappings":"+CAGA,MAAMA,EAAmB,GAgBzB,SAASC,EAASC,EAAOC,EAAQC,GAC7B,IAAIC,EACJ,MAAMC,EAAc,IAAIC,IACxB,SAASC,EAAIC,GACT,GAAIC,EAAeR,EAAOO,KACtBP,EAAQO,EACJJ,GAAM,CACN,MAAMM,GAAaX,EAAiBY,OACpC,IAAK,MAAMC,KAAcP,EACrBO,EAAW,KACXb,EAAiBc,KAAKD,EAAYX,GAEtC,GAAIS,EAAW,CACX,IAAK,IAAII,EAAI,EAAGA,EAAIf,EAAiBY,OAAQG,GAAK,EAC9Cf,EAAiBe,GAAG,GAAGf,EAAiBe,EAAI,IAEhDf,EAAiBY,OAAS,CAC7B,CACJ,CAER,CAmBD,MAAO,CAAEJ,MAAKQ,OAlBd,SAAgBC,GACZT,EAAIS,EAAGf,GACV,EAgBqBgB,UAftB,SAAmBC,EAAKC,EAAahB,GACjC,MAAMS,EAAa,CAACM,EAAKC,GAMzB,OALAd,EAAYe,IAAIR,GACS,IAArBP,EAAYgB,OACZjB,EAAOF,EAAMK,IAAQJ,GAEzBe,EAAIjB,GACG,KACHI,EAAYiB,OAAOV,GACM,IAArBP,EAAYgB,MAAcjB,IAC1BA,IACAA,EAAO,KACV,CAER,EAEL,CC5Ca,MAAAmB,EAAUvB,IACvB,IAAIwB,EAEE,SAAUC,EAAkBC,GAC5BA,IACFF,EACkB,iBAATE,EAAqBC,KAAKC,MAAMF,GAAoBA,EAC7DH,EAAQhB,IAAIiB,GAEhB,OAEaK,EAAgB7B,GAAkB,GAEzC,SAAU8B,EAAcC,GACP,kBAAVA,EACTF,EAActB,IAAIwB,GAElBF,EAAcd,QAAQgB,IAAWA,GAErC,CAEa,MAAAC,EAAkBhC,IAEzB,SAAUiC,EAAcC,aAC5B,IAAKV,EACH,OAIF,IAAIW,EAAuB,IACF,QAAnBC,EAAAZ,EAAWa,gBAAQ,IAAAD,EAAAA,EAAI,MACU,QAkDrBE,EAlDJd,EAAWe,UAAnBC,EAmDCF,EAAcG,QAAO,CAACC,EAAaC,IACjC,IAAID,KAAgBC,IAC1B,WArDoC,IAAAH,EAAAA,EAAA,MACT,QAAxBI,EAAApB,EAAWqB,qBAAa,IAAAD,EAAAA,EAAI,IAiDpC,IAAoBN,EA5ClB,GAHId,EAAWsB,OACbX,EAAQ,IAAIA,EAAOX,EAAWsB,QAE3BX,EAAMxB,OACT,OAEF,IAAKuB,EAEH,YADAF,EAAgBzB,SAAIwC,GAOtB,MAAMC,EAAOC,EAAqBd,EAAOD,GACrCc,EAAKrC,OACPqB,EAAgBzB,IAAI,CAClB2C,IAAKF,EAAK,GACVG,IAAKH,EAAK,GACVI,IAAKJ,EAAK,KAGZhB,EAAgBzB,SAAIwC,EAExB,CAGA,SAASE,EACPd,EACAD,GAEA,MAAMmB,EAA2B,GACjC,IAAK,MAAMC,KAAQnB,EAAO,CACxB,GAAImB,EAAKpB,OAASA,EAEhB,OADAmB,EAAUxC,KAAKyC,GACRD,EACF,GAAIC,EAAKnB,MAAO,CACrB,MAAMoB,EAAgBN,EAAqBK,EAAKnB,MAAOD,GACvD,GAAIqB,EAAc5C,OAChB,MAAO,CAAC2C,KAASC,EAEpB,CACF,CAED,OAAOF,CACT"}

package/public/bricoman/stories/carousel/items.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselItem } from "../../components/carousel/carousel.types";
+export declare const items: CarouselItem[];
+//# sourceMappingURL=items.d.ts.map

package/public/bricoman/stories/carousel/items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../../../../src/stories/carousel/items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,0CAA0C,CAAC;AAE3E,eAAO,MAAM,KAAK,EAAE,YAAY,EAwJ/B,CAAC"}

package/public/bundle.js

@@ -49,8 +49,16 @@ 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);
@@ -262,3 +270,15 @@ if (!customElements.get('m-segmented-control')) {
 if (!customElements.get('m-menu')) {
   customElements.define('m-menu', Menu);
 }
+
+if (!customElements.get('m-bottom-bar')) {
+  customElements.define('m-bottom-bar', BottomBar);
+}
+
+if (!customElements.get('m-action-bar')) {
+  customElements.define('m-action-bar', ActionBar);
+}
+
+if (!customElements.get('m-stepper-bar')) {
+  customElements.define('m-stepper-bar', StepperBar);
+}

package/public/components/accordion/Accordion.js

@@ -1,2 +1,2 @@
-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 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 f,p as u,q as x}from"../../index-52f16292.js";import{E as _}from"../../EventHandler-f4efd23c.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&&f(o)}}}function k(e){let o,i,a,n,u,x,_,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(),u=r("h2"),x=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(x,"id","m-accordion"),m(x,"class","mc-accordion__trigger"),m(x,"type","button"),m(x,"aria-controls","content"),m(x,"aria-expanded",C=!e[8]),x.disabled=e[4],m(u,"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,u),h(u,x),L&&L.m(x,null),h(x,_),h(x,k),h(x,$),h(x,E),h(o,y),h(o,z),h(z,M),B||(V=b(x,"click",e[10]),B=!0)},p(e,[i]){e[2]?L?L.p(e,i):(L=v(e),L.c(),L.m(x,_)):L&&(L.d(1),L=null),1&i&&p(k,e[0]),256&i&&C!==(C=!e[8])&&m(x,"aria-expanded",C),16&i&&(x.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&&f(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=u(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,f=new _;return e.$$set=e=>{i(14,o=c(c({},o),x(e))),i(13,s=u(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=x(o),[d,l,m,g,b,p,w,n,t,a,function(){f.dispatch("on-heading-click",t),i(8,t=!t)},h]}class C extends e{constructor(e){super();const c=document.createElement("style");c.textContent=".mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:\"LeroyMerlin\", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666'  viewBox='0 0 24 24'%3E%3Cpath d='M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='2rem' width='2rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Cpath d='M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z'/%3E%3C/svg%3E\")}.mc-accordion__label{font-weight:600;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative}.mc-accordion__label::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:\"\";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23191919' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}:host{display:block}",this.shadowRoot.appendChild(c),o(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},E,k,n,{label:0,size:1,iconname:2,iconcolor:3,open:11,disabled:4,nopadding:5,checkable:6},null),e&&(e.target&&t(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),a()}get iconname(){return this.$$.ctx[2]}set iconname(e){this.$$set({iconname:e}),a()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(e){this.$$set({iconcolor:e}),a()}get open(){return this.$$.ctx[11]}set open(e){this.$$set({open:e}),a()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),a()}get nopadding(){return this.$$.ctx[5]}set nopadding(e){this.$$set({nopadding:e}),a()}get checkable(){return this.$$.ctx[6]}set checkable(e){this.$$set({checkable:e}),a()}}export{C as default};
 //# sourceMappingURL=Accordion.js.map

package/public/components/actionbar/ActionBar.js

@@ -0,0 +1,2 @@
+import{S as t,i as e,a as i,b as a,f as s,s as r,e as n,d as l,t as o,n as c,g as d,v as m,j as b,l as u,w as h,x as f,y as g,k as p,o as x,z as $,A as w,B as y,C as v,D as k}from"../../index-52f16292.js";import z from"../loader/Loader.nested.js";import{E as N}from"../../EventHandler-f4efd23c.js";import{N as _,A as E,l as j,a as A,w as M,c as C,u as R,t as B,f as L,s as D,i as H}from"../../index-64cccc06-4c960e34.js";function S(t){let e,i,a;return{c(){e=R("svg"),i=R("path"),a=R("path"),this.c=B,L(i,"d","M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z"),L(a,"d","M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z"),L(e,"aria-hidden","true"),L(e,"width",t[4]),L(e,"height",t[4]),L(e,"id",t[0]),L(e,"style",t[1]),L(e,"class",t[2]),L(e,"fill",t[3]),L(e,"xmlns","http://www.w3.org/2000/svg"),L(e,"viewBox","0 0 24 24")},m(t,s){A(t,e,s),D(e,i),D(e,a)},p(t,[i]){16&i&&L(e,"width",t[4]),16&i&&L(e,"height",t[4]),1&i&&L(e,"id",t[0]),2&i&&L(e,"style",t[1]),4&i&&L(e,"class",t[2]),8&i&&L(e,"fill",t[3])},i:B,o:B,d(t){t&&H(e)}}}function V(t,e,i){let{id:a}=e,{style:s}=e,{className:r}=e,{fill:n}=e,{size:l="1.5rem"}=e;return t.$$set=t=>{"id"in t&&i(0,a=t.id),"style"in t&&i(1,s=t.style),"className"in t&&i(2,r=t.className),"fill"in t&&i(3,n=t.fill),"size"in t&&i(4,l=t.size)},[a,s,r,n,l]}class q extends _{constructor(t){super(),E(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},V,S,C,{id:0,style:1,className:2,fill:3,size:4},null),t&&(t.target&&A(t.target,this,t.anchor),t.props&&(this.$set(t.props),M()))}static get observedAttributes(){return["id","style","className","fill","size"]}get id(){return this.$$.ctx[0]}set id(t){this.$$set({id:t}),M()}get style(){return this.$$.ctx[1]}set style(t){this.$$set({style:t}),M()}get className(){return this.$$.ctx[2]}set className(t){this.$$set({className:t}),M()}get fill(){return this.$$.ctx[3]}set fill(t){this.$$set({fill:t}),M()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),M()}}function F(t){let e,i,a,s;return{c(){e=R("svg"),i=R("path"),a=R("path"),s=R("circle"),this.c=B,L(i,"d","M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z"),L(a,"d","M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z"),L(s,"cx","12"),L(s,"cy","16"),L(s,"r","1"),L(e,"aria-hidden","true"),L(e,"width",t[4]),L(e,"height",t[4]),L(e,"id",t[0]),L(e,"style",t[1]),L(e,"class",t[2]),L(e,"fill",t[3]),L(e,"xmlns","http://www.w3.org/2000/svg"),L(e,"viewBox","0 0 24 24")},m(t,r){A(t,e,r),D(e,i),D(e,a),D(e,s)},p(t,[i]){16&i&&L(e,"width",t[4]),16&i&&L(e,"height",t[4]),1&i&&L(e,"id",t[0]),2&i&&L(e,"style",t[1]),4&i&&L(e,"class",t[2]),8&i&&L(e,"fill",t[3])},i:B,o:B,d(t){t&&H(e)}}}function G(t,e,i){let{id:a}=e,{style:s}=e,{className:r}=e,{fill:n}=e,{size:l="1.5rem"}=e;return t.$$set=t=>{"id"in t&&i(0,a=t.id),"style"in t&&i(1,s=t.style),"className"in t&&i(2,r=t.className),"fill"in t&&i(3,n=t.fill),"size"in t&&i(4,l=t.size)},[a,s,r,n,l]}class I extends _{constructor(t){super(),E(this,{target:this.shadowRoot,props:j(this.attributes),customElement:!0},G,F,C,{id:0,style:1,className:2,fill:3,size:4},null),t&&(t.target&&A(t.target,this,t.anchor),t.props&&(this.$set(t.props),M()))}static get observedAttributes(){return["id","style","className","fill","size"]}get id(){return this.$$.ctx[0]}set id(t){this.$$set({id:t}),M()}get style(){return this.$$.ctx[1]}set style(t){this.$$set({style:t}),M()}get className(){return this.$$.ctx[2]}set className(t){this.$$set({className:t}),M()}get fill(){return this.$$.ctx[3]}set fill(t){this.$$set({fill:t}),M()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),M()}}function J(t){let e;return{c(){e=n("navigation-notification-circle--available-24px"),w(e,"class","mc-action-bar__icon is-success"),w(e,"fill","$color-primary")},m(t,i){a(t,e,i)},i:c,o:c,d(t){t&&x(e)}}}function K(t){let e;return{c(){e=n("navigation-notification-warning-24px"),w(e,"class","mc-action-bar__icon is-warning"),w(e,"fill","$color-primary")},m(t,i){a(t,e,i)},i:c,o:c,d(t){t&&x(e)}}}function O(t){let e,i;return e=new z({props:{size:"s",theme:"primary",text:""}}),{c(){y(e.$$.fragment)},m(t,a){v(e,t,a),i=!0},i(t){i||(g(e.$$.fragment,t),i=!0)},o(t){h(e.$$.fragment,t),i=!1},d(t){k(e,t)}}}function P(t){let e;return{c(){e=o(t[0])},m(t,i){a(t,e,i)},p(t,i){1&i&&p(e,t[0])},d(t){t&&x(e)}}}function Q(t){let e,i,s,r;return{c(){e=n("button"),i=o(t[3]),d(e,"class","mc-button mc-button--s mc-button--bordered-neutral"),e.disabled=t[6]},m(n,l){a(n,e,l),b(e,i),s||(r=u(e,"click",t[12]),s=!0)},p(t,a){8&a&&p(i,t[3]),64&a&&(e.disabled=t[6])},d(t){t&&x(e),s=!1,r()}}}function T(t){let e,i,s,r;return{c(){e=n("button"),i=o(t[2]),d(e,"class","mc-button mc-button--s mc-button--bordered-danger"),e.disabled=t[6]},m(n,l){a(n,e,l),b(e,i),s||(r=u(e,"click",t[14]),s=!0)},p(t,a){4&a&&p(i,t[2]),64&a&&(e.disabled=t[6])},d(t){t&&x(e),s=!1,r()}}}function U(t){let e,i,s,r,w,y,v,k,z,N,_,E,j;const A=[O,K,J],M=[];function C(t,e){return t[5]?0:"warning"===t[1]?1:"success"===t[1]?2:-1}~(s=C(t))&&(r=M[s]=A[s](t));let R=t[0]&&P(t),B=t[3]&&Q(t),L=t[2]&&T(t);return{c(){e=n("div"),i=n("div"),r&&r.c(),w=l(),R&&R.c(),y=l(),B&&B.c(),v=l(),k=n("button"),z=o(t[4]),N=l(),L&&L.c(),this.c=c,d(i,"class","mc-action-bar__status"),d(k,"class","mc-button mc-button--s"),k.disabled=t[6],d(e,"class","ml-container ml-container--fluid mc-bottom-bar mc-action-bar"),m(e,"mc-bottom-bar--fixed",t[7])},m(r,n){a(r,e,n),b(e,i),~s&&M[s].m(i,null),b(i,w),R&&R.m(i,null),b(e,y),B&&B.m(e,null),b(e,v),b(e,k),b(k,z),b(e,N),L&&L.m(e,null),_=!0,E||(j=u(k,"click",t[13]),E=!0)},p(t,[a]){let n=s;s=C(t),s!==n&&(r&&($(),h(M[n],1,1,(()=>{M[n]=null})),f()),~s?(r=M[s],r||(r=M[s]=A[s](t),r.c()),g(r,1),r.m(i,w)):r=null),t[0]?R?R.p(t,a):(R=P(t),R.c(),R.m(i,null)):R&&(R.d(1),R=null),t[3]?B?B.p(t,a):(B=Q(t),B.c(),B.m(e,v)):B&&(B.d(1),B=null),(!_||16&a)&&p(z,t[4]),(!_||64&a)&&(k.disabled=t[6]),t[2]?L?L.p(t,a):(L=T(t),L.c(),L.m(e,null)):L&&(L.d(1),L=null),(!_||128&a)&&m(e,"mc-bottom-bar--fixed",t[7])},i(t){_||(g(r),_=!0)},o(t){h(r),_=!1},d(t){t&&x(e),~s&&M[s].d(),R&&R.d(),B&&B.d(),L&&L.d(),E=!1,j()}}}function W(t,e,i){let a,s,r,{fixed:n}=e,{loading:l}=e,{disabled:o}=e,{statuslabel:c}=e,{status:d}=e,{labeldanger:m}=e,{labelsecondary:b}=e,{labelprimary:u}=e,h=new N;function f(t,e){h.dispatch(e,t)}customElements.get("navigation-notification-circle--available-24px")||customElements.define("navigation-notification-circle--available-24px",q),customElements.get("navigation-notification-warning-24px")||customElements.define("navigation-notification-warning-24px",I);return t.$$set=t=>{"fixed"in t&&i(9,n=t.fixed),"loading"in t&&i(10,l=t.loading),"disabled"in t&&i(11,o=t.disabled),"statuslabel"in t&&i(0,c=t.statuslabel),"status"in t&&i(1,d=t.status),"labeldanger"in t&&i(2,m=t.labeldanger),"labelsecondary"in t&&i(3,b=t.labelsecondary),"labelprimary"in t&&i(4,u=t.labelprimary)},t.$$.update=()=>{512&t.$$.dirty&&i(7,a=!!n||void 0),1024&t.$$.dirty&&i(5,s=!!l||void 0),2080&t.$$.dirty&&i(6,r=!(!o&&!s)||void 0)},[c,d,m,b,u,s,r,a,f,n,l,o,t=>f(t,"secondary"),t=>f(t,"primary"),t=>f(t,"danger")]}class X extends t{constructor(t){super();const n=document.createElement("style");n.textContent='.ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-action-bar{gap:1rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mc-action-bar__status{font-size:1rem;line-height:1.375;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem}.mc-action-bar__icon.is-warning{fill:#c65200}.mc-action-bar__icon.is-success{fill:#188803}.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#188803;font-family:"LeroyMerlin", sans-serif;font-weight:600;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:hover{background-color:#006902;color:#ffffff}.mc-button:active{background-color:#006902}.mc-button:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button:focus{-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}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@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){}}',this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},W,U,r,{fixed:9,loading:10,disabled:11,statuslabel:0,status:1,labeldanger:2,labelsecondary:3,labelprimary:4},null),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),s()))}static get observedAttributes(){return["fixed","loading","disabled","statuslabel","status","labeldanger","labelsecondary","labelprimary"]}get fixed(){return this.$$.ctx[9]}set fixed(t){this.$$set({fixed:t}),s()}get loading(){return this.$$.ctx[10]}set loading(t){this.$$set({loading:t}),s()}get disabled(){return this.$$.ctx[11]}set disabled(t){this.$$set({disabled:t}),s()}get statuslabel(){return this.$$.ctx[0]}set statuslabel(t){this.$$set({statuslabel:t}),s()}get status(){return this.$$.ctx[1]}set status(t){this.$$set({status:t}),s()}get labeldanger(){return this.$$.ctx[2]}set labeldanger(t){this.$$set({labeldanger:t}),s()}get labelsecondary(){return this.$$.ctx[3]}set labelsecondary(t){this.$$set({labelsecondary:t}),s()}get labelprimary(){return this.$$.ctx[4]}set labelprimary(t){this.$$set({labelprimary:t}),s()}}export{X as default};
+//# sourceMappingURL=ActionBar.js.map

package/public/components/actionbar/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sources":["../../icons/NotificationCircleAvailable24.js","../../icons/NotificationWarning24.js","../../../src/components/actionbar/ActionBar.svelte"],"sourcesContent":["import{S as s,i as t,a as e,b as i,f as l,s as a,c as r,n as c,d as h,e as n,g as d}from\"./index-64cccc06.js\";function $(s){let t,e,l;return{c(){t=r(\"svg\"),e=r(\"path\"),l=r(\"path\"),this.c=c,h(e,\"d\",\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"),h(l,\"d\",\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"),h(t,\"aria-hidden\",\"true\"),h(t,\"width\",s[4]),h(t,\"height\",s[4]),h(t,\"id\",s[0]),h(t,\"style\",s[1]),h(t,\"class\",s[2]),h(t,\"fill\",s[3]),h(t,\"xmlns\",\"http://www.w3.org/2000/svg\"),h(t,\"viewBox\",\"0 0 24 24\")},m(s,a){i(s,t,a),n(t,e),n(t,l)},p(s,[e]){16&e&&h(t,\"width\",s[4]),16&e&&h(t,\"height\",s[4]),1&e&&h(t,\"id\",s[0]),2&e&&h(t,\"style\",s[1]),4&e&&h(t,\"class\",s[2]),8&e&&h(t,\"fill\",s[3])},i:c,o:c,d(s){s&&d(t)}}}function o(s,t,e){let{id:i}=t,{style:l}=t,{className:a}=t,{fill:r}=t,{size:c=\"1.5rem\"}=t;return s.$$set=s=>{\"id\"in s&&e(0,i=s.id),\"style\"in s&&e(1,l=s.style),\"className\"in s&&e(2,a=s.className),\"fill\"in s&&e(3,r=s.fill),\"size\"in s&&e(4,c=s.size)},[i,l,a,r,c]}class u extends s{constructor(s){super(),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},o,$,a,{id:0,style:1,className:2,fill:3,size:4},null),s&&(s.target&&i(s.target,this,s.anchor),s.props&&(this.$set(s.props),l()))}static get observedAttributes(){return[\"id\",\"style\",\"className\",\"fill\",\"size\"]}get id(){return this.$$.ctx[0]}set id(s){this.$$set({id:s}),l()}get style(){return this.$$.ctx[1]}set style(s){this.$$set({style:s}),l()}get className(){return this.$$.ctx[2]}set className(s){this.$$set({className:s}),l()}get fill(){return this.$$.ctx[3]}set fill(s){this.$$set({fill:s}),l()}get size(){return this.$$.ctx[4]}set size(s){this.$$set({size:s}),l()}}export{u as default};\n//# sourceMappingURL=NotificationCircleAvailable24.js.map\n","import{S as s,i as t,a as e,b as i,f as a,s as l,c as r,n as c,d as h,e as n,g as d}from\"./index-64cccc06.js\";function $(s){let t,e,a,l;return{c(){t=r(\"svg\"),e=r(\"path\"),a=r(\"path\"),l=r(\"circle\"),this.c=c,h(e,\"d\",\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"),h(a,\"d\",\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"),h(l,\"cx\",\"12\"),h(l,\"cy\",\"16\"),h(l,\"r\",\"1\"),h(t,\"aria-hidden\",\"true\"),h(t,\"width\",s[4]),h(t,\"height\",s[4]),h(t,\"id\",s[0]),h(t,\"style\",s[1]),h(t,\"class\",s[2]),h(t,\"fill\",s[3]),h(t,\"xmlns\",\"http://www.w3.org/2000/svg\"),h(t,\"viewBox\",\"0 0 24 24\")},m(s,r){i(s,t,r),n(t,e),n(t,a),n(t,l)},p(s,[e]){16&e&&h(t,\"width\",s[4]),16&e&&h(t,\"height\",s[4]),1&e&&h(t,\"id\",s[0]),2&e&&h(t,\"style\",s[1]),4&e&&h(t,\"class\",s[2]),8&e&&h(t,\"fill\",s[3])},i:c,o:c,d(s){s&&d(t)}}}function o(s,t,e){let{id:i}=t,{style:a}=t,{className:l}=t,{fill:r}=t,{size:c=\"1.5rem\"}=t;return s.$$set=s=>{\"id\"in s&&e(0,i=s.id),\"style\"in s&&e(1,a=s.style),\"className\"in s&&e(2,l=s.className),\"fill\"in s&&e(3,r=s.fill),\"size\"in s&&e(4,c=s.size)},[i,a,l,r,c]}class u extends s{constructor(s){super(),t(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},o,$,l,{id:0,style:1,className:2,fill:3,size:4},null),s&&(s.target&&i(s.target,this,s.anchor),s.props&&(this.$set(s.props),a()))}static get observedAttributes(){return[\"id\",\"style\",\"className\",\"fill\",\"size\"]}get id(){return this.$$.ctx[0]}set id(s){this.$$set({id:s}),a()}get style(){return this.$$.ctx[1]}set style(s){this.$$set({style:s}),a()}get className(){return this.$$.ctx[2]}set className(s){this.$$set({className:s}),a()}get fill(){return this.$$.ctx[3]}set fill(s){this.$$set({fill:s}),a()}get size(){return this.$$.ctx[4]}set size(s){this.$$set({size:s}),a()}}export{u as default};\n//# sourceMappingURL=NotificationWarning24.js.map\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import Loader from '../loader/Loader.nested.svelte';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import NotificationCircleAvailable24 from './../../../public/icons/NotificationCircleAvailable24.js';\n  import NotificationWarning24 from './../../../public/icons/NotificationWarning24.js';\n  export let fixed: boolean;\n  export let loading: boolean;\n  export let disabled: boolean;\n  export let statuslabel: string;\n  export let status: string;\n  export let labeldanger: string;\n  export let labelsecondary: string;\n  export let labelprimary: string;\n\n  $: isFixed = fixed ? true : undefined;\n  $: isLoading = loading ? true : undefined;\n  $: isDisabled = disabled || isLoading ? true : undefined;\n\n  let eventHandler = new EventHandler();\n\n  if (!customElements.get('navigation-notification-circle--available-24px')) {\n    customElements.define(\n      'navigation-notification-circle--available-24px',\n      NotificationCircleAvailable24 as any,\n    );\n  }\n\n  if (!customElements.get('navigation-notification-warning-24px')) {\n    customElements.define(\n      'navigation-notification-warning-24px',\n      NotificationWarning24 as any,\n    );\n  }\n\n  function handleClick(e: Event, eventName: string): any {\n    eventHandler.dispatch(eventName, e);\n  }\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar mc-action-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n>\n  <div class=\"mc-action-bar__status\">\n    {#if isLoading}\n      <Loader size=\"s\" theme=\"primary\" text=\"\" />\n    {:else if status === 'warning'}\n      <navigation-notification-warning-24px\n        class=\"mc-action-bar__icon is-warning\"\n        fill=\"$color-primary\"\n      />\n    {:else if status === 'success'}\n      <navigation-notification-circle--available-24px\n        class=\"mc-action-bar__icon is-success\"\n        fill=\"$color-primary\"\n      />\n    {/if}\n    {#if statuslabel}\n      {statuslabel}\n    {/if}\n  </div>\n  {#if labelsecondary}\n    <button\n      class=\"mc-button mc-button--s mc-button--bordered-neutral\"\n      disabled={isDisabled}\n      on:click={(e) => handleClick(e, 'secondary')}\n    >\n      {labelsecondary}\n    </button>\n  {/if}\n\n  <button\n    class=\"mc-button mc-button--s\"\n    disabled={isDisabled}\n    on:click={(e) => handleClick(e, 'primary')}>{labelprimary}</button\n  >\n\n  {#if labeldanger}\n    <button\n      class=\"mc-button mc-button--s mc-button--bordered-danger\"\n      disabled={isDisabled}\n      on:click={(e) => handleClick(e, 'danger')}\n    >\n      {labeldanger}\n    </button>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n  @import '@mozaic-ds/styles/components/_c.action-bar';\n  @import '@mozaic-ds/styles/components/_c.button';\n</style>\n"],"names":["$","s","t","e","l","c","r","this","h","m","a","i","n","p","o","d","id","style","className","fill","size","$$set","u","constructor","super","target","shadowRoot","props","attributes","customElement","anchor","$set","observedAttributes","$$","ctx","insert","navigation_notification_circle__available_24px","navigation_notification_warning_24px","button","create_if_block_2","create_if_block_1","create_if_block","div1","append","div0","fixed","$$props","loading","disabled","statuslabel","status","labeldanger","labelsecondary","labelprimary","eventHandler","EventHandler","handleClick","eventName","dispatch","customElements","get","define","NotificationCircleAvailable24","NotificationWarning24","isFixed","undefined","isLoading","$$invalidate","isDisabled"],"mappings":"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"}

package/public/components/actionbar/ActionBar.svelte

@@ -0,0 +1,97 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import Loader from '../loader/Loader.nested.svelte';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import NotificationCircleAvailable24 from './../../../public/icons/NotificationCircleAvailable24.js';
+  import NotificationWarning24 from './../../../public/icons/NotificationWarning24.js';
+  export let fixed: boolean;
+  export let loading: boolean;
+  export let disabled: boolean;
+  export let statuslabel: string;
+  export let status: string;
+  export let labeldanger: string;
+  export let labelsecondary: string;
+  export let labelprimary: string;
+
+  $: isFixed = fixed ? true : undefined;
+  $: isLoading = loading ? true : undefined;
+  $: isDisabled = disabled || isLoading ? true : undefined;
+
+  let eventHandler = new EventHandler();
+
+  if (!customElements.get('navigation-notification-circle--available-24px')) {
+    customElements.define(
+      'navigation-notification-circle--available-24px',
+      NotificationCircleAvailable24 as any,
+    );
+  }
+
+  if (!customElements.get('navigation-notification-warning-24px')) {
+    customElements.define(
+      'navigation-notification-warning-24px',
+      NotificationWarning24 as any,
+    );
+  }
+
+  function handleClick(e: Event, eventName: string): any {
+    eventHandler.dispatch(eventName, e);
+  }
+</script>
+
+<div
+  class="ml-container ml-container--fluid mc-bottom-bar mc-action-bar"
+  class:mc-bottom-bar--fixed={isFixed}
+>
+  <div class="mc-action-bar__status">
+    {#if isLoading}
+      <Loader size="s" theme="primary" text="" />
+    {:else if status === 'warning'}
+      <navigation-notification-warning-24px
+        class="mc-action-bar__icon is-warning"
+        fill="$color-primary"
+      />
+    {:else if status === 'success'}
+      <navigation-notification-circle--available-24px
+        class="mc-action-bar__icon is-success"
+        fill="$color-primary"
+      />
+    {/if}
+    {#if statuslabel}
+      {statuslabel}
+    {/if}
+  </div>
+  {#if labelsecondary}
+    <button
+      class="mc-button mc-button--s mc-button--bordered-neutral"
+      disabled={isDisabled}
+      on:click={(e) => handleClick(e, 'secondary')}
+    >
+      {labelsecondary}
+    </button>
+  {/if}
+
+  <button
+    class="mc-button mc-button--s"
+    disabled={isDisabled}
+    on:click={(e) => handleClick(e, 'primary')}>{labelprimary}</button
+  >
+
+  {#if labeldanger}
+    <button
+      class="mc-button mc-button--s mc-button--bordered-danger"
+      disabled={isDisabled}
+      on:click={(e) => handleClick(e, 'danger')}
+    >
+      {labeldanger}
+    </button>
+  {/if}
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/layouts/_l.container';
+  @import '@mozaic-ds/styles/components/_c.bottom-bar';
+  @import '@mozaic-ds/styles/components/_c.action-bar';
+  @import '@mozaic-ds/styles/components/_c.button';
+</style>

package/public/components/autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import{S as t,i as e,a as l,b as a,f as i,s,v as n,w as o,c as r,e as c,d,x as u,n as m,g as p,y as h,h as g,z as $,j as x,A as f,B as b,l as w,C as v,D as y,E as _,F as k,m as z,o as q,G as j,H as S,p as C,r as N,q as O,I as T,J as E,K as J,L,M as H,N as M,O as R}from"../../index-c33b3772.js";import{E as Y}from"../../EventHandler-02058705.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import F from"../listbox/Listbox.nested.js";function G(t,e,l){const a=t.slice();return a[71]=e[l],a}function I(t,e,l){const a=t.slice();return a[71]=e[l],a[75]=l,a}function K(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[50](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[50](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){f(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function P(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[55])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function Q(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(I(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);x(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=I(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[57](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[75]<t[15]&&V(t);return{c(){l&&l.c(),e=J()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[75]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),x(e,l),s||(n=w(e,"click",t[58]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(G(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),x(e,l),x(l,i),x(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[60]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=G(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[59](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),x(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,E,J,L,M,R,Y,U,B,G,I,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&K(t);function et(e){t[51](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[52]),s.$on("change",t[53]),s.$on("blur",t[54]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&P(t);function nt(e){t[56](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),J=new F({props:ot}),n.push((()=>o(J,"value",nt))),J.$on("change",t[34]),J.$on("scrollend",t[38]),J.$on("select-all",t[39]);let rt=t[9]&&t[16]&&Q(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),E=d(),u(J.$$.fragment),M=d(),rt&&rt.c(),R=d(),Y=c("span"),U=d(),B=c("span"),G=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),x(e,l),tt&&tt.m(l,null),x(l,i),f(s,l,null),x(l,N),x(l,O),it&&it.m(O,null),x(O,T),st&&st.m(O,null),x(e,E),f(J,e,null),x(e,M),rt&&rt.m(e,null),x(e,R),x(e,Y),x(e,U),x(e,B),x(e,G),ct&&ct.m(e,null),V=!0,X||(Z=[b(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=K(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(H(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(H(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=P(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),J.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=Q(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&I!==(I="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:I},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(J.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(J.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(J),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:x}=e,{filter:f=!0}=e,{nofilter:b=!1}=e,{disabled:w=!1}=e,{size:v="m"}=e,{isinvalid:y}=e,{inputvalue:_}=e,{id:k}=e,{loading:z=!1}=e,{required:q=!1}=e,{items:j}=e,{value:S}=e,{open:T=!1}=e,{multiple:E=!1}=e,{emptysearchlabel:J="No results found"}=e,{datatextexpr:L="label"}=e,{datavalueexpr:H="value"}=e,{nosort:A=!1}=e,{layertitle:U="Title layer"}=e,{showmoretagslabel:B="Show more"}=e,{maxnumbertoshowtags:D=12}=e,{alltags:F=!1}=e,{selectall:G=!1}=e,{labelselectall:I="Select all"}=e;const K=N(),W=Math.random();let P,Q,V,X=new Y,Z="0px",tt=!1,et=[],lt=null;function at(){w||(l(19,o=E?[]:""),it(),X.dispatch("clear",!0))}function it(){l(21,d=!1),E&&!A?function(){V=i;const t=st();V.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[H]-l[H]:a<i?1:-1})),l(29,s=V)}():l(29,s=i)}function st(t){const e=t||o;return i.filter((t=>E?e.includes(t[H]):e===t[H]))}function nt(){l(27,lt=!0)}function ot(){l(27,lt=null)}function rt(t){l(19,o=o.filter((e=>e!==t))),X.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(70,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(42,f=t.filter),"nofilter"in t&&l(43,b=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,v=t.size),"isinvalid"in t&&l(5,y=t.isinvalid),"inputvalue"in t&&l(44,_=t.inputvalue),"id"in t&&l(6,k=t.id),"loading"in t&&l(7,z=t.loading),"required"in t&&l(8,q=t.required),"items"in t&&l(45,j=t.items),"value"in t&&l(46,S=t.value),"open"in t&&l(47,T=t.open),"multiple"in t&&l(9,E=t.multiple),"emptysearchlabel"in t&&l(10,J=t.emptysearchlabel),"datatextexpr"in t&&l(11,L=t.datatextexpr),"datavalueexpr"in t&&l(12,H=t.datavalueexpr),"nosort"in t&&l(48,A=t.nosort),"layertitle"in t&&l(13,U=t.layertitle),"showmoretagslabel"in t&&l(14,B=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,D=t.maxnumbertoshowtags),"alltags"in t&&l(16,F=t.alltags),"selectall"in t&&l(17,G=t.selectall),"labelselectall"in t&&l(18,I=t.labelselectall)},t.$$.update=()=>{if(8192&t.$$.dirty[1]&&l(28,a=_),16384&t.$$.dirty[1]&&l(20,i=j?JSON.parse(j):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|32768&t.$$.dirty[1]&&l(19,o=!S&&E?[]:S?JSON.parse(S):S),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await M(),l(26,et=st(t)),E)l(49,Q=t);else{const t=et.map((t=>t[L]));l(28,a=t.join(", "))}}(o),262144&t.$$.dirty[1]&&async function(t){await M(),l(24,Z=P&&t&&t.length?`${K.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(Q),65536&t.$$.dirty[1]&&l(21,d=T),2097152&t.$$.dirty[0]){const t=d?"open":"close";X.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,x,w,v,y,k,z,q,E,J,L,H,U,B,D,F,G,I,o,i,d,u,P,Z,tt,et,lt,a,s,c,W,at,it,function(){X.dispatch("onchange",o),E||it()},nt,ot,function(t){const e=t.target.value;!function(t){X.dispatch("oninput",t)}(e),function(t){!b&&f&&(t.length?l(29,s=i.filter((e=>e[L].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,tt=!s.length),X.dispatch("onfilter",s))}(e)},function(){X.dispatch("scrollend",!0)},function(t){X.dispatch("select-all",t.detail)},rt,$,f,b,_,j,S,T,A,Q,function(t){n[t?"unshift":"push"]((()=>{P=t,l(23,P)}))},function(t){a=t,l(28,a),l(44,_)},()=>l(21,d=!0),function(e){R.call(this,t,e)},function(e){R.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,tt=!1),E||at()},function(t){o=t,l(19,o),l(46,S),l(9,E)},t=>rt(t.id),()=>nt(),t=>rt(t.id),()=>ot()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,nofilter:43,disabled:3,size:4,isinvalid:5,inputvalue:44,id:6,loading:7,required:8,items:45,value:46,open:47,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:48,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[43]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[44]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[45]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[46]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[47]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[48]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
+import{S as t,i as e,a as l,b as a,f as i,s,H as n,I as o,c as r,e as c,d,B as u,n as m,g as p,J as h,h as g,v as $,j as f,C as x,K as b,l as w,y as v,w as y,x as _,L as k,m as z,o as q,D as j,M as S,p as C,r as N,q as O,N as T,O as J,P as E,A as L,z as R,Q as H,R as M}from"../../index-52f16292.js";import{E as Y}from"../../EventHandler-f4efd23c.js";import{c as A}from"../../ClickOutside-63071e7a.js";import U from"../tag/Tag.nested.js";import B from"../loader/Loader.nested.js";import D from"../textinput/Textinput.nested.js";import I from"../listbox/Listbox.nested.js";function K(t,e,l){const a=t.slice();return a[71]=e[l],a}function P(t,e,l){const a=t.slice();return a[71]=e[l],a[75]=l,a}function Q(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[31]}`,class:"mc-autocomplete__tag",label:t[30](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new U({props:a}),t[50](e),e.$on("tag-removed",t[32]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[31]}`),1073741824&l[0]&&(a.label=t[30]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[50](null),j(e,l)}}}function W(t){let e,l;return e=new B({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function F(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n          <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",T(t[55])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function G(t){let e,l,i=t[26],s=[];for(let e=0;e<i.length;e+=1)s[e]=tt(P(t,i,e));let n=t[19].length>t[15]&&et(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(67141640&a[0]|512&a[1]){let n;for(i=t[26],n=0;n<i.length;n+=1){const o=P(t,i,n);s[n]?s[n].p(o,a):(s[n]=tt(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=et(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),J(s,t),n&&n.d()}}}function V(t){let e;function l(t,e){return t[3]?Z:X}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function X(t){let e,l,i,s,n;function o(){return t[57](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function Z(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","link"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function tt(t){let e,l=t[75]<t[15]&&V(t);return{c(){l&&l.c(),e=E()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[75]<t[15]?l?l.p(t,a):(l=V(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function et(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),L(l,"id","id-tag"),L(l,"label",i="("+t[19].length+") "+t[14]+" "),L(l,"size","s"),L(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[58]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&L(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function lt(t){let e,l,i,s,n,o,r=t[26],d=[];for(let e=0;e<r.length;e+=1)d[e]=st(K(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),L(l,"title",t[13]),L(l,"layertitletag","h3"),L(l,"isopen",t[27])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[60]),n=!0)},p(t,e){if(67108872&e[0]|512&e[1]){let l;for(r=t[26],l=0;l<r.length;l+=1){const a=K(t,r,l);d[l]?d[l].p(a,e):(d[l]=st(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&L(l,"title",t[13]),134217728&e[0]&&L(l,"isopen",t[27])},d(t){t&&q(e),J(d,t),n=!1,o()}}}function at(t){let e,l,i,s,n;function o(){return t[59](t[71])}return{c(){e=c("m-tag"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s"),L(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,67108864&s[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&s[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function it(t){let e,l,i;return{c(){e=c("m-tag"),L(e,"type","text"),L(e,"id",l=t[71].id),L(e,"label",i=t[71].label),L(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){67108864&a[0]&&l!==(l=t[71].id)&&L(e,"id",l),67108864&a[0]&&i!==(i=t[71].label)&&L(e,"label",i)},d(t){t&&q(e)}}}function st(t){let e,l;function i(t,e){return t[3]?it:at}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function nt(t){let e,l,i,s,C,N,O,T,J,E,L,H,M,Y,U,B,K,P,V,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&Q(t);function et(e){t[51](e)}let at={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[28]&&(at.value=t[28]),s=new D({props:at}),n.push((()=>o(s,"value",et))),s.$on("input",t[37]),s.$on("click",t[52]),s.$on("change",t[53]),s.$on("blur",t[54]);let it=t[7]&&W(),st=null!=t[28]&&""!=t[28]&&!t[3]&&F(t);function nt(e){t[56](e)}let ot={items:JSON.stringify(t[29]),open:t[21],multiple:t[9],isfiltered:t[25],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),E=new I({props:ot}),n.push((()=>o(E,"value",nt))),E.$on("change",t[34]),E.$on("scrollend",t[38]),E.$on("select-all",t[39]);let rt=t[9]&&t[16]&&G(t),ct=t[9]&&t[16]&&lt(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),J=d(),u(E.$$.fragment),H=d(),rt&&rt.c(),M=d(),Y=c("span"),U=d(),B=c("span"),K=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,J),x(E,e,null),f(e,H),rt&&rt.m(e,null),f(e,M),f(e,Y),f(e,U),f(e,B),f(e,K),ct&&ct.m(e,null),V=!0,X||(Z=[b(A.call(null,e)),w(e,"outclick",t[33])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=Q(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(R(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&268435456&a[0]&&(C=!0,n.value=t[28],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=W(),it.c(),v(it,1),it.m(O,T)):it&&(R(),y(it,1,1,(()=>{it=null})),_()),null==t[28]||""==t[28]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=F(t),st.c(),st.m(O,null));const o={};536870912&a[0]&&(o.items=JSON.stringify(t[29])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),33554432&a[0]&&(o.isfiltered=t[25]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),E.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=G(t),rt.c(),rt.m(e,M)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=lt(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!V||16777217&a[0]&&P!==(P="--autocomplete-tag-width: "+t[24]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){V||(v(tt),v(s.$$.fragment,t),v(it),v(E.$$.fragment,t),V=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(E.$$.fragment,t),V=!1},d(t){t&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(E),rt&&rt.d(),ct&&ct.d(),X=!1,S(Z)}}}function ot(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p=C(e,m),{maxwidth:h="100%"}=e,{tagid:g}=e,{taglabel:$=""}=e,{placeholder:f}=e,{filter:x=!0}=e,{nofilter:b=!1}=e,{disabled:w=!1}=e,{size:v="m"}=e,{isinvalid:y}=e,{inputvalue:_}=e,{id:k}=e,{loading:z=!1}=e,{required:q=!1}=e,{items:j}=e,{value:S}=e,{open:T=!1}=e,{multiple:J=!1}=e,{emptysearchlabel:E="No results found"}=e,{datatextexpr:L="label"}=e,{datavalueexpr:R="value"}=e,{nosort:A=!1}=e,{layertitle:U="Title layer"}=e,{showmoretagslabel:B="Show more"}=e,{maxnumbertoshowtags:D=12}=e,{alltags:I=!1}=e,{selectall:K=!1}=e,{labelselectall:P="Select all"}=e;const Q=N(),W=Math.random();let F,G,V,X=new Y,Z="0px",tt=!1,et=[],lt=null;function at(){w||(l(19,o=J?[]:""),it(),X.dispatch("clear",!0))}function it(){l(21,d=!1),J&&!A?function(){V=i;const t=st();V.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[R]-l[R]:a<i?1:-1})),l(29,s=V)}():l(29,s=i)}function st(t){const e=t||o;return i.filter((t=>J?e.includes(t[R]):e===t[R]))}function nt(){l(27,lt=!0)}function ot(){l(27,lt=null)}function rt(t){l(19,o=o.filter((e=>e!==t))),X.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),O(t)),l(70,p=C(e,m)),"maxwidth"in t&&l(0,h=t.maxwidth),"tagid"in t&&l(1,g=t.tagid),"taglabel"in t&&l(41,$=t.taglabel),"placeholder"in t&&l(2,f=t.placeholder),"filter"in t&&l(42,x=t.filter),"nofilter"in t&&l(43,b=t.nofilter),"disabled"in t&&l(3,w=t.disabled),"size"in t&&l(4,v=t.size),"isinvalid"in t&&l(5,y=t.isinvalid),"inputvalue"in t&&l(44,_=t.inputvalue),"id"in t&&l(6,k=t.id),"loading"in t&&l(7,z=t.loading),"required"in t&&l(8,q=t.required),"items"in t&&l(45,j=t.items),"value"in t&&l(46,S=t.value),"open"in t&&l(47,T=t.open),"multiple"in t&&l(9,J=t.multiple),"emptysearchlabel"in t&&l(10,E=t.emptysearchlabel),"datatextexpr"in t&&l(11,L=t.datatextexpr),"datavalueexpr"in t&&l(12,R=t.datavalueexpr),"nosort"in t&&l(48,A=t.nosort),"layertitle"in t&&l(13,U=t.layertitle),"showmoretagslabel"in t&&l(14,B=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,D=t.maxnumbertoshowtags),"alltags"in t&&l(16,I=t.alltags),"selectall"in t&&l(17,K=t.selectall),"labelselectall"in t&&l(18,P=t.labelselectall)},t.$$.update=()=>{if(8192&t.$$.dirty[1]&&l(28,a=_),16384&t.$$.dirty[1]&&l(20,i=j?JSON.parse(j):[]),1048576&t.$$.dirty[0]&&l(29,s=i),512&t.$$.dirty[0]|32768&t.$$.dirty[1]&&l(19,o=!S&&J?[]:S?JSON.parse(S):S),524288&t.$$.dirty[0]|1024&t.$$.dirty[1]&&l(30,c=()=>o.length.toString()+" "+$),524288&t.$$.dirty[0]&&async function(t){if(await H(),l(26,et=st(t)),J)l(49,G=t);else{const t=et.map((t=>t[L]));l(28,a=t.join(", "))}}(o),262144&t.$$.dirty[1]&&async function(t){await H(),l(24,Z=F&&t&&t.length?`${Q.shadowRoot.querySelector(".mc-tag-removable").clientWidth}px`:"0px")}(G),65536&t.$$.dirty[1]&&l(21,d=T),2097152&t.$$.dirty[0]){const t=d?"open":"close";X.dispatch(t,d)}l(22,u=Object.assign({},p)),4194304&t.$$.dirty[0]&&delete u.class},[h,g,f,w,v,y,k,z,q,J,E,L,R,U,B,D,I,K,P,o,i,d,u,F,Z,tt,et,lt,a,s,c,W,at,it,function(){X.dispatch("onchange",o),J||it()},nt,ot,function(t){const e=t.target.value;!function(t){X.dispatch("oninput",t)}(e),function(t){!b&&x&&(t.length?l(29,s=i.filter((e=>e[L].toUpperCase().includes(t.toUpperCase())))):l(29,s=i),l(25,tt=!s.length),X.dispatch("onfilter",s))}(e)},function(){X.dispatch("scrollend",!0)},function(t){X.dispatch("select-all",t.detail)},rt,$,x,b,_,j,S,T,A,G,function(t){n[t?"unshift":"push"]((()=>{F=t,l(23,F)}))},function(t){a=t,l(28,a),l(44,_)},()=>l(21,d=!0),function(e){M.call(this,t,e)},function(e){M.call(this,t,e)},()=>{l(28,a=""),l(29,s=i),l(25,tt=!1),J||at()},function(t){o=t,l(19,o),l(46,S),l(9,J)},t=>rt(t.id),()=>nt(),t=>rt(t.id),()=>ot()]}class rt extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #0b96cc;box-shadow:0 0 0 2px #0b96cc}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},ot,nt,s,{maxwidth:0,tagid:1,taglabel:41,placeholder:2,filter:42,nofilter:43,disabled:3,size:4,isinvalid:5,inputvalue:44,id:6,loading:7,required:8,items:45,value:46,open:47,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:48,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[41]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[42]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[43]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[44]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[45]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[46]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[47]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[48]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{rt as default};
 //# sourceMappingURL=Autocomplete.js.map

package/public/components/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    await tick();\n    selectedItems = getSelectedItems(value);\n    if (!multiple) {\n      const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n      localInputValue = seletedLabels.join(', ');\n    } else {\n      tagValue = value;\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import { tick } from 'svelte';\n  import { get_current_component } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import { clickOutside } from '../../utilities/ClickOutside';\n  import type { ListboxItems } from '../listbox/listbox.types';\n  import type { TextInputSize } from '../textinput/textinput.types';\n\n  import Tag from '../tag/Tag.nested.svelte';\n  import Loader from '../loader/Loader.nested.svelte';\n  import TextInput from '../textinput/Textinput.nested.svelte';\n  import Listbox from '../listbox/Listbox.nested.svelte';\n\n  export let maxwidth = '100%';\n  export let tagid: string;\n  export let taglabel = '';\n  export let placeholder: string;\n  export let filter = true;\n  export let nofilter = false;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let isinvalid: boolean;\n  export let inputvalue: string;\n  export let id: string;\n  export let loading = false;\n  export let required = false;\n  export let items: string;\n  export let value: any;\n  export let open = false;\n  export let multiple = false;\n  export let emptysearchlabel = 'No results found';\n  export let datatextexpr = 'label';\n  export let datavalueexpr = 'value';\n  export let nosort = false;\n  export let layertitle = 'Title layer';\n  export let showmoretagslabel = 'Show more';\n  export let maxnumbertoshowtags = 12;\n  export let alltags = false;\n  export let selectall = false;\n  export let labelselectall = 'Select all';\n\n  const component: any = get_current_component();\n  const uuid = Math.random();\n  let eventHandler = new EventHandler();\n  let tag: any;\n  let tagWidth = '0px';\n  let tagValue: any;\n  let sortedListItems: any;\n  let isfiltered = false;\n  let selectedItems: ListboxItems[] = [];\n  let openLayer: any = null;\n\n  $: localInputValue = inputvalue;\n  $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n  $: localItems = parsedItems;\n  $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n  $: setTagLabel = () => {\n    return listboxValue.length.toString() + ' ' + taglabel;\n  };\n  $: watchListboxValue(listboxValue);\n  $: setTagWidth(tagValue);\n  $: openState = open;\n  $: {\n    const eventName = openState ? 'open' : 'close';\n    eventHandler.dispatch(eventName, openState);\n  }\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function clearListbox() {\n    if (!disabled) {\n      listboxValue = multiple ? [] : '';\n      closeListBox();\n      eventHandler.dispatch('clear', true);\n    }\n  }\n\n  function closeListBox() {\n    openState = false;\n\n    if (multiple && !nosort) {\n      sortItems();\n    } else {\n      localItems = parsedItems;\n    }\n  }\n\n  function onChange() {\n    eventHandler.dispatch('onchange', listboxValue);\n\n    if (!multiple) {\n      closeListBox();\n    }\n  }\n\n  function getSelectedItems(val?: string) {\n    const value = val ? val : listboxValue;\n\n    const selectedItems = parsedItems.filter((item: ListboxItems) => {\n      return multiple\n        ? value.includes(item[datavalueexpr])\n        : value === item[datavalueexpr];\n    });\n    return selectedItems;\n  }\n\n  function sortItems() {\n    sortedListItems = parsedItems;\n    const selectedItems = getSelectedItems();\n\n    sortedListItems.sort((a: any, b: any) => {\n      const hasItemA = selectedItems.includes(a);\n      const hasItemB = selectedItems.includes(b);\n\n      if (hasItemA === hasItemB) {\n        return a[datavalueexpr] - b[datavalueexpr];\n      } else if (hasItemA < hasItemB) {\n        return 1;\n      } else {\n        return -1;\n      }\n    });\n\n    localItems = sortedListItems;\n  }\n\n  function openLayerFn() {\n    openLayer = true;\n  }\n\n  function closeLayerFn() {\n    openLayer = null;\n  }\n\n  function handleInputValue(value: any) {\n    eventHandler.dispatch('oninput', value);\n  }\n\n  function filterListbox(value: any) {\n    if (nofilter || !filter) {\n      return;\n    }\n\n    if (value.length) {\n      localItems = parsedItems.filter((item: any) =>\n        item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n      );\n    } else {\n      localItems = parsedItems;\n    }\n\n    isfiltered = !localItems.length;\n\n    eventHandler.dispatch('onfilter', localItems);\n  }\n\n  function onInput(e: Event) {\n    const value = (e.target as HTMLInputElement).value;\n    handleInputValue(value);\n    filterListbox(value);\n  }\n\n  function onScrollEnd() {\n    eventHandler.dispatch('scrollend', true);\n  }\n\n  function onSelectAll(e: CustomEvent) {\n    eventHandler.dispatch('select-all', e.detail);\n  }\n\n  function removeTagSelected(itemSelectedId: any) {\n    listboxValue = listboxValue.filter(\n      (value: any) => value !== itemSelectedId,\n    );\n    eventHandler.dispatch('onchange', listboxValue);\n  }\n\n  // Watch Functions\n  async function watchListboxValue(value: any) {\n    await tick();\n    selectedItems = getSelectedItems(value);\n    if (!multiple) {\n      const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n      localInputValue = seletedLabels.join(', ');\n    } else {\n      tagValue = value;\n    }\n  }\n\n  async function setTagWidth(tagValue: any) {\n    await tick();\n\n    tagWidth =\n      tag && tagValue && tagValue.length\n        ? `${\n            component.shadowRoot.querySelector('.mc-tag-removable').clientWidth\n          }px`\n        : '0px';\n  }\n</script>\n\n<div\n  class=\"mc-autocomplete\"\n  class:mc-autocomplete--multi={multiple}\n  style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n  use:clickOutside\n  on:outclick={closeListBox}\n  {...attributes}\n>\n  <div class=\"mc-autocomplete__main\">\n    <!--  TAG REMOVABLE -->\n    {#if multiple && listboxValue.length > 0 && !alltags}\n      <Tag\n        id={tagid ? tagid : `autocompleteTag-${uuid}`}\n        class=\"mc-autocomplete__tag\"\n        label={setTagLabel()}\n        size=\"s\"\n        type=\"removable\"\n        dark={false}\n        disabled={false}\n        href=\"\"\n        name=\"\"\n        value=\"\"\n        selected={false}\n        bind:this={tag}\n        on:tag-removed={clearListbox}\n      />\n    {/if}\n\n    <!-- TEXT INPUT -->\n    <TextInput\n      classinput=\"mc-autocomplete__trigger\"\n      name={id}\n      bind:value={localInputValue}\n      {placeholder}\n      inputtype=\"text\"\n      {isinvalid}\n      {disabled}\n      {size}\n      {required}\n      iconname=\"navigation-display-search-24px\"\n      rightalign={false}\n      isvalid={false}\n      min=\"\"\n      max=\"\"\n      on:input={onInput}\n      on:click={() => (openState = true)}\n      on:change\n      on:blur\n    />\n\n    <div class=\"mc-autocomplete__tools\">\n      <!-- LOADER -->\n      {#if loading}\n        <Loader\n          size=\"s\"\n          theme=\"primary\"\n          text=\"\"\n          class=\"mc-autocomplete__loader\"\n        />\n      {/if}\n\n      <!-- CLEAR BUTTON -->\n      {#if localInputValue != null && localInputValue != '' && !disabled}\n        <button\n          class=\"mc-autocomplete__clear\"\n          type=\"button\"\n          on:click|stopPropagation={() => {\n            localInputValue = '';\n            localItems = parsedItems;\n            isfiltered = false;\n            if (!multiple) {\n              clearListbox();\n            }\n          }}\n        >\n          <navigation-control-tag--cross-24px />\n          <span class=\"mc-autocomplete__clear-text\">Clear</span>\n        </button>\n      {/if}\n    </div>\n  </div>\n\n  <!-- LISTBOX -->\n  <Listbox\n    items={JSON.stringify(localItems)}\n    open={openState}\n    {multiple}\n    {isfiltered}\n    {emptysearchlabel}\n    {maxwidth}\n    {datatextexpr}\n    {datavalueexpr}\n    {selectall}\n    {labelselectall}\n    bind:value={listboxValue}\n    on:change={onChange}\n    on:scrollend={onScrollEnd}\n    on:select-all={onSelectAll}\n  />\n\n  {#if multiple && alltags}\n    <div class=\"tags-selected\">\n      {#each selectedItems as selectedItem, index}\n        {#if index < maxnumbertoshowtags}\n          <div class=\"tag-selected\">\n            {#if disabled}\n              <m-tag\n                type=\"link\"\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                dark={true}\n              />\n            {:else}\n              <m-tag\n                id={selectedItem.id}\n                label={selectedItem.label}\n                size=\"s\"\n                type=\"removable\"\n                on:tag-removed={() => removeTagSelected(selectedItem.id)}\n              />\n            {/if}\n          </div>\n        {/if}\n      {/each}\n      {#if listboxValue.length > maxnumbertoshowtags}\n        <!-- svelte-ignore a11y-click-events-have-key-events -->\n        <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n          <m-tag\n            id=\"id-tag\"\n            label=\"({listboxValue.length}) {showmoretagslabel} \"\n            size=\"s\"\n            type=\"link\"\n          />\n        </div>\n      {/if}\n    </div>\n  {/if}\n\n  <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n  <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n  <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n  {#if multiple && alltags}\n    <div>\n      <m-layer\n        title={layertitle}\n        layertitletag=\"h3\"\n        isopen={openLayer}\n        on:layer-closed={() => closeLayerFn()}\n      >\n        <small slot=\"content\">\n          <div class=\"tags-selected\">\n            {#each selectedItems as selectedItem}\n              <div class=\"tag-selected\">\n                {#if disabled}\n                  <m-tag\n                    type=\"text\"\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                  />\n                {:else}\n                  <m-tag\n                    id={selectedItem.id}\n                    label={selectedItem.label}\n                    size=\"s\"\n                    type=\"removable\"\n                    on:tag-removed={() => removeTagSelected(selectedItem.id)}\n                  />\n                {/if}\n              </div>\n            {/each}\n          </div>\n        </small>\n      </m-layer>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.autocomplete';\n\n  // Autocomplete\n  // NOTE: These styles with the \"!important\" allow to overload the edge effects\n  // due to the scoping applied by Svelte on the CSS selectors\n  .mc-autocomplete {\n    &__tag {\n      position: absolute !important; // due to the Svelte CSS scope\n    }\n\n    &--multi {\n      .mc-autocomplete__trigger {\n        padding-left: calc(\n          2.9375rem + var(--autocomplete-tag-width)\n        ) !important;\n      }\n    }\n  }\n\n  // Selected Tags\n  .tags-selected {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .tag-selected {\n    margin-top: 1em;\n    margin-left: 5px;\n    margin-right: 5px;\n  }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","component","get_current_component","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","watchListboxValue","shadowRoot","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","e","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}

package/public/components/badge/Badge.js

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as s,f as a,s as o,c,e as l,t as n,n as d,h as i,j as b,B as p,X as u,m as g,o as f,p as m,r as h,q as $}from"../../index-c33b3772.js";import{c as y}from"../../EventForward-8492ff62.js";function x(e){let t,r,a,o,m,h=[{class:a=w(e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<h.length;e+=1)$=c($,h[e]);return{c(){t=l("div"),r=n(e[0]),this.c=d,i(t,$)},m(a,c){s(a,t,c),b(t,r),o||(m=p(e[4].call(null,t)),o=!0)},p(e,[s]){1&s&&u(r,e[0],$.contenteditable),i(t,$=g(h,[10&s&&a!==(a=w(e[1])+" "+e[3])&&{class:a},4&s&&e[2]]))},i:d,o:d,d(e){e&&f(t),o=!1,m()}}}function w(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),t.join(" ")}function k(e,t,r){let s,a;const o=["label","type"];let l=m(t,o),{label:n}=t,{type:d}=t;const i=y(h());return e.$$set=e=>{r(6,t=c(c({},t),$(e))),r(5,l=m(t,o)),"label"in e&&r(0,n=e.label),"type"in e&&r(1,d=e.type)},e.$$.update=()=>{r(3,s=t.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},t=$(t),[n,d,a,s,i]}class j extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge::first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},k,x,o,{label:0,type:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","type"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),a()}}export{j as default};
+import{S as e,i as t,a as r,b as s,f as a,s as o,c,e as l,t as n,n as d,h as i,j as b,K as p,X as u,m as g,o as m,p as f,r as h,q as $}from"../../index-52f16292.js";import{c as y}from"../../EventForward-422700d7.js";function x(e){let t,r,a,o,f,h=[{class:a=w(e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<h.length;e+=1)$=c($,h[e]);return{c(){t=l("div"),r=n(e[0]),this.c=d,i(t,$)},m(a,c){s(a,t,c),b(t,r),o||(f=p(e[4].call(null,t)),o=!0)},p(e,[s]){1&s&&u(r,e[0],$.contenteditable),i(t,$=g(h,[10&s&&a!==(a=w(e[1])+" "+e[3])&&{class:a},4&s&&e[2]]))},i:d,o:d,d(e){e&&m(t),o=!1,f()}}}function w(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),t.join(" ")}function k(e,t,r){let s,a;const o=["label","type"];let l=f(t,o),{label:n}=t,{type:d}=t;const i=y(h());return e.$$set=e=>{r(6,t=c(c({},t),$(e))),r(5,l=f(t,o)),"label"in e&&r(0,n=e.label),"type"in e&&r(1,d=e.type)},e.$$.update=()=>{r(3,s=t.class),r(2,a=Object.assign({},l)),4&e.$$.dirty&&delete a.class},t=$(t),[n,d,a,s,i]}class j extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge::first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},k,x,o,{label:0,type:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["label","type"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),a()}get type(){return this.$$.ctx[1]}set type(e){this.$$set({type:e}),a()}}export{j as default};
 //# sourceMappingURL=Badge.js.map

package/public/components/badge/Badge.nested.js

@@ -1,2 +1,2 @@
-import{P as e,i as r,s as o,Q as a,c as s,e as t,t as c,h as l,z as d,b as n,j as b,X as i,m as f,n as p,o as u,p as g,q as m}from"../../index-c33b3772.js";function y(e){a(e,"svelte-10rfydw",'.mc-badge.svelte-10rfydw{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-10rfydw::first-letter{text-transform:uppercase}.mc-badge--success.svelte-10rfydw{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-10rfydw{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-10rfydw{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-10rfydw{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function w(e){let r,o,a,g=[{class:a=v(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<g.length;e+=1)m=s(m,g[e]);return{c(){r=t("div"),o=c(e[0]),l(r,m),d(r,"svelte-10rfydw",!0)},m(e,a){n(e,r,a),b(r,o)},p(e,[s]){1&s&&i(o,e[0],m.contenteditable),l(r,m=f(g,[10&s&&a!==(a=v(e[1])+" "+e[3])&&{class:a},4&s&&e[2]])),d(r,"svelte-10rfydw",!0)},i:p,o:p,d(e){e&&u(r)}}}function v(e){const r=["mc-badge"];return e&&r.push(`mc-badge--${e}`),r.join(" ")}function h(e,r,o){let a,t;const c=["label","type"];let l=g(r,c),{label:d}=r,{type:n}=r;return e.$$set=e=>{o(5,r=s(s({},r),m(e))),o(4,l=g(r,c)),"label"in e&&o(0,d=e.label),"type"in e&&o(1,n=e.type)},e.$$.update=()=>{o(3,a=r.class),o(2,t=Object.assign({},l)),4&e.$$.dirty&&delete t.class},r=m(r),[d,n,t,a]}class x extends e{constructor(e){super(),r(this,e,h,w,o,{label:0,type:1},y)}}export{x as default};
+import{E as e,i as r,s as o,F as a,c as s,e as t,t as l,h as c,v as d,b as n,j as i,X as b,m as f,n as p,o as u,p as g,q as m}from"../../index-52f16292.js";function y(e){a(e,"svelte-10rfydw",'.mc-badge.svelte-10rfydw{border-radius:4px;border:1px solid transparent;display:inline-block;padding:0.125rem 0.4375rem;text-transform:lowercase;white-space:nowrap;font-family:"LeroyMerlin", sans-serif;font-weight:600;font-size:0.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge.svelte-10rfydw::first-letter{text-transform:uppercase}.mc-badge--success.svelte-10rfydw{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning.svelte-10rfydw{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger.svelte-10rfydw{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral.svelte-10rfydw{background-color:#e6e6e6;border-color:#808080;color:#4d4d4d}')}function w(e){let r,o,a,g=[{class:a=v(e[1])+" "+e[3]},e[2]],m={};for(let e=0;e<g.length;e+=1)m=s(m,g[e]);return{c(){r=t("div"),o=l(e[0]),c(r,m),d(r,"svelte-10rfydw",!0)},m(e,a){n(e,r,a),i(r,o)},p(e,[s]){1&s&&b(o,e[0],m.contenteditable),c(r,m=f(g,[10&s&&a!==(a=v(e[1])+" "+e[3])&&{class:a},4&s&&e[2]])),d(r,"svelte-10rfydw",!0)},i:p,o:p,d(e){e&&u(r)}}}function v(e){const r=["mc-badge"];return e&&r.push(`mc-badge--${e}`),r.join(" ")}function h(e,r,o){let a,t;const l=["label","type"];let c=g(r,l),{label:d}=r,{type:n}=r;return e.$$set=e=>{o(5,r=s(s({},r),m(e))),o(4,c=g(r,l)),"label"in e&&o(0,d=e.label),"type"in e&&o(1,n=e.type)},e.$$.update=()=>{o(3,a=r.class),o(2,t=Object.assign({},c)),4&e.$$.dirty&&delete t.class},r=m(r),[d,n,t,a]}class x extends e{constructor(e){super(),r(this,e,h,w,o,{label:0,type:1},y)}}export{x as default};
 //# sourceMappingURL=Badge.nested.js.map

package/public/components/bottombar/BottomBar.js

@@ -0,0 +1,2 @@
+import{S as e,i as t,a as i,b as d,f as n,s as a,e as r,n as o,g as m,v as s,o as x}from"../../index-52f16292.js";function p(e){let t;return{c(){t=r("div"),this.c=o,m(t,"class","ml-container ml-container--fluid mc-bottom-bar"),s(t,"mc-bottom-bar--fixed",e[0])},m(e,i){d(e,t,i)},p(e,[i]){1&i&&s(t,"mc-bottom-bar--fixed",e[0])},i:o,o:o,d(e){e&&x(t)}}}function c(e,t,i){let d,{fixed:n}=t;return e.$$set=e=>{"fixed"in e&&i(1,n=e.fixed)},e.$$.update=()=>{2&e.$$.dirty&&i(0,d=!!n||void 0)},[d,n]}class h extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".ml-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}@media screen and (min-width: 680px){.ml-container{padding-right:2rem;padding-left:2rem}}@media screen and (min-width: 1024px){.ml-container{padding-right:3rem;padding-left:3rem;max-width:64rem}}@media screen and (min-width: 1280px){.ml-container{padding-right:2rem;padding-left:2rem;max-width:80rem}}@media screen and (min-width: 1920px){.ml-container{padding-right:2.5rem;padding-left:2.5rem;max-width:120rem}}.ml-container--fluid{max-width:none}@media screen and (min-width: 680px){}@media screen and (min-width: 1024px){}@media screen and (min-width: 1280px){}@media screen and (min-width: 1920px){}.mc-bottom-bar{-webkit-box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);box-shadow:0px 1px 5px 0px rgba(25, 25, 25, 0.2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}",this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},c,p,a,{fixed:1},null),e&&(e.target&&d(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["fixed"]}get fixed(){return this.$$.ctx[1]}set fixed(e){this.$$set({fixed:e}),n()}}export{h as default};
+//# sourceMappingURL=BottomBar.js.map

package/public/components/bottombar/BottomBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBar.js","sources":["../../../src/components/bottombar/BottomBar.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  export let fixed: boolean;\n\n  $: isFixed = fixed ? true : undefined;\n</script>\n\n<div\n  class=\"ml-container ml-container--fluid mc-bottom-bar\"\n  class:mc-bottom-bar--fixed={isFixed}\n/>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/layouts/_l.container';\n  @import '@mozaic-ds/styles/components/_c.bottom-bar';\n</style>\n"],"names":["ctx","insert","target","div","anchor","fixed","$$props","isFixed","undefined"],"mappings":"8PAU8BA,EAAO,YAFrCC,EAGCC,EAAAC,EAAAC,6CAD6BJ,EAAO,2DAPxBK,GAAcC,qFAEtBC,IAAUF,QAAeG"}

package/public/components/bottombar/BottomBar.svelte

@@ -0,0 +1,18 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  export let fixed: boolean;
+
+  $: isFixed = fixed ? true : undefined;
+</script>
+
+<div
+  class="ml-container ml-container--fluid mc-bottom-bar"
+  class:mc-bottom-bar--fixed={isFixed}
+/>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/layouts/_l.container';
+  @import '@mozaic-ds/styles/components/_c.bottom-bar';
+</style>