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

package/dist/adeo/bundle.js

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

@@ -0,0 +1,2 @@
+import{S as e,i as o,a as i,g as t,b as a,f as n,s as c,c as r,e as d,d as s,n as l,h as m,j as g,t as h,k as b,l as p,m as u,o as w,p as _,q as f,r as $,u as x,v,w as k,x as E,y as C}from"../../index-c222d0b7.js";import{E as z}from"../../EventHandler-f7ee47ca.js";function y(e){let o,i=`<${B(e[2],String(e[3]),e[1])} />`;return{c(){o=d("span"),m(o,"class","mc-accordion__icon")},m(e,t){a(e,o,t),o.innerHTML=i},p(e,t){14&t&&i!==(i=`<${B(e[2],String(e[3]),e[1])} />`)&&(o.innerHTML=i)},d(e){e&&u(o)}}}function T(e){let o;return{c(){o=d("span"),o.innerHTML='<slot name="icon"></slot>',m(o,"class","mc-accordion__icon")},m(e,i){a(e,o,i)},d(e){e&&u(o)}}}function M(e){let o,i,t,n,c,r,l,g,h,p,w,_=e[2]&&y(e),f=e[13].icon&&T();return{c(){o=d(e[7]),i=d("button"),_&&_.c(),t=s(),f&&f.c(),n=s(),c=v(e[0]),r=s(),l=d("slot"),m(l,"name","afterLabel"),m(i,"id",g=`m-accordion-${e[8]}`),m(i,"class","mc-accordion__trigger"),m(i,"type","button"),m(i,"aria-expanded",e[10]),m(i,"aria-controls",h=`content-${e[8]}`),i.disabled=e[4],k(e[7])(o,{class:"mc-accordion__title"})},m(d,s){a(d,o,s),b(o,i),_&&_.m(i,null),b(i,t),f&&f.m(i,null),b(i,n),b(i,c),b(i,r),b(i,l),p||(w=E(i,"click",e[12]),p=!0)},p(e,o){e[2]?_?_.p(e,o):(_=y(e),_.c(),_.m(i,t)):_&&(_.d(1),_=null),e[13].icon?f||(f=T(),f.c(),f.m(i,n)):f&&(f.d(1),f=null),1&o&&C(c,e[0]),256&o&&g!==(g=`m-accordion-${e[8]}`)&&m(i,"id",g),1024&o&&m(i,"aria-expanded",e[10]),256&o&&h!==(h=`content-${e[8]}`)&&m(i,"aria-controls",h),16&o&&(i.disabled=e[4])},d(e){e&&u(o),_&&_.d(),f&&f.d(),p=!1,w()}}}function H(e){let o,i,t,n,w,_,f,$,x,v,k,E=e[7],C=e[7]&&M(e),z=[{class:k="mc-accordion"+(e[1]?` mc-accordion--${e[1]}`:"")+" "+(e[11]?e[11]:"")},e[9]],y={};for(let e=0;e<z.length;e+=1)y=r(y,z[e]);return{c(){o=d("div"),i=d("div"),t=d("slot"),n=s(),C&&C.c(),w=s(),_=d("div"),f=d("slot"),this.c=l,m(t,"name","beforeLabel"),m(i,"class","mc-accordion__header"),m(_,"id",$=`content-${e[8]}`),m(_,"role","region"),m(_,"class","mc-accordion__content"),m(_,"aria-hidden",x=!e[10]),m(_,"aria-labelledby",v=`m-accordion-${e[8]}`),g(o,y),h(o,"is-open",e[10]),h(o,"mc-accordion--no-padding",e[5]),h(o,"mc-accordion--checkable",e[6]),h(o,"is-disabled",e[4])},m(e,c){a(e,o,c),b(o,i),b(i,t),b(i,n),C&&C.m(i,null),b(o,w),b(o,_),b(_,f)},p(e,[t]){e[7]?E?c(E,e[7])?(C.d(1),C=M(e),E=e[7],C.c(),C.m(i,null)):C.p(e,t):(C=M(e),E=e[7],C.c(),C.m(i,null)):E&&(C.d(1),C=null,E=e[7]),256&t&&$!==($=`content-${e[8]}`)&&m(_,"id",$),1024&t&&x!==(x=!e[10])&&m(_,"aria-hidden",x),256&t&&v!==(v=`m-accordion-${e[8]}`)&&m(_,"aria-labelledby",v),g(o,y=p(z,[2050&t&&k!==(k="mc-accordion"+(e[1]?` mc-accordion--${e[1]}`:"")+" "+(e[11]?e[11]:""))&&{class:k},512&t&&e[9]])),h(o,"is-open",e[10]),h(o,"mc-accordion--no-padding",e[5]),h(o,"mc-accordion--checkable",e[6]),h(o,"is-disabled",e[4])},i:l,o:l,d(e){e&&u(o),C&&C.d(e)}}}function B(e,o,i){return"s"===i?`${e} size="1.5rem"`:`${e} size="2rem" fill="${o}"`}function V(e,o,i){let t,a,n;const c=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","headingTag","id"];let d=w(o,c),{$$slots:s={},$$scope:l}=o;const m=_(s);let{label:g}=o,{size:h="m"}=o,{iconname:b}=o,{iconcolor:p}=o,{open:u=!1}=o,{disabled:v=!1}=o,{nopadding:k=!1}=o,{checkable:E=!1}=o,{headingTag:C="h2"}=o,{id:y}=o,T=new z(f(),$());return e.$$set=e=>{i(17,o=r(r({},o),x(e))),i(16,d=w(o,c)),"label"in e&&i(0,g=e.label),"size"in e&&i(1,h=e.size),"iconname"in e&&i(2,b=e.iconname),"iconcolor"in e&&i(3,p=e.iconcolor),"open"in e&&i(14,u=e.open),"disabled"in e&&i(4,v=e.disabled),"nopadding"in e&&i(5,k=e.nopadding),"checkable"in e&&i(6,E=e.checkable),"headingTag"in e&&i(7,C=e.headingTag),"id"in e&&i(8,y=e.id)},e.$$.update=()=>{16384&e.$$.dirty&&i(10,t=!!u),i(11,a=o.class),i(9,n=Object.assign({},d)),512&e.$$.dirty&&delete n.class},o=x(o),[g,h,b,p,v,k,E,C,y,n,t,a,function(){T.dispatch("on-heading-click",t),i(10,t=!t)},m,u]}class L extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-accordion{border-bottom:1px solid #666666;font-family:\"Roboto\", 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__header{padding-left:0.5rem;position:relative}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__header,.mc-accordion button.mc-accordion__trigger{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem}.mc-accordion__title{font-weight:700;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;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding-left:0;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;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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.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-right:0.5rem;padding-left:0.5rem;-webkit-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.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__header{background-color:#e6e6e6}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--no-padding .mc-accordion__header{padding-left:0}.mc-accordion--no-padding .mc-accordion__content{padding-left:0;padding-right:0}.mc-accordion--no-padding button.mc-accordion__trigger::before{right: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(r),o(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:t(this)},customElement:!0},V,H,c,{label:0,size:1,iconname:2,iconcolor:3,open:14,disabled:4,nopadding:5,checkable:6,headingTag:7,id:8},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),n()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable","headingTag","id"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),n()}get size(){return this.$$.ctx[1]}set size(e){this.$$set({size:e}),n()}get iconname(){return this.$$.ctx[2]}set iconname(e){this.$$set({iconname:e}),n()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(e){this.$$set({iconcolor:e}),n()}get open(){return this.$$.ctx[14]}set open(e){this.$$set({open:e}),n()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),n()}get nopadding(){return this.$$.ctx[5]}set nopadding(e){this.$$set({nopadding:e}),n()}get checkable(){return this.$$.ctx[6]}set checkable(e){this.$$set({checkable:e}),n()}get headingTag(){return this.$$.ctx[7]}set headingTag(e){this.$$set({headingTag:e}),n()}get id(){return this.$$.ctx[8]}set id(e){this.$$set({id:e}),n()}}export{L as default};
+//# sourceMappingURL=Accordion.js.map

