@mozaic-ds/web-components 0.6.2-beta.0 → 0.7.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.
- package/package.json +6 -3
- package/public/{DataTableDefaultAction.nested-4da4dc44.js → DataTableDefaultAction.nested-483f8bb0.js} +2 -2
- package/public/DataTableDefaultAction.nested-483f8bb0.js.map +1 -0
- package/public/adeo/{DataTableDefaultAction.nested-9f01417d.js → DataTableDefaultAction.nested-90536fe3.js} +2 -2
- package/public/adeo/DataTableDefaultAction.nested-90536fe3.js.map +1 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/accordion/Accordion.js.map +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +28 -18
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +1 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/FileUploader.svelte +12 -0
- package/public/adeo/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/adeo/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.js.map +1 -1
- package/public/adeo/components/link/Link.svelte +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/resultfile/ResultFile.nested.svelte +31 -2
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/bricoman/{DataTableDefaultAction.nested-1c046074.js → DataTableDefaultAction.nested-928e5e2d.js} +2 -2
- package/public/bricoman/DataTableDefaultAction.nested-928e5e2d.js.map +1 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/accordion/Accordion.js.map +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +28 -18
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +1 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.svelte +12 -0
- package/public/bricoman/components/fileuploader/ResultFile.nested.js +1 -1
- package/public/bricoman/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.js.map +1 -1
- package/public/bricoman/components/link/Link.svelte +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/resultfile/ResultFile.nested.svelte +31 -2
- package/public/bricoman/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +28 -18
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/datatable.types.d.ts +1 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/FileUploader.svelte +8 -0
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/link/Link.svelte +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/utilities/components/datatable/datatable.types.d.ts +1 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts +1 -0
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-4da4dc44.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-9f01417d.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-1c046074.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as l,b as
|
|
1
|
+
import{S as e,i as s,a as l,b as i,f as t,s as a,e as r,d as o,t as n,n as d,g as c,j as u,l as M,k as w,C as m,D as p,E as b,o as f,x,A as L,G as g,M as h,v as $}from"../../index-c33b3772.js";import{E as D}from"../../EventHandler-02058705.js";import S from"./ResultFile.nested.js";function y(e){let s,l;return s=new S({props:{files:e[7],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[14]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};128&l&&(i.files=e[7]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){p(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function N(e){let s,l;return s=new S({props:{files:e[9],allowedExtensions:e[10],disabled:e[5],maxSize:e[11],removelabel:e[6],errorLabels:e[12]}}),s.$on("file-removed",e[15]),{c(){x(s.$$.fragment)},m(e,i){L(s,e,i),l=!0},p(e,l){const i={};512&l&&(i.files=e[9]),1024&l&&(i.allowedExtensions=e[10]),32&l&&(i.disabled=e[5]),2048&l&&(i.maxSize=e[11]),64&l&&(i.removelabel=e[6]),4096&l&&(i.errorLabels=e[12]),s.$set(i)},i(e){l||(m(s.$$.fragment,e),l=!0)},o(e){p(s.$$.fragment,e),l=!1},d(e){g(s,e)}}}function T(e){let s,l,t,a,x,L,g,$,D,S,T,j=e[0]&&e[7]&&e[7].length>0&&y(e),v=e[9].length>0&&N(e);return{c(){s=r("div"),l=r("input"),t=o(),a=r("label"),x=r("span"),L=n(e[2]),g=o(),j&&j.c(),$=o(),v&&v.c(),this.c=d,c(l,"id",e[1]),c(l,"type","file"),c(l,"class","mc-fileuploader__input"),c(l,"accept",e[3]),l.multiple=e[4],l.disabled=e[5],c(x,"class","mc-fileuploader__label--center"),c(a,"for",e[1]),c(a,"class","mc-fileuploader__label"),c(s,"class","mc-fileuploader")},m(r,o){i(r,s,o),u(s,l),u(s,t),u(s,a),u(a,x),u(x,L),u(s,g),j&&j.m(s,null),u(s,$),v&&v.m(s,null),e[21](s),D=!0,S||(T=M(l,"change",e[13]),S=!0)},p(e,[i]){(!D||2&i)&&c(l,"id",e[1]),(!D||8&i)&&c(l,"accept",e[3]),(!D||16&i)&&(l.multiple=e[4]),(!D||32&i)&&(l.disabled=e[5]),(!D||4&i)&&w(L,e[2]),(!D||2&i)&&c(a,"for",e[1]),e[0]&&e[7]&&e[7].length>0?j?(j.p(e,i),129&i&&m(j,1)):(j=y(e),j.c(),m(j,1),j.m(s,$)):j&&(h(),p(j,1,1,(()=>{j=null})),b()),e[9].length>0?v?(v.p(e,i),512&i&&m(v,1)):(v=N(e),v.c(),m(v,1),v.m(s,null)):v&&(h(),p(v,1,1,(()=>{v=null})),b())},i(e){D||(m(j),m(v),D=!0)},o(e){p(j),p(v),D=!1},d(l){l&&f(s),j&&j.d(),v&&v.d(),e[21](null),S=!1,T()}}}function j(e,s){const l=Array.from(e),i=l.indexOf(s);return-1!==i&&l.splice(i,1),l}function v(e,s,l){let i,t,a,r,o,n,{id:d}=s,{label:c}=s,{accept:u}=s,{multiple:M=!0}=s,{allowedextensions:w}=s,{maxsize:m}=s,{displayfileslist:p=!1}=s,{disabled:b=!1}=s,{removelabel:f="Remove"}=s,{uploadedfiles:x}=s,{errorlabels:L}=s,{stateless:g}=s,h=new D;return e.$$set=e=>{"id"in e&&l(1,d=e.id),"label"in e&&l(2,c=e.label),"accept"in e&&l(3,u=e.accept),"multiple"in e&&l(4,M=e.multiple),"allowedextensions"in e&&l(16,w=e.allowedextensions),"maxsize"in e&&l(17,m=e.maxsize),"displayfileslist"in e&&l(0,p=e.displayfileslist),"disabled"in e&&l(5,b=e.disabled),"removelabel"in e&&l(6,f=e.removelabel),"uploadedfiles"in e&&l(18,x=e.uploadedfiles),"errorlabels"in e&&l(19,L=e.errorlabels),"stateless"in e&&l(20,g=e.stateless)},e.$$.update=()=>{65536&e.$$.dirty&&l(10,i=w?JSON.parse(w):[]),262144&e.$$.dirty&&l(9,t=x?JSON.parse(x):[]),e.$$.dirty,131072&e.$$.dirty&&l(11,a=m||void 0),524288&e.$$.dirty&&l(12,r=L?JSON.parse(L):[])},[p,d,c,u,M,b,f,o,n,t,i,a,r,function(e){const s=e.target;l(7,o=s.files),l(0,p=!0);const t=[];if([...o].forEach(((e,s)=>{const l=e.name,r=e.size,o=function(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}(l),n=function(e){return!(a&&e/1024/1024>a)}(r);let d="";o||(d="invalid-extension"),n||(d="invalid-size"),o&&n||t.push({index:s,fileName:l,fileSize:r,errorType:d})})),t.length>0&&h.dispatch("invalid-files",t),h.dispatch("change",o),g){n.querySelector(".mc-fileuploader__input").value=""}},function(e){l(7,o=j(o,e.detail)),n.querySelector(".mc-fileuploader__input").value="",h.dispatch("file-removed",e.detail)},function(e){const s=j(t,e.detail);l(9,t=s),h.dispatch("uploaded-file-removed",e.detail)},w,m,x,L,g,function(e){$[e?"unshift":"push"]((()=>{n=e,l(8,n)}))}]}class E 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA3ZjhjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") 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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}',this.shadowRoot.appendChild(r),s(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},v,T,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),t()))}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}),t()}get label(){return this.$$.ctx[2]}set label(e){this.$$set({label:e}),t()}get accept(){return this.$$.ctx[3]}set accept(e){this.$$set({accept:e}),t()}get multiple(){return this.$$.ctx[4]}set multiple(e){this.$$set({multiple:e}),t()}get allowedextensions(){return this.$$.ctx[16]}set allowedextensions(e){this.$$set({allowedextensions:e}),t()}get maxsize(){return this.$$.ctx[17]}set maxsize(e){this.$$set({maxsize:e}),t()}get displayfileslist(){return this.$$.ctx[0]}set displayfileslist(e){this.$$set({displayfileslist:e}),t()}get disabled(){return this.$$.ctx[5]}set disabled(e){this.$$set({disabled:e}),t()}get removelabel(){return this.$$.ctx[6]}set removelabel(e){this.$$set({removelabel:e}),t()}get uploadedfiles(){return this.$$.ctx[18]}set uploadedfiles(e){this.$$set({uploadedfiles:e}),t()}get errorlabels(){return this.$$.ctx[19]}set errorlabels(e){this.$$set({errorlabels:e}),t()}get stateless(){return this.$$.ctx[20]}set stateless(e){this.$$set({stateless:e}),t()}}export{E 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 { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.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\n let files: FileList;\n let root: HTMLElement;\n let eventHandler = new EventHandler();\n\n $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n $: files;\n $: maxSize = maxsize ? maxsize : undefined;\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\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\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 = [];\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('invalid-files', invalidFiles);\n }\n eventHandler.dispatch('change', files);\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 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 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","eventHandler","EventHandler","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","
|
|
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 { EventHandler } from '../../utilities/EventHandler';\n import ResultFile from './ResultFile.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\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\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\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 = [];\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('invalid-files', invalidFiles);\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","$$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":"icA8JuBA,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,gCA5FLM,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,MAAmBC,wfAEtBC,EAAA,GAAEC,EAAoBX,EAAoBY,KAAKC,MAAMb,GAAiB,uBACtEU,EAAA,EAAEI,EAAgBT,EAAgBO,KAAKC,MAAMR,GAAa,uCAExDU,EAAUd,QAAoBe,sBAChCN,EAAA,GAAEO,EAAcX,EAAcM,KAAKC,MAAMP,GAAW,gCAmC5C,SAAaY,SACdzC,EAASyC,EAAEzC,WACjBgB,EAAQhB,EAAOgB,OACfiB,EAAA,EAAAR,GAAmB,SACbiB,EAAY,UACG1B,GACZ2B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBtC,OAAS,EAAC,CAC7C,MAAAuD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAwBkBK,CAAmBV,GACpCW,EA3CD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GAyCRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAa9C,OAAS,GACxBmC,EAAa8B,SAAS,gBAAiBnB,GAEzCX,EAAa8B,SAAS,SAAU7C,GAC5Bc,EAAS,CACUb,EAAK6C,cACxB,2BAEWrD,MAAQ,KAahB,SAAWgC,GAClBR,EAAA,EAAAjB,EAAQT,EAAgBS,EAAOyB,EAAEsB,SACZ9C,EAAK6C,cACxB,2BAEWrD,MAAQ,GACrBsB,EAAa8B,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAAzB,EAAQT,EAAgB8B,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBrB,GAChBe,EAAa8B,SAAS,wBAAyBpB,EAAEsB,2DAQb9C,EAAI+C"}
|
|
@@ -15,6 +15,8 @@
|
|
|
15
15
|
export let disabled = false;
|
|
16
16
|
export let removelabel = 'Remove';
|
|
17
17
|
export let uploadedfiles: string;
|
|
18
|
+
export let errorlabels: string;
|
|
19
|
+
export let stateless: false;
|
|
18
20
|
|
|
19
21
|
let files: FileList;
|
|
20
22
|
let root: HTMLElement;
|
|
@@ -24,6 +26,7 @@
|
|
|
24
26
|
$: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];
|
|
25
27
|
$: files;
|
|
26
28
|
$: maxSize = maxsize ? maxsize : undefined;
|
|
29
|
+
$: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];
|
|
27
30
|
|
|
28
31
|
function checkFileSize(fileSize: number): boolean {
|
|
29
32
|
const fileSizeMB = fileSize / 1024 / 1024; // in MB
|
|
@@ -63,6 +66,7 @@
|
|
|
63
66
|
files = target.files as FileList;
|
|
64
67
|
displayfileslist = true;
|
|
65
68
|
const invalidFiles: Array = [];
|
|
69
|
+
const fileList = [...files];
|
|
66
70
|
fileList.forEach((file, index) => {
|
|
67
71
|
const fileName = file.name;
|
|
68
72
|
const fileSize = file.size;
|
|
@@ -92,6 +96,12 @@
|
|
|
92
96
|
eventHandler.dispatch('invalid-files', invalidFiles);
|
|
93
97
|
}
|
|
94
98
|
eventHandler.dispatch('change', files);
|
|
99
|
+
if (stateless) {
|
|
100
|
+
const fileuploader = root.querySelector(
|
|
101
|
+
'.mc-fileuploader__input',
|
|
102
|
+
) as HTMLInputElement;
|
|
103
|
+
fileuploader.value = '';
|
|
104
|
+
}
|
|
95
105
|
}
|
|
96
106
|
|
|
97
107
|
function removeFromArray(fileList: FileList, value: File): FileList {
|
|
@@ -145,6 +155,7 @@
|
|
|
145
155
|
{disabled}
|
|
146
156
|
{maxSize}
|
|
147
157
|
{removelabel}
|
|
158
|
+
{errorLabels}
|
|
148
159
|
on:file-removed={deleteFile}
|
|
149
160
|
/>
|
|
150
161
|
{/if}
|
|
@@ -155,6 +166,7 @@
|
|
|
155
166
|
{disabled}
|
|
156
167
|
{maxSize}
|
|
157
168
|
{removelabel}
|
|
169
|
+
{errorLabels}
|
|
158
170
|
on:file-removed={deleteUploadedFile}
|
|
159
171
|
/>
|
|
160
172
|
{/if}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as s,s as l,Q as i,e as t,g as o,b as a,n as r,o as n,J as M,c,q as d,t as w,d as m,j as g,l as u,k as f}from"../../index-c33b3772.js";import{E as x}from"../../EventHandler-02058705.js";function b(e){i(e,"svelte-zs822y",'.mc-fileuploader.svelte-zs822y.svelte-zs822y{position:relative;display:block}.mc-fileuploader__input.svelte-zs822y.svelte-zs822y{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.svelte-zs822y.svelte-zs822y{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.is-hover.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:disabled,.mc-fileuploader__label.is-disabled.svelte-zs822y.svelte-zs822y{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-zs822y.svelte-zs822y::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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA3ZjhjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:focus+.mc-fileuploader__label.svelte-zs822y{-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}.is-hover.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:hover+.mc-fileuploader__label.svelte-zs822y{color:#006974;background-color:#d9f0f3}.is-disabled.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:disabled+.mc-fileuploader__label.svelte-zs822y{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y::before,.svelte-zs822y:disabled+.mc-fileuploader__label.svelte-zs822y::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-zs822y.svelte-zs822y{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-zs822y.svelte-zs822y{font-family:"Roboto", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-zs822y.svelte-zs822y:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-zs822y.svelte-zs822y{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-zs822y.svelte-zs822y{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-zs822y .mc-fileuploader__file-icon.svelte-zs822y{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA5MTlmIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-zs822y .mc-fileuploader__file-icon.svelte-zs822y{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y::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;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y:focus{outline:none}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y: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}')}function y(e,s,l){const i=e.slice();return i[13]=s[l],i[15]=l,i}function D(e){let s,l,i,r,M,c,d,x,b,y,D,I=e[13].name+"";function A(){return e[8](e[13])}return{c(){s=t("li"),l=t("span"),i=w(I),r=m(),M=t("span"),M.textContent=" ",c=m(),d=t("button"),x=m(),o(l,"class","mc-fileuploader__file-name svelte-zs822y"),o(M,"class","mc-fileuploader__file-icon svelte-zs822y"),o(d,"type","button"),o(d,"class","mc-fileuploader__delete svelte-zs822y"),o(d,"aria-label",e[2]),d.disabled=e[1],o(s,"id",`file-${e[15]}`),o(s,"class",b=e[3](e[13])+" "+e[5].class+" svelte-zs822y")},m(e,t){a(e,s,t),g(s,l),g(l,i),g(s,r),g(s,M),g(s,c),g(s,d),g(s,x),y||(D=u(d,"click",A),y=!0)},p(l,t){e=l,1&t&&I!==(I=e[13].name+"")&&f(i,I),4&t&&o(d,"aria-label",e[2]),2&t&&(d.disabled=e[1]),33&t&&b!==(b=e[3](e[13])+" "+e[5].class+" svelte-zs822y")&&o(s,"class",b)},d(e){e&&n(s),y=!1,D()}}}function I(e){let s,l=e[0],i=[];for(let s=0;s<l.length;s+=1)i[s]=D(y(e,l,s));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"id","file_uploaded"),o(s,"class","mc-fileuploader__files svelte-zs822y")},m(e,l){a(e,s,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null)},p(e,[t]){if(63&t){let o;for(l=e[0],o=0;o<l.length;o+=1){const a=y(e,l,o);i[o]?i[o].p(a,t):(i[o]=D(a),i[o].c(),i[o].m(s,null))}for(;o<i.length;o+=1)i[o].d(1);i.length=l.length}},i:r,o:r,d(e){e&&n(s),M(i,e)}}}function A(e,s,l){let{allowedExtensions:i}=s,{maxSize:t}=s,{disabled:o=!1}=s,{files:a}=s,{removelabel:r="Remove"}=s,n=new x;function M(e){n.dispatch("file-removed",e)}return e.$$set=e=>{l(5,s=c(c({},s),d(e))),"allowedExtensions"in e&&l(7,i=e.allowedExtensions),"maxSize"in e&&l(6,t=e.maxSize),"disabled"in e&&l(1,o=e.disabled),"files"in e&&l(0,a=e.files),"removelabel"in e&&l(2,r=e.removelabel)},e.$$.update=()=>{1&e.$$.dirty&&l(0,a=a||[]),64&e.$$.dirty&&l(6,t=t||void 0)},s=d(s),[a,o,r,function(e){let s=["mc-fileuploader__file"];return!function(e){const s=!i||function(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}(e.name),l=function(e){const s=e/1024/1024;if(t&&s>t)return!1;return!0}(e.size);if(!s||!l)return!1;return!0}(e)?s.push("mc-fileuploader__file--is-invalid"):s.push("mc-fileuploader__file--is-valid"),s.join(" ")},M,s,t,i,e=>M(e)]}class z extends e{constructor(e){super(),s(this,e,A,I,l,{allowedExtensions:7,maxSize:6,disabled:1,files:0,removelabel:2},b)}}export{z as default};
|
|
1
|
+
import{P as e,i as s,s as l,Q as i,e as t,g as o,b as a,n as r,o as n,J as c,c as M,q as d,t as w,d as m,j as f,l as u,k as g}from"../../index-c33b3772.js";import{E as b}from"../../EventHandler-02058705.js";function x(e){i(e,"svelte-zs822y",'.mc-fileuploader.svelte-zs822y.svelte-zs822y{position:relative;display:block}.mc-fileuploader__input.svelte-zs822y.svelte-zs822y{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.svelte-zs822y.svelte-zs822y{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.is-hover.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active.svelte-zs822y.svelte-zs822y,.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.svelte-zs822y.svelte-zs822y:disabled,.mc-fileuploader__label.is-disabled.svelte-zs822y.svelte-zs822y{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-zs822y.svelte-zs822y::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;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA3ZjhjIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:focus+.mc-fileuploader__label.svelte-zs822y{-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}.is-hover.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:hover+.mc-fileuploader__label.svelte-zs822y{color:#006974;background-color:#d9f0f3}.is-disabled.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y,.svelte-zs822y:disabled+.mc-fileuploader__label.svelte-zs822y{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-zs822y+.mc-fileuploader__label.svelte-zs822y::before,.svelte-zs822y:disabled+.mc-fileuploader__label.svelte-zs822y::before{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNjY2NjY2IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5NZWRpYV9VcGxvYWRfMjRweDwvdGl0bGU+PHBhdGggZD0iTTguNzEsNy43MSwxMSw1LjQxVjE2YTEsMSwwLDAsMCwyLDBWNS40MWwyLjI5LDIuM2ExLDEsMCwwLDAsMS40MiwwLDEsMSwwLDAsMCwwLTEuNDJsLTQtNGExLDEsMCwwLDAtMS40MiwwbC00LDRBMSwxLDAsMSwwLDguNzEsNy43MVoiLz48cGF0aCBkPSJNMTYuMjIsMTIuNDRhMSwxLDAsMCwwLTEuMi43NywxLDEsMCwwLDAsLjc2LDEuMTlDMTguNTUsMTUsMjAsMTYuMTcsMjAsMTdjMCwxLjIyLTMuMTIsMy04LDNzLTgtMS43OC04LTNjMC0uODMsMS40NS0yLDQuMjItMi42QTEsMSwwLDAsMCw5LDEzLjIxYTEsMSwwLDAsMC0xLjItLjc3QzQuMTYsMTMuMjUsMiwxNSwyLDE3YzAsMi44NSw0LjMsNSwxMCw1czEwLTIuMTUsMTAtNUMyMiwxNSwxOS44NCwxMy4yNSwxNi4yMiwxMi40NFoiLz48L3N2Zz4=") no-repeat}.mc-fileuploader__files.svelte-zs822y.svelte-zs822y{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-zs822y.svelte-zs822y{font-family:"Roboto", sans-serif;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e6e6e6;-webkit-box-sizing:content-box;box-sizing:content-box;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.mc-fileuploader__file.svelte-zs822y.svelte-zs822y:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-zs822y.svelte-zs822y{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;padding-left:0.75rem;padding-right:0.75rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 7.5rem)}.mc-fileuploader__file-icon.svelte-zs822y.svelte-zs822y{background-color:transparent;background-position:center right;background-repeat:no-repeat;background-size:1.5rem;display:block;height:1.5rem;margin-left:1rem;margin-right:1rem;width:1.5rem}.mc-fileuploader__file--is-valid.svelte-zs822y .mc-fileuploader__file-icon.svelte-zs822y{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDA5MTlmIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDEgMS04IDggOCA4IDAgMCAxIDgtOG0wLTJhMTAgMTAgMCAxIDAgMTAgMTBBMTAgMTAgMCAwIDAgMTIgMnoiLz48cGF0aCBkPSJNMTAuNTkgMTYuMTJhMSAxIDAgMCAxLS42OC0uMjZsLTMuODQtMy41NWExIDEgMCAwIDEgMS4zNi0xLjQ3bDMuMTMgMi44OUwxNiA4LjE3YTEgMSAwIDAgMSAxLjQzIDEuNDFsLTYuMTMgNi4yNWExIDEgMCAwIDEtLjcxLjI5eiIvPjwvc3ZnPg==")}.mc-fileuploader__file--is-invalid.svelte-zs822y .mc-fileuploader__file-icon.svelte-zs822y{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjYzYxMTEyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMSAwIDEwIDEwQTEwIDEwIDAgMCAwIDEyIDJ6bTAgMThhOCA4IDAgMSAxIDgtOCA4IDggMCAwIDEtOCA4eiIvPjxwYXRoIGQ9Ik0xMiA3YTEgMSAwIDAgMC0xIDF2NC4zOGExIDEgMCAwIDAgMiAwVjhhMSAxIDAgMCAwLTEtMXoiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE2IiByPSIxIi8+PC9zdmc+")}.mc-fileuploader__file--is-invalid.svelte-zs822y .mc-fileuploader__file-message.svelte-zs822y{font-size:0.875rem;line-height:1.2857142857;background:#ffffff;color:#c61112;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:0.25rem}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y::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;top:-0.125rem;right:-0.125rem;bottom:-0.125rem;left:-0.125rem}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y::after{content:"";width:1.5rem;height:1.5rem;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOC4wOCA4YTEgMSAwIDAgMC0xLjA4LjkyTDE2LjA4IDIwSDcuOTJMNyA4LjkyYTEgMSAwIDEgMC0yIC4xNmwxIDEyQTEgMSAwIDAgMCA3IDIyaDEwYTEgMSAwIDAgMCAxLS45MmwxLTEyQTEgMSAwIDAgMCAxOC4wOCA4eiIvPjxwYXRoIGQ9Ik0xOSA1aC0zLjc3bC0uNjUtMi4yN2ExIDEgMCAwIDAtMS0uNzNoLTMuMmExIDEgMCAwIDAtMSAuNzNMOC43NyA1SDVhMSAxIDAgMCAwIDAgMmgxNGExIDEgMCAwIDAgMC0yem0tOC42Mi0yaDMuMjRsLjU3IDJIOS44MXpNMTIuNSAxOHYtOGEuNS41IDAgMCAwLTEgMHY4YS41LjUgMCAwIDAgMSAwek0xNC4yNSAxOC41YS41LjUgMCAwIDAgLjUtLjQ3bC41LThhLjUuNSAwIDAgMC0uNDctLjUzLjQ5LjQ5IDAgMCAwLS41My40N2wtLjUgOGEuNS41IDAgMCAwIC40Ny41M3pNOS43NSAxOC41YS41LjUgMCAwIDAgLjQ3LS41M2wtLjUtOGEuNDkuNDkgMCAwIDAtLjUzLS40Ny41LjUgMCAwIDAtLjQ3LjUzbC41IDhhLjUuNSAwIDAgMCAuNTMuNDd6Ii8+PC9zdmc+") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y:focus{outline:none}.mc-fileuploader__delete.svelte-zs822y.svelte-zs822y: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}')}function y(e,s,l){const i=e.slice();return i[15]=s[l],i[17]=l,i}function D(e){let s,l,i=e[3][e[15].errorType]+"";return{c(){s=t("div"),l=w(i),o(s,"class","mc-fileuploader__file-message svelte-zs822y")},m(e,i){a(e,s,i),f(s,l)},p(e,s){9&s&&i!==(i=e[3][e[15].errorType]+"")&&g(l,i)},d(e){e&&n(s)}}}function p(e){let s,l,i,r,c,M,d,b,x,y,p,I,A=e[15].name+"";function z(){return e[9](e[15])}let v=e[15].errorType&&D(e);return{c(){s=t("li"),l=t("span"),i=w(A),r=m(),c=t("span"),c.textContent=" ",M=m(),d=t("button"),b=m(),v&&v.c(),x=m(),o(l,"class","mc-fileuploader__file-name svelte-zs822y"),o(c,"class","mc-fileuploader__file-icon svelte-zs822y"),o(d,"type","button"),o(d,"class","mc-fileuploader__delete svelte-zs822y"),o(d,"aria-label",e[2]),d.disabled=e[1],o(s,"id",`file-${e[17]}`),o(s,"class",y=e[4](e[15])+" "+e[6].class+" svelte-zs822y")},m(e,t){a(e,s,t),f(s,l),f(l,i),f(s,r),f(s,c),f(s,M),f(s,d),f(s,b),v&&v.m(s,null),f(s,x),p||(I=u(d,"click",z),p=!0)},p(l,t){e=l,1&t&&A!==(A=e[15].name+"")&&g(i,A),4&t&&o(d,"aria-label",e[2]),2&t&&(d.disabled=e[1]),e[15].errorType?v?v.p(e,t):(v=D(e),v.c(),v.m(s,x)):v&&(v.d(1),v=null),65&t&&y!==(y=e[4](e[15])+" "+e[6].class+" svelte-zs822y")&&o(s,"class",y)},d(e){e&&n(s),v&&v.d(),p=!1,I()}}}function I(e){let s,l=e[0],i=[];for(let s=0;s<l.length;s+=1)i[s]=p(y(e,l,s));return{c(){s=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();o(s,"id","file_uploaded"),o(s,"class","mc-fileuploader__files svelte-zs822y")},m(e,l){a(e,s,l);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(s,null)},p(e,[t]){if(127&t){let o;for(l=e[0],o=0;o<l.length;o+=1){const a=y(e,l,o);i[o]?i[o].p(a,t):(i[o]=p(a),i[o].c(),i[o].m(s,null))}for(;o<i.length;o+=1)i[o].d(1);i.length=l.length}},i:r,o:r,d(e){e&&n(s),c(i,e)}}}function A(e,s,l){let{allowedExtensions:i}=s,{maxSize:t}=s,{disabled:o=!1}=s,{files:a}=s,{removelabel:r="Remove"}=s,{errorLabels:n}=s,c=new b;function w(e){if(i&&i.length>0){const s=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(s)))return!1}return!0}function m(e){return!(t&&e/1024/1024>t)}function f(e){c.dispatch("file-removed",e)}return e.$$set=e=>{l(6,s=M(M({},s),d(e))),"allowedExtensions"in e&&l(8,i=e.allowedExtensions),"maxSize"in e&&l(7,t=e.maxSize),"disabled"in e&&l(1,o=e.disabled),"files"in e&&l(0,a=e.files),"removelabel"in e&&l(2,r=e.removelabel),"errorLabels"in e&&l(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&l(0,a=a?function(e){let s=[...e];return s.forEach(((e,s)=>{const l=w(e.name),i=m(e.size);let t="";l||(t="invalid-extension"),i||(t="invalid-size"),e.errorType&&(t=e.errorType),l&&i&&!e.errorType||(e.errorType=t)})),s}(a):[]),128&e.$$.dirty&&l(7,t=t||void 0)},s=d(s),[a,o,r,n,function(e){let s=["mc-fileuploader__file"];return!function(e){const s=!i||w(e.name),l=m(e.size);if(!s||!l)return!1;return!0}(e)||e.errorType?s.push("mc-fileuploader__file--is-invalid"):s.push("mc-fileuploader__file--is-valid"),s.join(" ")},f,s,t,i,e=>f(e)]}class z extends e{constructor(e){super(),s(this,e,A,I,l,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},x)}}export{z as default};
|
|
2
2
|
//# sourceMappingURL=ResultFile.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResultFile.nested.js","sources":["../../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n\n let eventHandler = new EventHandler();\n $: files = files ? (files
|
|
1
|
+
{"version":3,"file":"ResultFile.nested.js","sources":["../../../../src/components/fileuploader/ResultFile.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n // @ts-nocheck\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let allowedExtensions: [];\n export let maxSize: number;\n export let disabled = false;\n export let files: FileList;\n export let removelabel = 'Remove';\n export let errorLabels;\n\n let eventHandler = new EventHandler();\n $: files = files ? handleChange(files) : [];\n $: maxSize = maxSize ? maxSize : undefined;\n\n function setClasses(file: File): string {\n let classes = ['mc-fileuploader__file'];\n\n if (checkFileStatus(file) && !file.errorType)\n classes.push('mc-fileuploader__file--is-valid');\n else classes.push('mc-fileuploader__file--is-invalid');\n return classes.join(' ');\n }\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\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 handleChange(myFiles: FileList): void {\n let files = [...myFiles];\n files.forEach((file, index) => {\n const validExtension = checkFileExtension(file.name);\n const validSize = checkFileSize(file.size);\n let errorType = '';\n if (!validExtension) {\n errorType = 'invalid-extension';\n }\n if (!validSize) {\n errorType = 'invalid-size';\n }\n if (file.errorType) {\n errorType = file.errorType;\n }\n if (!validExtension || !validSize || file.errorType) {\n file.errorType = errorType;\n }\n });\n return files;\n }\n\n function checkFileStatus(file: File): boolean {\n const validExtension = allowedExtensions\n ? checkFileExtension(file.name)\n : true;\n const validSize = checkFileSize(file.size);\n\n if (!validExtension || !validSize) {\n return false; // invalid\n }\n\n return true; // valid\n }\n\n function deleteFile(file) {\n eventHandler.dispatch('file-removed', file);\n }\n</script>\n\n<ul id=\"file_uploaded\" class=\"mc-fileuploader__files\">\n {#each files as file, index}\n <li id={`file-${index}`} class=\"{setClasses(file)} {$$props.class}\">\n <span class=\"mc-fileuploader__file-name\">{file.name}</span>\n <span class=\"mc-fileuploader__file-icon\"> </span>\n <button\n type=\"button\"\n class=\"mc-fileuploader__delete\"\n aria-label={removelabel}\n {disabled}\n on:click={() => deleteFile(file)}\n />\n {#if file.errorType}\n <div class=\"mc-fileuploader__file-message\">\n {errorLabels[file.errorType]}\n </div>\n {/if}\n </li>\n {/each}\n</ul>\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","errorType","insert","target","div","anchor","set_data","t","t_value","t0_value","name","if_block","create_if_block","attr","li","li_class_value","class","append","span0","span1","button","dirty","t0","length","i","ul","allowedExtensions","$$props","maxSize","disabled","files","removelabel","errorLabels","eventHandler","EventHandler","checkFileExtension","fileName","extension","slice","lastIndexOf","includes","String","checkFileSize","fileSize","deleteFile","file","dispatch","myFiles","forEach","index","validExtension","validSize","size","handleChange","undefined","classes","checkFileStatus","push","join"],"mappings":"8kSAqGWA,EAAW,GAACA,EAAI,IAACC,WAAS,mGAD7BC,EAEKC,EAAAC,EAAAC,8BADFL,EAAW,GAACA,EAAI,IAACC,WAAS,KAAAK,EAAAC,EAAAC,6DAXWC,EAAAT,MAAKU,KAAI,mCAS9C,IAAAC,EAAAX,MAAKC,WAASW,EAAAZ,mUAJLA,EAAW,qCANXA,EAAK,OAAYa,EAAAC,EAAA,QAAAC,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,0BAAjEd,EAeIC,EAAAW,EAAAT,GAdFY,EAA0DH,EAAAI,iBAC1DD,EAAqDH,EAAAK,UACrDF,EAMCH,EAAAM,uEARyC,EAAAC,GAAAZ,KAAAA,EAAAT,MAAKU,KAAI,KAAAJ,EAAAgB,EAAAb,yBAKrCT,EAAW,2BAIpBA,MAAKC,gEAVqB,GAAAoB,GAAAN,KAAAA,EAAAf,EAAW,GAAAA,EAAQ,KAAA,IAAAA,KAAQgB,MAAK,0FAD5DhB,EAAK,wBAAVuB,OAAIC,GAAA,mKADRtB,EAmBIC,EAAAsB,EAAApB,oFAlBKL,EAAK,WAAVuB,OAAIC,GAAA,EAAA,iHAAJD,+EAlFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,MAAmBC,EAad,SAAAC,EAAmBC,GACtB,GAAAV,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAc,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAb,IAAsBA,EAAkBc,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBf,GADee,EAAW,KAAO,KACTf,GAyCrB,SAAAgB,EAAWC,GAClBZ,EAAaa,SAAS,eAAgBD,mTArErCf,EAAQA,EAiCF,SAAaiB,GAChB,IAAAjB,MAAYiB,UAChBjB,EAAMkB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKnC,MACzCyC,EAAYT,EAAcG,EAAKO,MACjC,IAAAnD,EAAY,GACXiD,IACHjD,EAAY,qBAETkD,IACHlD,EAAY,gBAEV4C,EAAK5C,YACPA,EAAY4C,EAAK5C,WAEdiD,GAAmBC,IAAaN,EAAK5C,YACxC4C,EAAK5C,UAAYA,MAGd6B,EApDUuB,CAAavB,GAAK,wBAClCF,EAAUA,QAAoB0B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiBxB,GACnBS,EAAmBU,EAAKnC,MAEtByC,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK5C,UAE9BsD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,
|
|
1
|
+
import{S as e,i,a as t,b as n,f as s,s as o,c as r,e as l,d as c,t as a,n as m,h,j as d,B as f,l as k,X as b,m as p,o as g,H as u,p as x,r as $,q as v,g as w,O as y}from"../../index-c33b3772.js";import{c as z}from"../../EventForward-8492ff62.js";function _(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function j(e){let i,t,s=`<${L(e[6])} />`;return{c(){i=l("span"),w(i,"class",t=M(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${L(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=M(e[7]))&&w(i,"class",t)},d(e){e&&g(i)}}}function H(e){let i,t,s,o,x,$,v,w=e[6]&&"left"===e[7]&&_(e),y=e[6]&&"right"===e[7]&&j(e),z=[{href:e[1]},{target:e[2]},{class:x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],H={};for(let e=0;e<z.length;e+=1)H=r(H,z[e]);return{c(){i=l("a"),w&&w.c(),t=c(),s=a(e[0]),o=c(),y&&y.c(),this.c=m,h(i,H)},m(r,l){n(r,i,l),w&&w.m(i,null),d(i,t),d(i,s),d(i,o),y&&y.m(i,null),$||(v=[f(e[10].call(null,i)),k(i,"click",e[11])],$=!0)},p(e,[n]){e[6]&&"left"===e[7]?w?w.p(e,n):(w=_(e),w.c(),w.m(i,t)):w&&(w.d(1),w=null),1&n&&b(s,e[0],H.contenteditable),e[6]&&"right"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,null)):y&&(y.d(1),y=null),h(i,H=p(z,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&x!==(x=T(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:x},256&n&&e[8]]))},i:m,o:m,d(e){e&&g(i),w&&w.d(),y&&y.d(),$=!1,u(v)}}}function L(e){return`${e} size="1rem"`}function M(e){const i=["mc-link__icon"];return"left"===e&&i.push("mc-link__icon--left"),"right"===e&&i.push("mc-link__icon--right"),i.join(" ")}function T(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function C(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=x(i,o),{label:c}=i,{href:a}=i,{target:m}=i,{theme:h}=i,{disabled:d=!1}=i,{size:f="m"}=i,{iconname:k}=i,{iconposition:b}=i;const p=z($());return e.$$set=e=>{t(13,i=r(r({},i),v(e))),t(12,l=x(i,o)),"label"in e&&t(0,c=e.label),"href"in e&&t(1,a=e.href),"target"in e&&t(2,m=e.target),"theme"in e&&t(3,h=e.theme),"disabled"in e&&t(4,d=e.disabled),"size"in e&&t(5,f=e.size),"iconname"in e&&t(6,k=e.iconname),"iconposition"in e&&t(7,b=e.iconposition)},e.$$.update=()=>{t(9,n=i.class),t(8,s=Object.assign({},l)),256&e.$$.dirty&&delete s.class},i=v(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){y.call(this,e,i)}]}class E extends e{constructor(e){super();const r=document.createElement("style");r.textContent='.mc-link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:inherit;text-decoration:underline;-webkit-transition:color ease 200ms;-o-transition:color ease 200ms;transition:color ease 200ms;gap:0.25rem;color:#000000;position:relative;font-size:1rem;line-height:1.375}.mc-link:focus{outline:none}.mc-link:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-link.is-visited,.mc-link:visited{color:#333333}.mc-link.is-hover,.mc-link:hover{color:#666666}.mc-link.is-active,.mc-link:active{color:#333333}.mc-link.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--s{font-size:0.875rem;line-height:1.2857142857}.mc-link--m{font-size:1rem;line-height:1.375}.mc-link::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-link__icon{display:block;height:1rem;fill:currentColor;-ms-flex-negative:0;flex-shrink:0;width:1rem}.mc-link--light{color:#ffffff}.mc-link--light.is-visited,.mc-link--light:visited{color:#cccccc}.mc-link--light.is-hover,.mc-link--light:hover{color:#999999}.mc-link--light.is-active,.mc-link--light:active{color:#cccccc}.mc-link--light.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary{color:#007f8c}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#006974}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#004e57}.mc-link--primary.is-active,.mc-link--primary:active{color:#006974}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#494f60}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#343b4c}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#171b26}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#343b4c}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if iconname && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4QA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,uHAbIP,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as g,m as f,o as x,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&x(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&x(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,j,z,C,S,E,L,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:E="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":L=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),j=d(),z=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(z,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,j),h(I,z),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&g(y,e[2]),8&t&&g(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,j)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:E},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&L!==(L=!e[0])&&{"aria-hidden":L},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&x(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function g(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,g,h,()=>g(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"Roboto", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{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-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal--overflow .mc-modal__dialog{height:100%}.mc-modal--overflow .mc-modal__footer{-webkit-box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2);box-shadow:0 0.25rem 1.25rem 0 rgba(25, 25, 25, 0.2)}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
|
|
1
|
+
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as x,m as f,o as g,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&x(i,e[1])},d(e){e&&g(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&g(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,z,j,C,S,E,L,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:E="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":L=!e[0]},e[4]],Q={};for(let e=0;e<P.length;e+=1)Q=n(Q,P[e]);return{c(){t=l("div"),i=l("div"),a=l("div"),s=l("header"),w=l("h2"),y=r(e[2]),u=d(),_=l("button"),v=l("span"),M=r(e[3]),A=d(),D=l("main"),I=l("article"),N&&N.c(),z=d(),j=l("slot"),C=d(),q&&q.c(),T=d(),O=l("div"),this.c=m,c(w,"class","mc-modal__title"),c(w,"id","modalTitle"),c(v,"class","mc-modal__close-text"),c(_,"class","mc-modal__close"),c(_,"type","button"),c(s,"class","mc-modal__header"),c(j,"name","content"),c(I,"class","mc-modal__content"),c(D,"class","mc-modal__body"),c(a,"class",S="mc-modal__dialog "+(e[0]?" is-open":"")),c(a,"role","document"),b(i,Q),c(O,"class",Y="mc-modal-overlay "+(e[0]?" is-visible":"")),c(O,"tabindex","-1"),c(O,"role","dialog")},m(n,l){o(n,t,l),h(t,i),h(i,a),h(a,s),h(s,w),h(w,y),h(s,u),h(s,_),h(_,v),h(v,M),h(a,A),h(a,D),h(D,I),N&&N.m(I,null),h(I,z),h(I,j),h(a,C),q&&q.m(a,null),h(t,T),h(t,O),e[11](t),H||(Z=p(_,"click",e[10]),H=!0)},p(e,[t]){4&t&&x(y,e[2]),8&t&&x(M,e[3]),e[1]?N?N.p(e,t):(N=k(e),N.c(),N.m(I,z)):N&&(N.d(1),N=null),e[6]?q&&(q.d(1),q=null):q||(q=$(),q.c(),q.m(a,null)),1&t&&S!==(S="mc-modal__dialog "+(e[0]?" is-open":""))&&c(a,"class",S),b(i,Q=f(P,[{class:E},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&L!==(L=!e[0])&&{"aria-hidden":L},16&t&&e[4]])),1&t&&Y!==(Y="mc-modal-overlay "+(e[0]?" is-visible":""))&&c(O,"class",Y)},i:m,o:m,d(i){i&&g(t),N&&N.d(),q&&q.d(),e[11](null),H=!1,Z()}}}function A(e,t,i){let o,a;const s=["title","modaltitle","isopen","closebuttontext","hidefooter"];let l,r=w(t,s),{title:d}=t,{modaltitle:m}=t,{isopen:c}=t,{closebuttontext:b="Close"}=t,{hidefooter:h}=t,p=new v;function x(){i(0,c=!1)}y((()=>{const e=l.querySelector(".mc-modal"),t=l.querySelector(".mc-modal__body"),i=l.querySelector(".mc-modal__content"),o=t?t.clientHeight:0;(i?i.scrollHeight:0)>o&&e&&e.classList.add("mc-modal--overflow")}));return e.$$set=e=>{t=n(n({},t),u(e)),i(13,r=w(t,s)),"title"in e&&i(1,d=e.title),"modaltitle"in e&&i(2,m=e.modaltitle),"isopen"in e&&i(0,c=e.isopen),"closebuttontext"in e&&i(3,b=e.closebuttontext),"hidefooter"in e&&i(9,h=e.hidefooter)},e.$$.update=()=>{512&e.$$.dirty&&i(6,o=null!=h&&h),1&e.$$.dirty&&(c?p.dispatch("modal-opened",{}):p.dispatch("modal-closed",{})),i(4,a=Object.assign({},r)),16&e.$$.dirty&&delete a.class},[c,d,m,b,a,l,o,undefined,x,h,()=>x(),function(e){_[e?"unshift":"push"]((()=>{l=e,i(5,l)}))}]}class D extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-modal{font-family:"Roboto", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;left:0;outline:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1999999999;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;max-height:100%;position:relative;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media(min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;transition:visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;-o-transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;transition:visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-bottom:1rem;min-height:3.75rem;padding:0.75rem 0.75rem 0.75rem 1rem;position:relative}.mc-modal__header::after{background:#b3b3b3;content:"";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#666666;margin-bottom:0;margin-top:0}.mc-modal__close{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;position:relative;-ms-flex-item-align:start;align-self:flex-start;background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0iIzgwODA4MCI+PHBhdGggZD0iTTE3LjQxIDE2bDguOC04Ljc5YTEgMSAwIDEwLTEuNDItMS40MkwxNiAxNC41OWwtOC43OS04LjhhMSAxIDAgMDAtMS40MiAxLjQybDguOCA4Ljc5LTguOCA4Ljc5YTEgMSAwIDAwMCAxLjQyIDEgMSAwIDAwMS40MiAwbDguNzktOC44IDguNzkgOC44YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjQyeiIvPjwvc3ZnPg==") no-repeat;background-size:contain;cursor:pointer;height:2rem;-ms-flex-negative:0;flex-shrink:0;margin-left:auto;width:2rem}.mc-modal__close::after{border-radius:2px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;content:"";display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:-webkit-box-shadow 200ms ease;transition:-webkit-box-shadow 200ms ease;-o-transition:box-shadow 200ms ease;transition:box-shadow 200ms ease;transition:box-shadow 200ms ease, -webkit-box-shadow 200ms ease}.mc-modal__close-text{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-modal__close:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-modal__body{font-size:1rem;line-height:1.375;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;color:#191919;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:0.75rem;padding-right:1rem}}.mc-modal__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:0.5rem;padding-right:0.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:0.75rem;padding-right:0.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:0.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as
|
|
1
|
+
import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as u,m as b,o as h,p as v,q as x,k as f}from"../../index-c33b3772.js";function $(e){let r,s,t;return{c(){r=o("div"),s=c(e[0]),t=c("%"),d(r,"class","mc-progressbar__percentage")},m(e,i){a(e,r,i),u(r,s),u(r,t)},p(e,r){1&r&&f(s,e[0])},d(e){e&&h(r)}}}function _(e){let r,s,t,i,v,x=e[3]&&$(e),f=[{class:v=e[4](e[3])+" "+e[5].class},e[6]],_={};for(let e=0;e<f.length;e+=1)_=n(_,f[e]);return{c(){r=o("div"),s=o("div"),t=c(" "),i=p(),x&&x.c(),this.c=l,d(s,"class","mc-progressbar__indicator"),d(s,"role","progressbar"),d(s,"aria-valuenow",e[0]),d(s,"aria-valuemin",e[1]),d(s,"aria-valuemax",e[2]),m(s,"width",e[0]+"%"),g(r,_)},m(e,n){a(e,r,n),u(r,s),u(s,t),u(r,i),x&&x.m(r,null)},p(e,[a]){1&a&&d(s,"aria-valuenow",e[0]),2&a&&d(s,"aria-valuemin",e[1]),4&a&&d(s,"aria-valuemax",e[2]),1&a&&m(s,"width",e[0]+"%"),e[3]?x?x.p(e,a):(x=$(e),x.c(),x.m(r,null)):x&&(x.d(1),x=null),g(r,_=b(f,[40&a&&v!==(v=e[4](e[3])+" "+e[5].class)&&{class:v},64&a&&e[6]]))},i:l,o:l,d(e){e&&h(r),x&&x.d()}}}function w(e,r,s){const a=["value","valuemin","valuemax","displaypercentage","size","branded"];let t=v(r,a),{value:i}=r,{valuemin:o=0}=r,{valuemax:c=100}=r,{displaypercentage:p}=r,{size:l="m"}=r,{branded:d}=r;return e.$$set=e=>{s(5,r=n(n({},r),x(e))),s(6,t=v(r,a)),"value"in e&&s(0,i=e.value),"valuemin"in e&&s(1,o=e.valuemin),"valuemax"in e&&s(2,c=e.valuemax),"displaypercentage"in e&&s(3,p=e.displaypercentage),"size"in e&&s(7,l=e.size),"branded"in e&&s(8,d=e.branded)},r=x(r),[i,o,c,p,function(e){const r=["mc-progressbar"];return e&&r.push("mc-progressbar--percent"),i>=51&&r.push("mc-progressbar--half"),"s"===l?r.push("mc-progressbar--s"):"xs"===l&&r.push("mc-progressbar--xs"),d&&r.push("mc-progressbar--branded"),r.join(" ")},r,t,l,d]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-progressbar{font-family:"Roboto", sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#cdd4d8;display:-webkit-box;display:-ms-flexbox;display:flex;height:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#007f8c;height:100%;left:0;position:absolute;-webkit-transition:width 0.4s ease;-o-transition:width 0.4s ease;transition:width 0.4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{-webkit-transition:none;-o-transition:none;transition:none}.mc-progressbar__percentage{font-size:0.875rem;line-height:1.2857142857;font-weight:700;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#ffffff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{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-progressbar--xs{height:0.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:0.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}',this.shadowRoot.appendChild(n),r(this,{target:this.shadowRoot,props:s(this.attributes),customElement:!0},w,_,i,{value:0,valuemin:1,valuemax:2,displaypercentage:3,size:7,branded:8},null),e&&(e.target&&a(e.target,this,e.anchor),e.props&&(this.$set(e.props),t()))}static get observedAttributes(){return["value","valuemin","valuemax","displaypercentage","size","branded"]}get value(){return this.$$.ctx[0]}set value(e){this.$$set({value:e}),t()}get valuemin(){return this.$$.ctx[1]}set valuemin(e){this.$$set({valuemin:e}),t()}get valuemax(){return this.$$.ctx[2]}set valuemax(e){this.$$set({valuemax:e}),t()}get displaypercentage(){return this.$$.ctx[3]}set displaypercentage(e){this.$$set({displaypercentage:e}),t()}get size(){return this.$$.ctx[7]}set size(e){this.$$set({size:e}),t()}get branded(){return this.$$.ctx[8]}set branded(e){this.$$set({branded:e}),t()}}export{y as default};
|
|
2
2
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -9,15 +9,17 @@
|
|
|
9
9
|
export let disabled = false;
|
|
10
10
|
export let files: FileList;
|
|
11
11
|
export let removelabel = 'Remove';
|
|
12
|
+
export let errorLabels;
|
|
12
13
|
|
|
13
14
|
let eventHandler = new EventHandler();
|
|
14
|
-
$: files = files ? (files
|
|
15
|
+
$: files = files ? handleChange(files) : [];
|
|
15
16
|
$: maxSize = maxSize ? maxSize : undefined;
|
|
16
17
|
|
|
17
18
|
function setClasses(file: File): string {
|
|
18
19
|
let classes = ['mc-fileuploader__file'];
|
|
19
20
|
|
|
20
|
-
if (checkFileStatus(file)
|
|
21
|
+
if (checkFileStatus(file) && !file.errorType)
|
|
22
|
+
classes.push('mc-fileuploader__file--is-valid');
|
|
21
23
|
else classes.push('mc-fileuploader__file--is-invalid');
|
|
22
24
|
return classes.join(' ');
|
|
23
25
|
}
|
|
@@ -43,6 +45,28 @@
|
|
|
43
45
|
|
|
44
46
|
return true; // valid
|
|
45
47
|
}
|
|
48
|
+
function handleChange(myFiles: FileList): void {
|
|
49
|
+
let files = [...myFiles];
|
|
50
|
+
files.forEach((file, index) => {
|
|
51
|
+
const validExtension = checkFileExtension(file.name);
|
|
52
|
+
const validSize = checkFileSize(file.size);
|
|
53
|
+
let errorType = '';
|
|
54
|
+
if (!validExtension) {
|
|
55
|
+
errorType = 'invalid-extension';
|
|
56
|
+
}
|
|
57
|
+
if (!validSize) {
|
|
58
|
+
errorType = 'invalid-size';
|
|
59
|
+
}
|
|
60
|
+
if (file.errorType) {
|
|
61
|
+
errorType = file.errorType;
|
|
62
|
+
}
|
|
63
|
+
if (!validExtension || !validSize || file.errorType) {
|
|
64
|
+
file.errorType = errorType;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
return files;
|
|
68
|
+
}
|
|
69
|
+
|
|
46
70
|
function checkFileStatus(file: File): boolean {
|
|
47
71
|
const validExtension = allowedExtensions
|
|
48
72
|
? checkFileExtension(file.name)
|
|
@@ -73,6 +97,11 @@
|
|
|
73
97
|
{disabled}
|
|
74
98
|
on:click={() => deleteFile(file)}
|
|
75
99
|
/>
|
|
100
|
+
{#if file.errorType}
|
|
101
|
+
<div class="mc-fileuploader__file-message">
|
|
102
|
+
{errorLabels[file.errorType]}
|
|
103
|
+
</div>
|
|
104
|
+
{/if}
|
|
76
105
|
</li>
|
|
77
106
|
{/each}
|
|
78
107
|
</ul>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as t,s as
|
|
1
|
+
import{P as e,i as t,s as i,Q as a,e as o,d as s,g as l,b as n,j as r,C as c,E as d,D as u,o as p,J as x,ab as f,K as m,t as b,k as v,x as g,A as h,l as _,I as j,G as w,M as y,v as k,Z as $,T as L}from"../../index-c33b3772.js";import H from"./sidebar-feature.nested.js";import{a as z,i as E,s as G}from"../../sidebar-service-275bf9ef.js";import{E as M}from"../../EventHandler-02058705.js";function A(e){a(e,"svelte-1a48jex",".mc-feature-group.svelte-1a48jex.svelte-1a48jex{background:none;border:none;color:#ffffff;cursor:pointer;font-size:inherit;font-family:inherit;text-align:initial;margin:0;padding:0;overflow:hidden}.mc-feature-group__icon.svelte-1a48jex.svelte-1a48jex{fill:#ffffff}.mc-feature-group__container.svelte-1a48jex.svelte-1a48jex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0;padding:8px 0px;-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out}.mc-feature-group__label.svelte-1a48jex.svelte-1a48jex{margin:0 8px;width:200px;min-width:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-feature-group__label__tooltip.svelte-1a48jex.svelte-1a48jex{opacity:0;-webkit-transition:0s opacity;-o-transition:0s opacity;transition:0s opacity;background-color:#5b737d;border:1px solid #ffffff;border-radius:4px;position:absolute;pointer-events:none;left:calc(100% - 16px);padding:8px 16px;width:188px}.mc-feature-group__label__tooltip__pointer.svelte-1a48jex.svelte-1a48jex{position:absolute;top:50%;left:-8px;top:calc(50% - 6px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid white}.mc-feature-group__label__tooltip__pointer.svelte-1a48jex div.svelte-1a48jex{position:relative;top:-6px;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #5b737d}.mc-feature-group__label.svelte-1a48jex:hover+.mc-feature-group__label__tooltip.svelte-1a48jex{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-1a48jex.svelte-1a48jex{overflow:hidden;-o-transition:height 300ms ease-in-out;-webkit-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.mc-feature-group__content.is-close.svelte-1a48jex.svelte-1a48jex{height:0}.mc-feature-group.is-selected.svelte-1a48jex.svelte-1a48jex{background:#5b737d}.mc-feature-group.is-close.svelte-1a48jex .mc-feature-group__container.svelte-1a48jex{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-1a48jex .mc-feature-group__container.svelte-1a48jex{margin:0 32px}.mc-feature-group.svelte-1a48jex.svelte-1a48jex:hover{background:#405d68}.mc-feature-group.svelte-1a48jex.svelte-1a48jex:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-1a48jex:focus-visible .mc-feature-group__container.svelte-1a48jex{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-1a48jex.svelte-1a48jex,li.svelte-1a48jex.svelte-1a48jex{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-1a48jex.svelte-1a48jex{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}ul.svelte-1a48jex li.svelte-1a48jex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}")}function B(e,t,i){const a=e.slice();return a[15]=t[i],a}function C(e){let t,i,a=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`;return{c(){t=new $(!1),i=m(),t.a=i},m(e,o){t.m(a,e,o),n(e,i,o)},p(e,i){1&i&&a!==(a=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`)&&t.p(a)},d(e){e&&p(i),e&&t.d()}}}function q(e){let t,i,a,c,d,u=e[0].label+"",x=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function f(e,t){return e[1]?N:S}let g=f(e),h=g(e);return{c(){t=o("span"),i=b(u),a=s(),x&&x.c(),c=s(),h.c(),d=m(),l(t,"class","mc-feature-group__label svelte-1a48jex")},m(o,s){n(o,t,s),r(t,i),e[9](t),n(o,a,s),x&&x.m(o,s),n(o,c,s),h.m(o,s),n(o,d,s)},p(e,t){1&t&&u!==(u=e[0].label+"")&&v(i,u),e[6]?.offsetHeight<e[6]?.scrollHeight?x?x.p(e,t):(x=F(e),x.c(),x.m(c.parentNode,c)):x&&(x.d(1),x=null),g!==(g=f(e))&&(h.d(1),h=g(e),h&&(h.c(),h.m(d.parentNode,d)))},d(i){i&&p(t),e[9](null),i&&p(a),x&&x.d(i),i&&p(c),h.d(i),i&&p(d)}}}function F(e){let t,i,a,c,d,u=e[0].label+"";return{c(){t=o("div"),i=o("div"),i.innerHTML='<div class="svelte-1a48jex"></div>',a=s(),c=o("span"),d=b(u),l(i,"class","mc-feature-group__label__tooltip__pointer svelte-1a48jex"),l(t,"aria-hidden","true"),l(t,"class","mc-feature-group__label__tooltip svelte-1a48jex")},m(e,o){n(e,t,o),r(t,i),r(t,a),r(t,c),r(c,d)},p(e,t){1&t&&u!==(u=e[0].label+"")&&v(d,u)},d(e){e&&p(t)}}}function N(e){let t,i;return{c(){t=L("svg"),i=L("path"),l(i,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),l(t,"class","mc-feature-group__icon svelte-1a48jex"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),r(t,i)},d(e){e&&p(t)}}}function S(e){let t,i;return{c(){t=L("svg"),i=L("path"),l(i,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),l(t,"class","mc-feature-group__icon svelte-1a48jex"),l(t,"width","16px"),l(t,"height","16px"),l(t,"viewBox","0 0 16 16")},m(e,a){n(e,t,a),r(t,i)},d(e){e&&p(t)}}}function T(e){let t,i,a,d,x,f;function m(){return e[10](e[15])}return i=new H({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),g(i.$$.fragment),a=s(),l(t,"class","svelte-1a48jex")},m(e,o){n(e,t,o),h(i,t,null),r(t,a),d=!0,x||(f=_(t,"click",j(m)),x=!0)},p(t,a){e=t;const o={};1&a&&(o.feature=e[15]),4&a&&(o.a11yLabels=e[2]),i.$set(o)},i(e){d||(c(i.$$.fragment,e),d=!0)},o(e){u(i.$$.fragment,e),d=!1},d(e){e&&p(t),w(i),x=!1,f()}}}function V(e){let t,i,a,f,m,b,v,g,h,_,j,w,k,$=e[0].icon&&C(e),L=e[3]&&q(e),H=e[0].items,z=[];for(let t=0;t<H.length;t+=1)z[t]=T(B(e,H,t));const E=e=>u(z[e],1,1,(()=>{z[e]=null}));return{c(){t=o("button"),i=o("span"),$&&$.c(),a=s(),L&&L.c(),h=s(),_=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();l(i,"class","mc-feature-group__container svelte-1a48jex"),l(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1a48jex"),l(t,"aria-label",m=e[0].label),l(t,"aria-expanded",b=e[3]&&e[1]),l(t,"aria-controls",v=e[0].code+"-list"),l(t,"id",g=e[0].code),l(_,"class","mc-feature-group__content is-close svelte-1a48jex"),l(_,"aria-hidden",j=!e[3]||!e[1]),l(_,"id",w=e[0].code+"-list")},m(o,s){n(o,t,s),r(t,i),$&&$.m(i,null),r(i,a),L&&L.m(i,null),n(o,h,s),n(o,_,s);for(let e=0;e<z.length;e+=1)z[e]&&z[e].m(_,null);e[11](_),k=!0},p(e,[o]){if(e[0].icon?$?$.p(e,o):($=C(e),$.c(),$.m(i,a)):$&&($.d(1),$=null),e[3]?L?L.p(e,o):(L=q(e),L.c(),L.m(i,null)):L&&(L.d(1),L=null),(!k||40&o&&f!==(f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-1a48jex"))&&l(t,"class",f),(!k||1&o&&m!==(m=e[0].label))&&l(t,"aria-label",m),(!k||10&o&&b!==(b=e[3]&&e[1]))&&l(t,"aria-expanded",b),(!k||1&o&&v!==(v=e[0].code+"-list"))&&l(t,"aria-controls",v),(!k||1&o&&g!==(g=e[0].code))&&l(t,"id",g),133&o){let t;for(H=e[0].items,t=0;t<H.length;t+=1){const i=B(e,H,t);z[t]?(z[t].p(i,o),c(z[t],1)):(z[t]=T(i),z[t].c(),c(z[t],1),z[t].m(_,null))}for(y(),t=H.length;t<z.length;t+=1)E(t);d()}(!k||10&o&&j!==(j=!e[3]||!e[1]))&&l(_,"aria-hidden",j),(!k||1&o&&w!==(w=e[0].code+"-list"))&&l(_,"id",w)},i(e){if(!k){for(let e=0;e<H.length;e+=1)c(z[e]);k=!0}},o(e){z=z.filter(Boolean);for(let e=0;e<z.length;e+=1)u(z[e]);k=!1},d(i){i&&p(t),$&&$.d(),L&&L.d(),i&&p(h),i&&p(_),x(z,i),e[11](null)}}}const D="width: 24px; height: 24px;";function I(e){return`${e} size="2rem"`}function J(e,t,i){let a,o;f(e,E,(e=>i(3,a=e))),f(e,G,(e=>i(8,o=e)));let s,l,{featureGroup:n}=t,{expand:r}=t,{a11yLabels:c}=t,d=new M,u=!1;function p(e){var t;e.disabled||((null===(t=e.items)||void 0===t?void 0:t.length)?d.dispatch("feature-click",e):z(e.code))}return e.$$set=e=>{"featureGroup"in e&&i(0,n=e.featureGroup),"expand"in e&&i(1,r=e.expand),"a11yLabels"in e&&i(2,c=e.a11yLabels)},e.$$.update=()=>{var t,l,c,d,p,x;267&e.$$.dirty&&(t=r,l=a,c=n,i(5,u=null!==(x=(null==(d=o)?void 0:d.lv0)&&c.code===(null===(p=null==d?void 0:d.lv0)||void 0===p?void 0:p.code)&&(!d.lv1||!t||!l))&&void 0!==x&&x)),10&e.$$.dirty&&function(e,t){if(s){i(4,s.style.height="",s),i(4,s.style.transition="none",s);const a=window.getComputedStyle(s).height;s.classList.add(t&&e?"is-open":"is-close"),s.classList.remove(t&&e?"is-close":"is-open");const o=window.getComputedStyle(s).height;i(4,s.style.height=a,s),requestAnimationFrame((()=>{i(4,s.style.transition="",s),requestAnimationFrame((()=>{i(4,s.style.height=o,s)}))}));const l=()=>{i(4,s.style.height="",s),s.removeEventListener("transitionend",l)};s.addEventListener("transitionend",l)}}(r,a)},[n,r,c,a,s,u,l,p,o,function(e){k[e?"unshift":"push"]((()=>{l=e,i(6,l)}))},e=>p(e),function(e){k[e?"unshift":"push"]((()=>{s=e,i(4,s)}))}]}class K extends e{constructor(e){super(),t(this,e,J,V,i,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{K as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-feature-group.nested.js.map
|