npm - @mozaic-ds/web-components - Versions diffs - 0.18.0 → 0.20.0 - Mend

@mozaic-ds/web-components 0.18.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/public/adeo/components/tabs/Tabs.svelte CHANGED Viewed

@@ -90,6 +90,11 @@
                     )} />`}</span
                   >
                 {/if}
+                {#if $$slots.icon}
+                  <span class="mc-tabs__icon"
+                    ><slot prop={tab} name="icon" /></span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </a>
@@ -113,6 +118,11 @@
                     )} />`}</span
                   >
                 {/if}
+                {#if $$slots.icon}
+                  <span class="mc-tabs__icon"
+                    ><slot prop={tab} name="icon" /></span
+                  >
+                {/if}
                 {tab.text}
               </span>
             </span>
@@ -141,6 +151,11 @@
                   )} />`}</span
                 >
               {/if}
+              {#if $$slots.icon}
+                <span class="mc-tabs__icon"
+                  ><slot prop={tab} name="icon" /></span
+                >
+              {/if}
               {tab.text}
             </span>
           </button>

package/public/adeo/main.d.ts CHANGED Viewed

@@ -4,7 +4,6 @@ declare const _default: {
     Accordion: typeof Accordion;
     Autocomplete: typeof Accordion;
     Button: typeof Accordion;
-    ButtonSlot: typeof Accordion;
     Card: typeof Accordion;
     Breadcrumb: typeof Accordion;
     Checkbox: typeof Accordion;

package/public/adeo/main.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;~~AAsDhE~~,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAG5C,~~wBAuDE~~"}
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAqDhE,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG5C,wBAsDE"}

package/public/adeo/utilities/components/segmentedcontrol/segmentedControl.types.d.ts CHANGED Viewed

@@ -4,5 +4,6 @@ export interface itemsType {
     name?: string | undefined;
     value?: string;
     disabled?: boolean | undefined;
+    full?: boolean | undefined;
 }
 //# sourceMappingURL=segmentedControl.types.d.ts.map

package/public/adeo/utilities/components/segmentedcontrol/segmentedControl.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segmentedControl.types.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/segmentedControl.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;~~CAChC~~"}
1	+ {"version":3,"file":"segmentedControl.types.d.ts","sourceRoot":"","sources":["../../../src/components/segmentedcontrol/segmentedControl.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B"}

package/public/adeo/utilities/main.d.ts CHANGED Viewed

@@ -4,7 +4,6 @@ declare const _default: {
     Accordion: typeof Accordion;
     Autocomplete: typeof Accordion;
     Button: typeof Accordion;
-    ButtonSlot: typeof Accordion;
     Card: typeof Accordion;
     Breadcrumb: typeof Accordion;
     Checkbox: typeof Accordion;

package/public/adeo/utilities/main.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;~~AAsDhE~~,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAG5C,~~wBAuDE~~"}
1	+ {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,yCAAyC,CAAC;AAqDhE,YAAY,EACV,OAAO,IAAI,WAAW,EACtB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,MAAM,oCAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG5C,wBAsDE"}

package/public/adeo/utilities/stories/fileuploader/FileUploader.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/fileuploader/FileUploader.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAGnD,~~wBA6EU~~;~~AA2DV~~,eAAO,MAAM,OAAO,uCAAoB,CAAC;AAOzC,eAAO,MAAM,aAAa,uCAAoB,CAAC;AAM/C,eAAO,MAAM,mBAAmB,uCAAoB,CAAC;AAQrD,eAAO,MAAM,YAAY,uCAAoB,CAAC;AAQ9C,eAAO,MAAM,SAAS,uCAAoB,CAAC;AAS3C,eAAO,MAAM,gBAAgB,uCAAoB,CAAC;AAQlD,eAAO,MAAM,gCAAgC,uCAAoB,CAAC"}
1	+ {"version":3,"file":"FileUploader.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/fileuploader/FileUploader.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAGnD,wBAiFU;AA4DV,eAAO,MAAM,OAAO,uCAAoB,CAAC;AAOzC,eAAO,MAAM,aAAa,uCAAoB,CAAC;AAM/C,eAAO,MAAM,mBAAmB,uCAAoB,CAAC;AAQrD,eAAO,MAAM,YAAY,uCAAoB,CAAC;AAQ9C,eAAO,MAAM,SAAS,uCAAoB,CAAC;AAS3C,eAAO,MAAM,gBAAgB,uCAAoB,CAAC;AAQlD,eAAO,MAAM,gCAAgC,uCAAoB,CAAC"}

package/public/adeo/utilities/stories/segmentedcontrol/segmentedcontrol.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segmentedcontrol.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/segmentedcontrol/segmentedcontrol.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAEnD,~~wBAgBU~~;~~AAYV~~,eAAO,MAAM,OAAO,uCAAoB,CAAC"}
1	+ {"version":3,"file":"segmentedcontrol.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/segmentedcontrol/segmentedcontrol.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAEnD,wBAqBU;AAeV,eAAO,MAAM,OAAO,uCAAoB,CAAC"}

package/public/adeo/utilities/stories/stepper/Stepper.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/stepper/Stepper.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAGnD,~~wBAsBU~~;~~AAuCV~~,eAAO,MAAM,OAAO,uCAAoB,CAAC;AAGzC,eAAO,MAAM,OAAO,uCAAoB,CAAC"}
1	+ {"version":3,"file":"Stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/stepper/Stepper.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;;AAGnD,wBA0BU;AAyCV,eAAO,MAAM,OAAO,uCAAoB,CAAC;AAGzC,eAAO,MAAM,OAAO,uCAAoB,CAAC"}

package/public/bricoman/bundle.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import Accordion from './components/accordion/Accordion.js';
 import Autocomplete from './components/autocomplete/Autocomplete.js';
 import Button from './components/button/Button.js';
-import ButtonSlot from './components/button/ButtonSlot.js';
 import Card from './components/card/Card.js';
 import Breadcrumb from './components/breadcrumb/Breadcrumb.js';
 import Checkbox from './components/checkbox/Checkbox.js';
@@ -73,10 +72,6 @@ if (!customElements.get('m-button')) {
   customElements.define('m-button', Button);
 }
-if (!customElements.get('m-button-slot')) {
-  customElements.define('m-button-slot', ButtonSlot);
-}
 if (!customElements.get('m-card')) {
   customElements.define('m-card', Card);
 }

package/public/bricoman/components/fileuploader/FileUploader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,h as c,l as p,m,o as f,A as b,y as u,z as h,q as x,v as $,w as g,D as w,E as v,F as _,B as y,J as k}from"../../index-d12e76e8.js";import{E}from"../../EventHandler-f7ee47ca.js";import z from"./fileuploader-result.nested.js";function C(e){let l,t;return l=new z({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[14]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};128&t&&(i.files=e[7]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(b(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new z({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),l.$on("file-removed",e[15]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};512&t&&(i.files=e[9]),1024&t&&(i.allowedExtensions=e[10]),32&t&&(i.disabled=e[5]),2048&t&&(i.maxSize=e[11]),64&t&&(i.removelabel=e[6]),4096&t&&(i.errorLabels=e[12]),l.$set(i)},i(e){t||(b(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function A(e){let l,t,s,a,$,g,w,v,_,k,E,z=e[0]&&e[7]&&e[7].length>0&&C(e),A=e[9].length>0&&S(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),$=r("span"),g=n(e[2]),w=o(),z&&z.c(),v=o(),A&&A.c(),this.c=d,c(t,"id",e[1]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[3]),t.multiple=e[4],t.disabled=e[5],c($,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),p(l,t),p(l,s),p(l,a),p(a,$),p($,g),p(l,w),z&&z.m(l,null),p(l,v),A&&A.m(l,null),e[21](l),_=!0,k||(E=m(t,"change",e[13]),k=!0)},p(e,[i]){(!_||2&i)&&c(t,"id",e[1]),(!_||8&i)&&c(t,"accept",e[3]),(!_||16&i)&&(t.multiple=e[4]),(!_||32&i)&&(t.disabled=e[5]),(!_||4&i)&&f(g,e[2]),(!_||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?z?(z.p(e,i),129&i&&b(z,1)):(z=C(e),z.c(),b(z,1),z.m(l,v)):z&&(y(),u(z,1,1,(()=>{z=null})),h()),e[9].length>0?A?(A.p(e,i),512&i&&b(A,1)):(A=S(e),A.c(),b(A,1),A.m(l,null)):A&&(y(),u(A,1,1,(()=>{A=null})),h())},i(e){_||(b(z),b(A),_=!0)},o(e){u(z),u(A),_=!1},d(t){t&&x(l),z&&z.d(),A&&A.d(),e[21](null),k=!1,E()}}}function M(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function L(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:m=!0}=l,{allowedextensions:f}=l,{maxsize:b}=l,{displayfileslist:u=!1}=l,{disabled:h=!1}=l,{removelabel:x="Remove"}=l,{uploadedfiles:w}=l,{errorlabels:v}=l,{stateless:_}=l,y=new E($(),g());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"label"in e&&t(2,c=e.label),"accept"in e&&t(3,p=e.accept),"multiple"in e&&t(4,m=e.multiple),"allowedextensions"in e&&t(16,f=e.allowedextensions),"maxsize"in e&&t(17,b=e.maxsize),"displayfileslist"in e&&t(0,u=e.displayfileslist),"disabled"in e&&t(5,h=e.disabled),"removelabel"in e&&t(6,x=e.removelabel),"uploadedfiles"in e&&t(18,w=e.uploadedfiles),"errorlabels"in e&&t(19,v=e.errorlabels),"stateless"in e&&t(20,_=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&t(10,i=f?JSON.parse(f):[]),262144&e.$$.dirty&&t(9,s=w?JSON.parse(w):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=b||void 0),524288&e.$$.dirty&&t(12,r=v?JSON.parse(v):[])},[u,d,c,p,m,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,u=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&y.dispatch($(),"invalid-files",s),y.dispatch("change",o),_){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(7,o=M(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",y.dispatch("file-removed",e.detail)},function(e){const l=M(s,e.detail);t(9,s=l),y.dispatch("uploaded-file-removed",e.detail)},f,b,w,v,_,function(e){k[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;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;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#120949;border-color:#120949;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23120949' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-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}:hover+.mc-fileuploader__label{color:#161cb6;background-color:#e5e7fa}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},L,A,a,{id:1,label:2,accept:3,multiple:4,allowedextensions:16,maxsize:17,displayfileslist:0,disabled:5,removelabel:6,uploadedfiles:18,errorlabels:19,stateless:20},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),s()}}export{O as default};
+import{S as e,i as l,a as t,b as i,f as s,s as a,e as r,d as o,t as n,n as d,h as c,l as m,m as p,o as f,A as b,y as u,z as h,q as $,v as x,w as g,D as w,E as v,F as _,B as y,J as k}from"../../index-d12e76e8.js";import{E}from"../../EventHandler-f7ee47ca.js";import z from"./fileuploader-result.nested.js";function C(e){let l,t;return l=new z({props:{files:e[8],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[15]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};256&t&&(i.files=e[8]),2048&t&&(i.allowedExtensions=e[11]),64&t&&(i.disabled=e[6]),4096&t&&(i.maxSize=e[12]),128&t&&(i.removelabel=e[7]),8192&t&&(i.errorLabels=e[13]),l.$set(i)},i(e){t||(b(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function S(e){let l,t;return l=new z({props:{files:e[10],allowedExtensions:e[11],disabled:e[6],maxSize:e[12],removelabel:e[7],errorLabels:e[13]}}),l.$on("file-removed",e[16]),{c(){w(l.$$.fragment)},m(e,i){v(l,e,i),t=!0},p(e,t){const i={};1024&t&&(i.files=e[10]),2048&t&&(i.allowedExtensions=e[11]),64&t&&(i.disabled=e[6]),4096&t&&(i.maxSize=e[12]),128&t&&(i.removelabel=e[7]),8192&t&&(i.errorLabels=e[13]),l.$set(i)},i(e){t||(b(l.$$.fragment,e),t=!0)},o(e){u(l.$$.fragment,e),t=!1},d(e){_(l,e)}}}function A(e){let l,t,s,a,x,g,w,v,_,k,E,z=e[0]&&e[8]&&e[8].length>0&&C(e),A=e[10].length>0&&S(e);return{c(){l=r("div"),t=r("input"),s=o(),a=r("label"),x=r("span"),g=n(e[3]),w=o(),z&&z.c(),v=o(),A&&A.c(),this.c=d,c(t,"id",e[1]),c(t,"name",e[2]),c(t,"type","file"),c(t,"class","mc-fileuploader__input"),c(t,"accept",e[4]),t.multiple=e[5],t.disabled=e[6],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(l,"class","mc-fileuploader")},m(r,o){i(r,l,o),m(l,t),m(l,s),m(l,a),m(a,x),m(x,g),m(l,w),z&&z.m(l,null),m(l,v),A&&A.m(l,null),e[22](l),_=!0,k||(E=p(t,"change",e[14]),k=!0)},p(e,[i]){(!_||2&i)&&c(t,"id",e[1]),(!_||4&i)&&c(t,"name",e[2]),(!_||16&i)&&c(t,"accept",e[4]),(!_||32&i)&&(t.multiple=e[5]),(!_||64&i)&&(t.disabled=e[6]),(!_||8&i)&&f(g,e[3]),(!_||2&i)&&c(a,"for",e[1]),e[0]&&e[8]&&e[8].length>0?z?(z.p(e,i),257&i&&b(z,1)):(z=C(e),z.c(),b(z,1),z.m(l,v)):z&&(y(),u(z,1,1,(()=>{z=null})),h()),e[10].length>0?A?(A.p(e,i),1024&i&&b(A,1)):(A=S(e),A.c(),b(A,1),A.m(l,null)):A&&(y(),u(A,1,1,(()=>{A=null})),h())},i(e){_||(b(z),b(A),_=!0)},o(e){u(z),u(A),_=!1},d(t){t&&$(l),z&&z.d(),A&&A.d(),e[22](null),k=!1,E()}}}function M(e,l){const t=Array.from(e),i=t.indexOf(l);return-1!==i&&t.splice(i,1),t}function L(e,l,t){let i,s,a,r,o,n,{id:d}=l,{name:c}=l,{label:m}=l,{accept:p}=l,{multiple:f=!0}=l,{allowedextensions:b}=l,{maxsize:u}=l,{displayfileslist:h=!1}=l,{disabled:$=!1}=l,{removelabel:w="Remove"}=l,{uploadedfiles:v}=l,{errorlabels:_}=l,{stateless:y}=l,z=new E(x(),g());return e.$$set=e=>{"id"in e&&t(1,d=e.id),"name"in e&&t(2,c=e.name),"label"in e&&t(3,m=e.label),"accept"in e&&t(4,p=e.accept),"multiple"in e&&t(5,f=e.multiple),"allowedextensions"in e&&t(17,b=e.allowedextensions),"maxsize"in e&&t(18,u=e.maxsize),"displayfileslist"in e&&t(0,h=e.displayfileslist),"disabled"in e&&t(6,$=e.disabled),"removelabel"in e&&t(7,w=e.removelabel),"uploadedfiles"in e&&t(19,v=e.uploadedfiles),"errorlabels"in e&&t(20,_=e.errorlabels),"stateless"in e&&t(21,y=e.stateless)},e.$$.update=()=>{131072&e.$$.dirty&&t(11,i=b?JSON.parse(b):[]),524288&e.$$.dirty&&t(10,s=v?JSON.parse(v):[]),e.$$.dirty,262144&e.$$.dirty&&t(12,a=u||void 0),1048576&e.$$.dirty&&t(13,r=_?JSON.parse(_):[])},[h,d,c,m,p,f,$,w,o,n,s,i,a,r,function(e){const l=e.target;t(8,o=l.files),t(0,h=!0);const s=[];if([...o].forEach(((e,l)=>{const t=e.name,r=e.size,o=function(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}(t),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||s.push({index:l,fileName:t,fileSize:r,errorType:d})})),s.length>0&&z.dispatch(x(),"invalid-files",s),z.dispatch("change",o),y){n.querySelector(".mc-fileuploader__input").value=""}},function(e){t(8,o=M(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",z.dispatch("file-removed",e.detail)},function(e){const l=M(s,e.detail);t(10,s=l),z.dispatch("uploaded-file-removed",e.detail)},b,u,v,_,y,function(e){k[e?"unshift":"push"]((()=>{n=e,t(9,n)}))}]}class O extends e{constructor(e){super();const r=document.createElement("style");r.textContent=".mc-fileuploader{position:relative;display:block}.mc-fileuploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.mc-fileuploader__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600;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;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;color:#120949;border-color:#120949;background-color:#ffffff;margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}.mc-fileuploader__label:hover{background-color:#e5e7fa;color:#161cb6}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:active{background-color:#b8bef4;color:#130f7b}.mc-fileuploader__label:disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23120949' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}:focus+.mc-fileuploader__label{-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}:hover+.mc-fileuploader__label{color:#161cb6;background-color:#e5e7fa}:disabled+.mc-fileuploader__label{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}:disabled+.mc-fileuploader__label::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}",this.shadowRoot.appendChild(r),l(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},L,A,a,{id:1,name:2,label:3,accept:4,multiple:5,allowedextensions:17,maxsize:18,displayfileslist:0,disabled:6,removelabel:7,uploadedfiles:19,errorlabels:20,stateless:21},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["id","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless"]}get id(){return this.$$.ctx[1]}set id(e){this.$$set({id:e}),s()}get name(){return this.$$.ctx[2]}set name(e){this.$$set({name:e}),s()}get label(){return this.$$.ctx[3]}set label(e){this.$$set({label:e}),s()}get accept(){return this.$$.ctx[4]}set accept(e){this.$$set({accept:e}),s()}get multiple(){return this.$$.ctx[5]}set multiple(e){this.$$set({multiple:e}),s()}get allowedextensions(){return this.$$.ctx[17]}set allowedextensions(e){this.$$set({allowedextensions:e}),s()}get maxsize(){return this.$$.ctx[18]}set maxsize(e){this.$$set({maxsize:e}),s()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),s()}get disabled(){return this.$$.ctx[6]}set disabled(e){this.$$set({disabled:e}),s()}get removelabel(){return this.$$.ctx[7]}set removelabel(e){this.$$set({removelabel:e}),s()}get uploadedfiles(){return this.$$.ctx[19]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),s()}get errorlabels(){return this.$$.ctx[20]}set errorlabels(e){this.$$set({errorlabels:e}),s()}get stateless(){return this.$$.ctx[21]}set stateless(e){this.$$set({stateless:e}),s()}}export{O as default};
 //# sourceMappingURL=FileUploader.js.map

package/public/bricoman/components/fileuploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.nested.svelte';\n\n export let id: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension \|\| !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\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.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","~~name","~~fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"~~mdA4JuBA~~,EAAU,~~sXAKpBA~~,EAAa,~~kHAMHA~~,EAAkB,~~oFAN5BA~~,EAAa,~~qRAbnBC~~,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,~~GAACE~~,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,~~8NAFEA,~~EAAE,~~iFAVhBK~~,~~EAqCKC~~,EAAAC,EAAAC,~~GApCHC~~,~~EAQCF~~,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,~~wJAIpBA~~,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,~~GAACE~~,OAAS,~~mNAvDnBW~~,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,~~MAdOC~~,GAAUC,~~SACVC~~,~~GAAaD~~,~~UACbE~~,~~GAAcF~~,~~GACdG~~,SAAAA,GAAW,~~GAAIH~~,~~qBACfI~~,~~GAAyBJ~~,~~WACzBK~~,~~GAAeL~~,~~GACfM~~,iBAAAA,GAAmB,~~GAAKN~~,~~GACxBO~~,SAAAA,GAAW,~~GAAKP~~,~~GAChBQ~~,YAAAA,EAAc,~~UAAQR~~,~~iBACtBS~~,~~GAAqBT~~,~~eACrBU~~,~~GAAmBV~~,~~aACnBW~~,~~GAAgBX~~,~~EAIvBY~~,EAAmB,IAAAC,EACrBC,IACAC,~~2fAGDC~~,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,~~EAAEI~~,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,~~sBAChCN~~,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,~~gCAsB5C~~,SAAac,~~SACd3C~~,~~EAAS2C~~,~~EAAE3C~~,WACjBgB,EAAQhB,EAAOgB,~~OACfmB~~,EAAA,EAAAV,GAAmB,SACbmB,EAAY,~~UACG5B~~,~~GACZ6B~~,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,~~EAAKG~~,~~KAChBC~~,~~EAAWJ~~,~~EAAKK~~,KAChBC,EArBD,~~SAAmBJ~~,GACtB,GAAAZ,GAAqBA,~~EAAkBxC~~,OAAS,EAAC,CAC7C,MAAAyD,~~EAAoBL~~,~~EAASM~~,MACS,~~GAAxCN~~,~~EAASO~~,YAAY,KAAO,IAAO,IAEnC,~~GAAAnB~~,IAAsBA,~~EAAkBoB~~,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,~~CAAmBV~~,~~GACpCW~~,EA9BD,SAAcT,~~WAEjBV~~,~~GADeU~~,EAAW,KAAO,~~KACTV~~,~~GA4BRoB~~,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,~~GACtBf~~,~~EAAakB~~,KACJ,~~CAAAf~~,QACGC,~~WACAE~~,WACCW,~~iBAKbjB~~,~~EAAahD~~,OAAS,~~GACxBmC~~,~~EAAagC~~,~~SACX9B~~,IACA,gBACAW,GAGJb,~~EAAagC~~,SAAS,SAAU/C,~~GAC5Bc~~,EAAS,~~CACUb~~,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,~~SAAWkC~~,GAClBR,EAAA,~~EAAAnB~~,EAAQT,EAAgBS,~~EAAO2B~~,~~EAAEsB~~,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,~~GACrBsB~~,~~EAAagC~~,SAAS,~~eAAgBpB~~,~~EAAEsB~~,SAGjC,~~SAAmBtB~~,GACpB,~~MAAA3B~~,EAAQT,~~EAAgBgC~~,EAAeI,~~EAAEsB~~,QAC/~~C9B~~,EAAA,~~EAAAI~~,~~EAAgBvB~~,~~GAChBe~~,~~EAAagC~~,SAAS,~~wBAAyBpB~~,~~EAAEsB~~,2DAQbhD,EAAIiD"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './fileuploader-result.nested.svelte';\n\n export let id: string;\n export let name: string;\n export let label: string;\n export let accept: string;\n export let multiple = true;\n export let allowedextensions: string;\n export let maxsize: number;\n export let displayfileslist = false;\n export let disabled = false;\n export let removelabel = 'Remove';\n export let uploadedfiles: string;\n export let errorlabels: string;\n export let stateless: false;\n\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\n $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n function checkFileSize(fileSize: number): boolean {\n const fileSizeMB = fileSize / 1024 / 1024; // in MB\n if (maxSize && fileSizeMB > maxSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n function checkFileExtension(fileName: string): boolean {\n if (allowedExtensions && allowedExtensions.length > 0) {\n const extension: string = fileName.slice(\n ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n );\n if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n return false; // invalid\n }\n }\n\n return true; // valid\n }\n function handleChange(e: Event): void {\n const target = e.target as HTMLInputElement;\n files = target.files as FileList;\n displayfileslist = true;\n const invalidFiles: Array<any> = [];\n const fileList = [...files];\n fileList.forEach((file, index) => {\n const fileName = file.name;\n const fileSize = file.size;\n const validExtension = checkFileExtension(fileName);\n const validSize = checkFileSize(fileSize);\n let errorType = '';\n\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n\n if (!validSize) {\n errorType = 'invalid-size';\n }\n\n if (!validExtension \|\| !validSize) {\n invalidFiles.push({\n index: index,\n fileName: fileName,\n fileSize: fileSize,\n errorType: errorType,\n });\n }\n });\n\n if (invalidFiles.length > 0) {\n eventHandler.dispatch(\n get_current_component(),\n 'invalid-files',\n invalidFiles,\n );\n }\n eventHandler.dispatch('change', files);\n if (stateless) {\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n }\n }\n\n function removeFromArray(fileList: FileList, value: File): FileList {\n const array = Array.from(fileList);\n const idx = array.indexOf(value);\n if (idx !== -1) {\n array.splice(idx, 1);\n }\n return array as FileList;\n }\n\n function deleteFile(e: CustomEvent): void {\n files = removeFromArray(files, e.detail);\n const fileuploader = root.querySelector(\n '.mc-fileuploader__input',\n ) as HTMLInputElement;\n fileuploader.value = '';\n eventHandler.dispatch('file-removed', e.detail);\n }\n\n function deleteUploadedFile(e: CustomEvent): void {\n const files = removeFromArray(uploadedFiles, e.detail);\n uploadedFiles = files;\n eventHandler.dispatch('uploaded-file-removed', e.detail);\n }\n\n function hasInvalidFiles(e: CustomEvent): void {\n eventHandler.dispatch('invalid-files', e.detail);\n }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n <input\n {id}\n {name}\n type=\"file\"\n class=\"mc-fileuploader__input\"\n {accept}\n {multiple}\n {disabled}\n on:change={handleChange}\n />\n <label for={id} class=\"mc-fileuploader__label\">\n <span class=\"mc-fileuploader__label--center\">\n {label}\n </span>\n </label>\n {#if displayfileslist && files && files.length > 0}\n <ResultFile\n {files}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteFile}\n />\n {/if}\n {#if uploadedFiles.length > 0}\n <ResultFile\n files={uploadedFiles}\n {allowedExtensions}\n {disabled}\n {maxSize}\n {removelabel}\n {errorLabels}\n on:file-removed={deleteUploadedFile}\n />\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.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","name","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"wdA8JuBA,EAAU,uXAKpBA,EAAa,mHAMHA,EAAkB,qFAN5BA,EAAa,uRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,IAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,+OAFEA,EAAE,iFAXhBK,EAsCKC,EAAAC,EAAAC,GArCHC,EASCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,qLAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,IAACE,OAAS,oNAxDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAfOC,GAAUC,QACVC,GAAYD,SACZE,GAAaF,UACbG,GAAcH,GACdI,SAAAA,GAAW,GAAIJ,qBACfK,GAAyBL,WACzBM,GAAeN,GACfO,iBAAAA,GAAmB,GAAKP,GACxBQ,SAAAA,GAAW,GAAKR,GAChBS,YAAAA,EAAc,UAAQT,iBACtBU,GAAqBV,eACrBW,GAAmBX,aACnBY,GAAgBZ,EAIvBa,EAAmB,IAAAC,EACrBC,IACAC,shBAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,GAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,uBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,kCAsB5C,SAAac,SACd5C,EAAS4C,EAAE5C,WACjBgB,EAAQhB,EAAOgB,OACfoB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG7B,GACZ8B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAK3B,KAChB8B,EAAWH,EAAKI,KAChBC,EArBD,SAAmBH,GACtB,GAAAZ,GAAqBA,EAAkBzC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBJ,EAASK,MACS,GAAxCL,EAASM,YAAY,KAAO,IAAO,IAEnC,GAAAlB,IAAsBA,EAAkBmB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBT,GACpCU,EA9BD,SAAcT,WAEjBT,GADeS,EAAW,KAAO,KACTT,GA4BRmB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBd,EAAaiB,KACJ,CAAAd,QACGC,WACAC,WACCW,iBAKbhB,EAAajD,OAAS,GACxBoC,EAAa+B,SACX7B,IACA,gBACAW,GAGJb,EAAa+B,SAAS,SAAU/C,GAC5Be,EAAS,CACUd,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWmC,GAClBR,EAAA,EAAApB,EAAQT,EAAgBS,EAAO4B,EAAEqB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBuB,EAAa+B,SAAS,eAAgBnB,EAAEqB,SAGjC,SAAmBrB,GACpB,MAAA5B,EAAQT,EAAgBiC,EAAeI,EAAEqB,QAC/C7B,EAAA,GAAAI,EAAgBxB,GAChBgB,EAAa+B,SAAS,wBAAyBnB,EAAEqB,2DAQbhD,EAAIiD"}

package/public/bricoman/components/fileuploader/FileUploader.svelte CHANGED Viewed

@@ -10,6 +10,7 @@
   import ResultFile from './fileuploader-result.nested.svelte';
   export let id: string;
+  export let name: string;
   export let label: string;
   export let accept: string;
   export let multiple = true;
@@ -134,6 +135,7 @@
 <div class="mc-fileuploader" bind:this={root}>
   <input
     {id}
+    {name}
     type="file"
     class="mc-fileuploader__input"
     {accept}

package/public/bricoman/components/menu/Menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as i,b as n,f as s,s as l,e as a,n as r,h as o,l as m,q as c,Q as d,v as u,w as f,d as g,t as h,k as b,m as _,o as p}from"../../index-d12e76e8.js";import{E as k}from"../../EventHandler-f7ee47ca.js";function w(e,t,i){const n=e.slice();return n[7]=t[i],n[9]=i,n}function x(e){let t,i,s,l,r,d,u,f,k,w=`<${$(e[7].iconName,e[0]===e[9])} />`,x=e[7].label+"";function v(){return e[5](e[9],e[7])}return{c(){t=a("li"),i=a("div"),s=a("span"),l=g(),r=a("span"),d=h(x),u=g(),o(s,"class","mc-menu__icon"),o(r,"class","mc-menu__label"),o(i,"class","mc-menu__link"),b(i,"is-active",e[0]===e[9]),b(i,"is-disabled",e[7].disabled),o(t,"class","mc-menu__item")},m(e,a){n(e,t,a),m(t,i),m(i,s),s.innerHTML=w,m(i,l),m(i,r),m(r,d),m(t,u),f||(k=_(i,"click",v),f=!0)},p(t,n){e=t,3&n&&w!==(w=`<${$(e[7].iconName,e[0]===e[9])} />`)&&(s.innerHTML=w),2&n&&x!==(x=e[7].label+"")&&p(d,x),1&n&&b(i,"is-active",e[0]===e[9]),2&n&&b(i,"is-disabled",e[7].disabled)},d(e){e&&c(t),f=!1,k()}}}function v(e){let t,i,s=e[1],l=[];for(let t=0;t<s.length;t+=1)l[t]=x(w(e,s,t));return{c(){t=a("nav"),i=a("ul");for(let e=0;e<l.length;e+=1)l[e].c();this.c=r,o(i,"class","mc-menu__list"),o(t,"class","mc-menu"),o(t,"aria-label","menu")},m(e,s){n(e,t,s),m(t,i);for(let e=0;e<l.length;e+=1)l[e]&&l[e].m(i,null)},p(e,[t]){if(7&t){let n;for(s=e[1],n=0;n<s.length;n+=1){const a=w(e,s,n);l[n]?l[n].p(a,t):(l[n]=x(a),l[n].c(),l[n].m(i,null))}for(;n<l.length;n+=1)l[n].d(1);l.length=s.length}},i:r,o:r,d(e){e&&c(t),d(l,e)}}}function $(e,t){return t?`${e} fill="white" `:`${e} `}function y(e,t,i){let n,s,{items:l}=t,{selected:a}=t,r=new k(u(),f());function o(e,t){i(0,s=e),r.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(3,l=e.items),"selected"in e&&i(4,a=e.selected)},e.$$.update=()=>{8&e.$$.dirty&&i(1,n=l?JSON.parse(l):[]),16&e.$$.dirty&&i(0,s=a?Number(a):"")},[s,n,o,l,a,(e,t)=>o(e,t)]}class E extends e{constructor(e){super();const a=document.createElement("style");a.textContent=".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{border-radius:0.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__link{font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#ffe1d1}.mc-menu__link:active{background-color:#ffab80}.mc-menu__link.is-active{background-color:#373de7}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(a),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},y,v,l,{items:3,selected:4},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[3]}set items(e){this.$$set({items:e}),s()}get selected(){return this.$$.ctx[4]}set selected(e){this.$$set({selected:e}),s()}}export{E as default};
+import{S as e,i as t,a as i,g as n,b as s,f as l,s as a,e as o,n as r,h as m,l as c,q as d,Q as u,u as f,v as g,w as h,d as b,t as p,k as _,m as k,o as w}from"../../index-d12e76e8.js";import{E as x}from"../../EventHandler-f7ee47ca.js";function v(e,t,i){const n=e.slice();return n[8]=t[i],n[10]=i,n}function $(e){let t,i,n;return{c(){t=o("span"),i=o("slot"),m(i,"prop",n=e[8]),m(i,"name","icon"),m(t,"class","mc-menu__icon")},m(e,n){s(e,t,n),c(t,i)},p(e,t){2&t&&n!==(n=e[8])&&m(i,"prop",n)},d(e){e&&d(t)}}}function y(e){let t,i,n,l,a,r,u,f,g,h,x=`<${C(e[8].iconName,e[0]===e[10])} />`,v=e[8].label+"",y=e[3].icon&&$(e);function E(){return e[6](e[10],e[8])}return{c(){t=o("li"),i=o("div"),n=o("span"),l=b(),y&&y.c(),a=b(),r=o("span"),u=p(v),f=b(),m(n,"class","mc-menu__icon"),m(r,"class","mc-menu__label"),m(i,"class","mc-menu__link"),_(i,"is-active",e[0]===e[10]),_(i,"is-disabled",e[8].disabled),m(t,"class","mc-menu__item")},m(e,o){s(e,t,o),c(t,i),c(i,n),n.innerHTML=x,c(i,l),y&&y.m(i,null),c(i,a),c(i,r),c(r,u),c(t,f),g||(h=k(i,"click",E),g=!0)},p(t,s){e=t,3&s&&x!==(x=`<${C(e[8].iconName,e[0]===e[10])} />`)&&(n.innerHTML=x),e[3].icon?y?y.p(e,s):(y=$(e),y.c(),y.m(i,a)):y&&(y.d(1),y=null),2&s&&v!==(v=e[8].label+"")&&w(u,v),1&s&&_(i,"is-active",e[0]===e[10]),2&s&&_(i,"is-disabled",e[8].disabled)},d(e){e&&d(t),y&&y.d(),g=!1,h()}}}function E(e){let t,i,n=e[1],l=[];for(let t=0;t<n.length;t+=1)l[t]=y(v(e,n,t));return{c(){t=o("nav"),i=o("ul");for(let e=0;e<l.length;e+=1)l[e].c();this.c=r,m(i,"class","mc-menu__list"),m(t,"class","mc-menu"),m(t,"aria-label","menu")},m(e,n){s(e,t,n),c(t,i);for(let e=0;e<l.length;e+=1)l[e]&&l[e].m(i,null)},p(e,[t]){if(15&t){let s;for(n=e[1],s=0;s<n.length;s+=1){const a=v(e,n,s);l[s]?l[s].p(a,t):(l[s]=y(a),l[s].c(),l[s].m(i,null))}for(;s<l.length;s+=1)l[s].d(1);l.length=n.length}},i:r,o:r,d(e){e&&d(t),u(l,e)}}}function C(e,t){return t?`${e} fill="white" `:`${e} `}function z(e,t,i){let n,s,{$$slots:l={},$$scope:a}=t;const o=f(l);let{items:r}=t,{selected:m}=t,c=new x(g(),h());function d(e,t){i(0,s=e),c.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(4,r=e.items),"selected"in e&&i(5,m=e.selected)},e.$$.update=()=>{16&e.$$.dirty&&i(1,n=r?JSON.parse(r):[]),32&e.$$.dirty&&i(0,s=m?Number(m):"")},[s,n,d,o,r,m,(e,t)=>d(e,t)]}class L extends e{constructor(e){super();const o=document.createElement("style");o.textContent=".mc-menu{max-width:16rem}.mc-menu,.mc-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-menu__list{border-radius:0.25rem;list-style:none;overflow:hidden;padding:0;margin:0}.mc-menu__item{position:relative}.mc-menu__item:not(:last-child) .mc-menu__link::after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%}.mc-menu__item:not(:last-child) .mc-menu__link::after{bottom:0;position:absolute;left:0}.mc-menu__item:not(:last-child) .mc-menu__link.is-active::after{display:none}.mc-menu__link{font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23191919'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");background-position:center right 1rem;background-repeat:no-repeat;background-size:1rem;border:none;cursor:pointer;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;height:3.5rem;font-family:inherit;padding-right:3rem;padding-left:1rem;position:relative;text-decoration:none;width:100%}.mc-menu__link.is-active,.mc-menu__link.is-disabled{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath d='M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E\");color:#ffffff}.mc-menu__link:hover{background-color:#ffe1d1}.mc-menu__link:active{background-color:#ffab80}.mc-menu__link.is-active{background-color:#373de7}.mc-menu__link.is-active .mc-menu__label{font-family:\"LeroyMerlin\", sans-serif;font-weight:600}.mc-menu__link.is-disabled{background-color:#e6e6e6;cursor:not-allowed}.mc-menu__icon{-ms-flex-negative:0;flex-shrink:0}.mc-menu__label{font-size:1rem;line-height:1.375;font-family:\"LeroyMerlin\", sans-serif;font-weight:400;display:-webkit-box;max-height:2.75rem;overflow:hidden;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}",this.shadowRoot.appendChild(o),t(this,{target:this.shadowRoot,props:{...i(this.attributes),$$slots:n(this)},customElement:!0},z,E,a,{items:4,selected:5},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),l()))}static get observedAttributes(){return["items","selected"]}get items(){return this.$$.ctx[4]}set items(e){this.$$set({items:e}),l()}get selected(){return this.$$.ctx[5]}set selected(e){this.$$set({selected:e}),l()}}export{L as default};
 //# sourceMappingURL=Menu.js.map

package/public/bricoman/components/menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { menuType } from './menu.types';\n export let items: string;\n export let selected: string;\n $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n $: itemSelected = selected ? Number(selected) : '';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function generateIconName(\n iconName: string \| undefined,\n isActive: boolean,\n ): string {\n if (isActive) return `${iconName} fill=\"white\" `;\n else return `${iconName} `;\n }\n\n function manageMenu(index: any, item: any) {\n itemSelected = index;\n eventHandler.dispatch('item-selected', {\n index,\n item,\n });\n }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n <ul class=\"mc-menu__list\">\n {#each menuItems as item, index}\n <li class=\"mc-menu__item\">\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-menu__link\"\n class:is-active={itemSelected === index}\n class:is-disabled={item.disabled}\n on:click={() => manageMenu(index, item)}\n >\n <span class=\"mc-menu__icon\">\n {@html `<${generateIconName(\n item.iconName,\n itemSelected === index,\n )} />`}\n </span>\n <span class=\"mc-menu__label\">{item.label}</span>\n </div>\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["~~raw_value~~","~~generateIconName~~","~~ctx~~","~~iconName~~","~~t1_value~~","~~label~~","~~toggle_class~~","~~div~~","~~disabled~~","~~insert~~","~~target~~","li","~~anchor~~","~~append~~","span0","span1","dirty","innerHTML","set_data","t1","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"~~+TAgDuBA~~,EAAA,IAAAC,~~EACTC~~,EAAI,~~GAACC~~,~~SACLD~~,OAAiBA,EAAK,~~SAGIE~~,~~EAAAF~~,~~KAAKG~~,MAAK,~~0MAVvBC~~,EAAAC,EAAA,~~YAAAL~~,OAAiBA,EAAK,~~IACpBI~~,EAAAC,EAAA,~~cAAAL~~,~~KAAKM~~,+~~CAL5BC~~,~~EAgBIC~~,~~EAAAC~~,~~EAAAC~~,~~GAdFC~~,~~EAaKF~~,~~EAAAJ~~,~~GAPHM~~,~~EAKMN~~,~~EAAAO~~,~~wBACND~~,EAA+CN,~~EAAAQ~~,~~wDALlC~~,EAAAC,~~GAAAhB~~,KAAAA,EAAA,IAAAC,~~EACTC~~,EAAI,~~GAACC~~,~~SACLD~~,OAAiBA,EAAK,~~YAAAY~~,EAAAG,~~UAAAjB~~,~~GAGI~~,~~EAAAgB~~,~~GAAAZ~~,KAAAA,~~EAAAF~~,~~KAAKG~~,MAAK,~~KAAAa~~,EAAAC,~~EAAAf~~,~~QAVvBE~~,EAAAC,EAAA,~~YAAAL~~,OAAiBA,EAAK,~~SACpBI~~,EAAAC,EAAA,~~cAAAL~~,~~KAAKM~~,~~2DANvBN~~,EAAS,~~wBAAdkB~~,OAAIC,GAAA,~~sLAFVZ~~,~~EAsBKC~~,~~EAAAY~~,~~EAAAV~~,~~GArBHC~~,~~EAoBIS~~,EAAAC,~~kFAnBKrB~~,EAAS,~~WAAdkB~~,OAAIC,GAAA,EAAA,iHAAJD,~~gDAnBKnB~~,~~EACPE~~,~~EACAqB~~,UAEIA,EAAQ,~~GAAYrB~~,kBAAQ,GACjBA,~~sCAfNsB~~,GAAaC,YACbC,GAAgBD,EAIvBE,EAAmB,IAAAC,EACrBC,IACAC,cAWOC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfL,EAAaS,SAAS,gBACpB,CAAAJ,QACAC,~~0HApBHC~~,EAAA,EAAEG,EAAYb,EAASc,KAAKC,MAAMf,GAAK,mBACvCU,EAAA,EAAEC,EAAeT,EAAWc,OAAOd,GAAY,~~uBAiCxBK~~,EAAWC,EAAOC"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../src/components/menu/Menu.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import type { menuType } from './menu.types';\n export let items: string;\n export let selected: string;\n $: menuItems = items ? (JSON.parse(items) as menuType[]) : [];\n $: itemSelected = selected ? Number(selected) : '';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function generateIconName(\n iconName: string \| undefined,\n isActive: boolean,\n ): string {\n if (isActive) return `${iconName} fill=\"white\" `;\n else return `${iconName} `;\n }\n\n function manageMenu(index: any, item: any) {\n itemSelected = index;\n eventHandler.dispatch('item-selected', {\n index,\n item,\n });\n }\n</script>\n\n<nav class=\"mc-menu\" aria-label=\"menu\">\n <ul class=\"mc-menu__list\">\n {#each menuItems as item, index}\n <li class=\"mc-menu__item\">\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div\n class=\"mc-menu__link\"\n class:is-active={itemSelected === index}\n class:is-disabled={item.disabled}\n on:click={() => manageMenu(index, item)}\n >\n <span class=\"mc-menu__icon\">\n {@html `<${generateIconName(\n item.iconName,\n itemSelected === index,\n )} />`}\n </span>\n {#if $$slots.icon}\n <span class=\"mc-menu__icon\"><slot prop={item} name=\"icon\" /></span>\n {/if}\n <span class=\"mc-menu__label\">{item.label}</span>\n </div>\n </li>\n {/each}\n </ul>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.menu';\n</style>\n"],"names":["ctx","insert","target","span","anchor","append","slot","raw_value","generateIconName","iconName","t2_value","label","if_block","icon","create_if_block","toggle_class","div","disabled","li","span0","span1","dirty","innerHTML","set_data","t2","length","i","nav","ul","isActive","items","$$props","selected","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageMenu","index","item","$$invalidate","itemSelected","dispatch","menuItems","JSON","parse","Number"],"mappings":"kXAsDoDA,EAAI,4DAA5CC,EAAkEC,EAAAC,EAAAC,GAAtCC,EAAgCF,EAAAG,uBAApBN,EAAI,yEANjCO,EAAA,IAAAC,EACTR,EAAI,GAACS,SACLT,OAAiBA,EAAK,UAMIU,EAAAV,KAAKW,MAAK,GAHnCC,EAAAZ,KAAQa,MAAIC,EAAAd,0NAVAe,EAAAC,EAAA,YAAAhB,OAAiBA,EAAK,KACpBe,EAAAC,EAAA,cAAAhB,KAAKiB,+CAL5BhB,EAmBIC,EAAAgB,EAAAd,GAjBFC,EAgBKa,EAAAF,GAVHX,EAKMW,EAAAG,8CAINd,EAA+CW,EAAAI,wDARlC,EAAAC,GAAAd,KAAAA,EAAA,IAAAC,EACTR,EAAI,GAACS,SACLT,OAAiBA,EAAK,aAAAmB,EAAAG,UAAAf,GAGrBP,KAAQa,2DAGiB,EAAAQ,GAAAX,KAAAA,EAAAV,KAAKW,MAAK,KAAAY,EAAAC,EAAAd,QAbvBK,EAAAC,EAAA,YAAAhB,OAAiBA,EAAK,UACpBe,EAAAC,EAAA,cAAAhB,KAAKiB,oEANvBjB,EAAS,wBAAdyB,OAAIC,GAAA,sLAFVzB,EAyBKC,EAAAyB,EAAAvB,GAxBHC,EAuBIsB,EAAAC,mFAtBK5B,EAAS,WAAdyB,OAAIC,GAAA,EAAA,iHAAJD,gDAnBKjB,EACPC,EACAoB,UAEIA,EAAQ,GAAYpB,kBAAQ,GACjBA,iFAfNqB,GAAaC,YACbC,GAAgBD,EAIvBE,EAAmB,IAAAC,EACrBC,IACAC,cAWOC,EAAWC,EAAYC,GAC9BC,EAAA,EAAAC,EAAeH,GACfL,EAAaS,SAAS,gBACpB,CAAAJ,QACAC,2HApBHC,EAAA,EAAEG,EAAYb,EAASc,KAAKC,MAAMf,GAAK,mBACvCU,EAAA,EAAEC,EAAeT,EAAWc,OAAOd,GAAY,yBAiCxBK,EAAWC,EAAOC"}

