@mozaic-ds/web-components 0.16.0 → 0.16.1-beta.0

package/public/adeo/components/fileuploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import ResultFile from './fileuploader-result.svelte';\n\n  export let id: string;\n  export let label: string;\n  export let accept: string;\n  export let multiple = true;\n  export let allowedextensions: string;\n  export let maxsize: number;\n  export let displayfileslist = false;\n  export let disabled = false;\n  export let removelabel = 'Remove';\n  export let uploadedfiles: string;\n  export let errorlabels: string;\n  export let stateless: false;\n\n  let files: FileList;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n  $: files;\n  $: maxSize = maxsize ? maxsize : undefined;\n  $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n  function checkFileSize(fileSize: number): boolean {\n    const fileSizeMB = fileSize / 1024 / 1024; // in MB\n    if (maxSize && fileSizeMB > maxSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n  function checkFileExtension(fileName: string): boolean {\n    if (allowedExtensions && allowedExtensions.length > 0) {\n      const extension: string = fileName.slice(\n        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n      );\n      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n        return false; // invalid\n      }\n    }\n\n    return true; // valid\n  }\n  function handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    files = target.files as FileList;\n    displayfileslist = true;\n    const invalidFiles: Array<any> = [];\n    const fileList = [...files];\n    fileList.forEach((file, index) => {\n      const fileName = file.name;\n      const fileSize = file.size;\n      const validExtension = checkFileExtension(fileName);\n      const validSize = checkFileSize(fileSize);\n      let errorType = '';\n\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n\n      if (!validExtension || !validSize) {\n        invalidFiles.push({\n          index: index,\n          fileName: fileName,\n          fileSize: fileSize,\n          errorType: errorType,\n        });\n      }\n    });\n\n    if (invalidFiles.length > 0) {\n      eventHandler.dispatch(\n        get_current_component(),\n        'invalid-files',\n        invalidFiles,\n      );\n    }\n    eventHandler.dispatch('change', files);\n    if (stateless) {\n      const fileuploader = root.querySelector(\n        '.mc-fileuploader__input',\n      ) as HTMLInputElement;\n      fileuploader.value = '';\n    }\n  }\n\n  function removeFromArray(fileList: FileList, value: File): FileList {\n    const array = Array.from(fileList);\n    const idx = array.indexOf(value);\n    if (idx !== -1) {\n      array.splice(idx, 1);\n    }\n    return array as FileList;\n  }\n\n  function deleteFile(e: CustomEvent): void {\n    files = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function deleteUploadedFile(e: CustomEvent): void {\n    const files = removeFromArray(uploadedFiles, e.detail);\n    uploadedFiles = files;\n    eventHandler.dispatch('uploaded-file-removed', e.detail);\n  }\n\n  function hasInvalidFiles(e: CustomEvent): void {\n    eventHandler.dispatch('invalid-files', e.detail);\n  }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n  <input\n    {id}\n    type=\"file\"\n    class=\"mc-fileuploader__input\"\n    {accept}\n    {multiple}\n    {disabled}\n    on:change={handleChange}\n  />\n  <label for={id} class=\"mc-fileuploader__label\">\n    <span class=\"mc-fileuploader__label--center\">\n      {label}\n    </span>\n  </label>\n  {#if displayfileslist && files && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n  {#if uploadedFiles.length > 0}\n    <ResultFile\n      files={uploadedFiles}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\n      on:file-removed={deleteUploadedFile}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"sdA4JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAdOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,IACAC,2fAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAsB5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EArBD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBV,GACpCW,EA9BD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA4BRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,IACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}
+{"version":3,"file":"FileUploader.js","sources":["../../../../src/components/fileuploader/FileUploader.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n  import ResultFile from './fileuploader-result.nested.svelte';\n\n  export let id: string;\n  export let label: string;\n  export let accept: string;\n  export let multiple = true;\n  export let allowedextensions: string;\n  export let maxsize: number;\n  export let displayfileslist = false;\n  export let disabled = false;\n  export let removelabel = 'Remove';\n  export let uploadedfiles: string;\n  export let errorlabels: string;\n  export let stateless: false;\n\n  let files: FileList;\n  let root: HTMLElement;\n  let eventHandler = new EventHandler(\n    get_current_component(),\n    createEventDispatcher(),\n  );\n\n  $: allowedExtensions = allowedextensions ? JSON.parse(allowedextensions) : [];\n  $: uploadedFiles = uploadedfiles ? JSON.parse(uploadedfiles) : [];\n  $: files;\n  $: maxSize = maxsize ? maxsize : undefined;\n  $: errorLabels = errorlabels ? JSON.parse(errorlabels) : [];\n\n  function checkFileSize(fileSize: number): boolean {\n    const fileSizeMB = fileSize / 1024 / 1024; // in MB\n    if (maxSize && fileSizeMB > maxSize) {\n      return false; // invalid\n    }\n\n    return true; // valid\n  }\n  function checkFileExtension(fileName: string): boolean {\n    if (allowedExtensions && allowedExtensions.length > 0) {\n      const extension: string = fileName.slice(\n        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,\n      );\n      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {\n        return false; // invalid\n      }\n    }\n\n    return true; // valid\n  }\n  function handleChange(e: Event): void {\n    const target = e.target as HTMLInputElement;\n    files = target.files as FileList;\n    displayfileslist = true;\n    const invalidFiles: Array<any> = [];\n    const fileList = [...files];\n    fileList.forEach((file, index) => {\n      const fileName = file.name;\n      const fileSize = file.size;\n      const validExtension = checkFileExtension(fileName);\n      const validSize = checkFileSize(fileSize);\n      let errorType = '';\n\n      if (!validExtension) {\n        errorType = 'invalid-extension';\n      }\n\n      if (!validSize) {\n        errorType = 'invalid-size';\n      }\n\n      if (!validExtension || !validSize) {\n        invalidFiles.push({\n          index: index,\n          fileName: fileName,\n          fileSize: fileSize,\n          errorType: errorType,\n        });\n      }\n    });\n\n    if (invalidFiles.length > 0) {\n      eventHandler.dispatch(\n        get_current_component(),\n        'invalid-files',\n        invalidFiles,\n      );\n    }\n    eventHandler.dispatch('change', files);\n    if (stateless) {\n      const fileuploader = root.querySelector(\n        '.mc-fileuploader__input',\n      ) as HTMLInputElement;\n      fileuploader.value = '';\n    }\n  }\n\n  function removeFromArray(fileList: FileList, value: File): FileList {\n    const array = Array.from(fileList);\n    const idx = array.indexOf(value);\n    if (idx !== -1) {\n      array.splice(idx, 1);\n    }\n    return array as FileList;\n  }\n\n  function deleteFile(e: CustomEvent): void {\n    files = removeFromArray(files, e.detail);\n    const fileuploader = root.querySelector(\n      '.mc-fileuploader__input',\n    ) as HTMLInputElement;\n    fileuploader.value = '';\n    eventHandler.dispatch('file-removed', e.detail);\n  }\n\n  function deleteUploadedFile(e: CustomEvent): void {\n    const files = removeFromArray(uploadedFiles, e.detail);\n    uploadedFiles = files;\n    eventHandler.dispatch('uploaded-file-removed', e.detail);\n  }\n\n  function hasInvalidFiles(e: CustomEvent): void {\n    eventHandler.dispatch('invalid-files', e.detail);\n  }\n</script>\n\n<div class=\"mc-fileuploader\" bind:this={root}>\n  <input\n    {id}\n    type=\"file\"\n    class=\"mc-fileuploader__input\"\n    {accept}\n    {multiple}\n    {disabled}\n    on:change={handleChange}\n  />\n  <label for={id} class=\"mc-fileuploader__label\">\n    <span class=\"mc-fileuploader__label--center\">\n      {label}\n    </span>\n  </label>\n  {#if displayfileslist && files && files.length > 0}\n    <ResultFile\n      {files}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\n      on:file-removed={deleteFile}\n    />\n  {/if}\n  {#if uploadedFiles.length > 0}\n    <ResultFile\n      files={uploadedFiles}\n      {allowedExtensions}\n      {disabled}\n      {maxSize}\n      {removelabel}\n      {errorLabels}\n      on:file-removed={deleteUploadedFile}\n    />\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/all-settings';\n  @import '@mozaic-ds/styles/components/c.file-uploader';\n</style>\n"],"names":["ctx","if_block0","length","create_if_block_1","create_if_block","insert","target","div","anchor","append","input","label_1","span","removeFromArray","fileList","value","array","Array","from","idx","indexOf","splice","files","root","id","$$props","label","accept","multiple","allowedextensions","maxsize","displayfileslist","disabled","removelabel","uploadedfiles","errorlabels","stateless","eventHandler","EventHandler","get_current_component","createEventDispatcher","$$invalidate","allowedExtensions","JSON","parse","uploadedFiles","maxSize","undefined","errorLabels","e","invalidFiles","forEach","file","index","fileName","name","fileSize","size","validExtension","extension","slice","lastIndexOf","includes","String","checkFileExtension","validSize","checkFileSize","errorType","push","dispatch","querySelector","detail","$$value"],"mappings":"6dA4JuBA,EAAU,sXAKpBA,EAAa,kHAMHA,EAAkB,oFAN5BA,EAAa,qRAbnBC,EAAAD,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,GAACC,EAAAH,KAW7CA,EAAa,GAACE,OAAS,GAACE,EAAAJ,yEAdxBA,EAAK,8NAFEA,EAAE,iFAVhBK,EAqCKC,EAAAC,EAAAC,GApCHC,EAQCF,EAAAG,UACDD,EAIOF,EAAAI,GAHLF,EAEME,EAAAC,uFALKZ,EAAY,wJAIpBA,EAAK,yBAFEA,EAAE,IAKTA,MAAoBA,EAAK,IAAIA,EAAM,GAAAE,OAAS,iGAW5CF,EAAa,GAACE,OAAS,mNAvDnBW,EAAgBC,EAAoBC,GACrC,MAAAC,EAAQC,MAAMC,KAAKJ,GACnBK,EAAMH,EAAMI,QAAQL,UACb,IAATI,GACFH,EAAMK,OAAOF,EAAK,GAEbH,gCAtFLM,EACAC,MAdOC,GAAUC,SACVC,GAAaD,UACbE,GAAcF,GACdG,SAAAA,GAAW,GAAIH,qBACfI,GAAyBJ,WACzBK,GAAeL,GACfM,iBAAAA,GAAmB,GAAKN,GACxBO,SAAAA,GAAW,GAAKP,GAChBQ,YAAAA,EAAc,UAAQR,iBACtBS,GAAqBT,eACrBU,GAAmBV,aACnBW,GAAgBX,EAIvBY,EAAmB,IAAAC,EACrBC,IACAC,2fAGDC,EAAA,GAAEC,EAAoBb,EAAoBc,KAAKC,MAAMf,GAAiB,uBACtEY,EAAA,EAAEI,EAAgBX,EAAgBS,KAAKC,MAAMV,GAAa,uCAExDY,EAAUhB,QAAoBiB,sBAChCN,EAAA,GAAEO,EAAcb,EAAcQ,KAAKC,MAAMT,GAAW,gCAsB5C,SAAac,SACd3C,EAAS2C,EAAE3C,WACjBgB,EAAQhB,EAAOgB,OACfmB,EAAA,EAAAV,GAAmB,SACbmB,EAAY,UACG5B,GACZ6B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EArBD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBxC,OAAS,EAAC,CAC7C,MAAAyD,EAAoBL,EAASM,MACS,GAAxCN,EAASO,YAAY,KAAO,IAAO,IAEnC,GAAAnB,IAAsBA,EAAkBoB,SAASC,OAAOJ,WACnD,SAIJ,EAWkBK,CAAmBV,GACpCW,EA9BD,SAAcT,WAEjBV,GADeU,EAAW,KAAO,KACTV,GA4BRoB,CAAcV,GAC5B,IAAAW,EAAY,GAEXT,IACHS,EAAY,qBAGTF,IACHE,EAAY,gBAGTT,GAAmBO,GACtBf,EAAakB,KACJ,CAAAf,QACGC,WACAE,WACCW,iBAKbjB,EAAahD,OAAS,GACxBmC,EAAagC,SACX9B,IACA,gBACAW,GAGJb,EAAagC,SAAS,SAAU/C,GAC5Bc,EAAS,CACUb,EAAK+C,cACxB,2BAEWvD,MAAQ,KAahB,SAAWkC,GAClBR,EAAA,EAAAnB,EAAQT,EAAgBS,EAAO2B,EAAEsB,SACZhD,EAAK+C,cACxB,2BAEWvD,MAAQ,GACrBsB,EAAagC,SAAS,eAAgBpB,EAAEsB,SAGjC,SAAmBtB,GACpB,MAAA3B,EAAQT,EAAgBgC,EAAeI,EAAEsB,QAC/C9B,EAAA,EAAAI,EAAgBvB,GAChBe,EAAagC,SAAS,wBAAyBpB,EAAEsB,2DAQbhD,EAAIiD"}

package/public/adeo/components/fileuploader/FileUploader.svelte

@@ -7,7 +7,7 @@
     createEventDispatcher,
   } from 'svelte/internal';
   import { EventHandler } from '../../utilities/EventHandler';
