@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
  1. package/package.json +1 -1
  2. package/public/adeo/bundle.js +0 -5
  3. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  4. package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
  5. package/public/adeo/components/fileuploader/FileUploader.svelte +2 -0
  6. package/public/adeo/components/menu/Menu.js +1 -1
  7. package/public/adeo/components/menu/Menu.js.map +1 -1
  8. package/public/adeo/components/menu/Menu.svelte +3 -0
  9. package/public/adeo/components/segmentedcontrol/SegmentedControl.js +1 -1
  10. package/public/adeo/components/segmentedcontrol/SegmentedControl.js.map +1 -1
  11. package/public/adeo/components/segmentedcontrol/SegmentedControl.svelte +6 -1
  12. package/public/adeo/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  13. package/public/adeo/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  14. package/public/adeo/components/stepper/Stepper.js +1 -1
  15. package/public/adeo/components/stepper/Stepper.js.map +1 -1
  16. package/public/adeo/components/stepper/Stepper.svelte +7 -4
  17. package/public/adeo/components/tabs/Tabs.js +1 -1
  18. package/public/adeo/components/tabs/Tabs.js.map +1 -1
  19. package/public/adeo/components/tabs/Tabs.svelte +15 -0
  20. package/public/adeo/main.d.ts +0 -1
  21. package/public/adeo/main.d.ts.map +1 -1
  22. package/public/adeo/utilities/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  23. package/public/adeo/utilities/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  24. package/public/adeo/utilities/main.d.ts +0 -1
  25. package/public/adeo/utilities/main.d.ts.map +1 -1
  26. package/public/adeo/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
  27. package/public/adeo/utilities/stories/segmentedcontrol/segmentedcontrol.stories.d.ts.map +1 -1
  28. package/public/adeo/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
  29. package/public/bricoman/bundle.js +0 -5
  30. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  31. package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
  32. package/public/bricoman/components/fileuploader/FileUploader.svelte +2 -0
  33. package/public/bricoman/components/menu/Menu.js +1 -1
  34. package/public/bricoman/components/menu/Menu.js.map +1 -1
  35. package/public/bricoman/components/menu/Menu.svelte +3 -0
  36. package/public/bricoman/components/segmentedcontrol/SegmentedControl.js +1 -1
  37. package/public/bricoman/components/segmentedcontrol/SegmentedControl.js.map +1 -1
  38. package/public/bricoman/components/segmentedcontrol/SegmentedControl.svelte +6 -1
  39. package/public/bricoman/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  40. package/public/bricoman/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  41. package/public/bricoman/components/stepper/Stepper.js +1 -1
  42. package/public/bricoman/components/stepper/Stepper.js.map +1 -1
  43. package/public/bricoman/components/stepper/Stepper.svelte +7 -4
  44. package/public/bricoman/components/tabs/Tabs.js +1 -1
  45. package/public/bricoman/components/tabs/Tabs.js.map +1 -1
  46. package/public/bricoman/components/tabs/Tabs.svelte +15 -0
  47. package/public/bricoman/main.d.ts +0 -1
  48. package/public/bricoman/main.d.ts.map +1 -1
  49. package/public/bricoman/utilities/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  50. package/public/bricoman/utilities/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  51. package/public/bricoman/utilities/main.d.ts +0 -1
  52. package/public/bricoman/utilities/main.d.ts.map +1 -1
  53. package/public/bricoman/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
  54. package/public/bricoman/utilities/stories/segmentedcontrol/segmentedcontrol.stories.d.ts.map +1 -1
  55. package/public/bricoman/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
  56. package/public/bundle.js +0 -5
  57. package/public/components/fileuploader/FileUploader.js +1 -1
  58. package/public/components/fileuploader/FileUploader.js.map +1 -1
  59. package/public/components/fileuploader/FileUploader.svelte +2 -0
  60. package/public/components/menu/Menu.js +1 -1
  61. package/public/components/menu/Menu.js.map +1 -1
  62. package/public/components/menu/Menu.svelte +3 -0
  63. package/public/components/segmentedcontrol/SegmentedControl.js +1 -1
  64. package/public/components/segmentedcontrol/SegmentedControl.js.map +1 -1
  65. package/public/components/segmentedcontrol/SegmentedControl.svelte +6 -1
  66. package/public/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  67. package/public/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  68. package/public/components/stepper/Stepper.js +1 -1
  69. package/public/components/stepper/Stepper.js.map +1 -1
  70. package/public/components/stepper/Stepper.svelte +7 -4
  71. package/public/components/tabs/Tabs.js +1 -1
  72. package/public/components/tabs/Tabs.js.map +1 -1
  73. package/public/components/tabs/Tabs.svelte +15 -0
  74. package/public/main.d.ts +0 -1
  75. package/public/main.d.ts.map +1 -1
  76. package/public/utilities/components/segmentedcontrol/segmentedControl.types.d.ts +1 -0
  77. package/public/utilities/components/segmentedcontrol/segmentedControl.types.d.ts.map +1 -1
  78. package/public/utilities/main.d.ts +0 -1
  79. package/public/utilities/main.d.ts.map +1 -1
  80. package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
  81. package/public/utilities/stories/segmentedcontrol/segmentedcontrol.stories.d.ts.map +1 -1
  82. package/public/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
  83. package/public/adeo/components/button/ButtonSlot.js +0 -2
  84. package/public/adeo/components/button/ButtonSlot.js.map +0 -1
  85. package/public/adeo/components/buttonslot/ButtonSlot.svelte +0 -148
  86. package/public/adeo/utilities/stories/button/ButtonSlot.stories.d.ts +0 -10
  87. package/public/adeo/utilities/stories/button/ButtonSlot.stories.d.ts.map +0 -1
  88. package/public/bricoman/components/button/ButtonSlot.js +0 -2
  89. package/public/bricoman/components/button/ButtonSlot.js.map +0 -1
  90. package/public/bricoman/components/buttonslot/ButtonSlot.svelte +0 -148
  91. package/public/bricoman/utilities/stories/button/ButtonSlot.stories.d.ts +0 -10
  92. package/public/bricoman/utilities/stories/button/ButtonSlot.stories.d.ts.map +0 -1
  93. package/public/components/button/ButtonSlot.js +0 -2
  94. package/public/components/button/ButtonSlot.js.map +0 -1
  95. package/public/components/buttonslot/ButtonSlot.svelte +0 -148
  96. package/public/utilities/stories/button/ButtonSlot.stories.d.ts +0 -10
  97. package/public/utilities/stories/button/ButtonSlot.stories.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/web-components",