package/public/bricoman/components/menu/Menu.svelte CHANGED Viewed

@@ -51,6 +51,9 @@
               itemSelected === index,
             )} />`}
           </span>
+          {#if $$slots.icon}
+            <span class="mc-menu__icon"><slot prop={item} name="icon" /></span>
+          {/if}
           <span class="mc-menu__label">{item.label}</span>
         </div>
       </li>

package/public/bricoman/components/segmentedcontrol/SegmentedControl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as n,b as s,f as o,s as i,e as r,n as c,h as a,k as l,q as m,Q as d,v as b,w as g,d as f,t as x,l as p,m as h,o as _}from"../../index-d12e76e8.js";import{E as u}from"../../EventHandler-f7ee47ca.js";function w(e,t,n){const s=e.slice();return s[8]=t[n],s[10]=n,s}function k(e){let t;return{c(){t=r("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-segmented-control__icon")},m(e,n){s(e,t,n)},d(e){e&&m(t)}}}function v(e){let t,n,o,i,c,d,b,g,u=e[8].label+"",w=e[10]===e[1]&&k();function v(){return e[6](e[10],e[8])}return{c(){t=r("button"),n=r("span"),w&&w.c(),o=f(),i=r("span"),c=x(u),d=f(),a(i,"class","mc-segmented-control__label"),a(n,"class","mc-segmented-control__content"),a(t,"type","button"),a(t,"class","mc-segmented-control__segment"),l(t,"is-active",e[1]===e[10]),l(t,"is-disabled",e[8].disabled)},m(e,r){s(e,t,r),p(t,n),w&&w.m(n,null),p(n,o),p(n,i),p(i,c),p(t,d),b||(g=h(t,"click",v),b=!0)},p(s,i){(e=s)[10]===e[1]?w||(w=k(),w.c(),w.m(n,o)):w&&(w.d(1),w=null),4&i&&u!==(u=e[8].label+"")&&_(c,u),2&i&&l(t,"is-active",e[1]===e[10]),4&i&&l(t,"is-disabled",e[8].disabled)},d(e){e&&m(t),w&&w.d(),b=!1,g()}}}function y(e){let t,n=e[2],o=[];for(let t=0;t<n.length;t+=1)o[t]=v(w(e,n,t));return{c(){t=r("div");for(let e=0;e<o.length;e+=1)o[e].c();this.c=c,a(t,"class","mc-segmented-control"),l(t,"mc-segmented-control--m","m"===e[0])},m(e,n){s(e,t,n);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,null)},p(e,[s]){if(14&s){let i;for(n=e[2],i=0;i<n.length;i+=1){const r=w(e,n,i);o[i]?o[i].p(r,s):(o[i]=v(r),o[i].c(),o[i].m(t,null))}for(;i<o.length;i+=1)o[i].d(1);o.length=n.length}1&s&&l(t,"mc-segmented-control--m","m"===e[0])},i:c,o:c,d(e){e&&m(t),d(o,e)}}}function $(e,t,n){let s,o,{items:i}=t,{selected:r}=t,{size:c}=t,a=new u(b(),g());function l(e,t){n(1,o=e),a.dispatch("segment-selected",{index:e,segment:t})}return e.$$set=e=>{"items"in e&&n(4,i=e.items),"selected"in e&&n(5,r=e.selected),"size"in e&&n(0,c=e.size)},e.$$.update=()=>{16&e.$$.dirty&&n(2,s=i?JSON.parse(i):[]),32&e.$$.dirty&&n(1,o=r?Number(r):"")},[c,o,s,l,i,r,(e,t)=>l(e,t)]}class z extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-segmented-control__content{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-segmented-control{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;border-radius:4px;border:1px solid #b3b3b3;width:19.6875rem}.mc-segmented-control__segment{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;border:none;border-radius:4px;color:#000000;cursor:pointer;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-family:inherit;padding:0.1875rem;text-align:left;position:relative;position:relative}.mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control__segment::before{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;bottom:-0.125rem;top:-0.125rem}.mc-segmented-control__segment:hover .mc-segmented-control__content{background-color:#ffe1d1}.mc-segmented-control__segment:focus{z-index:2}.mc-segmented-control__segment:focus::before{-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-segmented-control__segment:active .mc-segmented-control__content{background-color:#ffab80}.mc-segmented-control__segment.is-active{color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__content{background-color:#373de7}.mc-segmented-control__segment.is-active .mc-segmented-control__label{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-segmented-control__segment.is-active .mc-segmented-control__icon::before{width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1rem\' width=\'1rem\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\'/%3E%3C/svg%3E")}.mc-segmented-control__segment.is-disabled{cursor:not-allowed;background-color:#cccccc}.mc-segmented-control__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0.1875rem 1rem;-ms-flex-negative:0;flex-shrink:0;width:100%}.mc-segmented-control__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.mc-segmented-control__icon::before{content:""}.mc-segmented-control__label{font-size:0.875rem;line-height:1.2857142857;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control--m .mc-segmented-control__content{padding:0.6875rem 1.5rem}',this.shadowRoot.appendChild(r),t(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},$,y,i,{items:4,selected:5,size:0},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","selected","size"]}get items(){return this.$$.ctx[4]}set items(e){this.$$set({items:e}),o()}get selected(){return this.$$.ctx[5]}set selected(e){this.$$set({selected:e}),o()}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),o()}}export{z as default};
+import{S as e,i as t,a as n,b as s,f as o,s as i,e as l,n as r,h as c,k as a,q as m,Q as d,v as f,w as g,d as b,t as x,l as h,m as p,o as u}from"../../index-d12e76e8.js";import{E as _}from"../../EventHandler-f7ee47ca.js";function w(e,t,n){const s=e.slice();return s[9]=t[n],s[11]=n,s}function k(e){let t;return{c(){t=l("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',c(t,"class","mc-segmented-control__icon")},m(e,n){s(e,t,n)},d(e){e&&m(t)}}}function v(e){let t,n,o,i,r,d,f,g,_=e[9].label+"",w=e[11]===e[2]&&k();function v(){return e[7](e[11],e[9])}return{c(){t=l("button"),n=l("span"),w&&w.c(),o=b(),i=l("span"),r=x(_),d=b(),c(i,"class","mc-segmented-control__label"),c(n,"class","mc-segmented-control__content"),c(t,"type","button"),c(t,"class","mc-segmented-control__segment"),a(t,"is-active",e[2]===e[11]),a(t,"is-disabled",e[9].disabled)},m(e,l){s(e,t,l),h(t,n),w&&w.m(n,null),h(n,o),h(n,i),h(i,r),h(t,d),f||(g=p(t,"click",v),f=!0)},p(s,i){(e=s)[11]===e[2]?w||(w=k(),w.c(),w.m(n,o)):w&&(w.d(1),w=null),8&i&&_!==(_=e[9].label+"")&&u(r,_),4&i&&a(t,"is-active",e[2]===e[11]),8&i&&a(t,"is-disabled",e[9].disabled)},d(e){e&&m(t),w&&w.d(),f=!1,g()}}}function y(e){let t,n=e[3],o=[];for(let t=0;t<n.length;t+=1)o[t]=v(w(e,n,t));return{c(){t=l("div");for(let e=0;e<o.length;e+=1)o[e].c();this.c=r,c(t,"class","mc-segmented-control"),a(t,"mc-segmented-control--m","m"===e[0]),a(t,"mc-segmented-control--full",e[1])},m(e,n){s(e,t,n);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,null)},p(e,[s]){if(28&s){let i;for(n=e[3],i=0;i<n.length;i+=1){const l=w(e,n,i);o[i]?o[i].p(l,s):(o[i]=v(l),o[i].c(),o[i].m(t,null))}for(;i<o.length;i+=1)o[i].d(1);o.length=n.length}1&s&&a(t,"mc-segmented-control--m","m"===e[0]),2&s&&a(t,"mc-segmented-control--full",e[1])},i:r,o:r,d(e){e&&m(t),d(o,e)}}}function $(e,t,n){let s,o,{items:i}=t,{selected:l}=t,{size:r}=t,{full:c=!1}=t,a=new _(f(),g());function m(e,t){n(2,o=e),a.dispatch("segment-selected",{index:e,segment:t})}return e.$$set=e=>{"items"in e&&n(5,i=e.items),"selected"in e&&n(6,l=e.selected),"size"in e&&n(0,r=e.size),"full"in e&&n(1,c=e.full)},e.$$.update=()=>{32&e.$$.dirty&&n(3,s=i?JSON.parse(i):[]),64&e.$$.dirty&&n(2,o=l?Number(l):"")},[r,c,o,s,m,i,l,(e,t)=>m(e,t)]}class z extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-segmented-control__content{-webkit-box-sizing:border-box;box-sizing:border-box}.mc-segmented-control{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;border-radius:4px;border:1px solid #b3b3b3;width:19.6875rem}.mc-segmented-control__segment{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;border:none;border-radius:4px;color:#000000;cursor:pointer;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-family:inherit;padding:0.1875rem;text-align:left;position:relative;position:relative}.mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control__segment::before{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;bottom:-0.125rem;top:-0.125rem}.mc-segmented-control__segment:hover .mc-segmented-control__content{background-color:#ffe1d1}.mc-segmented-control__segment:focus{z-index:2}.mc-segmented-control__segment:focus::before{-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-segmented-control__segment:active .mc-segmented-control__content{background-color:#ffab80}.mc-segmented-control__segment.is-active{color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__content{background-color:#373de7}.mc-segmented-control__segment.is-active .mc-segmented-control__label{font-family:"LeroyMerlin", sans-serif;font-weight:600}.mc-segmented-control__segment.is-active .mc-segmented-control__icon::before{width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' height=\'1rem\' width=\'1rem\' fill=\'%23ffffff\' viewBox=\'0 0 16 16\'%3E%3Cpath d=\'M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\'/%3E%3C/svg%3E")}.mc-segmented-control__segment.is-disabled{cursor:not-allowed;background-color:#cccccc}.mc-segmented-control__content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0.1875rem 1rem;-ms-flex-negative:0;flex-shrink:0;width:100%}.mc-segmented-control__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.mc-segmented-control__icon::before{content:""}.mc-segmented-control__label{font-size:0.875rem;line-height:1.2857142857;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child)::after{background:#b3b3b3;content:"";display:block;width:1px;height:24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0}.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child).is-active::after{display:none}.mc-segmented-control--m .mc-segmented-control__content{padding:0.6875rem 1.5rem}.mc-segmented-control--full{width:100%}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},$,y,i,{items:5,selected:6,size:0,full:1},null),e&&(e.target&&s(e.target,this,e.anchor),e.props&&(this.$set(e.props),o()))}static get observedAttributes(){return["items","selected","size","full"]}get items(){return this.$$.ctx[5]}set items(e){this.$$set({items:e}),o()}get selected(){return this.$$.ctx[6]}set selected(e){this.$$set({selected:e}),o()}get size(){return this.$$.ctx[0]}set size(e){this.$$set({size:e}),o()}get full(){return this.$$.ctx[1]}set full(e){this.$$set({full:e}),o()}}export{z as default};
 //# sourceMappingURL=SegmentedControl.js.map

package/public/bricoman/components/segmentedcontrol/SegmentedControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmentedcontrol/SegmentedControl.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { itemsType } from './segmentedControl.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n export let items: string;\n export let selected: string;\n export let size: string;\n $: segments = items ? (JSON.parse(items) as itemsType[]) : [];\n $: segmentSelected = selected ? Number(selected) : '';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function manageSegment(index: any, segment: any) {\n segmentSelected = index;\n eventHandler.dispatch('segment-selected', {\n index,\n segment,\n });\n }\n</script>\n\n<div class=\"mc-segmented-control\" class:mc-segmented-control--m={size === 'm'}>\n {#each segments as segment, index}\n <button\n type=\"button\"\n class=\"mc-segmented-control__segment\"\n class:is-active={segmentSelected === index}\n class:is-disabled={segment.disabled}\n on:click={() => manageSegment(index, segment)}\n >\n <span class=\"mc-segmented-control__content\">\n {#if index === segmentSelected}\n <div class=\"mc-segmented-control__icon\">\n <navigation-notification-available-16px\n name=\"NotificationAvailable16\"\n size=\"100%\"\n />\n </div>\n {/if}\n <span class=\"mc-segmented-control__label\">\n {segment.label}\n </span>\n </span>\n </button>\n {/each}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n .mc-segmented-control__content {\n box-sizing: border-box;\n }\n @import '@mozaic-ds/styles/components/c.segmented-control';\n</style>\n"],"names":["insert","target","div","anchor","t1_value","ctx","label","if_block","create_if_block","toggle_class","button","disabled","append","span1","span0","dirty","set_data","t1","length","i","items","$$props","selected","size","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageSegment","index","segment","$$invalidate","segmentSelected","dispatch","segments","JSON","parse","Number"],"mappings":"~~mgBAwCUA~~,EAKKC,EAAAC,EAAAC,qDAGJC,EAAAC,KAAQC,MAAK,GATXC,EAAAF,QAAUA,EAAe,IAAAG,gRALfC,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,KACvBI,EAAAC,EAAA,cAAAL,KAAQM,kBAJ7BX,EAoBQC,EAAAS,EAAAP,GAbNS,EAYMF,EAAAG,yBAHJD,EAEMC,EAAAC,gEAVST,EAAe,gDAS3B,EAAAU,GAAAX,KAAAA,EAAAC,KAAQC,MAAK,KAAAU,EAAAC,EAAAb,QAdDK,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,UACvBI,EAAAC,EAAA,cAAAL,KAAQM,kEALxBN,EAAQ,wBAAba,OAAIC,GAAA,~~2HADyDV~~,EAAAP,EAAA,0BAAS,MAATG,~~cAAjEL~~,~~EAwBKC~~,EAAAC,EAAAC,mFAvBIE,EAAQ,WAAba,OAAIC,GAAA,EAAA,iHAAJD,~~YAD6DT~~,EAAAP,EAAA,0BAAS,MAATG,~~sEApBpDe~~,GAAaC,YACbC,GAAgBD,QAChBE,GAAYF,~~EAInBG~~,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAcC,EAAYC,GACjCC,EAAA,EAAAC,EAAkBH,GAClBL,EAAaS,SAAS,mBACpB,CAAAJ,QACAC,~~wJAZHC~~,EAAA,EAAEG,~~EAAWd~~,~~EAASe~~,KAAKC,~~MAAMhB~~,GAAK,~~mBACtCW~~,EAAA,EAAEC,~~EAAkBV~~,~~EAAWe~~,~~OAAOf~~,GAAY,~~yBAuB~~/BM,EAAcC,EAAOC"}
1	+ {"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmentedcontrol/SegmentedControl.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { itemsType } from './segmentedControl.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n export let items: string;\n export let selected: string;\n export let size: string;\n export let full = false;\n $: segments = items ? (JSON.parse(items) as itemsType[]) : [];\n $: segmentSelected = selected ? Number(selected) : '';\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n\n function manageSegment(index: any, segment: any) {\n segmentSelected = index;\n eventHandler.dispatch('segment-selected', {\n index,\n segment,\n });\n }\n</script>\n\n<div\n class=\"mc-segmented-control\"\n class:mc-segmented-control--m={size === 'm'}\n class:mc-segmented-control--full={full}\n>\n {#each segments as segment, index}\n <button\n type=\"button\"\n class=\"mc-segmented-control__segment\"\n class:is-active={segmentSelected === index}\n class:is-disabled={segment.disabled}\n on:click={() => manageSegment(index, segment)}\n >\n <span class=\"mc-segmented-control__content\">\n {#if index === segmentSelected}\n <div class=\"mc-segmented-control__icon\">\n <navigation-notification-available-16px\n name=\"NotificationAvailable16\"\n size=\"100%\"\n />\n </div>\n {/if}\n <span class=\"mc-segmented-control__label\">\n {segment.label}\n </span>\n </span>\n </button>\n {/each}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n .mc-segmented-control__content {\n box-sizing: border-box;\n }\n @import '@mozaic-ds/styles/components/c.segmented-control';\n</style>\n"],"names":["insert","target","div","anchor","t1_value","ctx","label","if_block","create_if_block","toggle_class","button","disabled","append","span1","span0","dirty","set_data","t1","length","i","items","$$props","selected","size","full","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageSegment","index","segment","$$invalidate","segmentSelected","dispatch","segments","JSON","parse","Number"],"mappings":"mgBA6CUA,EAKKC,EAAAC,EAAAC,qDAGJC,EAAAC,KAAQC,MAAK,GATXC,EAAAF,QAAUA,EAAe,IAAAG,gRALfC,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,KACvBI,EAAAC,EAAA,cAAAL,KAAQM,kBAJ7BX,EAoBQC,EAAAS,EAAAP,GAbNS,EAYMF,EAAAG,yBAHJD,EAEMC,EAAAC,gEAVST,EAAe,gDAS3B,EAAAU,GAAAX,KAAAA,EAAAC,KAAQC,MAAK,KAAAU,EAAAC,EAAAb,QAdDK,EAAAC,EAAA,YAAAL,OAAoBA,EAAK,UACvBI,EAAAC,EAAA,cAAAL,KAAQM,kEALxBN,EAAQ,wBAAba,OAAIC,GAAA,2HAHyBV,EAAAP,EAAA,0BAAS,MAATG,uCACGA,EAAI,YAHxCL,EA4BKC,EAAAC,EAAAC,mFAvBIE,EAAQ,WAAba,OAAIC,GAAA,EAAA,iHAAJD,YAH6BT,EAAAP,EAAA,0BAAS,MAATG,4CACGA,EAAI,oEAxB3Be,GAAaC,YACbC,GAAgBD,QAChBE,GAAYF,GACZG,KAAAA,GAAO,GAAKH,EAInBI,EAAmB,IAAAC,EACrBC,IACAC,cAGOC,EAAcC,EAAYC,GACjCC,EAAA,EAAAC,EAAkBH,GAClBL,EAAaS,SAAS,mBACpB,CAAAJ,QACAC,kLAZHC,EAAA,EAAEG,EAAWf,EAASgB,KAAKC,MAAMjB,GAAK,mBACtCY,EAAA,EAAEC,EAAkBX,EAAWgB,OAAOhB,GAAY,2BA2B/BO,EAAcC,EAAOC"}

package/public/bricoman/components/segmentedcontrol/SegmentedControl.svelte CHANGED Viewed

@@ -10,6 +10,7 @@
   export let items: string;
   export let selected: string;
   export let size: string;
+  export let full = false;
   $: segments = items ? (JSON.parse(items) as itemsType[]) : [];
   $: segmentSelected = selected ? Number(selected) : '';
@@ -27,7 +28,11 @@
   }
 </script>
-<div class="mc-segmented-control" class:mc-segmented-control--m={size === 'm'}>
+<div
+  class="mc-segmented-control"
+  class:mc-segmented-control--m={size === 'm'}
+  class:mc-segmented-control--full={full}
+>
   {#each segments as segment, index}
     <button
       type="button"

package/public/bricoman/components/segmentedcontrol/segmentedControl.types.d.ts CHANGED Viewed

@@ -4,5 +4,6 @@ export interface itemsType {
     name?: string | undefined;
     value?: string;
     disabled?: boolean | undefined;
+    full?: boolean | undefined;
 }
 //# sourceMappingURL=segmentedControl.types.d.ts.map

package/public/bricoman/components/segmentedcontrol/segmentedControl.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"segmentedControl.types.d.ts","sourceRoot":"","sources":["../../../../src/components/segmentedcontrol/segmentedControl.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;~~CAChC~~"}
1	+ {"version":3,"file":"segmentedControl.types.d.ts","sourceRoot":"","sources":["../../../../src/components/segmentedcontrol/segmentedControl.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B"}

package/public/bricoman/components/stepper/Stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as n,n as o,h as a,j as m,l,p as d,q as _,Q as b,r as f,v as h,w as u,x,d as g,t as k,L as w,m as v,o as y}from"../../index-d12e76e8.js";import{E as $}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[10]=t[r],i[12]=r,i}function C(e){let t,r,s=e[12]+1+"";return{c(){t=n("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=n("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,o,m,d,b,f,h,u,x,$,z=e[4](e[12],e[2])+"",E=e[10].label+"";function L(e,t){return 4&t&&(s=null),null==s&&(s=!!e[3](e[12],e[2])),s?j:e[10].isCurrent?C:void 0}let A=L(e,-1),D=A&&A(e);function H(){return e[7](e[10])}return{c(){t=n("li"),r=n("div"),D&&D.c(),p=g(),c=n("div"),o=n("span"),m=k(z),d=g(),b=n("span"),f=k(E),h=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(o,"class","mc-stepper__title"),a(b,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",u="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":"")),w(t,"--steps",e[2].length),w(t,"--current",e[12]+1)},m(e,s){i(e,t,s),l(t,r),D&&D.m(r,null),l(t,p),l(t,c),l(c,o),l(o,m),l(c,d),l(c,b),l(b,f),l(t,h),x||($=v(t,"click",H),x=!0)},p(i,s){A!==(A=L(e=i,s))&&(D&&D.d(1),D=A&&A(e),D&&(D.c(),D.m(r,null))),4&s&&z!==(z=e[4](e[12],e[2])+"")&&y(m,z),4&s&&E!==(E=e[10].label+"")&&y(f,E),4&s&&u!==(u="mc-stepper__item "+(e[10].isCurrent?"mc-stepper__item--current":"")+" "+(e[3](e[12],e[2])?"mc-stepper__item--validated":""))&&a(t,"class",u),4&s&&w(t,"--steps",e[2].length)},d(e){e&&_(t),D&&D.d(),x=!1,$()}}}function L(e){let t,r,s,p=e[2],f=[];for(let t=0;t<p.length;t+=1)f[t]=E(z(e,p,t));let h=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[1]],u={};for(let e=0;e<h.length;e+=1)u=c(u,h[e]);return{c(){t=n("nav"),r=n("ol");for(let e=0;e<f.length;e+=1)f[e].c();this.c=o,a(r,"class","mc-stepper__list"),m(t,u)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<f.length;e+=1)f[e]&&f[e].m(r,null)},p(e,[i]){if(60&i){let t;for(p=e[2],t=0;t<p.length;t+=1){const s=z(e,p,t);f[t]?f[t].p(s,i):(f[t]=E(s),f[t].c(),f[t].m(r,null))}for(;t<f.length;t+=1)f[t].d(1);f.length=p.length}m(t,u=d(h,[5&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[2].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},2&i&&e[1]]))},i:o,o:o,d(e){e&&_(t),b(f,e)}}}function A(e,t,r){let i,s;const p=["steps","compact"];let n=f(t,p),{steps:o}=t,{compact:a=!1}=t,m=new $(h(),u());function l(e){m.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),x(e)),r(9,n=f(t,p)),"steps"in e&&r(6,o=e.steps),"compact"in e&&r(0,a=e.compact)},e.$$.update=()=>{64&e.$$.dirty&&r(2,i=o?JSON.parse(o):[]),r(1,s=Object.assign({},n)),2&e.$$.dirty&&delete s.class},[a,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t){return`${e+1} / ${t.length}`},l,o,e=>l(e)]}class D extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__indicator{background-color:#4d5bf5;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#4d5bf5}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#4d5bf5}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#4d5bf5;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#4d5bf5}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},A,L,p,{steps:6,compact:0},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact"]}get steps(){return this.$$.ctx[6]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}}export{D as default};
+import{S as e,i as t,a as r,b as i,f as s,s as p,c,e as n,n as o,h as a,j as m,l,p as d,q as _,Q as f,r as b,v as x,w as h,x as u,d as g,t as k,L as w,m as v,o as $}from"../../index-d12e76e8.js";import{E as y}from"../../EventHandler-f7ee47ca.js";function z(e,t,r){const i=e.slice();return i[11]=t[r],i[13]=r,i}function C(e){let t,r,s=e[13]+1+"";return{c(){t=n("span"),r=k(s)},m(e,s){i(e,t,s),l(t,r)},d(e){e&&_(t)}}}function j(e){let t;return{c(){t=n("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',a(t,"class","mc-stepper__icon")},m(e,r){i(e,t,r)},d(e){e&&_(t)}}}function E(e){let t,r,s,p,c,o,m,d,f,b,x,h,u,y,z=e[5](e[1],e[13],e[3])+"",E=e[11].label+"";function L(e,t){return 8&t&&(s=null),null==s&&(s=!!e[4](e[13],e[3])),s?j:e[11].isCurrent?C:void 0}let A=L(e,-1),D=A&&A(e);function H(){return e[8](e[11])}return{c(){t=n("li"),r=n("div"),D&&D.c(),p=g(),c=n("div"),o=n("span"),m=k(z),d=g(),f=n("span"),b=k(E),x=g(),a(r,"class","mc-stepper__indicator"),a(r,"aria-hidden","true"),a(o,"class","mc-stepper__title"),a(f,"class","mc-stepper__label"),a(c,"class","mc-stepper__detail"),a(t,"class",h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":"")),w(t,"--steps",e[3].length),w(t,"--current",e[13]+1)},m(e,s){i(e,t,s),l(t,r),D&&D.m(r,null),l(t,p),l(t,c),l(c,o),l(o,m),l(c,d),l(c,f),l(f,b),l(t,x),u||(y=v(t,"click",H),u=!0)},p(i,s){A!==(A=L(e=i,s))&&(D&&D.d(1),D=A&&A(e),D&&(D.c(),D.m(r,null))),10&s&&z!==(z=e[5](e[1],e[13],e[3])+"")&&$(m,z),8&s&&E!==(E=e[11].label+"")&&$(b,E),8&s&&h!==(h="mc-stepper__item "+(e[11].isCurrent?"mc-stepper__item--current":"")+" "+(e[4](e[13],e[3])?"mc-stepper__item--validated":""))&&a(t,"class",h),8&s&&w(t,"--steps",e[3].length)},d(e){e&&_(t),D&&D.d(),u=!1,y()}}}function L(e){let t,r,s,p=e[3],b=[];for(let t=0;t<p.length;t+=1)b[t]=E(z(e,p,t));let x=[{class:s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":"")},{"aria-label":"accessibilityLabels.stepperDescription"},e[2]],h={};for(let e=0;e<x.length;e+=1)h=c(h,x[e]);return{c(){t=n("nav"),r=n("ol");for(let e=0;e<b.length;e+=1)b[e].c();this.c=o,a(r,"class","mc-stepper__list"),m(t,h)},m(e,s){i(e,t,s),l(t,r);for(let e=0;e<b.length;e+=1)b[e]&&b[e].m(r,null)},p(e,[i]){if(122&i){let t;for(p=e[3],t=0;t<p.length;t+=1){const s=z(e,p,t);b[t]?b[t].p(s,i):(b[t]=E(s),b[t].c(),b[t].m(r,null))}for(;t<b.length;t+=1)b[t].d(1);b.length=p.length}m(t,h=d(x,[9&i&&s!==(s="mc-stepper "+(e[0]?"mc-stepper--compact":"")+" "+(e[3].length>3?"mc-stepper--shrinked":""))&&{class:s},{"aria-label":"accessibilityLabels.stepperDescription"},4&i&&e[2]]))},i:o,o:o,d(e){e&&_(t),f(b,e)}}}function A(e,t,r){let i,s;const p=["steps","compact","steptitleprefix"];let n=b(t,p),{steps:o}=t,{compact:a=!1}=t,{steptitleprefix:m}=t,l=new y(x(),h());function d(e){l.dispatch("step-changed",e)}return e.$$set=e=>{t=c(c({},t),u(e)),r(10,n=b(t,p)),"steps"in e&&r(7,o=e.steps),"compact"in e&&r(0,a=e.compact),"steptitleprefix"in e&&r(1,m=e.steptitleprefix)},e.$$.update=()=>{128&e.$$.dirty&&r(3,i=o?JSON.parse(o):[]),r(2,s=Object.assign({},n)),4&e.$$.dirty&&delete s.class},[a,m,s,i,function(e,t){return e<t.findIndex((e=>e.isCurrent))},function(e,t,r){return`${e?`${e} `:""}${t+1} / ${r.length}`},d,o,e=>d(e)]}class D extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-stepper{width:100%}.mc-stepper__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mc-stepper__item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.mc-stepper__item::before,.mc-stepper__item::after{background-color:#999999;content:"";height:0.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item::before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item::after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child::before,.mc-stepper__item:last-child::after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:600}.mc-stepper__item--current::before{background-color:#4d5bf5}.mc-stepper__item--current .mc-stepper__indicator{background-color:#4d5bf5;color:#ffffff}.mc-stepper__item--current .mc-stepper__label{color:#000000}.mc-stepper__item--validated::before,.mc-stepper__item--validated:not(.mc-stepper__item--current)::after{background-color:#4d5bf5}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#4d5bf5}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:600;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #999999;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#4d5bf5;max-width:100%}.mc-stepper__detail{font-size:0.875rem;line-height:1.2857142857;color:#666666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#4d5bf5}.mc-stepper--compact .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item::before,.mc-stepper--compact .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--compact .mc-stepper__item::after{width:100%}.mc-stepper--compact .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:0.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item::before,.mc-stepper--shrinked .mc-stepper__item::after{bottom:0;border-radius:6px;height:0.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item::after{width:100%}.mc-stepper--shrinked .mc-stepper__item::before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:0.25rem}}.mc-stepper--compact .mc-stepper__item::before{content:""}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:r(this.attributes),customElement:!0},A,L,p,{steps:7,compact:0,steptitleprefix:1},null),e&&(e.target&&i(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["steps","compact","steptitleprefix"]}get steps(){return this.$$.ctx[7]}set steps(e){this.$$set({steps:e}),s()}get compact(){return this.$$.ctx[0]}set compact(e){this.$$set({compact:e}),s()}get steptitleprefix(){return this.$$.ctx[1]}set steptitleprefix(e){this.$$set({steptitleprefix:e}),s()}}export{D as default};
 //# sourceMappingURL=Stepper.js.map

package/public/bricoman/components/stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { StepperItems } from './stepper.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let steps: string;\n export let compact = false;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: stepsObject = steps\n ? (JSON.parse(steps) as StepperItems[])\n : ([] as StepperItems[]);\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function isStepValidated(\n index: number,\n stepsObject: StepperItems[],\n ): boolean {\n return (\n index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)\n );\n }\n\n function ~~getStepNumber~~(index: number, stepsObject: StepperItems[]): string {\n return `${index + 1} / ${stepsObject.length}`;\n }\n\n function stepChanged(step: StepperItems): void {\n eventHandler.dispatch('step-changed', step);\n }\n</script>\n\n<nav\n class=\"mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >\n 3\n ? 'mc-stepper--shrinked'\n : ''}\"\n aria-label=\"accessibilityLabels.stepperDescription\"\n {...attributes}\n>\n <ol class=\"mc-stepper__list\">\n {#each stepsObject as step, index}\n <li\n class=\"mc-stepper__item {step.isCurrent\n ? 'mc-stepper__item--current'\n : ''} {isStepValidated(index, stepsObject)\n ? 'mc-stepper__item--validated'\n : ''}\"\n style=\"--steps: {stepsObject.length}; --current: {index + 1};\"\n on:click={() => stepChanged(step)}\n >\n <div class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n {#if isStepValidated(index, stepsObject)}\n <div class=\"mc-stepper__icon\">\n <navigation-notification-available-16px\n name=\"NotificationAvailable16\"\n size=\"100%\"\n />\n </div>\n {:else if step.isCurrent}\n <span>{index + 1}</span>\n {/if}\n </div>\n <div class=\"mc-stepper__detail\">\n <span class=\"mc-stepper__title\"\n >{~~getStepNumber~~(index, stepsObject)}\n </span>\n <span class=\"mc-stepper__label\">{step.label}</span>\n </div>\n </li>\n {/each}\n </ol>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.stepper';\n\n .mc-stepper--compact {\n .mc-stepper__item {\n &::before {\n content: '';\n }\n }\n }\n</style>\n"],"names":["t_value","ctx","insert","target","span","anchor","div","t3_value","label","isCurrent","create_if_block_1","attr","li","li_class_value","set_style","length","append","div0","div1","span0","span1","~~set_data~~","t1","~~t1_value~~","~~dirty","~~t3","i","nav","ol","class","nav_class_value","steps","$$props","compact","eventHandler","EventHandler","get_current_component","createEventDispatcher","stepChanged","step","dispatch","$$invalidate","stepsObject","JSON","parse","attributes","Object","assign","$$restProps","index","findIndex"],"mappings":"~~uUAoEmBA~~,EAAAC,MAAQ,EAAC,yCAAhBC,EAAuBC,EAAAC,EAAAC,uPAPvBH,EAKKC,EAAAG,EAAAD,~~mEAOHJ~~,EAAa,~~GAACA~~,~~EAAK~~,~~IAAEA~~,EAAW,IAAA,~~GAEHM~~,~~EAAAN~~,~~MAAKO~~,MAAK,~~sDAftCP~~,EAAe,GAACA,EAAK,IAAEA,EAAW,SAO7BA,~~MAAKQ~~,UAASC,OAAd,yUAhBaC,EAAAC,EAAA,QAAAC,EAAA,~~qBAAAZ~~,~~MAAKQ~~,UAC1B,4BACA,IAAK,~~KAAAR~~,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,~~KACaa~~,EAAAF,EAAA,~~UAAAX~~,~~KAAYc~~,QAAqBD,EAAAF,EAAA,~~YAAAX~~,MAAQ,WAN5DC,EA2BIC,~~EAAAS~~,~~EAAAP~~,~~GAlBFW~~,EAWKJ,EAAAK,yBACLD,EAKKJ,EAAAM,GAJHF,EAEME,EAAAC,iBACNH,EAAkDE,EAAAE~~,+HAF9CnB~~,EAAa,~~GAACA~~,~~EAAK~~,~~IAAEA~~,EAAW,IAAA,~~KAAAoB~~,EAAAC,~~EAAAC~~,~~GAEH~~,~~EAAAC~~,~~GAAAjB~~,KAAAA,~~EAAAN~~,~~MAAKO~~,MAAK,~~KAAAa~~,~~EAAAI~~,~~EAAAlB~~,GAxBpB,~~EAAAiB~~,~~GAAAX~~,KAAAA,EAAA,~~qBAAAZ~~,~~MAAKQ~~,UAC1B,4BACA,IAAK,~~KAAAR~~,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,~~0BACaa~~,EAAAF,EAAA,~~UAAAX~~,~~KAAYc~~,~~oEAP1Bd~~,EAAW,~~wBAAhBc~~,~~OAAIW~~,GAAA,kDARWzB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,~~GAACc~~,OACtE,EACI,uBACA,~~6DAEAd~~,EAAU,8KANhBC,EAwCKC,EAAAwB,EAAAtB,~~GAhCHW~~,EA+~~BIW~~,EAAAC,~~mFA9BK3B~~,EAAW,~~WAAhBc~~,~~OAAIW~~,GAAA,EAAA,~~iHAAJX~~,~~6CARed~~,EAAO,GAAG,sBAAwB,SAAKA,EAAW,~~GAACc~~,OACtE,EACI,uBACA,MAAE,~~CAAAc~~,MAAAC,gEAEF7B,EAAU~~,+GApCH8B~~,GAAaC,GACbC,QAAAA,GAAU,GAAKD,~~EACtBE~~,EAAmB,IAAAC,EACrBC,IACAC,~~KAqBO~~,SAAAC,EAAYC,GACnBL,EAAaM,SAAS,eAAgBD,~~mJApBvCE~~,EAAA,EAAEC,~~EAAcX~~,~~EACZY~~,KAAKC,~~MAAMb~~,GAAK,~~QAElBc~~,EAALC,OAAAC,UAAuBC,yBACXH,~~EAAWhB~~,~~uBAGnBoB~~,EACAP,UAGEO,EAAQP,EAAYQ,WAAWX,GAAuBA,EAAK9B,~~sBAIxCwC~~,EAAeP,~~GAC1B~~,MAAA,~~GAAAO~~,EAAQ,OAAOP,EAAY3B,~~cAyBjBwB~~,GAAAD,EAAYC"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../src/components/stepper/Stepper.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { StepperItems } from './stepper.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let steps: string;\n export let compact = false;\n export let steptitleprefix: string;\n\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n $: stepsObject = steps\n ? (JSON.parse(steps) as StepperItems[])\n : ([] as StepperItems[]);\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function isStepValidated(\n index: number,\n stepsObject: StepperItems[],\n ): boolean {\n return (\n index < stepsObject.findIndex((step: StepperItems) => step.isCurrent)\n );\n }\n\n function getStepTitle(prefix: string, index: number, stepsObject: StepperItems[]): string {\n const titlePrefix = prefix ? `${prefix} ` : '';\n return `${titlePrefix}${index + 1} / ${stepsObject.length}`;\n }\n\n function stepChanged(step: StepperItems): void {\n eventHandler.dispatch('step-changed', step);\n }\n</script>\n\n<nav\n class=\"mc-stepper {compact ? 'mc-stepper--compact' : ''} {stepsObject.length >\n 3\n ? 'mc-stepper--shrinked'\n : ''}\"\n aria-label=\"accessibilityLabels.stepperDescription\"\n {...attributes}\n>\n <ol class=\"mc-stepper__list\">\n {#each stepsObject as step, index}\n <li\n class=\"mc-stepper__item {step.isCurrent\n ? 'mc-stepper__item--current'\n : ''} {isStepValidated(index, stepsObject)\n ? 'mc-stepper__item--validated'\n : ''}\"\n style=\"--steps: {stepsObject.length}; --current: {index + 1};\"\n on:click={() => stepChanged(step)}\n >\n <div class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n {#if isStepValidated(index, stepsObject)}\n <div class=\"mc-stepper__icon\">\n <navigation-notification-available-16px\n name=\"NotificationAvailable16\"\n size=\"100%\"\n />\n </div>\n {:else if step.isCurrent}\n <span>{index + 1}</span>\n {/if}\n </div>\n <div class=\"mc-stepper__detail\">\n <span class=\"mc-stepper__title\">\n {getStepTitle(steptitleprefix, index, stepsObject)}\n </span>\n <span class=\"mc-stepper__label\">{step.label}</span>\n </div>\n </li>\n {/each}\n </ol>\n</nav>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/_c.stepper';\n\n .mc-stepper--compact {\n .mc-stepper__item {\n &::before {\n content: '';\n }\n }\n }\n</style>\n"],"names":["t_value","ctx","insert","target","span","anchor","div","t1_value","t3_value","label","isCurrent","create_if_block_1","attr","li","li_class_value","set_style","length","append","div0","div1","span0","span1","dirty","set_data","t1","t3","i","nav","ol","class","nav_class_value","steps","$$props","compact","steptitleprefix","eventHandler","EventHandler","get_current_component","createEventDispatcher","stepChanged","step","dispatch","$$invalidate","stepsObject","JSON","parse","attributes","Object","assign","$$restProps","index","findIndex","prefix"],"mappings":"4UAuEmBA,EAAAC,MAAQ,EAAC,yCAAhBC,EAAuBC,EAAAC,EAAAC,uPAPvBH,EAKKC,EAAAG,EAAAD,iEAOJE,EAAAN,EAAa,GAAAA,EAAiB,GAAAA,MAAOA,EAAW,IAAA,GAElBO,EAAAP,MAAKQ,MAAK,sDAftCR,EAAe,GAACA,EAAK,IAAEA,EAAW,SAO7BA,MAAKS,UAASC,OAAd,yUAhBaC,EAAAC,EAAA,QAAAC,EAAA,qBAAAb,MAAKS,UAC1B,4BACA,IAAK,KAAAT,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,KACac,EAAAF,EAAA,UAAAZ,KAAYe,QAAqBD,EAAAF,EAAA,YAAAZ,MAAQ,WAN5DC,EA2BIC,EAAAU,EAAAR,GAlBFY,EAWKJ,EAAAK,yBACLD,EAKKJ,EAAAM,GAJHF,EAEME,EAAAC,iBACNH,EAAkDE,EAAAE,mHAF/C,GAAAC,GAAAf,KAAAA,EAAAN,EAAa,GAAAA,EAAiB,GAAAA,MAAOA,EAAW,IAAA,KAAAsB,EAAAC,EAAAjB,GAElB,EAAAe,GAAAd,KAAAA,EAAAP,MAAKQ,MAAK,KAAAc,EAAAE,EAAAjB,GAxBpB,EAAAc,GAAAR,KAAAA,EAAA,qBAAAb,MAAKS,UAC1B,4BACA,IAAK,KAAAT,EAAgB,GAAAA,MAAOA,EAAW,IACvC,8BACA,0BACac,EAAAF,EAAA,UAAAZ,KAAYe,oEAP1Bf,EAAW,wBAAhBe,OAAIU,GAAA,kDARWzB,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACe,OACtE,EACI,uBACA,6DAEAf,EAAU,8KANhBC,EAwCKC,EAAAwB,EAAAtB,GAhCHY,EA+BIU,EAAAC,oFA9BK3B,EAAW,WAAhBe,OAAIU,GAAA,EAAA,iHAAJV,6CARef,EAAO,GAAG,sBAAwB,SAAKA,EAAW,GAACe,OACtE,EACI,uBACA,MAAE,CAAAa,MAAAC,gEAEF7B,EAAU,iIAvCH8B,GAAaC,GACbC,QAAAA,GAAU,GAAKD,mBACfE,GAAuBF,EAE9BG,EAAmB,IAAAC,EACrBC,IACAC,KAsBO,SAAAC,EAAYC,GACnBL,EAAaM,SAAS,eAAgBD,qMArBvCE,EAAA,EAAEC,EAAcZ,EACZa,KAAKC,MAAMd,GAAK,QAElBe,EAALC,OAAAC,UAAuBC,yBACXH,EAAWjB,yBAGnBqB,EACAP,UAGEO,EAAQP,EAAYQ,WAAWX,GAAuBA,EAAK9B,aAItD,SAAa0C,EAAgBF,EAAeP,GAEzC,MAAA,GADUS,EAAY,GAAAA,KAAY,KACpBF,EAAQ,OAAOP,EAAY3B,cAyB/BwB,GAAAD,EAAYC"}

package/public/bricoman/components/stepper/Stepper.svelte CHANGED Viewed

@@ -10,6 +10,8 @@
   export let steps: string;
   export let compact = false;
+  export let steptitleprefix: string;
   let eventHandler = new EventHandler(
     get_current_component(),
     createEventDispatcher(),
@@ -29,8 +31,9 @@
     );
   }
-  function getStepNumber(index: number, stepsObject: StepperItems[]): string {
-    return `${index + 1} / ${stepsObject.length}`;
+  function getStepTitle(prefix: string, index: number, stepsObject: StepperItems[]): string {
+    const titlePrefix = prefix ? `${prefix} ` : '';
+    return `${titlePrefix}${index + 1} / ${stepsObject.length}`;
   }
   function stepChanged(step: StepperItems): void {
@@ -70,8 +73,8 @@
           {/if}
         </div>
         <div class="mc-stepper__detail">
-          <span class="mc-stepper__title"
-            >{getStepNumber(index, stepsObject)}
+          <span class="mc-stepper__title">
+            {getStepTitle(steptitleprefix, index, stepsObject)}
           </span>
           <span class="mc-stepper__label">{step.label}</span>
         </div>