-  import ResultFile from './fileuploader-result.svelte';
+  import ResultFile from './fileuploader-result.nested.svelte';
 
   export let id: string;
   export let label: string;

package/public/adeo/components/fileuploader/fileuploader-result.nested.js

@@ -0,0 +1,2 @@
+import{E as e,i as l,s as r,F as i,e as t,g as a,b as o,n as s,o as n,O as m,q as d,r as c,c as f,u as p,t as b,d as v,j as u,l as g,k as y}from"../../index-9ffad6d0.js";import{E as h}from"../../EventHandler-f7ee47ca.js";function w(e){i(e,"svelte-ymr6eq",".mc-fileuploader.svelte-ymr6eq.svelte-ymr6eq{position:relative;display:block}.mc-fileuploader__input.svelte-ymr6eq.svelte-ymr6eq{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-ymr6eq.svelte-ymr6eq{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-ymr6eq.svelte-ymr6eq,.mc-fileuploader__label.svelte-ymr6eq.svelte-ymr6eq:hover{background-color:#d9f0f3;color:#006974}.mc-fileuploader__label.is-active.svelte-ymr6eq.svelte-ymr6eq,.mc-fileuploader__label.svelte-ymr6eq.svelte-ymr6eq:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.is-active.svelte-ymr6eq.svelte-ymr6eq,.mc-fileuploader__label.svelte-ymr6eq.svelte-ymr6eq:active{background-color:#91d5db;color:#004e57}.mc-fileuploader__label.svelte-ymr6eq.svelte-ymr6eq:disabled,.mc-fileuploader__label.is-disabled.svelte-ymr6eq.svelte-ymr6eq{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-fileuploader__label.svelte-ymr6eq.svelte-ymr6eq::before{content:\"\";width:1.5rem;height:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23007f8c' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;margin-right:0.5rem;margin-left:-0.5rem}.is-focus.svelte-ymr6eq+.mc-fileuploader__label.svelte-ymr6eq,.svelte-ymr6eq:focus+.mc-fileuploader__label.svelte-ymr6eq{-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-ymr6eq+.mc-fileuploader__label.svelte-ymr6eq,.svelte-ymr6eq:hover+.mc-fileuploader__label.svelte-ymr6eq{color:#006974;background-color:#d9f0f3}.is-disabled.svelte-ymr6eq+.mc-fileuploader__label.svelte-ymr6eq,.svelte-ymr6eq:disabled+.mc-fileuploader__label.svelte-ymr6eq{color:#666666;background-color:#cccccc;border-color:transparent;cursor:not-allowed}.is-disabled.svelte-ymr6eq+.mc-fileuploader__label.svelte-ymr6eq::before,.svelte-ymr6eq:disabled+.mc-fileuploader__label.svelte-ymr6eq::before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23666666' viewBox='0 0 24 24'%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d='M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z'/%3E%3Cpath d='M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z'/%3E%3C/svg%3E\") no-repeat}.mc-fileuploader__files.svelte-ymr6eq.svelte-ymr6eq{list-style:none;padding:0;margin:1rem 0 0 0}.mc-fileuploader__file.svelte-ymr6eq.svelte-ymr6eq{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-ymr6eq.svelte-ymr6eq:not(:last-child){margin-bottom:0.25rem}.mc-fileuploader__file-name.svelte-ymr6eq.svelte-ymr6eq{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-ymr6eq.svelte-ymr6eq{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-ymr6eq .mc-fileuploader__file-icon.svelte-ymr6eq{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2300919f' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z'/%3E%3Cpath d='M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-ymr6eq .mc-fileuploader__file-icon.svelte-ymr6eq{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23c61112' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z'/%3E%3Cpath d='M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-fileuploader__file--is-invalid.svelte-ymr6eq .mc-fileuploader__file-message.svelte-ymr6eq{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-ymr6eq.svelte-ymr6eq{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cccccc;border:none;cursor:pointer;padding:0.5rem}.mc-fileuploader__delete.svelte-ymr6eq.svelte-ymr6eq::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-ymr6eq.svelte-ymr6eq::after{content:\"\";width:1.5rem;height:1.5rem;background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z'/%3E%3Cpath d='M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z'/%3E%3C/svg%3E\") no-repeat;background-size:1.5rem;display:block}.mc-fileuploader__delete.svelte-ymr6eq.svelte-ymr6eq:focus{outline:none}.mc-fileuploader__delete.svelte-ymr6eq.svelte-ymr6eq: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 x(e,l,r){const i=e.slice();return i[15]=l[r],i[17]=r,i}function _(e){let l,r,i=e[3][e[15].errorType]+"";return{c(){l=t("div"),r=b(i),a(l,"class","mc-fileuploader__file-message svelte-ymr6eq")},m(e,i){o(e,l,i),u(l,r)},p(e,l){9&l&&i!==(i=e[3][e[15].errorType]+"")&&y(r,i)},d(e){e&&n(l)}}}function q(e){let l,r,i,s,m,d,c,f,p,h,w,x,q=e[15].name+"";function k(){return e[9](e[15])}let E=e[15].errorType&&_(e);return{c(){l=t("li"),r=t("span"),i=b(q),s=v(),m=t("span"),m.textContent=" ",d=v(),c=t("button"),f=v(),E&&E.c(),p=v(),a(r,"class","mc-fileuploader__file-name svelte-ymr6eq"),a(m,"class","mc-fileuploader__file-icon svelte-ymr6eq"),a(c,"type","button"),a(c,"class","mc-fileuploader__delete svelte-ymr6eq"),a(c,"aria-label",e[2]),c.disabled=e[1],a(l,"id",`file-${e[17]}`),a(l,"class",h=e[4](e[15])+" "+e[6].class+" svelte-ymr6eq")},m(e,t){o(e,l,t),u(l,r),u(r,i),u(l,s),u(l,m),u(l,d),u(l,c),u(l,f),E&&E.m(l,null),u(l,p),w||(x=g(c,"click",k),w=!0)},p(r,t){e=r,1&t&&q!==(q=e[15].name+"")&&y(i,q),4&t&&a(c,"aria-label",e[2]),2&t&&(c.disabled=e[1]),e[15].errorType?E?E.p(e,t):(E=_(e),E.c(),E.m(l,p)):E&&(E.d(1),E=null),65&t&&h!==(h=e[4](e[15])+" "+e[6].class+" svelte-ymr6eq")&&a(l,"class",h)},d(e){e&&n(l),E&&E.d(),w=!1,x()}}}function k(e){let l,r=e[0],i=[];for(let l=0;l<r.length;l+=1)i[l]=q(x(e,r,l));return{c(){l=t("ul");for(let e=0;e<i.length;e+=1)i[e].c();a(l,"id","file_uploaded"),a(l,"class","mc-fileuploader__files svelte-ymr6eq")},m(e,r){o(e,l,r);for(let e=0;e<i.length;e+=1)i[e]&&i[e].m(l,null)},p(e,[t]){if(127&t){let a;for(r=e[0],a=0;a<r.length;a+=1){const o=x(e,r,a);i[a]?i[a].p(o,t):(i[a]=q(o),i[a].c(),i[a].m(l,null))}for(;a<i.length;a+=1)i[a].d(1);i.length=r.length}},i:s,o:s,d(e){e&&n(l),m(i,e)}}}function E(e,l,r){let{allowedExtensions:i}=l,{maxSize:t}=l,{disabled:a=!1}=l,{files:o}=l,{removelabel:s="Remove"}=l,{errorLabels:n}=l,m=new h(d(),c());function b(e){if(i&&i.length>0){const l=e.slice(2+(e.lastIndexOf(".")-1>>>0));if(i&&!i.includes(String(l)))return!1}return!0}function v(e){return!(t&&e/1024/1024>t)}function u(e){m.dispatch("file-removed",e)}return e.$$set=e=>{r(6,l=f(f({},l),p(e))),"allowedExtensions"in e&&r(8,i=e.allowedExtensions),"maxSize"in e&&r(7,t=e.maxSize),"disabled"in e&&r(1,a=e.disabled),"files"in e&&r(0,o=e.files),"removelabel"in e&&r(2,s=e.removelabel),"errorLabels"in e&&r(3,n=e.errorLabels)},e.$$.update=()=>{1&e.$$.dirty&&r(0,o=o?function(e){let l=[...e];return l.forEach(((e,l)=>{const r=b(e.name),i=v(e.size);let t="";r||(t="invalid-extension"),i||(t="invalid-size"),e.errorType&&(t=e.errorType),r&&i&&!e.errorType||(e.errorType=t)})),l}(o):[]),128&e.$$.dirty&&r(7,t=t||void 0)},l=p(l),[o,a,s,n,function(e){let l=["mc-fileuploader__file"];return!function(e){const l=!i||b(e.name),r=v(e.size);if(!l||!r)return!1;return!0}(e)||e.errorType?l.push("mc-fileuploader__file--is-invalid"):l.push("mc-fileuploader__file--is-valid"),l.join(" ")},u,l,t,i,e=>u(e)]}class C extends e{constructor(e){super(),l(this,e,E,k,r,{allowedExtensions:8,maxSize:7,disabled:1,files:0,removelabel:2,errorLabels:3},w)}}export{C as default};
+//# sourceMappingURL=fileuploader-result.nested.js.map

package/public/adeo/components/fileuploader/fileuploader-result.nested.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileuploader-result.nested.js","sources":["../../../../src/components/fileuploader/fileuploader-result.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  // @ts-nocheck\n  import {\n    get_current_component,\n    createEventDispatcher,\n  } from 'svelte/internal';\n  import { EventHandler } from '../../utilities/EventHandler';\n\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    get_current_component(),\n    createEventDispatcher(),\n  );\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\">&nbsp;</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","get_current_component","createEventDispatcher","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":"y6QA4GWA,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,+EArFSG,GAAqBC,WACrBC,GAAeD,GACfE,SAAAA,GAAW,GAAKF,SAChBG,GAAeH,GACfI,YAAAA,EAAc,UAAQJ,eACtBK,GAAWL,EAElBM,EAAmB,IAAAC,EACrBC,IACAC,KAcO,SAAAC,EAAmBC,GACtB,GAAAZ,GAAqBA,EAAkBH,OAAS,EAAC,CAC7C,MAAAgB,EAAoBD,EAASE,MACS,GAAxCF,EAASG,YAAY,KAAO,IAAO,IAEnC,GAAAf,IAAsBA,EAAkBgB,SAASC,OAAOJ,WACnD,SAIJ,EAGA,SAAAK,EAAcC,WAEjBjB,GADeiB,EAAW,KAAO,KACTjB,GAyCrB,SAAAkB,EAAWC,GAClBd,EAAae,SAAS,eAAgBD,mTArErCjB,EAAQA,EAiCF,SAAamB,GAChB,IAAAnB,MAAYmB,UAChBnB,EAAMoB,SAAS,CAAAH,EAAMI,KACb,MAAAC,EAAiBf,EAAmBU,EAAKrC,MACzC2C,EAAYT,EAAcG,EAAKO,MACjC,IAAArD,EAAY,GACXmD,IACHnD,EAAY,qBAEToD,IACHpD,EAAY,gBAEV8C,EAAK9C,YACPA,EAAY8C,EAAK9C,WAEdmD,GAAmBC,IAAaN,EAAK9C,YACxC8C,EAAK9C,UAAYA,MAGd6B,EApDUyB,CAAazB,GAAK,wBAClCF,EAAUA,QAAoB4B,oBAExB,SAAWT,GACd,IAAAU,GAAW,gCAmDR,SAAgBV,SACjBK,GAAiB1B,GACnBW,EAAmBU,EAAKrC,MAEtB2C,EAAYT,EAAcG,EAAKO,MAEhC,IAAAF,IAAmBC,SACf,SAGF,EA3DHK,CAAgBX,IAAUA,EAAK9C,UAE9BwD,EAAQE,KAAK,qCADhBF,EAAQE,KAAK,mCAERF,EAAQG,KAAK,cA0EAb,GAAAD,EAAWC"}

package/public/adeo/components/fileuploader/fileuploader-result.nested.svelte

@@ -0,0 +1,119 @@
+<svelte:options tag={null} />
+
+<script lang="ts">
+  // @ts-nocheck
+  import {
+    get_current_component,
+    createEventDispatcher,
+  } from 'svelte/internal';
+  import { EventHandler } from '../../utilities/EventHandler';
+
+  export let allowedExtensions: [];
+  export let maxSize: number;
+  export let disabled = false;
+  export let files: FileList;
+  export let removelabel = 'Remove';
+  export let errorLabels;
+
+  let eventHandler = new EventHandler(
+    get_current_component(),
+    createEventDispatcher(),
+  );
+  $: files = files ? handleChange(files) : [];
+  $: maxSize = maxSize ? maxSize : undefined;
+
+  function setClasses(file: File): string {
+    let classes = ['mc-fileuploader__file'];
+
+    if (checkFileStatus(file) && !file.errorType)
+      classes.push('mc-fileuploader__file--is-valid');
+    else classes.push('mc-fileuploader__file--is-invalid');
+    return classes.join(' ');
+  }
+
+  function checkFileExtension(fileName: string): boolean {
+    if (allowedExtensions && allowedExtensions.length > 0) {
+      const extension: string = fileName.slice(
+        ((fileName.lastIndexOf('.') - 1) >>> 0) + 2,
+      );
+      if (allowedExtensions && !allowedExtensions.includes(String(extension))) {
+        return false; // invalid
+      }
+    }
+
+    return true; // valid
+  }
+
+  function checkFileSize(fileSize: number): boolean {
+    const fileSizeMB = fileSize / 1024 / 1024; // in MB
+    if (maxSize && fileSizeMB > maxSize) {
+      return false; // invalid
+    }
+
+    return true; // valid
+  }
+  function handleChange(myFiles: FileList): void {
+    let files = [...myFiles];
+    files.forEach((file, index) => {
+      const validExtension = checkFileExtension(file.name);
+      const validSize = checkFileSize(file.size);
+      let errorType = '';
+      if (!validExtension) {
+        errorType = 'invalid-extension';
+      }
+      if (!validSize) {
+        errorType = 'invalid-size';
+      }
+      if (file.errorType) {
+        errorType = file.errorType;
+      }
+      if (!validExtension || !validSize || file.errorType) {
+        file.errorType = errorType;
+      }
+    });
+    return files;
+  }
+
+  function checkFileStatus(file: File): boolean {
+    const validExtension = allowedExtensions
+      ? checkFileExtension(file.name)
+      : true;
+    const validSize = checkFileSize(file.size);
+
+    if (!validExtension || !validSize) {
+      return false; // invalid
+    }
+
+    return true; // valid
+  }
+
+  function deleteFile(file) {
+    eventHandler.dispatch('file-removed', file);
+  }
+</script>
+
+<ul id="file_uploaded" class="mc-fileuploader__files">
+  {#each files as file, index}
+    <li id={`file-${index}`} class="{setClasses(file)} {$$props.class}">
+      <span class="mc-fileuploader__file-name">{file.name}</span>
+      <span class="mc-fileuploader__file-icon">&nbsp;</span>
+      <button
+        type="button"
+        class="mc-fileuploader__delete"
+        aria-label={removelabel}
+        {disabled}
+        on:click={() => deleteFile(file)}
+      />
+      {#if file.errorType}
+        <div class="mc-fileuploader__file-message">
+          {errorLabels[file.errorType]}
+        </div>
+      {/if}
+    </li>
+  {/each}
+</ul>
+
+<style lang="scss">
+  @import '@mozaic-ds/styles/settings-tools/all-settings';
+  @import '@mozaic-ds/styles/components/c.file-uploader';
+</style>

package/public/adeo/components/textinput/Textinput.nested.js

@@ -1,2 +1,2 @@
-import{E as e,i as t,s as i,F as l,c as n,e as c,d as s,g as h,h as v,v as m,b as f,j as r,U as o,l as a,K as z,m as p,n as d,o as u,M as g,p as x,u as b,R as w}from"../../index-9ffad6d0.js";function _(e){l(e,"svelte-vczhf6","@charset \"UTF-8\";.mc-text-input.svelte-vczhf6.svelte-vczhf6{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6{-moz-appearance:textfield}.mc-text-input[type=search].svelte-vczhf6.svelte-vczhf6::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-vczhf6.svelte-vczhf6::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6,.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6:hover,.mc-text-input.is-valid.is-hover.svelte-vczhf6.svelte-vczhf6{border-color:#035010}.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6:hover,.mc-text-input.is-invalid.is-hover.svelte-vczhf6.svelte-vczhf6{border-color:#530000}.mc-text-input.is-hover.svelte-vczhf6.svelte-vczhf6,.mc-text-input.svelte-vczhf6.svelte-vczhf6:hover{border-color:#191919}.mc-text-input.is-focus.svelte-vczhf6.svelte-vczhf6,.mc-text-input.svelte-vczhf6.svelte-vczhf6:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-text-input.svelte-vczhf6.svelte-vczhf6:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-vczhf6.svelte-vczhf6{position:relative}.mc-left-icon-input__icon.svelte-vczhf6.svelte-vczhf6{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#666666;pointer-events:none}.mc-left-icon-input.svelte-vczhf6 .mc-left-icon-input__icon.svelte-vczhf6{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-vczhf6 .mc-left-icon-input__input.svelte-vczhf6{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-vczhf6 .mc-left-icon-input__icon.svelte-vczhf6{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-vczhf6 .mc-left-icon-input__input.svelte-vczhf6{padding-left:2.4375rem}.mc-field__label.svelte-vczhf6.svelte-vczhf6,.mc-field__legend.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-vczhf6.svelte-vczhf6{padding-left:0;padding-right:0}.mc-field__requirement.svelte-vczhf6.svelte-vczhf6,.mc-field__help.svelte-vczhf6.svelte-vczhf6{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-vczhf6.svelte-vczhf6::before{content:\" - \"}.mc-field__help.svelte-vczhf6.svelte-vczhf6{display:block;margin-top:0.125rem}.mc-field.svelte-vczhf6 .mc-field__input.svelte-vczhf6,.mc-field.svelte-vczhf6 .mc-field__element.svelte-vczhf6{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-vczhf6.svelte-vczhf6,.mc-field__element--inline.svelte-vczhf6.svelte-vczhf6{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child),.mc-field__element--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child),.mc-field__element--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-vczhf6.svelte-vczhf6:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-vczhf6.svelte-vczhf6{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-vczhf6 .mc-field__error-message.svelte-vczhf6{margin-top:0.5rem}.right-align.svelte-vczhf6.svelte-vczhf6{text-align:right}")}function k(e){let t,i=`<${E(e[7])} />`;return{c(){t=c("span"),h(t,"class","mc-left-icon-input__icon svelte-vczhf6")},m(e,l){f(e,t,l),t.innerHTML=i},p(e,l){128&l&&i!==(i=`<${E(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&u(t)}}}function y(e){let t,i,l,x,b,w,_,y=e[7]&&k(e),E=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+e[11]},e[10]],C={};for(let e=0;e<E.length;e+=1)C=n(C,E[e]);return{c(){t=c("div"),y&&y.c(),i=s(),l=c("input"),h(l,"class",x=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-vczhf6"),h(l,"aria-invalid",e[4]),h(l,"name",e[1]),h(l,"id",e[1]),h(l,"placeholder",e[2]),l.disabled=e[5],h(l,"min",e[8]),h(l,"max",e[9]),h(l,"spellcheck","false"),v(t,C),m(t,"svelte-vczhf6",!0)},m(n,c){f(n,t,c),y&&y.m(t,null),r(t,i),r(t,l),o(l,e[0]),w||(_=[a(l,"input",e[21]),z(e[13].call(null,l)),a(l,"input",e[17]),a(l,"click",e[18]),a(l,"change",e[19]),a(l,"blur",e[20])],w=!0)},p(e,[n]){e[7]?y?y.p(e,n):(y=k(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),16600&n&&x!==(x=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-vczhf6")&&h(l,"class",x),16&n&&h(l,"aria-invalid",e[4]),2&n&&h(l,"name",e[1]),2&n&&h(l,"id",e[1]),4&n&&h(l,"placeholder",e[2]),32&n&&(l.disabled=e[5]),256&n&&h(l,"min",e[8]),512&n&&h(l,"max",e[9]),1&n&&l.value!==e[0]&&o(l,e[0]),v(t,C=p(E,[2176&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+e[11])&&{class:b},1024&n&&e[10]])),m(t,"svelte-vczhf6",!0)},i:d,o:d,d(e){e&&u(t),y&&y.d(),w=!1,g(_)}}}function E(e){return`${e}`}function C(e,t,i){let l,c;const s=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let h=x(t,s),{name:v}=t,{value:m}=t,{placeholder:f}=t,{inputtype:r="text"}=t,{isvalid:o}=t,{isinvalid:a}=t,{disabled:z=!1}=t,{size:p="m"}=t,{iconname:d}=t,{rightalign:u}=t,{min:g}=t,{max:_}=t;return e.$$set=e=>{i(14,t=n(n({},t),b(e))),i(22,h=x(t,s)),"name"in e&&i(1,v=e.name),"value"in e&&i(0,m=e.value),"placeholder"in e&&i(2,f=e.placeholder),"inputtype"in e&&i(15,r=e.inputtype),"isvalid"in e&&i(3,o=e.isvalid),"isinvalid"in e&&i(4,a=e.isinvalid),"disabled"in e&&i(5,z=e.disabled),"size"in e&&i(6,p=e.size),"iconname"in e&&i(7,d=e.iconname),"rightalign"in e&&i(16,u=e.rightalign),"min"in e&&i(8,g=e.min),"max"in e&&i(9,_=e.max)},e.$$.update=()=>{i(11,l=t.class),i(10,c=Object.assign({},h)),1024&e.$$.dirty&&delete c.class},t=b(t),[m,v,f,o,a,z,p,d,g,_,c,l,function(e,t,i,l){const n=["mc-text-input","mc-field__input"];return e&&n.push("is-valid"),t&&n.push("is-invalid"),"s"===i&&n.push("mc-text-input--s"),l&&n.push("mc-left-icon-input__input"),u&&n.push("right-align"),n.join(" ")},e=>{e.type=r},t,r,u,function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(){m=this.value,i(0,m)}]}class $ extends e{constructor(e){super(),t(this,e,C,y,i,{name:1,value:0,placeholder:2,inputtype:15,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:16,min:8,max:9},_)}}export{$ as default};
+import{E as e,i as t,s as i,F as l,c as n,e as c,d as s,g as h,h as v,v as m,b as f,j as r,U as o,l as a,K as z,m as p,n as d,o as u,M as g,p as x,u as b,R as w}from"../../index-9ffad6d0.js";function _(e){l(e,"svelte-vczhf6","@charset \"UTF-8\";.mc-text-input.svelte-vczhf6.svelte-vczhf6{font-family:\"Roboto\", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem;-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;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#ffffff;border-radius:4px}.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6::-webkit-inner-spin-button,.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number].svelte-vczhf6.svelte-vczhf6{-moz-appearance:textfield}.mc-text-input[type=search].svelte-vczhf6.svelte-vczhf6::-webkit-search-decoration:hover,.mc-text-input[type=search].svelte-vczhf6.svelte-vczhf6::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.svelte-vczhf6.svelte-vczhf6::placeholder{margin:0;color:#666666;opacity:1}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6,.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right 0.4375rem center;padding-right:2.5rem}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%2346a610' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z'/%3E%3Cpath d='M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z'/%3E%3C/svg%3E\")}.mc-text-input.is-valid.svelte-vczhf6.svelte-vczhf6:hover,.mc-text-input.is-valid.is-hover.svelte-vczhf6.svelte-vczhf6{border-color:#035010}.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid.svelte-vczhf6.svelte-vczhf6:hover,.mc-text-input.is-invalid.is-hover.svelte-vczhf6.svelte-vczhf6{border-color:#530000}.mc-text-input.is-hover.svelte-vczhf6.svelte-vczhf6,.mc-text-input.svelte-vczhf6.svelte-vczhf6:hover{border-color:#191919}.mc-text-input.is-focus.svelte-vczhf6.svelte-vczhf6,.mc-text-input.svelte-vczhf6.svelte-vczhf6:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-text-input.svelte-vczhf6.svelte-vczhf6:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-m.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-l.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-l.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;min-height:2rem;padding:0.375rem 0.4375rem}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--s\\@from-xxl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:0.875rem;line-height:1.2857142857}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6{font-size:1rem;line-height:1.375;min-height:3rem;padding:0.75rem 0.6875rem}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-webkit-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-moz-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6:-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::-ms-input-placeholder{font-size:1rem;line-height:1.375}.mc-text-input--m\\@from-xxl.svelte-vczhf6.svelte-vczhf6::placeholder{font-size:1rem;line-height:1.375}}.mc-left-icon-input.svelte-vczhf6.svelte-vczhf6{position:relative}.mc-left-icon-input__icon.svelte-vczhf6.svelte-vczhf6{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);fill:#666666;pointer-events:none}.mc-left-icon-input.svelte-vczhf6 .mc-left-icon-input__icon.svelte-vczhf6{left:0.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input.svelte-vczhf6 .mc-left-icon-input__input.svelte-vczhf6{padding-left:2.9375rem}.mc-left-icon-input--s.svelte-vczhf6 .mc-left-icon-input__icon.svelte-vczhf6{left:0.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s.svelte-vczhf6 .mc-left-icon-input__input.svelte-vczhf6{padding-left:2.4375rem}.mc-field__label.svelte-vczhf6.svelte-vczhf6,.mc-field__legend.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend.svelte-vczhf6.svelte-vczhf6{padding-left:0;padding-right:0}.mc-field__requirement.svelte-vczhf6.svelte-vczhf6,.mc-field__help.svelte-vczhf6.svelte-vczhf6{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement.svelte-vczhf6.svelte-vczhf6::before{content:\" - \"}.mc-field__help.svelte-vczhf6.svelte-vczhf6{display:block;margin-top:0.125rem}.mc-field.svelte-vczhf6 .mc-field__input.svelte-vczhf6,.mc-field.svelte-vczhf6 .mc-field__element.svelte-vczhf6{margin-top:0.5rem}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-vczhf6.svelte-vczhf6,.mc-field__element--inline.svelte-vczhf6.svelte-vczhf6{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child),.mc-field__element--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child),.mc-field__element--inline.svelte-vczhf6 .mc-field__item.svelte-vczhf6:not(:last-child){margin-right:2rem}}.mc-field__item.svelte-vczhf6.svelte-vczhf6:not(:last-child){margin-bottom:1rem}.mc-field__error-message.svelte-vczhf6.svelte-vczhf6{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group.svelte-vczhf6.svelte-vczhf6{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group.svelte-vczhf6 .mc-field__error-message.svelte-vczhf6{margin-top:0.5rem}.right-align.svelte-vczhf6.svelte-vczhf6{text-align:right}")}function k(e){let t,i=`<${E(e[7])} />`;return{c(){t=c("span"),h(t,"class","mc-left-icon-input__icon svelte-vczhf6")},m(e,l){f(e,t,l),t.innerHTML=i},p(e,l){128&l&&i!==(i=`<${E(e[7])} />`)&&(t.innerHTML=i)},d(e){e&&u(t)}}}function y(e){let t,i,l,x,b,w,_,y=e[7]&&k(e),E=[{class:b=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:"")},e[10]],C={};for(let e=0;e<E.length;e+=1)C=n(C,E[e]);return{c(){t=c("div"),y&&y.c(),i=s(),l=c("input"),h(l,"class",x=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-vczhf6"),h(l,"aria-invalid",e[4]),h(l,"name",e[1]),h(l,"id",e[1]),h(l,"placeholder",e[2]),l.disabled=e[5],h(l,"min",e[8]),h(l,"max",e[9]),h(l,"spellcheck","false"),v(t,C),m(t,"svelte-vczhf6",!0)},m(n,c){f(n,t,c),y&&y.m(t,null),r(t,i),r(t,l),o(l,e[0]),w||(_=[a(l,"input",e[21]),z(e[13].call(null,l)),a(l,"input",e[17]),a(l,"click",e[18]),a(l,"change",e[19]),a(l,"blur",e[20])],w=!0)},p(e,[n]){e[7]?y?y.p(e,n):(y=k(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),16600&n&&x!==(x=e[12](e[3],e[4],e[6],e[7])+" "+e[14].classinput+" svelte-vczhf6")&&h(l,"class",x),16&n&&h(l,"aria-invalid",e[4]),2&n&&h(l,"name",e[1]),2&n&&h(l,"id",e[1]),4&n&&h(l,"placeholder",e[2]),32&n&&(l.disabled=e[5]),256&n&&h(l,"min",e[8]),512&n&&h(l,"max",e[9]),1&n&&l.value!==e[0]&&o(l,e[0]),v(t,C=p(E,[2176&n&&b!==(b=(e[7]?"mc-left-icon-input":"")+" "+(e[11]?e[11]:""))&&{class:b},1024&n&&e[10]])),m(t,"svelte-vczhf6",!0)},i:d,o:d,d(e){e&&u(t),y&&y.d(),w=!1,g(_)}}}function E(e){return`${e}`}function C(e,t,i){let l,c;const s=["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max"];let h=x(t,s),{name:v}=t,{value:m}=t,{placeholder:f}=t,{inputtype:r="text"}=t,{isvalid:o}=t,{isinvalid:a}=t,{disabled:z=!1}=t,{size:p="m"}=t,{iconname:d}=t,{rightalign:u}=t,{min:g}=t,{max:_}=t;return e.$$set=e=>{i(14,t=n(n({},t),b(e))),i(22,h=x(t,s)),"name"in e&&i(1,v=e.name),"value"in e&&i(0,m=e.value),"placeholder"in e&&i(2,f=e.placeholder),"inputtype"in e&&i(15,r=e.inputtype),"isvalid"in e&&i(3,o=e.isvalid),"isinvalid"in e&&i(4,a=e.isinvalid),"disabled"in e&&i(5,z=e.disabled),"size"in e&&i(6,p=e.size),"iconname"in e&&i(7,d=e.iconname),"rightalign"in e&&i(16,u=e.rightalign),"min"in e&&i(8,g=e.min),"max"in e&&i(9,_=e.max)},e.$$.update=()=>{i(11,l=t.class),i(10,c=Object.assign({},h)),1024&e.$$.dirty&&delete c.class},t=b(t),[m,v,f,o,a,z,p,d,g,_,c,l,function(e,t,i,l){const n=["mc-text-input","mc-field__input"];return e&&n.push("is-valid"),t&&n.push("is-invalid"),"s"===i&&n.push("mc-text-input--s"),l&&n.push("mc-left-icon-input__input"),u&&n.push("right-align"),n.join(" ")},e=>{e.type=r},t,r,u,function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(t){w.call(this,e,t)},function(){m=this.value,i(0,m)}]}class $ extends e{constructor(e){super(),t(this,e,C,y,i,{name:1,value:0,placeholder:2,inputtype:15,isvalid:3,isinvalid:4,disabled:5,size:6,iconname:7,rightalign:16,min:8,max:9},_)}}export{$ as default};
 //# sourceMappingURL=Textinput.nested.js.map

package/public/adeo/components/textinput/Textinput.nested.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputtype;\n  };\n</script>\n\n<div class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass}\" {...attributes}>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"{getClasses(\n      isvalid,\n      isinvalid,\n      size,\n      iconname,\n    )} {$$props.classinput}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    spellcheck=\"false\"\n    on:input\n    on:click\n    on:change\n    on:blur\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","class","div_class_value","classinput","div","append","input","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"otbAkEiBA,EAAA,IAAAC,EAAiBC,EAAQ,8FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,OADFQ,MAAAC,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,KAAOA,EAAU,kHASlEA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACU,WAAU,qCACRV,EAAS,8BAEnBA,EAAI,6IAjBZC,EA4BKC,EAAAS,EAAAP,yBAtBHQ,EAqBCD,EAAAE,0JA1BIb,EAAQ,yEAQHA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACU,WAAU,2DACRV,EAAS,wCAEnBA,EAAI,iJAjBC,KAAAK,GAAAI,KAAAA,GAAAT,EAAW,GAAA,qBAAuB,QAAKA,EAAS,MAAA,CAAAQ,MAAAC,WAAOT,EAAU,0EAzCnE,SAAAD,EAAiBe,YACdA,gLAlBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,0cAEnBY,EAAA,GAAAC,EAAYb,EAAQR,YACpBsB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWtB,uCAMZ,SACP0B,EACAC,EACAZ,EACAC,SAEMY,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATd,GACFa,EAAQC,KAAK,oBAGXb,GACFY,EAAQC,KAAK,6BAGXZ,GACFW,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKC,KAAOrB,CAAS"}
+{"version":3,"file":"Textinput.nested.js","sources":["../../../../src/components/textinput/Textinput.nested.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  export let name: string;\n  export let value: string;\n  export let placeholder: string;\n  export let inputtype: TextInputType = 'text';\n  export let isvalid: boolean;\n  export let isinvalid: boolean;\n  export let disabled = false;\n  export let size: TextInputSize = 'm';\n  export let iconname: string;\n  export let rightalign: boolean;\n  export let min: string;\n  export let max: string;\n\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\n\n  function generateIconName(iconName: string): string {\n    return `${iconName}`;\n  }\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputtype;\n  };\n</script>\n\n<div\n  class=\"{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}\"\n  {...attributes}\n>\n  {#if iconname}\n    <span class=\"mc-left-icon-input__icon\">\n      {@html `<${generateIconName(iconname)} />`}\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"{getClasses(\n      isvalid,\n      isinvalid,\n      size,\n      iconname,\n    )} {$$props.classinput}\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    spellcheck=\"false\"\n    on:input\n    on:click\n    on:change\n    on:blur\n  />\n</div>\n\n<style lang=\"scss\">\n  @import '@mozaic-ds/styles/settings-tools/_all-settings';\n  @import '@mozaic-ds/styles/components/c.text-input';\n  @import '@mozaic-ds/styles/components/c.left-icon-input';\n  @import '@mozaic-ds/styles/components/c.fields';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["raw_value","generateIconName","ctx","insert","target","span","anchor","dirty","innerHTML","create_if_block","classinput","div","append","input","class","div_class_value","iconName","name","$$props","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","$$invalidate","userClass","attributes","Object","assign","$$restProps","isValid","isInvalid","classes","push","join","node","type"],"mappings":"otbAqEiBA,EAAA,IAAAC,EAAiBC,EAAQ,8FADtCC,EAEMC,EAAAC,EAAAC,yBADO,IAAAC,GAAAP,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAG,EAAAG,UAAAR,qDAFnCE,EAAQ,IAAAO,EAAAP,gBAHLA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,KACnEA,EAAU,kHAUJA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACQ,WAAU,qCACRR,EAAS,8BAEnBA,EAAI,6IApBZC,EA+BKC,EAAAO,EAAAL,yBAtBHM,EAqBCD,EAAAE,0JA1BIX,EAAQ,yEAQHA,EAAU,IAChBA,EAAO,GACPA,EAAS,GACTA,EAAI,GACJA,EAAQ,IAAA,IACNA,EAAO,IAACQ,WAAU,2DACRR,EAAS,wCAEnBA,EAAI,iKAnBFA,EAAQ,GAAG,qBAAuB,SAAKA,EAAS,IAAGA,EAAS,IAAG,MAAE,CAAAY,MAAAC,WACrEb,EAAU,0EA3CL,SAAAD,EAAiBe,YACdA,gLAlBDC,GAAYC,SACZC,GAAaD,eACbE,GAAmBF,GACnBG,UAAAA,EAA2B,QAAMH,WACjCI,GAAgBJ,aAChBK,GAAkBL,GAClBM,SAAAA,GAAW,GAAKN,GAChBO,KAAAA,EAAsB,KAAGP,YACzBQ,GAAgBR,cAChBS,GAAmBT,OACnBU,GAAWV,OACXW,GAAWX,0cAEnBY,EAAA,GAAAC,EAAYb,EAAQJ,YACpBkB,EAALC,OAAAC,UAAuBC,4BACXH,EAAWlB,uCAMZ,SACPsB,EACAC,EACAZ,EACAC,SAEMY,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATd,GACFa,EAAQC,KAAK,oBAGXb,GACFY,EAAQC,KAAK,6BAGXZ,GACFW,EAAQC,KAAK,eAGRD,EAAQE,KAAK,MAGLC,IAEfA,EAAKC,KAAOrB,CAAS"}

package/public/adeo/components/textinput/Textinput.nested.svelte

@@ -61,7 +61,10 @@
   };
 </script>
 
-<div class="{iconname ? 'mc-left-icon-input' : ''} {userClass}" {...attributes}>
+<div
+  class="{iconname ? 'mc-left-icon-input' : ''} {userClass ? userClass : ''}"
+  {...attributes}
+>
   {#if iconname}
     <span class="mc-left-icon-input__icon">
       {@html `<${generateIconName(iconname)} />`}

package/public/adeo/utilities/ClickOutside.js

@@ -0,0 +1,2 @@
+function e(e){const t=t=>{t.composedPath().includes(e)||e.dispatchEvent(new CustomEvent("outclick"))};return document.addEventListener("click",t),{destroy(){document.removeEventListener("click",t)}}}export{e as clickOutside};
+//# sourceMappingURL=ClickOutside.js.map

package/public/adeo/utilities/ClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutside.js","sources":["../../../src/utilities/ClickOutside.ts"],"sourcesContent":[null],"names":["clickOutside","node","handleClick","event","composedPath","includes","dispatchEvent","CustomEvent","document","addEventListener","destroy","removeEventListener"],"mappings":"AAEM,SAAUA,EAAaC,GAC3B,MAAMC,EAAeC,IACdA,EAAMC,eAAeC,SAASJ,IACjCA,EAAKK,cAAc,IAAIC,YAAY,YACpC,EAKH,OAFAC,SAASC,iBAAiB,QAASP,GAE5B,CACLQ,UACEF,SAASG,oBAAoB,QAAST,EACvC,EAEL"}

package/public/adeo/utilities/DataTableUtilities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAKhB,MAAM,yCAAyC,CAAC;AAqHjD,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}
+{"version":3,"file":"DataTableUtilities.d.ts","sourceRoot":"","sources":["../../../src/utilities/DataTableUtilities.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,QAAQ,EAIR,QAAQ,EACR,aAAa,EACb,WAAW,EAEX,eAAe,EAKhB,MAAM,yCAAyC,CAAC;AAsIjD,eAAO,MAAM,cAAc,aACf,QAAQ,YACR,QAAQ,KACjB,MAMF,CAAC;AAEF,eAAO,MAAM,gBAAgB,oBACV,MAAM,GAAG,SAAS,SAC5B,MAAM;;CAQd,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,QAAQ,EAAE,KAAG,OASvD,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,QAAQ,EAAE,KAAG,OAQ/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBACL,aAAa,KAClC,aAaF,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,QAAQ,EAAE,YACP,MAAM,eACH,WAAW,iBACT,aAAa,KAC3B,QAAQ,EA8DV,CAAC;AAEF,eAAO,MAAM,yBAAyB,eACxB,MAAM,eACL,MAAM,gBACL,OAAO,KACpB,MAAM,EAmBR,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,QAAQ,mBACG,eAAe,GAAG,SAAS,sBACxB,OAAO,KAC1B,eAAe,GAAG,SAyCpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAC3B,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,sBACxB,OAAO,iBACZ,OAAO,YACZ,OAAO,KAChB,eAAe,GAAG,SAwFpB,CAAC;AAEF,eAAO,MAAM,cAAc,oBACR,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,oBACH,eAAe,GAAG,SAAS,KAC3C,eAAe,GAAG,SAOpB,CAAC;AAEF,eAAO,MAAM,mCAAmC,UACvC,QAAQ,EAAE,mBACA,eAAe,GAAG,SAAS,iBAC7B,OAAO,KACrB,OA4BF,CAAC;AAEF,oBAAY,aAAa;IACvB,KAAK,UAAU;CAChB"}

package/public/adeo/utilities/DataTableUtilities.ts

@@ -1,3 +1,4 @@
+// import { createElement } from 'react';
 import type {
   CustomText,
   HeadData,
@@ -85,14 +86,31 @@ const buttonFormatterBranded = (button: Button, id: string): string => {
 };
 
 const inputFormatter = (input: InputText, id: string): string => {
-  let textInput = `<m-textinput id=cell-input-${id} size="s" placeholder=${
-    input.placeholder
-  } inputtype=${input.type} value="${input.value ? input.value : ''}" min=${
-    input.min
-  } max=${input.max} rightalign=${input.rightalign} 
-  isvalid="${input.isvalid ? input.isvalid : ''}"
-  isinvalid="${input.isinvalid ? input.isinvalid : ''}" /> `;
-  return textInput;
+  const myInput = document.createElement('m-textinput');
+  myInput.setAttribute('id', `cell-input-${id}`);
+  myInput.setAttribute('size', 's');
+  myInput.setAttribute('placeholder', `${input.placeholder}`);
+  myInput.setAttribute('type', input.type ? `${input.type}` : 'text');
+  myInput.setAttribute('value', input.value ? `${input.value}` : '');
+  if (input.min) {
+    myInput.setAttribute('min', `${input.min}`);
+  }
+  if (input.max) {
+    myInput.setAttribute('max', `${input.max}`);
+  }
+  if (input.rightalign) {
+    myInput.setAttribute('rightalign', `${input.rightalign}`);
+  }
+  if (input.isvalid) {
+    myInput.setAttribute('isvalid', `${input.isvalid}`);
+  }
+  if (input.isinvalid) {
+    myInput.setAttribute('isinvalid', `${input.isinvalid}`);
+  }
+  if (input.disabled) {
+    myInput.setAttribute('disabled', `${input.disabled}`);
+  }
+  return myInput.outerHTML;
 };
 
 const getFormattedCell = (

package/public/adeo/utilities/EventForward.js

@@ -0,0 +1,2 @@
+function t(t,e,n,o){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n,o)}const e=new RegExp("^[^!]+(?:!(?:preventDefault|stopPropagation|passive|nonpassive|capture|once|self))+$");function n(n,o=[]){let s;const c=[];function r(t){!function(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach((t=>t.call(this,e)))}(n,t)}return n.$on=(t,e)=>{const r=t;let i=()=>{};for(const t of o){if("string"==typeof t&&t===r){const t=n.$$.callbacks[r]||(n.$$.callbacks[r]=[]);return t.push(e),()=>{const n=t.indexOf(e);-1!==n&&t.splice(n,1)}}if("object"==typeof t&&t.name===r){const n=e;e=(...e)=>{"object"==typeof t&&t.shouldExclude()||n(...e)}}}return s?i=s(r,e):c.push([r,e]),()=>{i()}},n=>{const o=[],i={};s=(s,c)=>{let a=s,p=c,l=!1;if(a.match(e)){const t=a.split("!");a=t[0];const e=Object.fromEntries(t.slice(1).map((t=>[t,!0])));e.passive&&(l=l||{},l.passive=!0),e.nonpassive&&(l=l||{},l.passive=!1),e.capture&&(l=l||{},l.capture=!0),e.once&&(l=l||{},l.once=!0),e.preventDefault&&(f=p,p=function(t){return t.preventDefault(),f.call(this,t)}),e.stopPropagation&&(p=function(t){return function(e){return e.stopPropagation(),t.call(this,e)}}(p))}var f;const u=t(n,a,p,l),v=()=>{u();const t=o.indexOf(v);t>-1&&o.splice(t,1)};return o.push(v),a in i||(i[a]=t(n,a,r)),v};for(let t=0;t<c.length;t++)s(c[t][0],c[t][1]);return{destroy:()=>{for(let t=0;t<o.length;t++)o[t]();for(const t of Object.entries(i))t[1]()}}}}export{n as createEventForwarder};
+//# sourceMappingURL=EventForward.js.map