3
- "version": "0.18.0",
3
+ "version": "0.20.0",
4
4
  "description": "Web component Mozaic DS implementation",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -1,7 +1,6 @@
1
1
  import Accordion from './components/accordion/Accordion.js';
2
2
  import Autocomplete from './components/autocomplete/Autocomplete.js';
3
3
  import Button from './components/button/Button.js';
4
- import ButtonSlot from './components/button/ButtonSlot.js';
5
4
  import Card from './components/card/Card.js';
6
5
  import Breadcrumb from './components/breadcrumb/Breadcrumb.js';
7
6
  import Checkbox from './components/checkbox/Checkbox.js';
@@ -73,10 +72,6 @@ if (!customElements.get('m-button')) {
73
72
  customElements.define('m-button', Button);
74
73
  }
75
74
 
76
- if (!customElements.get('m-button-slot')) {
77
- customElements.define('m-button-slot', ButtonSlot);
78
- }
79
-
80
75
  if (!customElements.get('m-card')) {
81
76
  customElements.define('m-card', Card);
82
77
  }
@@ -1,2 +1,2 @@
1
- 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 as f,o as m,A as u,y as b,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||(u(l.$$.fragment,e),t=!0)},o(e){b(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||(u(l.$$.fragment,e),t=!0)},o(e){b(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=f(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)&&m(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&&u(z,1)):(z=C(e),z.c(),u(z,1),z.m(l,v)):z&&(y(),b(z,1,1,(()=>{z=null})),h()),e[9].length>0?A?(A.p(e,i),512&i&&u(A,1)):(A=S(e),A.c(),u(A,1),A.m(l,null)):A&&(y(),b(A,1,1,(()=>{A=null})),h())},i(e){_||(u(z),u(A),_=!0)},o(e){b(z),b(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 O(e,l,t){let i,s,a,r,o,n,{id:d}=l,{label:c}=l,{accept:p}=l,{multiple:f=!0}=l,{allowedextensions:m}=l,{maxsize:u}=l,{displayfileslist:b=!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,f=e.multiple),"allowedextensions"in e&&t(16,m=e.allowedextensions),"maxsize"in e&&t(17,u=e.maxsize),"displayfileslist"in e&&t(0,b=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=m?JSON.parse(m):[]),262144&e.$$.dirty&&t(9,s=w?JSON.parse(w):[]),e.$$.dirty,131072&e.$$.dirty&&t(11,a=u||void 0),524288&e.$$.dirty&&t(12,r=v?JSON.parse(v):[])},[b,d,c,p,f,h,x,o,n,s,i,a,r,function(e){const l=e.target;t(7,o=l.files),t(0,b=!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)},m,u,w,v,_,function(e){k[e?"unshift":"push"]((()=>{n=e,t(8,n)}))}]}class j 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:\"Roboto\", sans-serif;font-weight:700;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:#007f8c;border-color:#007f8c;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:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.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='%23007f8c' 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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}: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},O,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{j as default};
1
+ 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 u,y as b,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||(u(l.$$.fragment,e),t=!0)},o(e){b(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||(u(l.$$.fragment,e),t=!0)},o(e){b(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&&u(z,1)):(z=C(e),z.c(),u(z,1),z.m(l,v)):z&&(y(),b(z,1,1,(()=>{z=null})),h()),e[10].length>0?A?(A.p(e,i),1024&i&&u(A,1)):(A=S(e),A.c(),u(A,1),A.m(l,null)):A&&(y(),b(A,1,1,(()=>{A=null})),h())},i(e){_||(u(z),u(A),_=!0)},o(e){b(z),b(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 O(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:u}=l,{maxsize:b}=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,u=e.allowedextensions),"maxsize"in e&&t(18,b=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=u?JSON.parse(u):[]),524288&e.$$.dirty&&t(10,s=v?JSON.parse(v):[]),e.$$.dirty,262144&e.$$.dirty&&t(12,a=b||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)},u,b,v,_,y,function(e){k[e?"unshift":"push"]((()=>{n=e,t(9,n)}))}]}class j 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:\"Roboto\", sans-serif;font-weight:700;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:#007f8c;border-color:#007f8c;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:#d9f0f3;color:#006974}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label:active{background-color:#91d5db;color:#004e57}.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='%23007f8c' 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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}:hover+.mc-fileuploader__label{color:#006974;background-color:#d9f0f3}: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},O,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{j as default};
2
2
  //# sourceMappingURL=FileUploader.js.map
@@ -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":"wdA4JuBA,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"}
@@ -10,6 +10,7 @@
10
10
  import ResultFile from './fileuploader-result.nested.svelte';
11
11
 
12
12
  export let id: string;
13
+ export let name: string;
13
14
  export let label: string;
14
15
  export let accept: string;
15
16
  export let multiple = true;
@@ -134,6 +135,7 @@
134
135
  <div class="mc-fileuploader" bind:this={root}>
135
136
  <input
136
137
  {id}
138
+ {name}
137
139
  type="file"
138
140
  class="mc-fileuploader__input"
139
141
  {accept}
@@ -1,2 +1,2 @@
1
- import{S as e,i as t,a as i,b as n,f as s,s as l,e as a,n as o,h as r,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,o,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(),o=a("span"),d=h(x),u=g(),r(s,"class","mc-menu__icon"),r(o,"class","mc-menu__label"),r(i,"class","mc-menu__link"),b(i,"is-active",e[0]===e[9]),b(i,"is-disabled",e[7].disabled),r(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,o),m(o,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=o,r(i,"class","mc-menu__list"),r(t,"class","mc-menu"),r(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:o,o:o,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,o=new k(u(),f());function r(e,t){i(0,s=e),o.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,r,l,a,(e,t)=>r(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:#eeedea}.mc-menu__link:active{background-color:#dddcd5}.mc-menu__link.is-active{background-color:#007f8c}.mc-menu__link.is-active .mc-menu__label{font-family:\"Roboto\", sans-serif;font-weight:700}.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:\"Roboto\", 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};
1
+ 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 c,h as m,l as r,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),r(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,c,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(),c=o("span"),u=p(v),f=b(),m(n,"class","mc-menu__icon"),m(c,"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),r(t,i),r(i,n),n.innerHTML=x,r(i,l),y&&y.m(i,null),r(i,a),r(i,c),r(c,u),r(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=c,m(i,"class","mc-menu__list"),m(t,"class","mc-menu"),m(t,"aria-label","menu")},m(e,n){s(e,t,n),r(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:c,o:c,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:c}=t,{selected:m}=t,r=new x(g(),h());function d(e,t){i(0,s=e),r.dispatch("item-selected",{index:e,item:t})}return e.$$set=e=>{"items"in e&&i(4,c=e.items),"selected"in e&&i(5,m=e.selected)},e.$$.update=()=>{16&e.$$.dirty&&i(1,n=c?JSON.parse(c):[]),32&e.$$.dirty&&i(0,s=m?Number(m):"")},[s,n,d,o,c,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:#eeedea}.mc-menu__link:active{background-color:#dddcd5}.mc-menu__link.is-active{background-color:#007f8c}.mc-menu__link.is-active .mc-menu__label{font-family:\"Roboto\", sans-serif;font-weight:700}.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:\"Roboto\", 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};
2
2
  //# sourceMappingURL=Menu.js.map
@@ -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"}
@@ -51,6 +51,9 @@
51
51
  itemSelected === index,
52
52
  )} />`}
53
53
  </span>
54
+ {#if $$slots.icon}
55
+ <span class="mc-menu__icon"><slot prop={item} name="icon" /></span>
56
+ {/if}
54
57
  <span class="mc-menu__label">{item.label}</span>
55
58
  </div>
56
59
  </li>
@@ -1,2 +1,2 @@
1
- import{S as e,i as t,a as s,b as n,f as o,s as i,e as r,n as a,h as c,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,s){const n=e.slice();return n[8]=t[s],n[10]=s,n}function k(e){let t;return{c(){t=r("div"),t.innerHTML='<navigation-notification-available-16px name="NotificationAvailable16" size="100%"></navigation-notification-available-16px>',c(t,"class","mc-segmented-control__icon")},m(e,s){n(e,t,s)},d(e){e&&m(t)}}}function v(e){let t,s,o,i,a,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"),s=r("span"),w&&w.c(),o=f(),i=r("span"),a=x(u),d=f(),c(i,"class","mc-segmented-control__label"),c(s,"class","mc-segmented-control__content"),c(t,"type","button"),c(t,"class","mc-segmented-control__segment"),l(t,"is-active",e[1]===e[10]),l(t,"is-disabled",e[8].disabled)},m(e,r){n(e,t,r),p(t,s),w&&w.m(s,null),p(s,o),p(s,i),p(i,a),p(t,d),b||(g=h(t,"click",v),b=!0)},p(n,i){(e=n)[10]===e[1]?w||(w=k(),w.c(),w.m(s,o)):w&&(w.d(1),w=null),4&i&&u!==(u=e[8].label+"")&&_(a,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,s=e[2],o=[];for(let t=0;t<s.length;t+=1)o[t]=v(w(e,s,t));return{c(){t=r("div");for(let e=0;e<o.length;e+=1)o[e].c();this.c=a,c(t,"class","mc-segmented-control"),l(t,"mc-segmented-control--m","m"===e[0])},m(e,s){n(e,t,s);for(let e=0;e<o.length;e+=1)o[e]&&o[e].m(t,null)},p(e,[n]){if(14&n){let i;for(s=e[2],i=0;i<s.length;i+=1){const r=w(e,s,i);o[i]?o[i].p(r,n):(o[i]=v(r),o[i].c(),o[i].m(t,null))}for(;i<o.length;i+=1)o[i].d(1);o.length=s.length}1&n&&l(t,"mc-segmented-control--m","m"===e[0])},i:a,o:a,d(e){e&&m(t),d(o,e)}}}function $(e,t,s){let n,o,{items:i}=t,{selected:r}=t,{size:a}=t,c=new u(b(),g());function l(e,t){s(1,o=e),c.dispatch("segment-selected",{index:e,segment:t})}return e.$$set=e=>{"items"in e&&s(4,i=e.items),"selected"in e&&s(5,r=e.selected),"size"in e&&s(0,a=e.size)},e.$$.update=()=>{16&e.$$.dirty&&s(2,n=i?JSON.parse(i):[]),32&e.$$.dirty&&s(1,o=r?Number(r):"")},[a,o,n,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:#eeedea}.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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-segmented-control__segment:active .mc-segmented-control__content{background-color:#dddcd5}.mc-segmented-control__segment.is-active{color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__content{background-color:#007f8c}.mc-segmented-control__segment.is-active .mc-segmented-control__label{font-family:"Roboto", sans-serif;font-weight:700}.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:"Roboto", 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:s(this.attributes),customElement:!0},$,y,i,{items:4,selected:5,size:0},null),e&&(e.target&&n(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};
1
+ 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:#eeedea}.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 #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;-webkit-box-shadow:0 0 0 0.125rem #758992;box-shadow:0 0 0 0.125rem #758992}.mc-segmented-control__segment:active .mc-segmented-control__content{background-color:#dddcd5}.mc-segmented-control__segment.is-active{color:#ffffff}.mc-segmented-control__segment.is-active .mc-segmented-control__content{background-color:#007f8c}.mc-segmented-control__segment.is-active .mc-segmented-control__label{font-family:"Roboto", sans-serif;font-weight:700}.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:"Roboto", 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};
2
2
  //# sourceMappingURL=SegmentedControl.js.map
@@ -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"}
@@ -10,6 +10,7 @@
10
10
  export let items: string;
11
11
  export let selected: string;
12
12
  export let size: string;
13
+ export let full = false;
13
14
  $: segments = items ? (JSON.parse(items) as itemsType[]) : [];
14
15
  $: segmentSelected = selected ? Number(selected) : '';
15
16
 
@@ -27,7 +28,11 @@
27
28
  }
28
29
  </script>
29
30
 
30
- <div class="mc-segmented-control" class:mc-segmented-control--m={size === 'm'}>
31
+ <div
32
+ class="mc-segmented-control"
33
+ class:mc-segmented-control--m={size === 'm'}
34
+ class:mc-segmented-control--full={full}
35
+ >
31
36
  {#each segments as segment, index}
32
37
  <button
33
38
  type="button"
@@ -4,5 +4,6 @@ export interface itemsType {
4
4
  name?: string | undefined;
5
5
  value?: string;
6
6
  disabled?: boolean | undefined;
7
+ full?: boolean | undefined;
7
8
  }
8
9
  //# sourceMappingURL=segmentedControl.types.d.ts.map
@@ -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"}
@@ -1,2 +1,2 @@
1
- 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:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current::before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;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:#00919f}.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:#00919f}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:700;-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:#00919f;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:#00919f}.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};
1
+ 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:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current::before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;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:#00919f}.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:#00919f}.mc-stepper__indicator{font-size:0.875rem;line-height:1.1428571429;font-weight:700;-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:#00919f;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:#00919f}.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};
2
2
  //# sourceMappingURL=Stepper.js.map
@@ -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"}
@@ -10,6 +10,8 @@
10
10
 
11
11
  export let steps: string;
12
12
  export let compact = false;
13
+ export let steptitleprefix: string;
14
+
13
15
  let eventHandler = new EventHandler(
14
16
  get_current_component(),
15
17
  createEventDispatcher(),
@@ -29,8 +31,9 @@
29
31
  );
30
32
  }
31
33
 
32
- function getStepNumber(index: number, stepsObject: StepperItems[]): string {
33
- return `${index + 1} / ${stepsObject.length}`;
34
+ function getStepTitle(prefix: string, index: number, stepsObject: StepperItems[]): string {
35
+ const titlePrefix = prefix ? `${prefix} ` : '';
36
+ return `${titlePrefix}${index + 1} / ${stepsObject.length}`;
34
37
  }
35
38
 
36
39
  function stepChanged(step: StepperItems): void {
@@ -70,8 +73,8 @@
70
73
  {/if}
71
74
  </div>
72
75
  <div class="mc-stepper__detail">
73
- <span class="mc-stepper__title"
74
- >{getStepNumber(index, stepsObject)}
76
+ <span class="mc-stepper__title">
77
+ {getStepTitle(steptitleprefix, index, stepsObject)}
75
78
  </span>
76
79
  <span class="mc-stepper__label">{step.label}</span>
77
80
  </div>
@@ -1,2 +1,2 @@
1
- import{S as e,i as t,a as s,b as a,f as i,s as n,c,e as l,n as o,h as r,j as d,l as b,p as m,q as _,Q as f,r as u,v as p,w as h,x,d as g,J as v,t as k,k as w,m as $,o as y,R as A}from"../../index-d12e76e8.js";import{E as N}from"../../EventHandler-f7ee47ca.js";function j(e,t,s){const a=e.slice();return a[16]=t[s],a[18]=s,a}function C(e){let t,s,i,n,c,o,d,m,f,u=e[16].text+"",p=e[16].iconName&&H(e);function h(...t){return e[12](e[18],e[16],...t)}return{c(){t=l("button"),s=l("span"),p&&p.c(),i=g(),n=k(u),r(s,"class","mc-tabs__text"),r(t,"role","tab"),r(t,"type","button"),r(t,"class","mc-tabs__element"),r(t,"id",c=e[16].id),t.disabled=o=e[16].disabled,r(t,"aria-selected",d=e[16].isActive?"true":"false"),w(t,"mc-tabs__element--disabled",e[16].disabled),w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,c){a(e,t,c),b(t,s),p&&p.m(s,null),b(s,i),b(s,n),m||(f=$(t,"click",h),m=!0)},p(a,l){(e=a)[16].iconName?p?p.p(e,l):(p=H(e),p.c(),p.m(s,i)):p&&(p.d(1),p=null),256&l&&u!==(u=e[16].text+"")&&y(n,u),256&l&&c!==(c=e[16].id)&&r(t,"id",c),256&l&&o!==(o=e[16].disabled)&&(t.disabled=o),256&l&&d!==(d=e[16].isActive?"true":"false")&&r(t,"aria-selected",d),256&l&&w(t,"mc-tabs__element--disabled",e[16].disabled),304&l&&w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&_(t),p&&p.d(),m=!1,f()}}}function L(e){let t;function s(e,t){return e[16].disabled?T:M}let i=s(e),n=i(e);return{c(){n.c(),t=A()},m(e,s){n.m(e,s),a(e,t,s)},p(e,a){i===(i=s(e))&&n?n.p(e,a):(n.d(1),n=i(e),n&&(n.c(),n.m(t.parentNode,t)))},d(e){n.d(e),e&&_(t)}}}function H(e){let t,s=`<${q(e[16].iconName,e[16].iconColor)} />`;return{c(){t=l("span"),r(t,"class","mc-tabs__icon")},m(e,i){a(e,t,i),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${q(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&_(t)}}}function T(e){let t,s,i,n,c,o,d=e[16].text+"",m=e[16].iconName&&E(e);return{c(){t=l("span"),s=l("span"),m&&m.c(),i=g(),n=k(d),r(s,"class","mc-tabs__text"),r(t,"role","tab"),r(t,"class","mc-tabs__element"),r(t,"id",c=e[16].id),r(t,"aria-selected",o=e[16].isActive?"true":"false"),w(t,"mc-tabs__element--disabled",e[16].disabled),w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,c){a(e,t,c),b(t,s),m&&m.m(s,null),b(s,i),b(s,n)},p(e,a){e[16].iconName?m?m.p(e,a):(m=E(e),m.c(),m.m(s,i)):m&&(m.d(1),m=null),256&a&&d!==(d=e[16].text+"")&&y(n,d),256&a&&c!==(c=e[16].id)&&r(t,"id",c),256&a&&o!==(o=e[16].isActive?"true":"false")&&r(t,"aria-selected",o),256&a&&w(t,"mc-tabs__element--disabled",e[16].disabled),304&a&&w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&_(t),m&&m.d()}}}function M(e){let t,s,i,n,c,o,d,m,f,u=e[16].text+"",p=e[16].iconName&&O(e);function h(...t){return e[11](e[18],e[16],...t)}return{c(){t=l("a"),s=l("span"),p&&p.c(),i=g(),n=k(u),r(s,"class","mc-tabs__text"),r(t,"href",c=e[16].href),r(t,"role","tab"),r(t,"class","mc-tabs__element"),r(t,"id",o=e[16].id),r(t,"aria-selected",d=e[16].isActive?"true":"false"),w(t,"mc-tabs__element--disabled",e[16].disabled),w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},m(e,c){a(e,t,c),b(t,s),p&&p.m(s,null),b(s,i),b(s,n),m||(f=$(t,"click",h),m=!0)},p(a,l){(e=a)[16].iconName?p?p.p(e,l):(p=O(e),p.c(),p.m(s,i)):p&&(p.d(1),p=null),256&l&&u!==(u=e[16].text+"")&&y(n,u),256&l&&c!==(c=e[16].href)&&r(t,"href",c),256&l&&o!==(o=e[16].id)&&r(t,"id",o),256&l&&d!==(d=e[16].isActive?"true":"false")&&r(t,"aria-selected",d),256&l&&w(t,"mc-tabs__element--disabled",e[16].disabled),304&l&&w(t,"mc-tabs__element--selected",e[4]?e[16].id==e[5]:e[16].isActive)},d(e){e&&_(t),p&&p.d(),m=!1,f()}}}function E(e){let t,s=`<${q(e[16].iconName,e[16].iconColor)} />`;return{c(){t=l("span"),r(t,"class","mc-tabs__icon")},m(e,i){a(e,t,i),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${q(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&_(t)}}}function O(e){let t,s=`<${q(e[16].iconName,e[16].iconColor)} />`;return{c(){t=l("span"),r(t,"class","mc-tabs__icon")},m(e,i){a(e,t,i),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${q(e[16].iconName,e[16].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&_(t)}}}function R(e){let t,s;function i(e,t){return e[16].href?L:C}let n=i(e),c=n(e);return{c(){t=l("li"),c.c(),s=g(),r(t,"class","mc-tabs__item"),r(t,"role","presentation")},m(e,i){a(e,t,i),c.m(t,null),b(t,s)},p(e,a){n===(n=i(e))&&c?c.p(e,a):(c.d(1),c=n(e),c&&(c.c(),c.m(t,s)))},d(e){e&&_(t),c.d()}}}function S(e){let t,s,i,n=e[8],u=[];for(let t=0;t<n.length;t+=1)u[t]=R(j(e,n,t));let p=[{class:i="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")},e[6]],h={};for(let e=0;e<p.length;e+=1)h=c(h,p[e]);return{c(){t=l("div"),s=l("ul");for(let e=0;e<u.length;e+=1)u[e].c();this.c=o,r(s,"class","mc-tabs__nav"),r(s,"role","tablist"),r(s,"aria-label",e[1]),d(t,h)},m(i,n){a(i,t,n),b(t,s);for(let e=0;e<u.length;e+=1)u[e]&&u[e].m(s,null);e[13](s)},p(e,[a]){if(816&a){let t;for(n=e[8],t=0;t<n.length;t+=1){const i=j(e,n,t);u[t]?u[t].p(i,a):(u[t]=R(i),u[t].c(),u[t].m(s,null))}for(;t<u.length;t+=1)u[t].d(1);u.length=n.length}2&a&&r(s,"aria-label",e[1]),d(t,h=m(p,[13&a&&i!==(i="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":""))&&{class:i},64&a&&e[6]]))},i:o,o:o,d(s){s&&_(t),f(u,s),e[13](null)}}}function q(e,t){return`${e} size="1.5rem" fill="${t}"`}function z(e,t,s){let a,i;const n=["align","description","nodivider","tabs","type","stateless","selectedtab"];let l,o=u(t,n),{align:r="auto"}=t,{description:d="Tabs"}=t,{nodivider:b=!1}=t,{tabs:m}=t,{type:_="tabs"}=t,{stateless:f=!1}=t,{selectedtab:g}=t,k=new N(p(),h());function w(e,t){const s=e.target;f||(l.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true")),k.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=c(c({},t),x(e)),s(15,o=u(t,n)),"align"in e&&s(0,r=e.align),"description"in e&&s(1,d=e.description),"nodivider"in e&&s(2,b=e.nodivider),"tabs"in e&&s(10,m=e.tabs),"type"in e&&s(3,_=e.type),"stateless"in e&&s(4,f=e.stateless),"selectedtab"in e&&s(5,g=e.selectedtab)},e.$$.update=()=>{1024&e.$$.dirty&&s(8,a=m?JSON.parse(m):[]),s(6,i=Object.assign({},o)),64&e.$$.dirty&&delete i.class},[r,d,b,_,f,g,i,l,a,w,m,(e,t,s)=>w(s,Object.assign({index:e},t)),(e,t,s)=>w(s,Object.assign({index:e},t)),function(e){v[e?"unshift":"push"]((()=>{l=e,s(7,l)}))}]}class J extends e{constructor(e){super();const c=document.createElement("style");c.textContent='.mc-tabs{font-family:"Roboto", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow::after,.mc-tabs--no-divider::after{display:none}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:0.875rem;line-height:1.2857142857;font-weight:700;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link::before,.mc-tabs__element::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-tabs__link::after,.mc-tabs__element::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus::before,.mc-tabs__element:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected::after,.mc-tabs__element--selected::after{background-color:#007f8c}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover{color:#006974}.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#006974}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs{width:auto}.mc-tabs--full,.mc-tabs--full-centered{width:100%}}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}',this.shadowRoot.appendChild(c),t(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},z,S,n,{align:0,description:1,nodivider:2,tabs:10,type:3,stateless:4,selectedtab:5},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["align","description","nodivider","tabs","type","stateless","selectedtab"]}get align(){return this.$$.ctx[0]}set align(e){this.$$set({align:e}),i()}get description(){return this.$$.ctx[1]}set description(e){this.$$set({description:e}),i()}get nodivider(){return this.$$.ctx[2]}set nodivider(e){this.$$set({nodivider:e}),i()}get tabs(){return this.$$.ctx[10]}set tabs(e){this.$$set({tabs:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get stateless(){return this.$$.ctx[4]}set stateless(e){this.$$set({stateless:e}),i()}get selectedtab(){return this.$$.ctx[5]}set selectedtab(e){this.$$set({selectedtab:e}),i()}}export{J as default};
1
+ import{S as e,i as t,a as s,g as a,b as n,f as i,s as c,c as l,e as o,n as r,h as d,j as m,l as b,p as _,q as p,Q as u,r as f,u as h,v as x,w as g,x as v,d as $,J as k,t as w,k as y,m as A,o as N,R as j}from"../../index-d12e76e8.js";import{E as C}from"../../EventHandler-f7ee47ca.js";function L(e,t,s){const a=e.slice();return a[17]=t[s],a[19]=s,a}function H(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&M(e),x=e[10].icon&&E(e);function g(...t){return e[13](e[19],e[17],...t)}return{c(){t=o("button"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"type","button"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),t.disabled=r=e[17].disabled,d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=M(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=E(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].id)&&d(t,"id",l),256&o&&r!==(r=e[17].disabled)&&(t.disabled=r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function T(e){let t;function s(e,t){return e[17].disabled?O:R}let a=s(e),i=a(e);return{c(){i.c(),t=j()},m(e,s){i.m(e,s),n(e,t,s)},p(e,n){a===(a=s(e))&&i?i.p(e,n):(i.d(1),i=a(e),i&&(i.c(),i.m(t.parentNode,t)))},d(e){i.d(e),e&&p(t)}}}function M(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function E(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function O(e){let t,s,a,i,c,l,r,m=e[17].text+"",_=e[17].iconName&&S(e),u=e[10].icon&&q(e);return{c(){t=o("span"),s=o("span"),_&&_.c(),a=$(),u&&u.c(),i=$(),c=w(m),d(s,"class","mc-tabs__text"),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",l=e[17].id),d(t,"aria-selected",r=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),_&&_.m(s,null),b(s,a),u&&u.m(s,null),b(s,i),b(s,c)},p(e,n){e[17].iconName?_?_.p(e,n):(_=S(e),_.c(),_.m(s,a)):_&&(_.d(1),_=null),e[10].icon?u?u.p(e,n):(u=q(e),u.c(),u.m(s,i)):u&&(u.d(1),u=null),256&n&&m!==(m=e[17].text+"")&&N(c,m),256&n&&l!==(l=e[17].id)&&d(t,"id",l),256&n&&r!==(r=e[17].isActive?"true":"false")&&d(t,"aria-selected",r),256&n&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&n&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),_&&_.d(),u&&u.d()}}}function R(e){let t,s,a,i,c,l,r,m,_,u,f=e[17].text+"",h=e[17].iconName&&z(e),x=e[10].icon&&J(e);function g(...t){return e[12](e[19],e[17],...t)}return{c(){t=o("a"),s=o("span"),h&&h.c(),a=$(),x&&x.c(),i=$(),c=w(f),d(s,"class","mc-tabs__text"),d(t,"href",l=e[17].href),d(t,"role","tab"),d(t,"class","mc-tabs__element"),d(t,"id",r=e[17].id),d(t,"aria-selected",m=e[17].isActive?"true":"false"),y(t,"mc-tabs__element--disabled",e[17].disabled),y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},m(e,l){n(e,t,l),b(t,s),h&&h.m(s,null),b(s,a),x&&x.m(s,null),b(s,i),b(s,c),_||(u=A(t,"click",g),_=!0)},p(n,o){(e=n)[17].iconName?h?h.p(e,o):(h=z(e),h.c(),h.m(s,a)):h&&(h.d(1),h=null),e[10].icon?x?x.p(e,o):(x=J(e),x.c(),x.m(s,i)):x&&(x.d(1),x=null),256&o&&f!==(f=e[17].text+"")&&N(c,f),256&o&&l!==(l=e[17].href)&&d(t,"href",l),256&o&&r!==(r=e[17].id)&&d(t,"id",r),256&o&&m!==(m=e[17].isActive?"true":"false")&&d(t,"aria-selected",m),256&o&&y(t,"mc-tabs__element--disabled",e[17].disabled),304&o&&y(t,"mc-tabs__element--selected",e[4]?e[17].id==e[5]:e[17].isActive)},d(e){e&&p(t),h&&h.d(),x&&x.d(),_=!1,u()}}}function S(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function q(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function z(e){let t,s=`<${D(e[17].iconName,e[17].iconColor)} />`;return{c(){t=o("span"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),t.innerHTML=s},p(e,a){256&a&&s!==(s=`<${D(e[17].iconName,e[17].iconColor)} />`)&&(t.innerHTML=s)},d(e){e&&p(t)}}}function J(e){let t,s,a;return{c(){t=o("span"),s=o("slot"),d(s,"prop",a=e[17]),d(s,"name","icon"),d(t,"class","mc-tabs__icon")},m(e,a){n(e,t,a),b(t,s)},p(e,t){256&t&&a!==(a=e[17])&&d(s,"prop",a)},d(e){e&&p(t)}}}function Q(e){let t,s;function a(e,t){return e[17].href?T:H}let i=a(e),c=i(e);return{c(){t=o("li"),c.c(),s=$(),d(t,"class","mc-tabs__item"),d(t,"role","presentation")},m(e,a){n(e,t,a),c.m(t,null),b(t,s)},p(e,n){i===(i=a(e))&&c?c.p(e,n):(c.d(1),c=i(e),c&&(c.c(),c.m(t,s)))},d(e){e&&p(t),c.d()}}}function B(e){let t,s,a,i=e[8],c=[];for(let t=0;t<i.length;t+=1)c[t]=Q(L(e,i,t));let f=[{class:a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":"")},e[6]],h={};for(let e=0;e<f.length;e+=1)h=l(h,f[e]);return{c(){t=o("div"),s=o("ul");for(let e=0;e<c.length;e+=1)c[e].c();this.c=r,d(s,"class","mc-tabs__nav"),d(s,"role","tablist"),d(s,"aria-label",e[1]),m(t,h)},m(a,i){n(a,t,i),b(t,s);for(let e=0;e<c.length;e+=1)c[e]&&c[e].m(s,null);e[14](s)},p(e,[n]){if(1840&n){let t;for(i=e[8],t=0;t<i.length;t+=1){const a=L(e,i,t);c[t]?c[t].p(a,n):(c[t]=Q(a),c[t].c(),c[t].m(s,null))}for(;t<c.length;t+=1)c[t].d(1);c.length=i.length}2&n&&d(s,"aria-label",e[1]),m(t,h=_(f,[13&n&&a!==(a="mc-tabs "+(e[0]&&"full"===e[0]?" mc-tabs--full":"")+" "+(e[0]&&"centered"===e[0]?" mc-tabs--full-centered":"")+" "+(e[3]?` mc-tabs--${e[3]}`:"")+(e[2]?" mc-tabs--no-divider":""))&&{class:a},64&n&&e[6]]))},i:r,o:r,d(s){s&&p(t),u(c,s),e[14](null)}}}function D(e,t){return`${e} size="1.5rem" fill="${t}"`}function F(e,t,s){let a,n;const i=["align","description","nodivider","tabs","type","stateless","selectedtab"];let c=f(t,i),{$$slots:o={},$$scope:r}=t;const d=h(o);let m,{align:b="auto"}=t,{description:_="Tabs"}=t,{nodivider:p=!1}=t,{tabs:u}=t,{type:$="tabs"}=t,{stateless:w=!1}=t,{selectedtab:y}=t,A=new C(x(),g());function N(e,t){const s=e.target;w||(m.querySelectorAll(".mc-tabs__element").forEach((e=>{e.classList.remove("mc-tabs__element--selected"),e.setAttribute("aria-selected","false")})),s.classList.add("mc-tabs__element--selected"),s.setAttribute("aria-selected","true")),A.dispatch("tab-clicked",Object.assign(t,{target:s}))}return e.$$set=e=>{t=l(l({},t),v(e)),s(16,c=f(t,i)),"align"in e&&s(0,b=e.align),"description"in e&&s(1,_=e.description),"nodivider"in e&&s(2,p=e.nodivider),"tabs"in e&&s(11,u=e.tabs),"type"in e&&s(3,$=e.type),"stateless"in e&&s(4,w=e.stateless),"selectedtab"in e&&s(5,y=e.selectedtab)},e.$$.update=()=>{2048&e.$$.dirty&&s(8,a=u?JSON.parse(u):[]),s(6,n=Object.assign({},c)),64&e.$$.dirty&&delete n.class},[b,_,p,$,w,y,n,m,a,N,d,u,(e,t,s)=>N(s,Object.assign({index:e},t)),(e,t,s)=>N(s,Object.assign({index:e},t)),function(e){k[e?"unshift":"push"]((()=>{m=e,s(7,m)}))}]}class G extends e{constructor(e){super();const l=document.createElement("style");l.textContent='.mc-tabs{font-family:"Roboto", sans-serif;font-weight:400;background-color:#ffffff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;width:100%}.mc-tabs::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}.mc-tabs--no-shadow::after,.mc-tabs--no-divider::after{display:none}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0;margin-bottom:0}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:0.875rem;line-height:1.2857142857;font-weight:700;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;color:#666666;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;outline:none;padding-left:0.75rem;padding-right:0.75rem;position:relative;text-decoration:none}.mc-tabs__link::before,.mc-tabs__element::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-tabs__link::after,.mc-tabs__element::after{background-color:transparent;bottom:0;content:"";height:0.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#4d4d4d}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus::before,.mc-tabs__element:focus::before{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected::after,.mc-tabs__element--selected::after{background-color:#007f8c}.mc-tabs__link--selected:hover,.mc-tabs__element--selected:hover{color:#006974}.mc-tabs__link--selected:active,.mc-tabs__element--selected:active{color:#006974}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#cccccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{-webkit-box-shadow:none;box-shadow:none}.mc-tabs__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0.4375rem 0.75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}.mc-tabs--full-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}@media screen and (min-width: 680px){.mc-tabs{width:auto}.mc-tabs--full,.mc-tabs--full-centered{width:100%}}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown)::before{bottom:0.125rem}.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}',this.shadowRoot.appendChild(l),t(this,{target:this.shadowRoot,props:{...s(this.attributes),$$slots:a(this)},customElement:!0},F,B,c,{align:0,description:1,nodivider:2,tabs:11,type:3,stateless:4,selectedtab:5},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),i()))}static get observedAttributes(){return["align","description","nodivider","tabs","type","stateless","selectedtab"]}get align(){return this.$$.ctx[0]}set align(e){this.$$set({align:e}),i()}get description(){return this.$$.ctx[1]}set description(e){this.$$set({description:e}),i()}get nodivider(){return this.$$.ctx[2]}set nodivider(e){this.$$set({nodivider:e}),i()}get tabs(){return this.$$.ctx[11]}set tabs(e){this.$$set({tabs:e}),i()}get type(){return this.$$.ctx[3]}set type(e){this.$$set({type:e}),i()}get stateless(){return this.$$.ctx[4]}set stateless(e){this.$$set({stateless:e}),i()}get selectedtab(){return this.$$.ctx[5]}set selectedtab(e){this.$$set({selectedtab:e}),i()}}export{G as default};
2
2
  //# sourceMappingURL=Tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let align: TabsAlign = 'auto';\n export let description = 'Tabs';\n export let nodivider = false;\n export let tabs: string;\n export let type: TabsType = 'tabs';\n export let stateless = false;\n export let selectedtab: string | undefined;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tablist: HTMLElement;\n $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function manageTabs(e: Event, tabItem: TabsItems): void {\n const currentEl = e.target as HTMLElement;\n if (stateless) {\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n } else {\n tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n el.classList.remove('mc-tabs__element--selected');\n el.setAttribute('aria-selected', 'false');\n });\n\n currentEl.classList.add('mc-tabs__element--selected');\n currentEl.setAttribute('aria-selected', 'true');\n\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n }\n }\n\n function generateIconName(iconName: string, iconColor: string): string {\n return `${iconName} size=\"1.5rem\" fill=\"${iconColor}\"`;\n }\n</script>\n\n<div\n class=\"mc-tabs\n {align && align === 'full' ? ' mc-tabs--full' : ''}\n {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n {...attributes}\n>\n <ul\n class=\"mc-tabs__nav\"\n bind:this={tablist}\n role=\"tablist\"\n aria-label={description}\n >\n {#each parsedTabs as tab, index}\n <li class=\"mc-tabs__item\" role=\"presentation\">\n {#if tab.href}\n {#if !tab.disabled}\n <a\n href={tab.href}\n role=\"tab\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {tab.text}\n </span>\n </a>\n {:else}\n <span\n role=\"tab\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {tab.text}\n </span>\n </span>\n {/if}\n {:else}\n <button\n role=\"tab\"\n type=\"button\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n disabled={tab.disabled}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {tab.text}\n </span>\n </button>\n {/if}\n </li>\n {/each}\n </ul>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t1_value","ctx","text","if_block","iconName","create_if_block_4","attr","button","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","toggle_class","insert","target","anchor","append","span","dirty","set_data","t1","create_if_block_1","raw_value","generateIconName","iconColor","innerHTML","create_if_block_3","span1","span1_id_value","span1_aria_selected_value","span0","create_if_block_2","a","a_href_value","href","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","class","div_class_value","tablist","align","$$props","description","nodivider","tabs","type","stateless","selectedtab","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","attributes","$$restProps","event","index","tab","$$value"],"mappings":"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"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../../src/components/tabs/Tabs.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { TabsAlign, TabsItems, TabsType } from './tabs.types';\n import { EventHandler } from '../../utilities/EventHandler';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n\n export let align: TabsAlign = 'auto';\n export let description = 'Tabs';\n export let nodivider = false;\n export let tabs: string;\n export let type: TabsType = 'tabs';\n export let stateless = false;\n export let selectedtab: string | undefined;\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tablist: HTMLElement;\n $: parsedTabs = tabs ? (JSON.parse(tabs) as TabsItems[]) : [];\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n function manageTabs(e: Event, tabItem: TabsItems): void {\n const currentEl = e.target as HTMLElement;\n if (stateless) {\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n } else {\n tablist.querySelectorAll('.mc-tabs__element').forEach((el): void => {\n el.classList.remove('mc-tabs__element--selected');\n el.setAttribute('aria-selected', 'false');\n });\n\n currentEl.classList.add('mc-tabs__element--selected');\n currentEl.setAttribute('aria-selected', 'true');\n\n eventHandler.dispatch(\n 'tab-clicked',\n Object.assign(tabItem, { target: currentEl }),\n );\n }\n }\n\n function generateIconName(iconName: string, iconColor: string): string {\n return `${iconName} size=\"1.5rem\" fill=\"${iconColor}\"`;\n }\n</script>\n\n<div\n class=\"mc-tabs\n {align && align === 'full' ? ' mc-tabs--full' : ''}\n {align && align === 'centered' ? ' mc-tabs--full-centered' : ''}\n {type ? ` mc-tabs--${type}` : ''}{nodivider ? ' mc-tabs--no-divider' : ''}\"\n {...attributes}\n>\n <ul\n class=\"mc-tabs__nav\"\n bind:this={tablist}\n role=\"tablist\"\n aria-label={description}\n >\n {#each parsedTabs as tab, index}\n <li class=\"mc-tabs__item\" role=\"presentation\">\n {#if tab.href}\n {#if !tab.disabled}\n <a\n href={tab.href}\n role=\"tab\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-tabs__icon\"\n ><slot prop={tab} name=\"icon\" /></span\n >\n {/if}\n {tab.text}\n </span>\n </a>\n {:else}\n <span\n role=\"tab\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n aria-selected={tab.isActive ? 'true' : 'false'}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-tabs__icon\"\n ><slot prop={tab} name=\"icon\" /></span\n >\n {/if}\n {tab.text}\n </span>\n </span>\n {/if}\n {:else}\n <button\n role=\"tab\"\n type=\"button\"\n class=\"mc-tabs__element\"\n class:mc-tabs__element--disabled={tab.disabled}\n class:mc-tabs__element--selected={stateless\n ? tab.id == selectedtab\n : tab.isActive}\n id={tab.id}\n disabled={tab.disabled}\n aria-selected={tab.isActive ? 'true' : 'false'}\n on:click={(event) =>\n manageTabs(event, Object.assign({ index: index }, tab))}\n >\n <span class=\"mc-tabs__text\">\n {#if tab.iconName}\n <span class=\"mc-tabs__icon\"\n >{@html `<${generateIconName(\n tab.iconName,\n tab.iconColor,\n )} />`}</span\n >\n {/if}\n {#if $$slots.icon}\n <span class=\"mc-tabs__icon\"\n ><slot prop={tab} name=\"icon\" /></span\n >\n {/if}\n {tab.text}\n </span>\n </button>\n {/if}\n </li>\n {/each}\n </ul>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.tabs';\n</style>\n"],"names":["t2_value","ctx","text","if_block0","iconName","create_if_block_7","if_block1","icon","create_if_block_6","attr","button","button_id_value","id","disabled","button_disabled_value","button_aria_selected_value","isActive","toggle_class","insert","target","anchor","append","span","dirty","set_data","t2","create_if_block_1","raw_value","generateIconName","iconColor","innerHTML","slot","create_if_block_5","create_if_block_4","span1","span1_id_value","span1_aria_selected_value","span0","create_if_block_3","create_if_block_2","a","a_href_value","href","a_id_value","a_aria_selected_value","create_if_block","li","length","i","div","ul","class","div_class_value","tablist","align","$$props","description","nodivider","tabs","type","stateless","selectedtab","eventHandler","EventHandler","get_current_component","createEventDispatcher","manageTabs","e","tabItem","currentEl","querySelectorAll","forEach","el","classList","remove","setAttribute","add","dispatch","Object","assign","$$invalidate","parsedTabs","JSON","parse","attributes","$$restProps","event","index","tab","$$value"],"mappings":"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"}