package/dist/adeo/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { AccordionSize } from './accordion.types';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n\n  export let label: string;\n  export let size: AccordionSize = 'm';\n  export let iconname: string | undefined = undefined;\n  export let iconcolor: string | undefined = undefined;\n  export let open = false;\n  export let disabled = false;\n  export let nopadding = false;\n  export let checkable = false;\n  export let headingTag: string | undefined = 'h2';\n  export let id: string;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n  $: isOpen = open ? true : false;\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(\n    iconname: string,\n    iconcolor: string,\n    iconsize: string,\n  ): string {\n    return iconsize === 's'\n      ? `${iconname} size=\"1.5rem\"`\n      : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n  }\n\n  function handleState(): void {\n    eventHandler.dispatch('on-heading-click', isOpen);\n    isOpen = !isOpen;\n  }\n</script>\n\n<div\n  class=\"mc-accordion{size ? ` mc-accordion--${size}` : ''}\n  {userClass ? userClass : ''}\"\n  class:is-open={isOpen}\n  class:mc-accordion--no-padding={nopadding}\n  class:mc-accordion--checkable={checkable}\n  class:is-disabled={disabled}\n  {...attributes}\n>\n  <div class=\"mc-accordion__header\">\n    <slot name=\"beforeLabel\" />\n    <svelte:element this={headingTag} class=\"mc-accordion__title\">\n      <button\n        id={`m-accordion-${id}`}\n        class=\"mc-accordion__trigger\"\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={`content-${id}`}\n        {disabled}\n        on:click={handleState}\n      >\n        {#if iconname}\n          <span class=\"mc-accordion__icon\">\n            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n          </span>\n        {/if}\n        {#if $$slots.icon}\n          <!-- This <hr> and slot will render only if a slot named \"description\" is provided. -->\n          <span class=\"mc-accordion__icon\">\n            <slot name=\"icon\" />\n          </span>\n        {/if}\n        {label}\n        <slot name=\"afterLabel\" />\n      </button>\n    </svelte:element>\n  </div>\n  <div\n    id={`content-${id}`}\n    role=\"region\"\n    class=\"mc-accordion__content\"\n    aria-hidden={!isOpen}\n    aria-labelledby={`m-accordion-${id}`}\n  >\n    <slot />\n  </div>\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.accordion';\n\n  :host {\n    display: block;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block_1","if_block1","icon","create_if_block","svelte_element","class","append","button","slot","create_dynamic_element","div2","div0","slot0","div1","slot1","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","headingTag","id","eventHandler","EventHandler","get_current_component","createEventDispatcher","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"6RAoEuBA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,0EAD/DE,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAR,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,YAAAI,EAAAG,UAAAT,gJAK/DI,EAEMC,EAAAC,EAAAC,6DATHL,EAAQ,IAAAQ,EAAAR,GAKRS,EAAAT,MAAQU,MAAIC,mBAfCX,EAAU,oDAqB3BA,EAAK,yEAnBaA,EAAE,oFAGNA,EAAM,sCACKA,EAAE,wBANVA,EAAU,IAAAY,EAAA,CAAAC,MAAA,gCAAhCX,EAwBgBC,EAAAS,EAAAP,GAvBdS,EAsBQF,EAAAG,6DADND,EAAyBC,EAAAC,qBAdfhB,EAAW,mBAEhBA,EAAQ,yDAKRA,MAAQU,2DAMZV,EAAK,iCAnBaA,EAAE,+CAGNA,EAAM,8BACKA,EAAE,2IANVA,EAAU,KAAVA,EAAU,IAAAiB,EAAAjB,+BAVdA,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,KAKrBA,EAAU,uOA+BGA,EAAE,qFAGHA,EAAM,4CACYA,EAAE,2BAvCrBA,EAAM,oCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,YAN7BE,EA8CKC,EAAAe,EAAAb,GArCHS,EA2BKI,EAAAC,GA1BHL,EAA0BK,EAAAC,gCA2B5BN,EAQKI,EAAAG,GADHP,EAAOO,EAAAC,aAjCetB,EAAU,SAAVA,EAAU,qBAAVA,EAAU,yCAAVA,EAAU,0CAAVA,EAAU,6BA2BjBA,EAAE,mCAGHA,EAAM,wDACYA,EAAE,0EAzChBA,EAAI,qBAAqBA,EAAI,KAAK,IACrD,KAAAA,EAAY,IAAAA,MAAY,MAAE,CAAAa,MAAAU,UAKvBvB,EAAU,oBAJCA,EAAM,oCACWA,EAAS,kCACVA,EAAS,sBACrBA,EAAQ,sCAtBlB,SAAAD,EACPyB,EACAC,EACAC,GAEO,MAAa,MAAbA,KACAF,kBACA,GAAAA,uBAA8BC,4MA1B5BE,GAAaC,GACbC,KAAAA,EAAsB,KAAGD,GACzBJ,SAAAA,GAAwCI,GACxCH,UAAAA,GAAyCG,GACzCE,KAAAA,GAAO,GAAKF,GACZG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,GACjBK,UAAAA,GAAY,GAAKL,GACjBM,WAAAA,EAAiC,MAAIN,MACrCO,GAAUP,EACjBQ,EAAmB,IAAAC,EACrBC,IACAC,qaAECC,IAASV,GACTW,EAAA,GAAAC,EAAYd,EAAQf,WACpB8B,EAALC,OAAAC,UAAuBC,2BACXH,EAAW9B,kDAanBuB,EAAaW,SAAS,mBAAoBP,GAC1CC,EAAA,GAAAD,GAAUA"}

