@mozaic-ds/web-components 0.6.2-beta.1 → 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.
Files changed (91) hide show
  1. package/package.json +6 -3
  2. package/public/{DataTableDefaultAction.nested-4da4dc44.js → DataTableDefaultAction.nested-483f8bb0.js} +2 -2
  3. package/public/DataTableDefaultAction.nested-483f8bb0.js.map +1 -0
  4. package/public/adeo/{DataTableDefaultAction.nested-9f01417d.js → DataTableDefaultAction.nested-90536fe3.js} +2 -2
  5. package/public/adeo/DataTableDefaultAction.nested-90536fe3.js.map +1 -0
  6. package/public/adeo/components/accordion/Accordion.js +1 -1
  7. package/public/adeo/components/accordion/Accordion.js.map +1 -1
  8. package/public/adeo/components/chart/LineChart.js +1 -1
  9. package/public/adeo/components/chart/LineChart.js.map +1 -1
  10. package/public/adeo/components/datatable/DataTable.js +1 -1
  11. package/public/adeo/components/datatable/DataTable.js.map +1 -1
  12. package/public/adeo/components/datatable/DataTable.svelte +2 -0
  13. package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
  14. package/public/adeo/components/datatable/datatable.types.d.ts +1 -0
  15. package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
  16. package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
  17. package/public/adeo/components/fileuploader/FileUploader.js +1 -1
  18. package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
  19. package/public/adeo/components/fileuploader/FileUploader.svelte +7 -0
  20. package/public/adeo/components/link/Link.js +1 -1
  21. package/public/adeo/components/link/Link.js.map +1 -1
  22. package/public/adeo/components/link/Link.svelte +1 -1
  23. package/public/adeo/components/modal/Modal.js +1 -1
  24. package/public/adeo/components/progressbar/ProgressBar.js +1 -1
  25. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
  26. package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
  27. package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
  28. package/public/adeo/components/sidebar/sidebar-feature.nested.js.map +1 -1
  29. package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
  30. package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
  31. package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
  32. package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
  33. package/public/adeo/components/sidebar-section/sidebar-section.nested.svelte +2 -2
  34. package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
  35. package/public/bricoman/{DataTableDefaultAction.nested-1c046074.js → DataTableDefaultAction.nested-928e5e2d.js} +2 -2
  36. package/public/bricoman/DataTableDefaultAction.nested-928e5e2d.js.map +1 -0
  37. package/public/bricoman/components/accordion/Accordion.js +1 -1
  38. package/public/bricoman/components/accordion/Accordion.js.map +1 -1
  39. package/public/bricoman/components/chart/LineChart.js +1 -1
  40. package/public/bricoman/components/chart/LineChart.js.map +1 -1
  41. package/public/bricoman/components/datatable/DataTable.js +1 -1
  42. package/public/bricoman/components/datatable/DataTable.js.map +1 -1
  43. package/public/bricoman/components/datatable/DataTable.svelte +2 -0
  44. package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
  45. package/public/bricoman/components/datatable/datatable.types.d.ts +1 -0
  46. package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
  47. package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
  48. package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
  49. package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
  50. package/public/bricoman/components/fileuploader/FileUploader.svelte +7 -0
  51. package/public/bricoman/components/link/Link.js +1 -1
  52. package/public/bricoman/components/link/Link.js.map +1 -1
  53. package/public/bricoman/components/link/Link.svelte +1 -1
  54. package/public/bricoman/components/modal/Modal.js +1 -1
  55. package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
  56. package/public/bricoman/components/sidebar/sidebar-section.nested.js.map +1 -1
  57. package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
  58. package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
  59. package/public/bricoman/components/sidebar-section/sidebar-section.nested.svelte +2 -2
  60. package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
  61. package/public/components/accordion/Accordion.js +1 -1
  62. package/public/components/accordion/Accordion.js.map +1 -1
  63. package/public/components/chart/LineChart.js +1 -1
  64. package/public/components/chart/LineChart.js.map +1 -1
  65. package/public/components/datatable/DataTable.js +1 -1
  66. package/public/components/datatable/DataTable.js.map +1 -1
  67. package/public/components/datatable/DataTable.svelte +2 -0
  68. package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
  69. package/public/components/datatable/datatable.types.d.ts +1 -0
  70. package/public/components/datatable/datatable.types.d.ts.map +1 -1
  71. package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
  72. package/public/components/fileuploader/FileUploader.js +1 -1
  73. package/public/components/fileuploader/FileUploader.js.map +1 -1
  74. package/public/components/fileuploader/FileUploader.svelte +7 -0
  75. package/public/components/link/Link.js +1 -1
  76. package/public/components/link/Link.js.map +1 -1
  77. package/public/components/link/Link.svelte +1 -1
  78. package/public/components/modal/Modal.js +1 -1
  79. package/public/components/progressbar/ProgressBar.js +1 -1
  80. package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
  81. package/public/components/sidebar/sidebar-segment.nested.js +1 -1
  82. package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
  83. package/public/components/sidebar-section/sidebar-section.nested.svelte +2 -2
  84. package/public/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
  85. package/public/utilities/components/datatable/datatable.types.d.ts +1 -0
  86. package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
  87. package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts +1 -0
  88. package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
  89. package/public/DataTableDefaultAction.nested-4da4dc44.js.map +0 -1
  90. package/public/adeo/DataTableDefaultAction.nested-9f01417d.js.map +0 -1
  91. package/public/bricoman/DataTableDefaultAction.nested-1c046074.js.map +0 -1
@@ -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 export let errorlabels: 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 $: 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 }\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","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","detail","querySelector","$$value"],"mappings":"icAuJuBA,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,MAbOC,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,EAI1BW,MAAmBC,mdAEtBC,EAAA,GAAEC,EAAoBV,EAAoBW,KAAKC,MAAMZ,GAAiB,uBACtES,EAAA,EAAEI,EAAgBR,EAAgBM,KAAKC,MAAMP,GAAa,uCAExDS,EAAUb,QAAoBc,sBAChCN,EAAA,GAAEO,EAAcV,EAAcK,KAAKC,MAAMN,GAAW,gCAmC5C,SAAaW,SACdxC,EAASwC,EAAExC,WACjBgB,EAAQhB,EAAOgB,OACfgB,EAAA,EAAAP,GAAmB,SACbgB,EAAY,OACGzB,GACZ0B,SAAS,CAAAC,EAAMC,WAChBC,EAAWF,EAAKG,KAChBC,EAAWJ,EAAKK,KAChBC,EAlCD,SAAmBJ,GACtB,GAAAZ,GAAqBA,EAAkBrC,OAAS,EAAC,CAC7C,MAAAsD,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,EAAa7C,OAAS,GACxBkC,EAAa8B,SAAS,gBAAiBnB,GAEzCX,EAAa8B,SAAS,SAAU5C,IAYzB,SAAWwB,GAClBR,EAAA,EAAAhB,EAAQT,EAAgBS,EAAOwB,EAAEqB,SACZ5C,EAAK6C,cACxB,2BAEWrD,MAAQ,GACrBqB,EAAa8B,SAAS,eAAgBpB,EAAEqB,SAGjC,SAAmBrB,GACpB,MAAAxB,EAAQT,EAAgB6B,EAAeI,EAAEqB,QAC/C7B,EAAA,EAAAI,EAAgBpB,GAChBc,EAAa8B,SAAS,wBAAyBpB,EAAEqB,yDAQb5C,EAAI8C"}
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"}
@@ -16,6 +16,7 @@
16
16
  export let removelabel = 'Remove';
17
17
  export let uploadedfiles: string;
18
18
  export let errorlabels: string;
19
+ export let stateless: false;
19
20
 
20
21
  let files: FileList;
21
22
  let root: HTMLElement;
@@ -95,6 +96,12 @@
95
96
  eventHandler.dispatch('invalid-files', invalidFiles);
96
97
  }
97
98
  eventHandler.dispatch('change', files);
99
+ if (stateless) {
100
+ const fileuploader = root.querySelector(
101
+ '.mc-fileuploader__input',
102
+ ) as HTMLInputElement;
103
+ fileuploader.value = '';
104
+ }
98
105
  }
99
106
 
100
107
  function removeFromArray(fileList: FileList, value: File): FileList {
@@ -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,I as b,X as p,m as g,o as u,H as x,p as $,r as v,q as w,g as y,O as z}from"../../index-c33b3772.js";import{c as _}from"../../EventForward-8492ff62.js";function j(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function H(e){let i,t,s=`<${M(e[6])} />`;return{c(){i=l("span"),y(i,"class",t=T(e[7]))},m(e,t){n(e,i,t),i.innerHTML=s},p(e,n){64&n&&s!==(s=`<${M(e[6])} />`)&&(i.innerHTML=s),128&n&&t!==(t=T(e[7]))&&y(i,"class",t)},d(e){e&&u(i)}}}function L(e){let i,t,s,o,$,v,w,y=e[6]&&"left"===e[7]&&j(e),z=e[6]&&"right"===e[7]&&H(e),_=[{href:e[1]},{target:e[2]},{class:$=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9]},e[8]],L={};for(let e=0;e<_.length;e+=1)L=r(L,_[e]);return{c(){i=l("a"),y&&y.c(),t=c(),s=a(e[0]),o=c(),z&&z.c(),this.c=m,h(i,L)},m(r,l){n(r,i,l),y&&y.m(i,null),d(i,t),d(i,s),d(i,o),z&&z.m(i,null),v||(w=[f(e[10].call(null,i)),k(i,"click",b(e[11]))],v=!0)},p(e,[n]){e[6]&&"left"===e[7]?y?y.p(e,n):(y=j(e),y.c(),y.m(i,t)):y&&(y.d(1),y=null),1&n&&p(s,e[0],L.contenteditable),e[6]&&"right"===e[7]?z?z.p(e,n):(z=H(e),z.c(),z.m(i,null)):z&&(z.d(1),z=null),h(i,L=g(_,[2&n&&{href:e[1]},4&n&&{target:e[2]},568&n&&$!==($=C(e[3],e[5])+" "+(e[4]?"is-disabled":"")+" "+e[9])&&{class:$},256&n&&e[8]]))},i:m,o:m,d(e){e&&u(i),y&&y.d(),z&&z.d(),v=!1,x(w)}}}function M(e){return`${e} size="1rem"`}function T(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 C(e,i){const t=["mc-link"];return e&&t.push(`mc-link--${e}`),i&&t.push(`mc-link--${i}`),t.join(" ")}function E(e,i,t){let n,s;const o=["label","href","target","theme","disabled","size","iconname","iconposition"];let l=$(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=_(v());return e.$$set=e=>{t(13,i=r(r({},i),w(e))),t(12,l=$(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=w(i),[c,a,m,h,d,f,k,b,s,n,p,function(i){z.call(this,e,i)}]}class O 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},E,L,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{O as default};
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|stopPropagation\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":"mRA6DiBA,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,0HAbIP,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
+ {"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"}
@@ -51,7 +51,7 @@
51
51
 
52
52
  <a
53
53
  use:forwardEvents
54
- on:click|stopPropagation
54
+ on:click
55
55
  {href}
56
56
  {target}
57
57
  class="{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}"
@@ -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 b,m as u,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),b(r,s),b(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),b(r,s),b(s,t),b(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,_=u(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:#cccccc;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:#007bb4;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}.mc-progressbar--branded .mc-progressbar__indicator{background-color:#00919f}',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};
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
@@ -1,2 +1,2 @@
1
- import{P as e,i as t,s as l,Q as i,e as o,d as s,g as n,b as a,j as r,C as c,E as d,D as u,o as p,J as h,ab as f,K as m,t as b,k as v,x as g,A as x,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){i(e,"svelte-djh7cl",".mc-feature-group.svelte-djh7cl.svelte-djh7cl{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-djh7cl.svelte-djh7cl{fill:#ffffff}.mc-feature-group__container.svelte-djh7cl.svelte-djh7cl{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-djh7cl.svelte-djh7cl{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-djh7cl.svelte-djh7cl{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-djh7cl.svelte-djh7cl{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-djh7cl div.svelte-djh7cl{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-djh7cl:hover+.mc-feature-group__label__tooltip.svelte-djh7cl{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-feature-group__content.svelte-djh7cl.svelte-djh7cl{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-djh7cl.svelte-djh7cl{height:0}.mc-feature-group.is-selected.svelte-djh7cl.svelte-djh7cl{background:#082435}.mc-feature-group.is-close.svelte-djh7cl .mc-feature-group__container.svelte-djh7cl{margin:0 20px;width:24px}.mc-feature-group.is-open.svelte-djh7cl .mc-feature-group__container.svelte-djh7cl{margin:0 32px}.mc-feature-group.svelte-djh7cl.svelte-djh7cl:hover{background:#405d68}.mc-feature-group.svelte-djh7cl.svelte-djh7cl:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-feature-group.svelte-djh7cl:focus-visible .mc-feature-group__container.svelte-djh7cl{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}ul.svelte-djh7cl.svelte-djh7cl,li.svelte-djh7cl.svelte-djh7cl{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}ul.svelte-djh7cl.svelte-djh7cl{-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-djh7cl li.svelte-djh7cl{-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,l){const i=e.slice();return i[15]=t[l],i}function C(e){let t,l,i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`;return{c(){t=new $(!1),l=m(),t.a=l},m(e,o){t.m(i,e,o),a(e,l,o)},p(e,l){1&l&&i!==(i=`<${I(e[0].icon)} class="mc-feature-group__icon" style="${D}" />`)&&t.p(i)},d(e){e&&p(l),e&&t.d()}}}function q(e){let t,l,i,c,d,u=e[0].label+"",h=e[6]?.offsetHeight<e[6]?.scrollHeight&&F(e);function f(e,t){return e[1]?N:S}let g=f(e),x=g(e);return{c(){t=o("span"),l=b(u),i=s(),h&&h.c(),c=s(),x.c(),d=m(),n(t,"class","mc-feature-group__label svelte-djh7cl")},m(o,s){a(o,t,s),r(t,l),e[9](t),a(o,i,s),h&&h.m(o,s),a(o,c,s),x.m(o,s),a(o,d,s)},p(e,t){1&t&&u!==(u=e[0].label+"")&&v(l,u),e[6]?.offsetHeight<e[6]?.scrollHeight?h?h.p(e,t):(h=F(e),h.c(),h.m(c.parentNode,c)):h&&(h.d(1),h=null),g!==(g=f(e))&&(x.d(1),x=g(e),x&&(x.c(),x.m(d.parentNode,d)))},d(l){l&&p(t),e[9](null),l&&p(i),h&&h.d(l),l&&p(c),x.d(l),l&&p(d)}}}function F(e){let t,l,i,c,d,u=e[0].label+"";return{c(){t=o("div"),l=o("div"),l.innerHTML='<div class="svelte-djh7cl"></div>',i=s(),c=o("span"),d=b(u),n(l,"class","mc-feature-group__label__tooltip__pointer svelte-djh7cl"),n(t,"aria-hidden","true"),n(t,"class","mc-feature-group__label__tooltip svelte-djh7cl")},m(e,o){a(e,t,o),r(t,l),r(t,i),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,l;return{c(){t=L("svg"),l=L("path"),n(l,"d","M12 9H4a1 1 0 010-2h8a1 1 0 010 2z"),n(t,"class","mc-feature-group__icon svelte-djh7cl"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,l)},d(e){e&&p(t)}}}function S(e){let t,l;return{c(){t=L("svg"),l=L("path"),n(l,"d","M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z"),n(t,"class","mc-feature-group__icon svelte-djh7cl"),n(t,"width","16px"),n(t,"height","16px"),n(t,"viewBox","0 0 16 16")},m(e,i){a(e,t,i),r(t,l)},d(e){e&&p(t)}}}function T(e){let t,l,i,d,h,f;function m(){return e[10](e[15])}return l=new H({props:{feature:e[15],a11yLabels:e[2]}}),{c(){t=o("li"),g(l.$$.fragment),i=s(),n(t,"class","svelte-djh7cl")},m(e,o){a(e,t,o),x(l,t,null),r(t,i),d=!0,h||(f=_(t,"click",j(m)),h=!0)},p(t,i){e=t;const o={};1&i&&(o.feature=e[15]),4&i&&(o.a11yLabels=e[2]),l.$set(o)},i(e){d||(c(l.$$.fragment,e),d=!0)},o(e){u(l.$$.fragment,e),d=!1},d(e){e&&p(t),w(l),h=!1,f()}}}function V(e){let t,l,i,f,m,b,v,g,x,_,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"),l=o("span"),$&&$.c(),i=s(),L&&L.c(),x=s(),_=o("ul");for(let e=0;e<z.length;e+=1)z[e].c();n(l,"class","mc-feature-group__container svelte-djh7cl"),n(t,"class",f="mc-feature-group "+(e[5]?"is-selected":"")+" "+(e[3]?"is-open":"is-close")+" svelte-djh7cl"),n(t,"aria-label",m=e[0].label),n(t,"aria-expanded",b=e[3]&&e[1]),n(t,"aria-controls",v=e[0].code+"-list"),n(t,"id",g=e[0].code),n(_,"class","mc-feature-group__content is-close svelte-djh7cl"),n(_,"aria-hidden",j=!e[3]||!e[1]),n(_,"id",w=e[0].code+"-list")},m(o,s){a(o,t,s),r(t,l),$&&$.m(l,null),r(l,i),L&&L.m(l,null),a(o,x,s),a(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(l,i)):$&&($.d(1),$=null),e[3]?L?L.p(e,o):(L=q(e),L.c(),L.m(l,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-djh7cl"))&&n(t,"class",f),(!k||1&o&&m!==(m=e[0].label))&&n(t,"aria-label",m),(!k||10&o&&b!==(b=e[3]&&e[1]))&&n(t,"aria-expanded",b),(!k||1&o&&v!==(v=e[0].code+"-list"))&&n(t,"aria-controls",v),(!k||1&o&&g!==(g=e[0].code))&&n(t,"id",g),133&o){let t;for(H=e[0].items,t=0;t<H.length;t+=1){const l=B(e,H,t);z[t]?(z[t].p(l,o),c(z[t],1)):(z[t]=T(l),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]))&&n(_,"aria-hidden",j),(!k||1&o&&w!==(w=e[0].code+"-list"))&&n(_,"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(l){l&&p(t),$&&$.d(),L&&L.d(),l&&p(x),l&&p(_),h(z,l),e[11](null)}}}const D="width: 24px; height: 24px;";function I(e){return`${e} size="2rem"`}function J(e,t,l){let i,o;f(e,E,(e=>l(3,i=e))),f(e,G,(e=>l(8,o=e)));let s,n,{featureGroup:a}=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&&l(0,a=e.featureGroup),"expand"in e&&l(1,r=e.expand),"a11yLabels"in e&&l(2,c=e.a11yLabels)},e.$$.update=()=>{var t,n,c,d,p,h;267&e.$$.dirty&&(t=r,n=i,c=a,l(5,u=null!==(h=(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||!n))&&void 0!==h&&h)),10&e.$$.dirty&&function(e,t){if(s){l(4,s.style.height="",s),l(4,s.style.transition="none",s);const i=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;l(4,s.style.height=i,s),requestAnimationFrame((()=>{l(4,s.style.transition="",s),requestAnimationFrame((()=>{l(4,s.style.height=o,s)}))}));const n=()=>{l(4,s.style.height="",s),s.removeEventListener("transitionend",n)};s.addEventListener("transitionend",n)}}(r,i)},[a,r,c,i,s,u,n,p,o,function(e){k[e?"unshift":"push"]((()=>{n=e,l(6,n)}))},e=>p(e),function(e){k[e?"unshift":"push"]((()=>{s=e,l(4,s)}))}]}class K extends e{constructor(e){super(),t(this,e,J,V,l,{featureGroup:0,expand:1,a11yLabels:2},A)}}export{K as default};
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
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n const mediumIconStyle = 'width: 24px; height: 24px;';\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"2rem\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n {@html `<${generateIcon(\n featureGroup.icon,\n )} class=\"mc-feature-group__icon\" style=\"${mediumIconStyle}\" />`}\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["raw_value","generateIcon","ctx","icon","mediumIconStyle","dirty","html_tag","p","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"wvHAmGiBA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,+EAFhC,EAAAC,GAAAL,KAAAA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,UAAeE,EAAAC,EAAAP,wDAIvDQ,EAAAN,KAAaO,MAAK,GAEhBC,EAAAR,EAAO,IAAAS,aAAeT,MAAOU,cAAYC,EAAAX,0BAMxCA,EAAM,KAAAY,gJATZC,EAEMC,EAAAC,EAAAC,0EADH,EAAAb,GAAAG,KAAAA,EAAAN,KAAaO,MAAK,KAAAU,EAAAC,EAAAZ,GAEhBN,EAAO,IAAAS,aAAeT,MAAOU,2OAGvBS,EAAAnB,KAAaO,MAAK,oRAF3BM,EAGKC,EAAAM,EAAAJ,GAFHK,EAAmED,EAAAE,UACnED,EAAgCD,EAAAL,kBAAzB,EAAAZ,GAAAgB,KAAAA,EAAAnB,KAAaO,MAAK,KAAAU,EAAAM,EAAAJ,yPAc3BN,EAMAC,EAAAU,EAAAR,GADGK,EAA+CG,EAAAC,8RAflDZ,EAQAC,EAAAU,EAAAR,GAHGK,EAECG,EAAAC,qNAqBRZ,EAEIC,EAAAY,EAAAV,qRA9CCR,EAAAR,KAAaC,MAAI0B,EAAA3B,KAKjBA,EAAc,IAAA4B,EAAA5B,GAsCd6B,EAAA7B,KAAa8B,2BAAlBC,OAAIC,GAAA,0QApDmBhC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,kBACFiC,EAAAC,EAAA,aAAAC,EAAAnC,KAAaO,OACV0B,EAAAC,EAAA,gBAAAE,EAAApC,MAAkBA,EAAM,IACvBiC,EAAAC,EAAA,gBAAAG,EAAArC,KAAasC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAvC,KAAasC,sEA0CHL,EAAAO,EAAA,cAAAC,GAAAzC,OAAmBA,EAAM,IAClCiC,EAAAO,EAAA,KAAAE,EAAA1C,KAAasC,KAAI,iBAlDxBzB,EA8CQC,EAAAoB,EAAAlB,GArCNK,EAoCMa,EAAAnB,iDAERF,EAWIC,EAAA0B,EAAAxB,+EAhDKhB,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,qCACF2C,GAAA,EAAAxC,GAAAgC,KAAAA,EAAAnC,KAAaO,+BACVoC,GAAA,GAAAxC,GAAAiC,KAAAA,EAAApC,MAAkBA,EAAM,+BACvB2C,GAAA,EAAAxC,GAAAkC,KAAAA,EAAArC,KAAasC,KAAI,oCAC7BK,GAAA,EAAAxC,GAAAoC,KAAAA,EAAAvC,KAAasC,qCA8CVT,EAAA7B,KAAa8B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAAxC,GAAAsC,KAAAA,GAAAzC,OAAmBA,EAAM,6BAClC2C,GAAA,EAAAxC,GAAAuC,KAAAA,EAAA1C,KAAasC,KAAI,oDAGpBP,OAAIC,GAAA,wJAnHA,MAAA9B,EAAkB,6BA8Cf,SAAAH,EAAa8C,YACVA,wFAxDRC,EAOAvC,gBAXOwC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAsDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EAViBX,EAWjBY,EAXyBG,EAYzBF,EAZyCf,MAezCM,EAGJ,QAFAY,GAAOF,OAHHA,EAbuDG,UAgBpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IAhD3CG,CAAiBlC,EAAQe,+DAoFyBzD,EAAK6E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}
1
+ {"version":3,"file":"sidebar-feature-group.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature-group.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { FeatureGroup, Feature, A11yLabels } from './sidebar.types';\n import FeatureComponent from './sidebar-feature.nested.svelte';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n Selection,\n } from './sidebar-service';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let featureGroup: FeatureGroup;\n export let expand: boolean;\n export let a11yLabels: A11yLabels;\n let eventHandler = new EventHandler();\n let content: HTMLElement;\n\n $: updateSelection(expand, $isSidebarOpen, featureGroup, $selectedFeature);\n $: updateContentCSS(expand, $isSidebarOpen);\n\n let isSelected = false;\n\n let label: HTMLElement;\n\n const mediumIconStyle = 'width: 24px; height: 24px;';\n\n function updateSelection(\n isExpanded: boolean,\n isOpen: boolean,\n group: FeatureGroup,\n selection?: Selection,\n ): void {\n isSelected =\n (selection?.lv0 &&\n group.code === selection?.lv0?.code &&\n (!selection.lv1 || !isExpanded || !isOpen)) ??\n false;\n }\n\n // Update the CSS programatically to have a nice animation on height between 0px and 'auto'\n function updateContentCSS(isExpanded: boolean, isOpen: boolean): void {\n if (content) {\n content.style.height = '';\n content.style.transition = 'none';\n const startHeight = window.getComputedStyle(content).height;\n\n content.classList.add(isOpen && isExpanded ? 'is-open' : 'is-close');\n content.classList.remove(isOpen && isExpanded ? 'is-close' : 'is-open');\n\n const height = window.getComputedStyle(content).height;\n content.style.height = startHeight;\n\n // wait until the next frame so that everything has time to update before starting the transition\n requestAnimationFrame(() => {\n content.style.transition = '';\n requestAnimationFrame(() => {\n content.style.height = height;\n });\n });\n\n // Clear the saved height values after the transition\n const handler = () => {\n content.style.height = '';\n content.removeEventListener('transitionend', handler);\n };\n\n content.addEventListener('transitionend', handler);\n }\n }\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"2rem\"`;\n }\n\n function handleClick(feature: Feature) {\n if (!feature.disabled) {\n // Only select the feature if it is the last level item\n if (feature.items?.length) {\n eventHandler.dispatch('feature-click', feature);\n } else {\n selectFeature(feature.code);\n }\n }\n }\n</script>\n\n<button\n class=\"mc-feature-group {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n aria-label={featureGroup.label}\n aria-expanded={$isSidebarOpen && expand}\n aria-controls=\"{featureGroup.code}-list\"\n id={featureGroup.code}\n>\n <span class=\"mc-feature-group__container\">\n {#if featureGroup.icon}\n {@html `<${generateIcon(\n featureGroup.icon,\n )} class=\"mc-feature-group__icon\" style=\"${mediumIconStyle}\" />`}\n {/if}\n {#if $isSidebarOpen}\n <span class=\"mc-feature-group__label\" bind:this={label}>\n {featureGroup.label}\n </span>\n {#if label?.offsetHeight < label?.scrollHeight}\n <div aria-hidden=\"true\" class=\"mc-feature-group__label__tooltip\">\n <div class=\"mc-feature-group__label__tooltip__pointer\"><div /></div>\n <span>{featureGroup.label}</span>\n </div>\n {/if}\n {#if !expand}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n d=\"M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z\"\n /></svg\n >\n {:else}\n <svg\n class=\"mc-feature-group__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\" /></svg\n >\n {/if}\n {/if}\n </span>\n</button>\n<ul\n class=\"mc-feature-group__content is-close\"\n aria-hidden={!$isSidebarOpen || !expand}\n id=\"{featureGroup.code}-list\"\n bind:this={content}\n>\n {#each featureGroup.items as feature}\n <li on:click|stopPropagation={() => handleClick(feature)}>\n <FeatureComponent {feature} {a11yLabels} />\n </li>\n {/each}\n</ul>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-feature-group {\n background: none;\n border: none;\n color: $color-sidebar-text-color;\n cursor: pointer;\n font-size: inherit;\n font-family: inherit;\n text-align: initial;\n margin: 0;\n padding: 0;\n overflow: hidden;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__container {\n display: flex;\n align-items: center;\n margin: 5px 0;\n padding: 8px 0px;\n @include transition(margin 300ms ease-in-out);\n }\n\n &__label {\n margin: 0 8px;\n width: 200px;\n min-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid white;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-feature-group__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__content {\n overflow: hidden;\n @include transition(height 300ms ease-in-out);\n &.is-close {\n height: 0;\n }\n\n &.is-open {\n height: auto;\n }\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n .mc-feature-group__container {\n margin: 0 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n .mc-feature-group__container {\n margin: 0 32px;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-feature-group__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n }\n }\n</style>\n"],"names":["raw_value","generateIcon","ctx","icon","mediumIconStyle","dirty","html_tag","p","t0_value","label","if_block0","offsetHeight","scrollHeight","create_if_block_2","create_if_block_1","insert","target","span","anchor","set_data","t0","t1_value","div2","append","div1","t1","svg","path","li","create_if_block_3","create_if_block","each_value","items","length","i","attr","button","button_aria_label_value","button_aria_expanded_value","button_aria_controls_value","code","button_id_value","ul","ul_aria_hidden_value","ul_id_value","current","each_blocks","iconname","content","featureGroup","$$props","expand","a11yLabels","eventHandler","EventHandler","isSelected","handleClick","feature","disabled","_a","dispatch","selectFeature","isExpanded","isOpen","group","selection","$isSidebarOpen","_b","$selectedFeature","lv0","lv1","$$invalidate","style","height","transition","startHeight","window","getComputedStyle","classList","add","remove","requestAnimationFrame","handler","removeEventListener","addEventListener","updateContentCSS","$$value"],"mappings":"iyHAmGiBA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,+EAFhC,EAAAC,GAAAL,KAAAA,EAAA,IAAAC,EACTC,EAAa,GAAAC,+CAC4BC,UAAeE,EAAAC,EAAAP,wDAIvDQ,EAAAN,KAAaO,MAAK,GAEhBC,EAAAR,EAAO,IAAAS,aAAeT,MAAOU,cAAYC,EAAAX,0BAMxCA,EAAM,KAAAY,iJATZC,EAEMC,EAAAC,EAAAC,0EADH,EAAAb,GAAAG,KAAAA,EAAAN,KAAaO,MAAK,KAAAU,EAAAC,EAAAZ,GAEhBN,EAAO,IAAAS,aAAeT,MAAOU,2OAGvBS,EAAAnB,KAAaO,MAAK,uRAF3BM,EAGKC,EAAAM,EAAAJ,GAFHK,EAAmED,EAAAE,UACnED,EAAgCD,EAAAL,kBAAzB,EAAAZ,GAAAgB,KAAAA,EAAAnB,KAAaO,MAAK,KAAAU,EAAAM,EAAAJ,0PAc3BN,EAMAC,EAAAU,EAAAR,GADGK,EAA+CG,EAAAC,+RAflDZ,EAQAC,EAAAU,EAAAR,GAHGK,EAECG,EAAAC,sNAqBRZ,EAEIC,EAAAY,EAAAV,qRA9CCR,EAAAR,KAAaC,MAAI0B,EAAA3B,KAKjBA,EAAc,IAAA4B,EAAA5B,GAsCd6B,EAAA7B,KAAa8B,2BAAlBC,OAAIC,GAAA,2QApDmBhC,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,mBACFiC,EAAAC,EAAA,aAAAC,EAAAnC,KAAaO,OACV0B,EAAAC,EAAA,gBAAAE,EAAApC,MAAkBA,EAAM,IACvBiC,EAAAC,EAAA,gBAAAG,EAAArC,KAAasC,KAAI,SAC7BL,EAAAC,EAAA,KAAAK,EAAAvC,KAAasC,uEA0CHL,EAAAO,EAAA,cAAAC,GAAAzC,OAAmBA,EAAM,IAClCiC,EAAAO,EAAA,KAAAE,EAAA1C,KAAasC,KAAI,iBAlDxBzB,EA8CQC,EAAAoB,EAAAlB,GArCNK,EAoCMa,EAAAnB,iDAERF,EAWIC,EAAA0B,EAAAxB,+EAhDKhB,KAAaC,2DAKbD,EAAc,mGAdIA,EAAU,GAAG,cAAgB,SAAKA,EAAC,GACxD,UACA,YAAU,sCACF2C,GAAA,EAAAxC,GAAAgC,KAAAA,EAAAnC,KAAaO,+BACVoC,GAAA,GAAAxC,GAAAiC,KAAAA,EAAApC,MAAkBA,EAAM,+BACvB2C,GAAA,EAAAxC,GAAAkC,KAAAA,EAAArC,KAAasC,KAAI,oCAC7BK,GAAA,EAAAxC,GAAAoC,KAAAA,EAAAvC,KAAasC,qCA8CVT,EAAA7B,KAAa8B,cAAlBC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAY,EAAAb,OAAAC,GAAA,aAJQW,GAAA,GAAAxC,GAAAsC,KAAAA,GAAAzC,OAAmBA,EAAM,6BAClC2C,GAAA,EAAAxC,GAAAuC,KAAAA,EAAA1C,KAAasC,KAAI,oDAGpBP,OAAIC,GAAA,wJAnHA,MAAA9B,EAAkB,6BA8Cf,SAAAH,EAAa8C,YACVA,wFAxDRC,EAOAvC,gBAXOwC,GAA0BC,UAC1BC,GAAeD,cACfE,GAAsBF,EAC7BG,MAAmBC,EAMnBC,GAAa,EAsDR,SAAAC,EAAYC,SACdA,EAAQC,YAEjB,QAAAC,EAAUF,EAAQzB,aAAlB,IAAA2B,SAAAA,EAAyB1B,QACjBoB,EAAaO,SAAS,gBAAiBH,GAEvCI,EAAcJ,EAAQjB,0JAtDnB,IACPsB,EACAC,EACAC,EACAC,uBAHAH,EAViBX,EAWjBY,EAXyBG,EAYzBF,EAZyCf,MAezCM,EAGJ,QAFAY,GAAOF,OAHHA,EAbuDG,UAgBpDH,EAAWI,MACVL,EAAMxB,QAAd,QAAAmB,EAAuBM,eAAAA,EAAWI,eAAlCV,SAAAA,EAAuCnB,SAC7ByB,EAAUK,MAAQR,IAAeC,cAA3CI,GAAAA,4BAK4BL,EAAqBC,MACzCf,EAAO,CACTuB,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBuB,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,OAAM1B,GAC3B,MAAA2B,EAAcC,OAAOC,iBAAiB7B,GAASyB,OAErDzB,EAAQ8B,UAAUC,IAAIhB,GAAUD,EAAa,UAAY,YACzDd,EAAQ8B,UAAUE,OAAOjB,GAAUD,EAAa,WAAa,WAEvD,MAAAW,EAASG,OAAOC,iBAAiB7B,GAASyB,OAChDF,EAAA,EAAAvB,EAAQwB,MAAMC,OAASE,EAAW3B,GAGlCiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAME,WAAa,GAAE1B,GAC7BiC,uBAAqB,KACnBV,EAAA,EAAAvB,EAAQwB,MAAMC,OAASA,EAAMzB,EAAA,aAK3BkC,EAAO,KACXX,EAAA,EAAAvB,EAAQwB,MAAMC,OAAS,GAAEzB,GACzBA,EAAQmC,oBAAoB,gBAAiBD,EAAO,EAGtDlC,EAAQoC,iBAAiB,gBAAiBF,IAhD3CG,CAAiBlC,EAAQe,+DAoFyBzD,EAAK6E,aAsCpB7B,GAAAD,EAAYC,2CAHvCT,EAAOsC"}
@@ -1,2 +1,2 @@
1
- import{P as e,i as a,s as t,Q as i,K as s,b as l,n as d,o,ab as n,v as r,e as f,T as c,d as b,t as p,g as u,j as h,k as v}from"../../index-c33b3772.js";import{i as m,s as x}from"../../sidebar-service-275bf9ef.js";function z(e){i(e,"svelte-5fah7z",".mc-sidebar-feature.svelte-5fah7z.svelte-5fah7z{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#ffffff;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-5fah7z.svelte-5fah7z{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-5fah7z span.svelte-5fah7z{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-5fah7z.svelte-5fah7z{fill:#ffffff}.mc-sidebar-feature__icon-disabled.svelte-5fah7z.svelte-5fah7z{fill:#92a2a9}.mc-sidebar-feature__label.svelte-5fah7z.svelte-5fah7z{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-5fah7z.svelte-5fah7z{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-sidebar-feature__label__tooltip__pointer.svelte-5fah7z.svelte-5fah7z{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 #ffffff}.mc-sidebar-feature__label__tooltip__pointer.svelte-5fah7z div.svelte-5fah7z{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-sidebar-feature__label.svelte-5fah7z:hover+.mc-sidebar-feature__label__tooltip.svelte-5fah7z{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-5fah7z.svelte-5fah7z{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-5fah7z.svelte-5fah7z{background:#082435}.mc-sidebar-feature.is-close.svelte-5fah7z.svelte-5fah7z{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-5fah7z .mc-sidebar-feature__container.svelte-5fah7z{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-5fah7z.svelte-5fah7z{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-5fah7z .mc-sidebar-feature__container.svelte-5fah7z{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-5fah7z.svelte-5fah7z{color:#92a2a9;fill:#92a2a9}.mc-sidebar-feature.svelte-5fah7z.svelte-5fah7z:hover{background:#405d68}.mc-sidebar-feature.svelte-5fah7z.svelte-5fah7z:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-5fah7z:focus-visible .mc-sidebar-feature__container.svelte-5fah7z{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function _(e){let a,t,i,s,d,n,r,m,x,z,_,g,w,k,y=e[0].label+"";return{c(){a=f("span"),t=f("div"),i=c("svg"),s=c("g"),d=c("path"),n=c("defs"),r=c("clipPath"),m=c("path"),x=b(),z=f("span"),_=p(y),u(d,"fill-rule","evenodd"),u(d,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),u(s,"clip-path","url(#a)"),u(m,"d","M0 0h16v16H0z"),u(r,"id","a"),u(i,"class","mc-sidebar-feature__icon-disabled svelte-5fah7z"),u(i,"width","16px"),u(i,"height","16px"),u(i,"viewBox","0 0 16 16"),u(z,"class","svelte-5fah7z"),u(t,"class","mc-sidebar-feature__container svelte-5fah7z"),u(a,"aria-label",g=e[0].label),u(a,"aria-disabled","true"),u(a,"class",w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-5fah7z"),u(a,"id",k=e[0].code)},m(e,o){l(e,a,o),h(a,t),h(t,i),h(i,s),h(s,d),h(i,n),h(n,r),h(r,m),h(t,x),h(t,z),h(z,_)},p(e,t){1&t&&y!==(y=e[0].label+"")&&v(_,y),1&t&&g!==(g=e[0].label)&&u(a,"aria-label",g),6&t&&w!==(w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-5fah7z")&&u(a,"class",w),1&t&&k!==(k=e[0].code)&&u(a,"id",k)},d(e){e&&o(a)}}}function g(e){let a,t,i,s,d,n,r,c,m,x,z,_=e[0].label+"",g=e[5]&&w(e),y="_blank"===e[0].embedded&&k();return{c(){a=f("a"),t=f("div"),i=f("span"),s=p(_),d=b(),g&&g.c(),n=b(),y&&y.c(),u(i,"class","mc-sidebar-feature__label svelte-5fah7z"),u(t,"class","mc-sidebar-feature__container svelte-5fah7z"),u(a,"aria-label",r=""+(e[0].label+e[3])),u(a,"href",c=e[0].href??"javascript:void(null)"),u(a,"target",m=e[0].embedded),u(a,"class",x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-5fah7z"),u(a,"id",z=e[0].code)},m(o,r){l(o,a,r),h(a,t),h(t,i),h(i,s),e[8](i),h(t,d),g&&g.m(t,null),h(t,n),y&&y.m(t,null)},p(e,i){1&i&&_!==(_=e[0].label+"")&&v(s,_),e[5]?g?g.p(e,i):(g=w(e),g.c(),g.m(t,n)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?y||(y=k(),y.c(),y.m(t,null)):y&&(y.d(1),y=null),9&i&&r!==(r=""+(e[0].label+e[3]))&&u(a,"aria-label",r),1&i&&c!==(c=e[0].href??"javascript:void(null)")&&u(a,"href",c),1&i&&m!==(m=e[0].embedded)&&u(a,"target",m),6&i&&x!==(x="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-5fah7z")&&u(a,"class",x),1&i&&z!==(z=e[0].code)&&u(a,"id",z)},d(t){t&&o(a),e[8](null),g&&g.d(),y&&y.d()}}}function w(e){let a,t,i,s,d,n=e[0].label+"";return{c(){a=f("div"),t=f("div"),t.innerHTML='<div class="svelte-5fah7z"></div>',i=b(),s=f("span"),d=p(n),u(t,"class","mc-sidebar-feature__label__tooltip__pointer svelte-5fah7z"),u(s,"class","svelte-5fah7z"),u(a,"aria-hidden","true"),u(a,"class","mc-sidebar-feature__label__tooltip svelte-5fah7z")},m(e,o){l(e,a,o),h(a,t),h(a,i),h(a,s),h(s,d)},p(e,a){1&a&&n!==(n=e[0].label+"")&&v(d,n)},d(e){e&&o(a)}}}function k(e){let a,t;return{c(){a=c("svg"),t=c("path"),u(t,"fill-rule","evenodd"),u(t,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),u(a,"class","mc-sidebar-feature__icon svelte-5fah7z"),u(a,"width","16px"),u(a,"height","16px"),u(a,"viewBox","0 0 16 16")},m(e,i){l(e,a,i),h(a,t)},d(e){e&&o(a)}}}function y(e){let a;function t(e,a){return e[0].disabled?_:g}let i=t(e),n=i(e);return{c(){n.c(),a=s()},m(e,t){n.m(e,t),l(e,a,t)},p(e,[s]){i===(i=t(e))&&n?n.p(e,s):(n.d(1),n=i(e),n&&(n.c(),n.m(a.parentNode,a)))},i:d,o:d,d(e){n.d(e),e&&o(a)}}}function $(e,a,t){let i,s;n(e,m,(e=>t(1,i=e))),n(e,x,(e=>t(7,s=e)));let l,d,o,{feature:f}=a,{a11yLabels:c}=a,b=!1;return e.$$set=e=>{"feature"in e&&t(0,f=e.feature),"a11yLabels"in e&&t(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,a){var i,s,l;t(2,b=null!==(l=(null==a?void 0:a.lv1)&&e.code===(null===(i=null==a?void 0:a.lv1)||void 0===i?void 0:i.code)||(null==a?void 0:a.lv2)&&e.code===(null===(s=null==a?void 0:a.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(f,s),65&e.$$.dirty&&function(e,a){a.embedded?t(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):t(3,l="")}(c,f),2&e.$$.dirty&&setTimeout((()=>{t(5,o=(null==d?void 0:d.offsetHeight)<(null==d?void 0:d.scrollHeight))}),500)},[f,i,b,l,d,o,c,s,function(e){r[e?"unshift":"push"]((()=>{d=e,t(4,d)}))}]}class H extends e{constructor(e){super(),a(this,e,$,y,t,{feature:0,a11yLabels:6},z)}}export{H as default};
1
+ import{P as e,i as t,s as i,Q as a,K as s,b as l,n,o as d,ab as o,v as r,e as f,T as c,d as b,t as x,g as p,j as u,k as v}from"../../index-c33b3772.js";import{i as m,s as z}from"../../sidebar-service-275bf9ef.js";function _(e){a(e,"svelte-1fz7x3n",".mc-sidebar-feature.svelte-1fz7x3n.svelte-1fz7x3n{font-size:16px;min-width:200px;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#ffffff;line-height:22px;overflow:hidden}.mc-sidebar-feature__container.svelte-1fz7x3n.svelte-1fz7x3n{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding-top:8px;padding-bottom:8px}.mc-sidebar-feature__container.svelte-1fz7x3n span.svelte-1fz7x3n{max-width:200px;min-width:200px}.mc-sidebar-feature__icon.svelte-1fz7x3n.svelte-1fz7x3n{fill:#ffffff}.mc-sidebar-feature__icon-disabled.svelte-1fz7x3n.svelte-1fz7x3n{fill:#92a2a9}.mc-sidebar-feature__label.svelte-1fz7x3n.svelte-1fz7x3n{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mc-sidebar-feature__label__tooltip.svelte-1fz7x3n.svelte-1fz7x3n{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-sidebar-feature__label__tooltip__pointer.svelte-1fz7x3n.svelte-1fz7x3n{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 #ffffff}.mc-sidebar-feature__label__tooltip__pointer.svelte-1fz7x3n div.svelte-1fz7x3n{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-sidebar-feature__label.svelte-1fz7x3n:hover+.mc-sidebar-feature__label__tooltip.svelte-1fz7x3n{opacity:1;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mc-sidebar-feature__icon.svelte-1fz7x3n.svelte-1fz7x3n{margin-right:8px}.mc-sidebar-feature.is-selected.svelte-1fz7x3n.svelte-1fz7x3n{background:#5b737d}.mc-sidebar-feature.is-close.svelte-1fz7x3n.svelte-1fz7x3n{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 0px}.mc-sidebar-feature.is-close.svelte-1fz7x3n .mc-sidebar-feature__container.svelte-1fz7x3n{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:20px;width:24px}.mc-sidebar-feature.is-open.svelte-1fz7x3n.svelte-1fz7x3n{-o-transition:padding 300ms ease-in-out;-webkit-transition:padding 300ms ease-in-out;transition:padding 300ms ease-in-out;padding:0px 32px}.mc-sidebar-feature.is-open.svelte-1fz7x3n .mc-sidebar-feature__container.svelte-1fz7x3n{-o-transition:padding-left 300ms ease-in-out;-webkit-transition:padding-left 300ms ease-in-out;transition:padding-left 300ms ease-in-out;padding-left:32px}.mc-sidebar-feature.is-disabled.svelte-1fz7x3n.svelte-1fz7x3n{color:#92a2a9;fill:#92a2a9}.mc-sidebar-feature.svelte-1fz7x3n.svelte-1fz7x3n:hover{background:#405d68}.mc-sidebar-feature.svelte-1fz7x3n.svelte-1fz7x3n:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-feature.svelte-1fz7x3n:focus-visible .mc-sidebar-feature__container.svelte-1fz7x3n{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}")}function h(e){let t,i,a,s,n,o,r,m,z,_,h,g,w,k,y=e[0].label+"";return{c(){t=f("span"),i=f("div"),a=c("svg"),s=c("g"),n=c("path"),o=c("defs"),r=c("clipPath"),m=c("path"),z=b(),_=f("span"),h=x(y),p(n,"fill-rule","evenodd"),p(n,"d","M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z"),p(s,"clip-path","url(#a)"),p(m,"d","M0 0h16v16H0z"),p(r,"id","a"),p(a,"class","mc-sidebar-feature__icon-disabled svelte-1fz7x3n"),p(a,"width","16px"),p(a,"height","16px"),p(a,"viewBox","0 0 16 16"),p(_,"class","svelte-1fz7x3n"),p(i,"class","mc-sidebar-feature__container svelte-1fz7x3n"),p(t,"aria-label",g=e[0].label),p(t,"aria-disabled","true"),p(t,"class",w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1fz7x3n"),p(t,"id",k=e[0].code)},m(e,d){l(e,t,d),u(t,i),u(i,a),u(a,s),u(s,n),u(a,o),u(o,r),u(r,m),u(i,z),u(i,_),u(_,h)},p(e,i){1&i&&y!==(y=e[0].label+"")&&v(h,y),1&i&&g!==(g=e[0].label)&&p(t,"aria-label",g),6&i&&w!==(w="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" is-disabled svelte-1fz7x3n")&&p(t,"class",w),1&i&&k!==(k=e[0].code)&&p(t,"id",k)},d(e){e&&d(t)}}}function g(e){let t,i,a,s,n,o,r,c,m,z,_,h=e[0].label+"",g=e[5]&&w(e),y="_blank"===e[0].embedded&&k();return{c(){t=f("a"),i=f("div"),a=f("span"),s=x(h),n=b(),g&&g.c(),o=b(),y&&y.c(),p(a,"class","mc-sidebar-feature__label svelte-1fz7x3n"),p(i,"class","mc-sidebar-feature__container svelte-1fz7x3n"),p(t,"aria-label",r=""+(e[0].label+e[3])),p(t,"href",c=e[0].href??"javascript:void(null)"),p(t,"target",m=e[0].embedded),p(t,"class",z="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1fz7x3n"),p(t,"id",_=e[0].code)},m(d,r){l(d,t,r),u(t,i),u(i,a),u(a,s),e[8](a),u(i,n),g&&g.m(i,null),u(i,o),y&&y.m(i,null)},p(e,a){1&a&&h!==(h=e[0].label+"")&&v(s,h),e[5]?g?g.p(e,a):(g=w(e),g.c(),g.m(i,o)):g&&(g.d(1),g=null),"_blank"===e[0].embedded?y||(y=k(),y.c(),y.m(i,null)):y&&(y.d(1),y=null),9&a&&r!==(r=""+(e[0].label+e[3]))&&p(t,"aria-label",r),1&a&&c!==(c=e[0].href??"javascript:void(null)")&&p(t,"href",c),1&a&&m!==(m=e[0].embedded)&&p(t,"target",m),6&a&&z!==(z="mc-sidebar-feature "+(e[2]?"is-selected":"")+" "+(e[1]?"is-open":"is-close")+" svelte-1fz7x3n")&&p(t,"class",z),1&a&&_!==(_=e[0].code)&&p(t,"id",_)},d(i){i&&d(t),e[8](null),g&&g.d(),y&&y.d()}}}function w(e){let t,i,a,s,n,o=e[0].label+"";return{c(){t=f("div"),i=f("div"),i.innerHTML='<div class="svelte-1fz7x3n"></div>',a=b(),s=f("span"),n=x(o),p(i,"class","mc-sidebar-feature__label__tooltip__pointer svelte-1fz7x3n"),p(s,"class","svelte-1fz7x3n"),p(t,"aria-hidden","true"),p(t,"class","mc-sidebar-feature__label__tooltip svelte-1fz7x3n")},m(e,d){l(e,t,d),u(t,i),u(t,a),u(t,s),u(s,n)},p(e,t){1&t&&o!==(o=e[0].label+"")&&v(n,o)},d(e){e&&d(t)}}}function k(e){let t,i;return{c(){t=c("svg"),i=c("path"),p(i,"fill-rule","evenodd"),p(i,"d","M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z"),p(t,"class","mc-sidebar-feature__icon svelte-1fz7x3n"),p(t,"width","16px"),p(t,"height","16px"),p(t,"viewBox","0 0 16 16")},m(e,a){l(e,t,a),u(t,i)},d(e){e&&d(t)}}}function y(e){let t;function i(e,t){return e[0].disabled?h:g}let a=i(e),o=a(e);return{c(){o.c(),t=s()},m(e,i){o.m(e,i),l(e,t,i)},p(e,[s]){a===(a=i(e))&&o?o.p(e,s):(o.d(1),o=a(e),o&&(o.c(),o.m(t.parentNode,t)))},i:n,o:n,d(e){o.d(e),e&&d(t)}}}function $(e,t,i){let a,s;o(e,m,(e=>i(1,a=e))),o(e,z,(e=>i(7,s=e)));let l,n,d,{feature:f}=t,{a11yLabels:c}=t,b=!1;return e.$$set=e=>{"feature"in e&&i(0,f=e.feature),"a11yLabels"in e&&i(6,c=e.a11yLabels)},e.$$.update=()=>{129&e.$$.dirty&&function(e,t){var a,s,l;i(2,b=null!==(l=(null==t?void 0:t.lv1)&&e.code===(null===(a=null==t?void 0:t.lv1)||void 0===a?void 0:a.code)||(null==t?void 0:t.lv2)&&e.code===(null===(s=null==t?void 0:t.lv2)||void 0===s?void 0:s.code))&&void 0!==l&&l)}(f,s),65&e.$$.dirty&&function(e,t){t.embedded?i(3,l=(null==e?void 0:e["external-link-suffix"])?` (${e["external-link-suffix"]})`:" (link to a new window)"):i(3,l="")}(c,f),2&e.$$.dirty&&setTimeout((()=>{i(5,d=(null==n?void 0:n.offsetHeight)<(null==n?void 0:n.scrollHeight))}),500)},[f,a,b,l,n,d,c,s,function(e){r[e?"unshift":"push"]((()=>{n=e,i(4,n)}))}]}class H extends e{constructor(e){super(),t(this,e,$,y,i,{feature:0,a11yLabels:6},_)}}export{H as default};
2
2
  //# sourceMappingURL=sidebar-feature.nested.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-feature.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n import type { A11yLabels, Feature } from './sidebar.types';\n\n export let feature: Feature;\n export let a11yLabels: A11yLabels;\n\n $: updateSelection(feature, $selectedFeature);\n $: updatA11yLabel(a11yLabels, feature);\n\n let isSelected = false;\n let ariaSuffix: string;\n\n let label: HTMLElement;\n let showTooltip: boolean;\n $: updateTooltip($isSidebarOpen);\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n function updateTooltip(_: boolean) {\n setTimeout(() => {\n showTooltip = label?.offsetHeight < label?.scrollHeight;\n }, 500);\n }\n\n function updateSelection(feature: Feature, selection?: Selection) {\n isSelected =\n ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n false;\n }\n\n function updatA11yLabel(label: A11yLabels, feature: Feature) {\n if (feature.embedded) {\n ariaSuffix = label?.['external-link-suffix']\n ? ` (${label['external-link-suffix']})`\n : ' (link to a new window)';\n } else {\n ariaSuffix = '';\n }\n }\n</script>\n\n{#if !feature.disabled}\n <a\n aria-label=\"{feature.label}{ariaSuffix}\"\n href={feature.href ?? 'javascript:void(null)'}\n target={feature.embedded}\n class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n id={feature.code}\n >\n <div class=\"mc-sidebar-feature__container\">\n <span class=\"mc-sidebar-feature__label\" bind:this={label}\n >{feature.label}</span\n >\n {#if showTooltip}\n <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n <span>{feature.label}</span>\n </div>\n {/if}\n {#if feature.embedded === '_blank'}\n <svg\n class=\"mc-sidebar-feature__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n fill-rule=\"evenodd\"\n d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n /></svg\n >\n {/if}\n </div>\n </a>\n{:else}\n <span\n aria-label={feature.label}\n aria-disabled=\"true\"\n class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'} is-disabled\"\n id={feature.code}\n >\n <div class=\"mc-sidebar-feature__container\">\n <svg\n class=\"mc-sidebar-feature__icon-disabled\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><g clip-path=\"url(#a)\"\n ><path\n fill-rule=\"evenodd\"\n d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n /></g\n ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n ></svg\n >\n <span>{feature.label}</span>\n </div>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-feature {\n font-size: 16px;\n min-width: 200px;\n cursor: pointer;\n flex: 1;\n display: flex;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n overflow: hidden;\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding-top: 8px;\n padding-bottom: 8px;\n\n span {\n max-width: 200px;\n min-width: 200px;\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__icon-disabled {\n fill: $color-sidebar-feature-disabled-background;\n }\n\n &__label {\n flex: 1;\n margin-right: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-text-color;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-sidebar-feature__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__icon {\n margin-right: 8px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n @include transition(padding 300ms ease-in-out);\n padding: 0px 0px;\n\n .mc-sidebar-feature__container {\n @include transition(padding-left 300ms ease-in-out);\n padding-left: 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n @include transition(padding 300ms ease-in-out);\n padding: 0px 32px;\n\n .mc-sidebar-feature__container {\n @include transition(padding-left 300ms ease-in-out);\n padding-left: 32px;\n }\n }\n\n &.is-disabled {\n color: $color-sidebar-feature-disabled-background;\n fill: $color-sidebar-feature-disabled-background;\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-feature__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","attr","span1","span1_aria_label_value","span1_id_value","code","insert","target","anchor","append","div","svg","g","path0","defs","clipPath","path1","span0","dirty","set_data","t1","t0_value","create_if_block_2","embedded","create_if_block_1","href","a","a_target_value","a_id_value","span","t0","div2","div1","path","disabled","create_if_block","ariaSuffix","showTooltip","feature","$$props","a11yLabels","isSelected","selection","_c","lv1","_a","lv2","_b","updateSelection","$selectedFeature","$$invalidate","updatA11yLabel","setTimeout","offsetHeight","scrollHeight","$$value"],"mappings":"+pHAqGaA,EAAAC,KAAQC,MAAK,glBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,0CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAwBMC,EAAAL,EAAAM,GAhBJC,EAeKP,EAAAQ,GAdHD,EAYAC,EAAAC,GAPGF,EAKAE,EAAAC,GAJEH,EAGCG,EAAAC,GACHJ,EACAE,EAAAG,GADML,EAAsDK,EAAAC,GAArCN,EAA0BM,EAAAC,UAGpDP,EAA2BC,EAAAO,kBAApB,EAAAC,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,GArBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,0DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,6NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,kBACVE,EAAAyB,EAAA,KAAAE,EAAA7B,KAAQM,cAPdC,EAgCGC,EAAAmB,EAAAlB,GAvBDC,EAsBKiB,EAAAhB,GArBHD,EAEAC,EAAAmB,sEADI,EAAAX,GAAAG,KAAAA,EAAAtB,KAAQC,MAAK,KAAAmB,EAAAW,EAAAT,GAEZtB,EAAW,yDAMU,WAArBA,EAAO,GAACwB,yEAlBFxB,EAAO,GAACC,MAAOD,EAAU,sCAChCA,EAAO,GAAC0B,MAAQ,wCACd,EAAAP,GAAAS,KAAAA,EAAA5B,KAAQwB,8DACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,kCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,qTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,uaAItBQ,EASAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDA7BN,OAAAlC,KAAQmC,WAAQC,8PA/BhBC,EAEApC,EACAqC,WAVOC,GAAgBC,cAChBC,GAAsBD,EAK7BE,GAAa,sIAcQH,EAAkBI,iBACzCD,EAEJ,QADAE,GAAQD,eAAAA,EAAWE,MAAON,EAAQjC,QAAlC,QAAAwC,EAA2CH,eAAAA,EAAWE,eAAtDC,SAAAA,EAA2DxC,QAClDqC,eAAAA,EAAWI,MAAOR,EAAQjC,QAAnC,QAAA0C,EAA4CL,eAAAA,EAAWI,eAAvDC,SAAAA,EAA4D1C,iBAA5DsC,GAAAA,GApBKK,CAAgBV,EAASW,2BAwBJjD,EAAmBsC,GACrCA,EAAQf,SACV2B,EAAA,EAAAd,GAAapC,eAAAA,EAAQ,yBACZ,KAAAA,EAAM,2BACX,2BAEJkD,EAAA,EAAAd,EAAa,IA7Bde,CAAeX,EAAYF,iBAW5Bc,iBACEF,EAAA,EAAAb,GAAcrC,eAAAA,EAAOqD,eAAerD,eAAAA,EAAOsD,cAAY,GACtD,+DAgCkDtD,EAAKuD"}
1
+ {"version":3,"file":"sidebar-feature.nested.js","sources":["../../../../src/components/sidebar/sidebar-feature.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import { isSidebarOpen, selectedFeature, Selection } from './sidebar-service';\n import type { A11yLabels, Feature } from './sidebar.types';\n\n export let feature: Feature;\n export let a11yLabels: A11yLabels;\n\n $: updateSelection(feature, $selectedFeature);\n $: updatA11yLabel(a11yLabels, feature);\n\n let isSelected = false;\n let ariaSuffix: string;\n\n let label: HTMLElement;\n let showTooltip: boolean;\n $: updateTooltip($isSidebarOpen);\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n function updateTooltip(_: boolean) {\n setTimeout(() => {\n showTooltip = label?.offsetHeight < label?.scrollHeight;\n }, 500);\n }\n\n function updateSelection(feature: Feature, selection?: Selection) {\n isSelected =\n ((selection?.lv1 && feature.code === selection?.lv1?.code) ||\n (selection?.lv2 && feature.code === selection?.lv2?.code)) ??\n false;\n }\n\n function updatA11yLabel(label: A11yLabels, feature: Feature) {\n if (feature.embedded) {\n ariaSuffix = label?.['external-link-suffix']\n ? ` (${label['external-link-suffix']})`\n : ' (link to a new window)';\n } else {\n ariaSuffix = '';\n }\n }\n</script>\n\n{#if !feature.disabled}\n <a\n aria-label=\"{feature.label}{ariaSuffix}\"\n href={feature.href ?? 'javascript:void(null)'}\n target={feature.embedded}\n class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'}\"\n id={feature.code}\n >\n <div class=\"mc-sidebar-feature__container\">\n <span class=\"mc-sidebar-feature__label\" bind:this={label}\n >{feature.label}</span\n >\n {#if showTooltip}\n <div aria-hidden=\"true\" class=\"mc-sidebar-feature__label__tooltip\">\n <div class=\"mc-sidebar-feature__label__tooltip__pointer\"><div /></div>\n <span>{feature.label}</span>\n </div>\n {/if}\n {#if feature.embedded === '_blank'}\n <svg\n class=\"mc-sidebar-feature__icon\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><path\n fill-rule=\"evenodd\"\n d=\"M9 2a1 1 0 000 2h1.586L6.293 8.293a1 1 0 001.414 1.414L12 5.414V7a1 1 0 102 0V3a1 1 0 00-1-1H9zM3 4a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1v-2a1 1 0 10-2 0v1H4V6h1a1 1 0 000-2H3z\"\n /></svg\n >\n {/if}\n </div>\n </a>\n{:else}\n <span\n aria-label={feature.label}\n aria-disabled=\"true\"\n class=\"mc-sidebar-feature {isSelected ? 'is-selected' : ''} {$isSidebarOpen\n ? 'is-open'\n : 'is-close'} is-disabled\"\n id={feature.code}\n >\n <div class=\"mc-sidebar-feature__container\">\n <svg\n class=\"mc-sidebar-feature__icon-disabled\"\n width=\"16px\"\n height=\"16px\"\n viewBox=\"0 0 16 16\"\n ><g clip-path=\"url(#a)\"\n ><path\n fill-rule=\"evenodd\"\n d=\"M8 2a3 3 0 00-3 3v1H4a1 1 0 00-1 1v6a1 1 0 001 1h8a1 1 0 001-1V7a1 1 0 00-1-1h-1V5a3 3 0 00-3-3zm1 4V5a1 1 0 10-2 0v1h2zm-4 6V8h6v4H5z\"\n /></g\n ><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs\n ></svg\n >\n <span>{feature.label}</span>\n </div>\n </span>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-feature {\n font-size: 16px;\n min-width: 200px;\n cursor: pointer;\n flex: 1;\n display: flex;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n overflow: hidden;\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding-top: 8px;\n padding-bottom: 8px;\n\n span {\n max-width: 200px;\n min-width: 200px;\n }\n }\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n &__icon-disabled {\n fill: $color-sidebar-feature-disabled-background;\n }\n\n &__label {\n flex: 1;\n margin-right: 8px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n\n &__tooltip {\n opacity: 0;\n transition: 0s opacity;\n background-color: $color-sidebar-divider-background;\n border: 1px solid $color-sidebar-text-color;\n border-radius: 4px;\n position: absolute;\n pointer-events: none;\n left: calc(100% - 16px);\n padding: 8px 16px;\n width: 188px;\n\n &__pointer {\n position: absolute;\n top: 50%;\n left: -8px;\n top: calc(50% - 6px);\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-text-color;\n\n & div {\n position: relative;\n top: -6px;\n left: 2px;\n width: 0;\n height: 0;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\n border-right: 8px solid $color-sidebar-divider-background;\n }\n }\n }\n\n &:hover + .mc-sidebar-feature__label__tooltip {\n opacity: 1;\n transition-delay: 1s;\n }\n }\n\n &__icon {\n margin-right: 8px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n &.is-close {\n @include transition(padding 300ms ease-in-out);\n padding: 0px 0px;\n\n .mc-sidebar-feature__container {\n @include transition(padding-left 300ms ease-in-out);\n padding-left: 20px;\n width: 24px;\n }\n }\n\n &.is-open {\n @include transition(padding 300ms ease-in-out);\n padding: 0px 32px;\n\n .mc-sidebar-feature__container {\n @include transition(padding-left 300ms ease-in-out);\n padding-left: 32px;\n }\n }\n\n &.is-disabled {\n color: $color-sidebar-feature-disabled-background;\n fill: $color-sidebar-feature-disabled-background;\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-feature__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","attr","span1","span1_aria_label_value","span1_id_value","code","insert","target","anchor","append","div","svg","g","path0","defs","clipPath","path1","span0","dirty","set_data","t1","t0_value","create_if_block_2","embedded","create_if_block_1","href","a","a_target_value","a_id_value","span","t0","div2","div1","path","disabled","create_if_block","ariaSuffix","showTooltip","feature","$$props","a11yLabels","isSelected","selection","_c","lv1","_a","lv2","_b","updateSelection","$selectedFeature","$$invalidate","updatA11yLabel","setTimeout","offsetHeight","scrollHeight","$$value"],"mappings":"wsHAqGaA,EAAAC,KAAQC,MAAK,mlBArBVC,EAAAC,EAAA,aAAAC,EAAAJ,KAAQC,wEAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2CACAE,EAAAC,EAAA,KAAAE,EAAAL,KAAQM,cANdC,EAwBMC,EAAAL,EAAAM,GAhBJC,EAeKP,EAAAQ,GAdHD,EAYAC,EAAAC,GAPGF,EAKAE,EAAAC,GAJEH,EAGCG,EAAAC,GACHJ,EACAE,EAAAG,GADML,EAAsDK,EAAAC,GAArCN,EAA0BM,EAAAC,UAGpDP,EAA2BC,EAAAO,kBAApB,EAAAC,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,GArBV,EAAAoB,GAAAf,KAAAA,EAAAJ,KAAQC,+DAEOD,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,2DACA,EAAAmB,GAAAd,KAAAA,EAAAL,KAAQM,2EA7BNgB,EAAAtB,KAAQC,MAAK,KAEZD,EAAW,IAAAuB,EAAAvB,KAMU,WAArBA,EAAO,GAACwB,UAAqBC,+NAlBvBzB,EAAO,GAACC,MAAOD,EAAU,kBAChCA,EAAO,GAAC0B,MAAQ,yBACdxB,EAAAyB,EAAA,SAAAC,EAAA5B,KAAQwB,+CACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mBACVE,EAAAyB,EAAA,KAAAE,EAAA7B,KAAQM,cAPdC,EAgCGC,EAAAmB,EAAAlB,GAvBDC,EAsBKiB,EAAAhB,GArBHD,EAEAC,EAAAmB,sEADI,EAAAX,GAAAG,KAAAA,EAAAtB,KAAQC,MAAK,KAAAmB,EAAAW,EAAAT,GAEZtB,EAAW,yDAMU,WAArBA,EAAO,GAACwB,yEAlBFxB,EAAO,GAACC,MAAOD,EAAU,sCAChCA,EAAO,GAAC0B,MAAQ,wCACd,EAAAP,GAAAS,KAAAA,EAAA5B,KAAQwB,8DACWxB,EAAU,GAAG,cAAgB,SAAKA,EAAC,GAC1D,UACA,YAAU,mCACV,EAAAmB,GAAAU,KAAAA,EAAA7B,KAAQM,4FASCP,EAAAC,KAAQC,MAAK,yTAFtBM,EAGKC,EAAAwB,EAAAvB,GAFHC,EAAqEsB,EAAAC,UACrEvB,EAA2BsB,EAAAF,kBAApB,EAAAX,GAAApB,KAAAA,EAAAC,KAAQC,MAAK,KAAAmB,EAAAC,EAAAtB,waAItBQ,EASAC,EAAAI,EAAAH,GAJGC,EAGCE,EAAAsB,uDA7BN,OAAAlC,KAAQmC,WAAQC,8PA/BhBC,EAEApC,EACAqC,WAVOC,GAAgBC,cAChBC,GAAsBD,EAK7BE,GAAa,sIAcQH,EAAkBI,iBACzCD,EAEJ,QADAE,GAAQD,eAAAA,EAAWE,MAAON,EAAQjC,QAAlC,QAAAwC,EAA2CH,eAAAA,EAAWE,eAAtDC,SAAAA,EAA2DxC,QAClDqC,eAAAA,EAAWI,MAAOR,EAAQjC,QAAnC,QAAA0C,EAA4CL,eAAAA,EAAWI,eAAvDC,SAAAA,EAA4D1C,iBAA5DsC,GAAAA,GApBKK,CAAgBV,EAASW,2BAwBJjD,EAAmBsC,GACrCA,EAAQf,SACV2B,EAAA,EAAAd,GAAapC,eAAAA,EAAQ,yBACZ,KAAAA,EAAM,2BACX,2BAEJkD,EAAA,EAAAd,EAAa,IA7Bde,CAAeX,EAAYF,iBAW5Bc,iBACEF,EAAA,EAAAb,GAAcrC,eAAAA,EAAOqD,eAAerD,eAAAA,EAAOsD,cAAY,GACtD,+DAgCkDtD,EAAKuD"}
@@ -1,2 +1,2 @@
1
- import{P as e,i as t,s,Q as i,K as l,b as a,C as n,D as o,E as r,o as d,ab as c,e as b,d as m,g as x,R as p,j as f,M as u,J as y,x as g,A as v,l as h,G as w}from"../../index-c33b3772.js";import k from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function z(e){i(e,"svelte-1x1psyd",".mc-sidebar-section.svelte-1x1psyd.svelte-1x1psyd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #5b737d;scrollbar-width:thin}.mc-sidebar-section.svelte-1x1psyd ul.svelte-1x1psyd,.mc-sidebar-section.svelte-1x1psyd li.svelte-1x1psyd{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-1x1psyd ul.svelte-1x1psyd{-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}.mc-sidebar-section.svelte-1x1psyd ul li.svelte-1x1psyd{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-1x1psyd ul li.svelte-1x1psyd:first-child{margin-top:0}.mc-sidebar-section.svelte-1x1psyd ul li.svelte-1x1psyd:last-child{margin-bottom:0}.mc-sidebar-section.svelte-1x1psyd ul.is-hidden.svelte-1x1psyd{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-1x1psyd ul.is-visible.svelte-1x1psyd{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-1x1psyd.svelte-1x1psyd::-webkit-scrollbar{width:5px;height:10px;background:#5b737d}.mc-sidebar-section.svelte-1x1psyd.svelte-1x1psyd::-webkit-scrollbar-thumb{background:#8f94a3}")}function G(e,t,s){const i=e.slice();return i[10]=t[s],i}function E(e){let t,s,i,l,c,g,v=e[0],h=[];for(let t=0;t<v.length;t+=1)h[t]=A(G(e,v,t));const w=e=>o(h[e],1,1,(()=>{h[e]=null}));let k=e[3]&&e[4]&&B(e);return{c(){t=b("div"),s=b("ul");for(let e=0;e<h.length;e+=1)h[e].c();c=m(),k&&k.c(),x(s,"class",i=p(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1x1psyd"),x(s,"aria-hidden",l=e[3]&&e[4]),x(t,"class","mc-sidebar-section svelte-1x1psyd")},m(e,i){a(e,t,i),f(t,s);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(s,null);f(t,c),k&&k.m(t,null),g=!0},p(e,a){if(103&a){let t;for(v=e[0],t=0;t<v.length;t+=1){const i=G(e,v,t);h[t]?(h[t].p(i,a),n(h[t],1)):(h[t]=A(i),h[t].c(),n(h[t],1),h[t].m(s,null))}for(u(),t=v.length;t<h.length;t+=1)w(t);r()}(!g||24&a&&i!==(i=p(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-1x1psyd"))&&x(s,"class",i),(!g||24&a&&l!==(l=e[3]&&e[4]))&&x(s,"aria-hidden",l),e[3]&&e[4]?k?(k.p(e,a),24&a&&n(k,1)):(k=B(e),k.c(),n(k,1),k.m(t,null)):k&&(u(),o(k,1,1,(()=>{k=null})),r())},i(e){if(!g){for(let e=0;e<v.length;e+=1)n(h[e]);n(k),g=!0}},o(e){h=h.filter(Boolean);for(let e=0;e<h.length;e+=1)o(h[e]);o(k),g=!1},d(e){e&&d(t),y(h,e),k&&k.d()}}}function A(e){let t,s,i,l,r,c;function p(){return e[8](e[10])}return s=new k({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),s.$on("feature-click",e[7]),{c(){t=b("li"),g(s.$$.fragment),i=m(),x(t,"class","svelte-1x1psyd")},m(e,n){a(e,t,n),v(s,t,null),f(t,i),l=!0,r||(c=h(t,"click",p),r=!0)},p(t,i){e=t;const l={};1&i&&(l.featureGroup=e[10]),5&i&&(l.expand=e[2]===e[10].code),2&i&&(l.a11yLabels=e[1]),s.$set(l)},i(e){l||(n(s.$$.fragment,e),l=!0)},o(e){o(s.$$.fragment,e),l=!1},d(e){e&&d(t),w(s),r=!1,c()}}}function B(e){let t,s;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){g(t.$$.fragment)},m(e,i){v(t,e,i),s=!0},p(e,s){const i={};8&s&&(i.data=e[3]),2&s&&(i.a11yLabels=e[1]),t.$set(i)},i(e){s||(n(t.$$.fragment,e),s=!0)},o(e){o(t.$$.fragment,e),s=!1},d(e){w(t,e)}}}function C(e){let t,s,i=e[0]?.length&&E(e);return{c(){i&&i.c(),t=l()},m(e,l){i&&i.m(e,l),a(e,t,l),s=!0},p(e,[s]){e[0]?.length?i?(i.p(e,s),1&s&&n(i,1)):(i=E(e),i.c(),n(i,1),i.m(t.parentNode,t)):i&&(u(),o(i,1,1,(()=>{i=null})),r())},i(e){s||(n(i),s=!0)},o(e){o(i),s=!1},d(e){i&&i.d(e),e&&d(t)}}}function D(e,t,s){let i;c(e,L,(e=>s(4,i=e)));let l,a,{data:n=[]}=t,{a11yLabels:o}=t;function r(e){const t=i;t||j(),s(2,l=t&&l===e?void 0:e)}function d(e){(null==e?void 0:e.detail)?a&&a.code===e.detail.code?s(3,a=void 0):s(3,a=e.detail):s(3,a=void 0)}return e.$$set=e=>{"data"in e&&s(0,n=e.data),"a11yLabels"in e&&s(1,o=e.a11yLabels)},[n,o,l,a,i,r,d,e=>d(e),e=>r(e.code),()=>d()]}class H extends e{constructor(e){super(),t(this,e,D,C,s,{data:0,a11yLabels:1},z)}}export{H as default};
1
+ import{P as e,i as t,s as i,Q as s,K as l,b as a,C as n,D as c,E as o,o as r,ab as m,e as v,d,g as b,R as f,j as u,M as w,J as x,x as p,A as g,l as h,G as k}from"../../index-c33b3772.js";import y from"./sidebar-feature-group.nested.js";import $ from"./sidebar-sub-features.nested.js";import{t as j,i as L}from"../../sidebar-service-275bf9ef.js";import"./sidebar-feature.nested.js";import"../../EventHandler-02058705.js";function z(e){s(e,"svelte-vccvmw",".mc-sidebar-section.svelte-vccvmw.svelte-vccvmw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:38px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay;padding:1px 0px;scrollbar-color:#8f94a3 #5b737d;scrollbar-width:thin}.mc-sidebar-section.svelte-vccvmw ul.svelte-vccvmw,.mc-sidebar-section.svelte-vccvmw li.svelte-vccvmw{list-style-type:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.mc-sidebar-section.svelte-vccvmw ul.svelte-vccvmw{-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}.mc-sidebar-section.svelte-vccvmw ul li.svelte-vccvmw{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4px 0px}.mc-sidebar-section.svelte-vccvmw ul li.svelte-vccvmw:first-child{margin-top:0}.mc-sidebar-section.svelte-vccvmw ul li.svelte-vccvmw:last-child{margin-bottom:0}.mc-sidebar-section.svelte-vccvmw ul.is-hidden.svelte-vccvmw{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:-320px;opacity:0}.mc-sidebar-section.svelte-vccvmw ul.is-visible.svelte-vccvmw{-o-transition:margin-left 300ms ease-in-out;-webkit-transition:margin-left 300ms ease-in-out;transition:margin-left 300ms ease-in-out;margin-left:0}.mc-sidebar-section.svelte-vccvmw.svelte-vccvmw::-webkit-scrollbar{width:5px;height:10px;background:#082435}.mc-sidebar-section.svelte-vccvmw.svelte-vccvmw::-webkit-scrollbar-thumb{background:#009eac}")}function G(e,t,i){const s=e.slice();return s[10]=t[i],s}function E(e){let t,i,s,l,m,p,g=e[0],h=[];for(let t=0;t<g.length;t+=1)h[t]=A(G(e,g,t));const k=e=>c(h[e],1,1,(()=>{h[e]=null}));let y=e[3]&&e[4]&&B(e);return{c(){t=v("div"),i=v("ul");for(let e=0;e<h.length;e+=1)h[e].c();m=d(),y&&y.c(),b(i,"class",s=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-vccvmw"),b(i,"aria-hidden",l=e[3]&&e[4]),b(t,"class","mc-sidebar-section svelte-vccvmw")},m(e,s){a(e,t,s),u(t,i);for(let e=0;e<h.length;e+=1)h[e]&&h[e].m(i,null);u(t,m),y&&y.m(t,null),p=!0},p(e,a){if(103&a){let t;for(g=e[0],t=0;t<g.length;t+=1){const s=G(e,g,t);h[t]?(h[t].p(s,a),n(h[t],1)):(h[t]=A(s),h[t].c(),n(h[t],1),h[t].m(i,null))}for(w(),t=g.length;t<h.length;t+=1)k(t);o()}(!p||24&a&&s!==(s=f(e[3]&&e[4]?"is-hidden":"is-visible")+" svelte-vccvmw"))&&b(i,"class",s),(!p||24&a&&l!==(l=e[3]&&e[4]))&&b(i,"aria-hidden",l),e[3]&&e[4]?y?(y.p(e,a),24&a&&n(y,1)):(y=B(e),y.c(),n(y,1),y.m(t,null)):y&&(w(),c(y,1,1,(()=>{y=null})),o())},i(e){if(!p){for(let e=0;e<g.length;e+=1)n(h[e]);n(y),p=!0}},o(e){h=h.filter(Boolean);for(let e=0;e<h.length;e+=1)c(h[e]);c(y),p=!1},d(e){e&&r(t),x(h,e),y&&y.d()}}}function A(e){let t,i,s,l,o,m;function f(){return e[8](e[10])}return i=new y({props:{featureGroup:e[10],expand:e[2]===e[10].code,a11yLabels:e[1]}}),i.$on("feature-click",e[7]),{c(){t=v("li"),p(i.$$.fragment),s=d(),b(t,"class","svelte-vccvmw")},m(e,n){a(e,t,n),g(i,t,null),u(t,s),l=!0,o||(m=h(t,"click",f),o=!0)},p(t,s){e=t;const l={};1&s&&(l.featureGroup=e[10]),5&s&&(l.expand=e[2]===e[10].code),2&s&&(l.a11yLabels=e[1]),i.$set(l)},i(e){l||(n(i.$$.fragment,e),l=!0)},o(e){c(i.$$.fragment,e),l=!1},d(e){e&&r(t),k(i),o=!1,m()}}}function B(e){let t,i;return t=new $({props:{data:e[3],a11yLabels:e[1]}}),t.$on("back-click",e[9]),{c(){p(t.$$.fragment)},m(e,s){g(t,e,s),i=!0},p(e,i){const s={};8&i&&(s.data=e[3]),2&i&&(s.a11yLabels=e[1]),t.$set(s)},i(e){i||(n(t.$$.fragment,e),i=!0)},o(e){c(t.$$.fragment,e),i=!1},d(e){k(t,e)}}}function C(e){let t,i,s=e[0]?.length&&E(e);return{c(){s&&s.c(),t=l()},m(e,l){s&&s.m(e,l),a(e,t,l),i=!0},p(e,[i]){e[0]?.length?s?(s.p(e,i),1&i&&n(s,1)):(s=E(e),s.c(),n(s,1),s.m(t.parentNode,t)):s&&(w(),c(s,1,1,(()=>{s=null})),o())},i(e){i||(n(s),i=!0)},o(e){c(s),i=!1},d(e){s&&s.d(e),e&&r(t)}}}function D(e,t,i){let s;m(e,L,(e=>i(4,s=e)));let l,a,{data:n=[]}=t,{a11yLabels:c}=t;function o(e){const t=s;t||j(),i(2,l=t&&l===e?void 0:e)}function r(e){(null==e?void 0:e.detail)?a&&a.code===e.detail.code?i(3,a=void 0):i(3,a=e.detail):i(3,a=void 0)}return e.$$set=e=>{"data"in e&&i(0,n=e.data),"a11yLabels"in e&&i(1,c=e.a11yLabels)},[n,c,l,a,s,o,r,e=>r(e),e=>o(e.code),()=>r()]}class H extends e{constructor(e){super(),t(this,e,D,C,i,{data:0,a11yLabels:1},z)}}export{H as default};
2
2
  //# sourceMappingURL=sidebar-section.nested.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string | undefined;\n let expandedSubGroup: Feature | undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-divider-background;\n\n &-thumb {\n background: $color-primary-02-400;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"+9EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,mBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,6DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,sCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,gIAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}
1
+ {"version":3,"file":"sidebar-section.nested.js","sources":["../../../../src/components/sidebar/sidebar-section.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { A11yLabels, Feature, FeatureGroup } from './sidebar.types';\n import FeatureGroupComponent from './sidebar-feature-group.nested.svelte';\n import SubFeaturesComponent from './sidebar-sub-features.nested.svelte';\n import { isSidebarOpen, toggleSidebar } from './sidebar-service';\n\n export let data: FeatureGroup[] = [];\n export let a11yLabels: A11yLabels;\n\n let expandedGroup: string | undefined;\n let expandedSubGroup: Feature | undefined;\n\n function handleGroupClick(code: string) {\n // opens the menu if at the time of the click on a FeatureGroup this one was closed\n const open = $isSidebarOpen;\n if (!open) {\n toggleSidebar();\n }\n\n if (open && expandedGroup === code) {\n expandedGroup = undefined;\n } else {\n expandedGroup = code;\n }\n }\n\n function handleFeatureClick(event?: CustomEvent<Feature>) {\n if (event?.detail) {\n if (expandedSubGroup && expandedSubGroup.code === event.detail.code) {\n expandedSubGroup = undefined;\n } else {\n expandedSubGroup = event.detail;\n }\n } else {\n expandedSubGroup = undefined;\n }\n }\n</script>\n\n{#if data?.length}\n <div class=\"mc-sidebar-section\">\n <ul\n class={expandedSubGroup && $isSidebarOpen ? 'is-hidden' : 'is-visible'}\n aria-hidden={expandedSubGroup && $isSidebarOpen}\n >\n {#each data as featureGroup}\n <li on:click={() => handleGroupClick(featureGroup.code)}>\n <FeatureGroupComponent\n {featureGroup}\n expand={expandedGroup === featureGroup.code}\n {a11yLabels}\n on:feature-click={(event) => handleFeatureClick(event)}\n />\n </li>\n {/each}\n </ul>\n {#if expandedSubGroup && $isSidebarOpen}\n <SubFeaturesComponent\n data={expandedSubGroup}\n {a11yLabels}\n on:back-click={() => handleFeatureClick()}\n />\n {/if}\n </div>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-section {\n display: flex;\n flex-direction: row;\n flex: 1;\n align-items: flex-start;\n min-height: 38px;\n overflow-x: hidden;\n overflow-y: auto;\n overflow-y: overlay;\n padding: 1px 0px;\n scrollbar-color: $color-primary-02-400 $color-sidebar-divider-background;\n scrollbar-width: thin;\n\n ul,\n li {\n list-style-type: none;\n margin: 0;\n padding: 0;\n display: flex;\n width: 100%;\n }\n\n ul {\n align-items: start;\n flex-direction: column;\n justify-content: center;\n\n li {\n flex-direction: column;\n box-sizing: border-box;\n margin: 4px 0px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n &.is-hidden {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: -320px;\n opacity: 0;\n }\n\n &.is-visible {\n @include transition(margin-left 300ms ease-in-out);\n margin-left: 0;\n }\n }\n\n &::-webkit-scrollbar {\n width: 5px;\n height: 10px;\n background: $color-sidebar-scroll-background;\n\n &-thumb {\n background: $color-sidebar-scroll-color;\n }\n }\n }\n</style>\n"],"names":["ctx","length","i","if_block","create_if_block_1","attr","ul","ul_class_value","null_to_empty","ul_aria_hidden_value","insert","target","div","anchor","append","each_blocks","current","dirty","code","li","create_if_block","expandedGroup","expandedSubGroup","data","$$props","a11yLabels","handleGroupClick","open","$isSidebarOpen","toggleSidebar","$$invalidate","undefined","handleFeatureClick","event","detail","featureGroup"],"mappings":"w8EA+CaA,EAAI,wBAATC,OAAIC,GAAA,4DAWH,IAAAC,EAAAH,MAAoBA,EAAc,IAAAI,EAAAJ,uFAd9BK,EAAAC,EAAA,QAAAC,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,kBACzDK,EAAAC,EAAA,cAAAG,EAAAT,MAAoBA,EAAc,4DAHnDU,EAuBKC,EAAAC,EAAAC,GAtBHC,EAcIF,EAAAN,6GAVKN,EAAI,WAATC,OAAIC,GAAA,EAAA,yGAAJD,OAAIC,EAAAa,EAAAd,OAAAC,GAAA,aAHCc,GAAA,GAAAC,GAAAV,KAAAA,EAAAC,EAAAR,MAAoBA,EAAc,GAAG,YAAc,cAAY,qCACzDgB,GAAA,GAAAC,GAAAR,KAAAA,EAAAT,MAAoBA,EAAc,2BAa5CA,MAAoBA,EAAc,iIAXnCC,OAAIC,GAAA,4OAIQF,EAAa,KAAKA,EAAY,IAACkB,+HAH3CR,EAOIC,EAAAQ,EAAAN,wHAJQb,EAAa,KAAKA,EAAY,IAACkB,0LASrClB,EAAgB,2HAAhBA,EAAgB,6IAnBzBG,EAAAH,MAAMC,QAAMmB,EAAApB,yEAAZA,MAAMC,+NA9BLoB,EACAC,QAJOC,EAAI,IAAAC,cACJC,GAAsBD,EAKxB,SAAAE,EAAiBR,GAElB,MAAAS,EAAOC,EACRD,GACHE,IAIAC,EAAA,EAAAT,EADEM,GAAQN,IAAkBH,OACZa,EAEAb,GAIX,SAAAc,EAAmBC,IACtBA,eAAAA,EAAOC,QACLZ,GAAoBA,EAAiBJ,OAASe,EAAMC,OAAOhB,KAC7DY,EAAA,EAAAR,OAAmBS,OAEnBT,EAAmBW,EAAMC,QAG3BJ,EAAA,EAAAR,OAAmBS,sGAiBME,GAAUD,EAAmBC,MALhCP,EAAiBS,EAAajB,UAc7Bc"}