package/dist/adeo/components/accordion/Accordion.svelte

@@ -0,0 +1,101 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  import type { AccordionSize } from './accordion.types';
+  import { EventHandler } from '../../utilities/EventHandler';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+
+  export let label: string;
+  export let size: AccordionSize = 'm';
+  export let iconname: string | undefined = undefined;
+  export let iconcolor: string | undefined = undefined;
+  export let open = false;
+  export let disabled = false;
+  export let nopadding = false;
+  export let checkable = false;
+  export let headingTag: string | undefined = 'h2';
+  export let id: string;
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+  $: isOpen = open ? true : false;
+  $: userClass = $$props.class;
+  $: attributes = { ...$$restProps };
+  $: delete attributes.class;
+
+  function generateIconName(
+    iconname: string,
+    iconcolor: string,
+    iconsize: string,
+  ): string {
+    return iconsize === 's'
+      ? `${iconname} size="1.5rem"`
+      : `${iconname} size="2rem" fill="${iconcolor}"`;
+  }
+
+  function handleState(): void {
+    eventHandler.dispatch('on-heading-click', isOpen);
+    isOpen = !isOpen;
+  }
+</script>
+
+<div
+  class="mc-accordion{size ? ` mc-accordion--${size}` : ''}
+  {userClass ? userClass : ''}"
+  class:is-open={isOpen}
+  class:mc-accordion--no-padding={nopadding}
+  class:mc-accordion--checkable={checkable}
+  class:is-disabled={disabled}
+  {...attributes}
+>
+  <div class="mc-accordion__header">
+    <slot name="beforeLabel" />
+    <svelte:element this={headingTag} class="mc-accordion__title">
+      <button
+        id={`m-accordion-${id}`}
+        class="mc-accordion__trigger"
+        type="button"
+        aria-expanded={isOpen}
+        aria-controls={`content-${id}`}
+        {disabled}
+        on:click={handleState}
+      >
+        {#if iconname}
+          <span class="mc-accordion__icon">
+            {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}
+          </span>
+        {/if}
+        {#if $$slots.icon}
+          <!-- This <hr> and slot will render only if a slot named "description" is provided. -->
+          <span class="mc-accordion__icon">
+            <slot name="icon" />
+          </span>
+        {/if}
+        {label}
+        <slot name="afterLabel" />
+      </button>
+    </svelte:element>
+  </div>
+  <div
+    id={`content-${id}`}
+    role="region"
+    class="mc-accordion__content"
+    aria-hidden={!isOpen}
+    aria-labelledby={`m-accordion-${id}`}
+  >
+    <slot />
+  </div>
+</div>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/_all-settings';
+  @import '@mozaic-ds/styles/components/c.accordion';
+
+  :host {
+    display: block;
+  }
+</style>

package/dist/adeo/components/accordion/accordion.types.d.ts

@@ -0,0 +1,2 @@
+export type AccordionSize = 's' | 'm';
+//# sourceMappingURL=accordion.types.d.ts.map

package/dist/adeo/components/accordion/accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/adeo/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,v as o,n as c,h as d,t as m,k as b,x as u,z as h,A as f,B as g,y as p,m as x,q as $,r as w,C as y,D as v,E as k,F as z,G as N}from"../../index-c222d0b7.js";import _ from"../loader/Loader.nested.js";import{E}from"../../EventHandler-f7ee47ca.js";import{N as j,A,l as R,a as C,w as M,c as B,u as q,t as D,f as F,s as G,i as H}from"../../index-64cccc06-4c960e34.js";function L(t){let e,i,a;return{c(){e=q("svg"),i=q("path"),a=q("path"),this.c=D,F(i,"d","M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z"),F(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"),F(e,"aria-hidden","true"),F(e,"width",t[4]),F(e,"height",t[4]),F(e,"id",t[0]),F(e,"style",t[1]),F(e,"class",t[2]),F(e,"fill",t[3]),F(e,"xmlns","http://www.w3.org/2000/svg"),F(e,"viewBox","0 0 24 24")},m(t,s){C(t,e,s),G(e,i),G(e,a)},p(t,[i]){16&i&&F(e,"width",t[4]),16&i&&F(e,"height",t[4]),1&i&&F(e,"id",t[0]),2&i&&F(e,"style",t[1]),4&i&&F(e,"class",t[2]),8&i&&F(e,"fill",t[3])},i:D,o:D,d(t){t&&H(e)}}}function S(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 V extends j{constructor(t){super(),A(this,{target:this.shadowRoot,props:R(this.attributes),customElement:!0},S,L,B,{id:0,style:1,className:2,fill:3,size:4},null),t&&(t.target&&C(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 I(t){let e,i,a,s;return{c(){e=q("svg"),i=q("path"),a=q("path"),s=q("circle"),this.c=D,F(i,"d","M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z"),F(a,"d","M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z"),F(s,"cx","12"),F(s,"cy","16"),F(s,"r","1"),F(e,"aria-hidden","true"),F(e,"width",t[4]),F(e,"height",t[4]),F(e,"id",t[0]),F(e,"style",t[1]),F(e,"class",t[2]),F(e,"fill",t[3]),F(e,"xmlns","http://www.w3.org/2000/svg"),F(e,"viewBox","0 0 24 24")},m(t,r){C(t,e,r),G(e,i),G(e,a),G(e,s)},p(t,[i]){16&i&&F(e,"width",t[4]),16&i&&F(e,"height",t[4]),1&i&&F(e,"id",t[0]),2&i&&F(e,"style",t[1]),4&i&&F(e,"class",t[2]),8&i&&F(e,"fill",t[3])},i:D,o:D,d(t){t&&H(e)}}}function J(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 K extends j{constructor(t){super(),A(this,{target:this.shadowRoot,props:R(this.attributes),customElement:!0},J,I,B,{id:0,style:1,className:2,fill:3,size:4},null),t&&(t.target&&C(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 O(t){let e;return{c(){e=n("navigation-notification-circle--available-24px"),v(e,"class","mc-action-bar__icon is-success"),v(e,"fill","$color-primary")},m(t,i){a(t,e,i)},i:c,o:c,d(t){t&&x(e)}}}function P(t){let e;return{c(){e=n("navigation-notification-warning-24px"),v(e,"class","mc-action-bar__icon is-warning"),v(e,"fill","$color-primary")},m(t,i){a(t,e,i)},i:c,o:c,d(t){t&&x(e)}}}function Q(t){let e,i;return e=new _({props:{size:"s",theme:"primary",text:""}}),{c(){k(e.$$.fragment)},m(t,a){z(e,t,a),i=!0},i(t){i||(g(e.$$.fragment,t),i=!0)},o(t){h(e.$$.fragment,t),i=!1},d(t){N(e,t)}}}function T(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 U(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 W(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 X(t){let e,i,s,r,$,w,v,k,z,N,_,E,j;const A=[Q,P,O],R=[];function C(t,e){return t[5]?0:"warning"===t[1]?1:"success"===t[1]?2:-1}~(s=C(t))&&(r=R[s]=A[s](t));let M=t[0]&&T(t),B=t[3]&&U(t),q=t[2]&&W(t);return{c(){e=n("div"),i=n("div"),r&&r.c(),$=l(),M&&M.c(),w=l(),B&&B.c(),v=l(),k=n("button"),z=o(t[4]),N=l(),q&&q.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&&R[s].m(i,null),b(i,$),M&&M.m(i,null),b(e,w),B&&B.m(e,null),b(e,v),b(e,k),b(k,z),b(e,N),q&&q.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&&(y(),h(R[n],1,1,(()=>{R[n]=null})),f()),~s?(r=R[s],r||(r=R[s]=A[s](t),r.c()),g(r,1),r.m(i,$)):r=null),t[0]?M?M.p(t,a):(M=T(t),M.c(),M.m(i,null)):M&&(M.d(1),M=null),t[3]?B?B.p(t,a):(B=U(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]?q?q.p(t,a):(q=W(t),q.c(),q.m(e,null)):q&&(q.d(1),q=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&&R[s].d(),M&&M.d(),B&&B.d(),q&&q.d(),E=!1,j()}}}function Y(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 E($(),w());function f(t,e){h.dispatch(e,t)}customElements.get("navigation-notification-circle--available-24px")||customElements.define("navigation-notification-circle--available-24px",V),customElements.get("navigation-notification-warning-24px")||customElements.define("navigation-notification-warning-24px",K);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 Z 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:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;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:#006974;color:#ffffff}.mc-button:active{background-color:#006974}.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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.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},Y,X,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{Z as default};
+//# sourceMappingURL=ActionBar.js.map

package/dist/adeo/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  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\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    get_current_component(),\n    createEventDispatcher(),\n  );\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","get_current_component","createEventDispatcher","handleClick","eventName","dispatch","customElements","get","define","NotificationCircleAvailable24","NotificationWarning24","isFixed","undefined","isLoading","$$invalidate","isDisabled"],"mappings":"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"}

package/dist/adeo/components/actionbar/ActionBar.svelte

@@ -0,0 +1,104 @@
+<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';
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+  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(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+
+  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>