@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.
- package/package.json +6 -3
- package/public/{DataTableDefaultAction.nested-4da4dc44.js → DataTableDefaultAction.nested-483f8bb0.js} +2 -2
- package/public/DataTableDefaultAction.nested-483f8bb0.js.map +1 -0
- package/public/adeo/{DataTableDefaultAction.nested-9f01417d.js → DataTableDefaultAction.nested-90536fe3.js} +2 -2
- package/public/adeo/DataTableDefaultAction.nested-90536fe3.js.map +1 -0
- package/public/adeo/components/accordion/Accordion.js +1 -1
- package/public/adeo/components/accordion/Accordion.js.map +1 -1
- package/public/adeo/components/chart/LineChart.js +1 -1
- package/public/adeo/components/chart/LineChart.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/DataTable.js.map +1 -1
- package/public/adeo/components/datatable/DataTable.svelte +2 -0
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +1 -0
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js +1 -1
- package/public/adeo/components/fileuploader/FileUploader.js.map +1 -1
- package/public/adeo/components/fileuploader/FileUploader.svelte +7 -0
- package/public/adeo/components/link/Link.js +1 -1
- package/public/adeo/components/link/Link.js.map +1 -1
- package/public/adeo/components/link/Link.svelte +1 -1
- package/public/adeo/components/modal/Modal.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/adeo/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/adeo/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/adeo/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/bricoman/{DataTableDefaultAction.nested-1c046074.js → DataTableDefaultAction.nested-928e5e2d.js} +2 -2
- package/public/bricoman/DataTableDefaultAction.nested-928e5e2d.js.map +1 -0
- package/public/bricoman/components/accordion/Accordion.js +1 -1
- package/public/bricoman/components/accordion/Accordion.js.map +1 -1
- package/public/bricoman/components/chart/LineChart.js +1 -1
- package/public/bricoman/components/chart/LineChart.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/DataTable.js.map +1 -1
- package/public/bricoman/components/datatable/DataTable.svelte +2 -0
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +1 -0
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.js.map +1 -1
- package/public/bricoman/components/fileuploader/FileUploader.svelte +7 -0
- package/public/bricoman/components/link/Link.js +1 -1
- package/public/bricoman/components/link/Link.js.map +1 -1
- package/public/bricoman/components/link/Link.svelte +1 -1
- package/public/bricoman/components/modal/Modal.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/bricoman/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/bricoman/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/bricoman/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/components/accordion/Accordion.js +1 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/chart/LineChart.js +1 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +2 -0
- package/public/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/components/datatable/datatable.types.d.ts +1 -0
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/datatabledefaultaction/DataTableDefaultAction.nested.svelte +1 -1
- package/public/components/fileuploader/FileUploader.js +1 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/FileUploader.svelte +7 -0
- package/public/components/link/Link.js +1 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/link/Link.svelte +1 -1
- package/public/components/modal/Modal.js +1 -1
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar-section/sidebar-section.nested.svelte +2 -2
- package/public/components/sidebar-segment/sidebar-segment.nested.svelte +6 -3
- package/public/utilities/components/datatable/datatable.types.d.ts +1 -0
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts +1 -0
- package/public/utilities/stories/fileuploader/FileUploader.stories.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-4da4dc44.js.map +0 -1
- package/public/adeo/DataTableDefaultAction.nested-9f01417d.js.map +0 -1
- package/public/bricoman/DataTableDefaultAction.nested-1c046074.js.map +0 -1
|
@@ -1 +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","
|
|
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,
|
|
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 #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.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:#ff5800}.mc-link--primary.is-visited,.mc-link--primary:visited{color:#ff5800}.mc-link--primary.is-hover,.mc-link--primary:hover{color:#b83f00}.mc-link--primary.is-active,.mc-link--primary:active{color:#ff5800}.mc-link--primary.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--primary-02{color:#b83f00}.mc-link--primary-02.is-visited,.mc-link--primary-02:visited{color:#943300}.mc-link--primary-02.is-hover,.mc-link--primary-02:hover{color:#421700}.mc-link--primary-02.is-active,.mc-link--primary-02:active{color:#943300}.mc-link--primary-02.is-disabled{color:#e6e6e6;cursor:not-allowed}.mc-link--danger{color:#c61112}.mc-link--danger.is-visited,.mc-link--danger:visited{color:#8c0003}.mc-link--danger.is-hover,.mc-link--danger:hover{color:#530000}.mc-link--danger.is-active,.mc-link--danger:active{color:#8c0003}.mc-link--danger.is-disabled{color:#e6e6e6;cursor:not-allowed}@media screen and (min-width: 680px){.mc-link--s\\@from-m{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-m{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-link--s\\@from-l{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-l{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-link--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xl{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-link--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857}.mc-link--m\\@from-xxl{font-size:1rem;line-height:1.375}}',this.shadowRoot.appendChild(r),i(this,{target:this.shadowRoot,props:t(this.attributes),customElement:!0},C,H,o,{label:0,href:1,target:2,theme:3,disabled:4,size:5,iconname:6,iconposition:7},null),e&&(e.target&&n(e.target,this,e.anchor),e.props&&(this.$set(e.props),s()))}static get observedAttributes(){return["label","href","target","theme","disabled","size","iconname","iconposition"]}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get href(){return this.$$.ctx[1]}set href(e){this.$$set({href:e}),s()}get target(){return this.$$.ctx[2]}set target(e){this.$$set({target:e}),s()}get theme(){return this.$$.ctx[3]}set theme(e){this.$$set({theme:e}),s()}get disabled(){return this.$$.ctx[4]}set disabled(e){this.$$set({disabled:e}),s()}get size(){return this.$$.ctx[5]}set size(e){this.$$set({size:e}),s()}get iconname(){return this.$$.ctx[6]}set iconname(e){this.$$set({iconname:e}),s()}get iconposition(){return this.$$.ctx[7]}set iconposition(e){this.$$set({iconposition:e}),s()}}export{E as default};
|
|
2
2
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import type { LinkIconPosition, LinkSize, LinkTheme } from './link.types';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let label: string;\n export let href: string;\n export let target: string;\n export let theme: LinkTheme = undefined;\n export let disabled = false;\n export let size: LinkSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconposition: LinkIconPosition | undefined = undefined;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(iconName: string): string {\n return `${iconName} size=\"1rem\"`;\n }\n\n function generateIconClass(iconposition: string): string {\n const classes = ['mc-link__icon'];\n\n if (iconposition === 'left') {\n classes.push('mc-link__icon--left');\n }\n\n if (iconposition === 'right') {\n classes.push('mc-link__icon--right');\n }\n return classes.join(' ');\n }\n\n function setClasses(theme: LinkTheme, size: LinkSize): string {\n const classes = ['mc-link'];\n\n if (theme) {\n classes.push(`mc-link--${theme}`);\n }\n if (size) {\n classes.push(`mc-link--${size}`);\n }\n return classes.join(' ');\n }\n</script>\n\n<a\n use:forwardEvents\n on:click\n {href}\n {target}\n class=\"{setClasses(theme, size)} {disabled ? 'is-disabled' : ''} {userClass}\"\n {...attributes}\n>\n {#if iconname && iconposition === 'left'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n\n {label}\n\n {#if iconname && iconposition === 'right'}\n <span class={generateIconClass(iconposition)}>\n {@html `<${generateIconName(iconname)} />`}\n </span>\n {/if}\n</a>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.links';\n</style>\n"],"names":["raw_value","generateIconName","ctx","attr","span","span_class_value","generateIconClass","insert","target","anchor","dirty","innerHTML","create_if_block_1","create_if_block","setClasses","a","a_data","class","a_class_value","iconName","iconposition","classes","push","join","theme","size","label","$$props","href","disabled","iconname","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps"],"mappings":"4QA6DiBA,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,2DAS9BF,EAAA,IAAAC,EAAiBC,EAAQ,gCADzBC,EAAAC,EAAA,QAAAC,EAAAC,EAAkBJ,EAAY,aAA3CK,EAEMC,EAAAJ,EAAAK,yBADO,GAAAC,GAAAV,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,YAAAE,EAAAO,UAAAX,GADzB,IAAAU,GAAAL,KAAAA,EAAAC,EAAkBJ,EAAY,uEATxCA,EAAQ,IAAqB,SAAjBA,EAAY,IAAWU,EAAAV,KAQnCA,EAAQ,IAAqB,UAAjBA,EAAY,IAAYW,EAAAX,yCAXjCY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,IACvEA,EAAU,wFAQbA,EAAK,2CAdRK,EAqBGC,EAAAO,EAAAN,uHAbIP,EAAQ,IAAqB,SAAjBA,EAAY,kEAM5BA,EAAK,GAAAc,EAAA,iBAEDd,EAAQ,IAAqB,UAAjBA,EAAY,yHAXrBY,EAAWZ,EAAK,GAAEA,EAAI,IAAA,KAAIA,EAAQ,GAAG,cAAgB,IAAE,IAAGA,EAAS,KAAA,CAAAe,MAAAC,UACvEhB,EAAU,0DApCL,SAAAD,EAAiBkB,YACdA,gBAGH,SAAAb,EAAkBc,GACnB,MAAAC,GAAW,uBAEI,SAAjBD,GACFC,EAAQC,KAAK,uBAGM,UAAjBF,GACFC,EAAQC,KAAK,wBAERD,EAAQE,KAAK,cAGbT,EAAWU,EAAkBC,GAC9B,MAAAJ,GAAW,kBAEbG,GACFH,EAAQC,KAAI,YAAaE,KAEvBC,GACFJ,EAAQC,KAAI,YAAaG,KAEpBJ,EAAQE,KAAK,yIAzCXG,GAAaC,QACbC,GAAYD,UACZnB,GAAcmB,GACdH,MAAAA,GAA4BG,GAC5BE,SAAAA,GAAW,GAAKF,GAChBF,KAAAA,EAAiB,KAAGE,GACpBG,SAAAA,GAAwCH,GACxCP,aAAAA,GAAsDO,QAE3DI,EAAgBC,EAAqBC,yUAExCC,EAAA,EAAAC,EAAYR,EAAQV,WACpBmB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as t,a as i,b as o,f as a,s,c as n,e as l,t as r,d,n as m,g as c,h as b,j as h,l as p,k as g,m as f,o as x,p as w,a4 as y,q as u,v as _}from"../../index-c33b3772.js";import{E as v}from"../../EventHandler-02058705.js";function k(e){let t,i;return{c(){t=l("h3"),i=r(e[1]),c(t,"class","mc-modal__heading"),c(t,"id","layerTitle")},m(e,a){o(e,t,a),h(t,i)},p(e,t){2&t&&g(i,e[1])},d(e){e&&x(t)}}}function $(e){let t;return{c(){t=l("footer"),t.innerHTML='<slot name="footer"></slot>',c(t,"class","mc-modal__footer")},m(e,i){o(e,t,i)},d(e){e&&x(t)}}}function M(e){let t,i,a,s,w,y,u,_,v,M,A,D,I,j,z,C,S,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!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:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},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:"LeroyMerlin", 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 #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.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:600;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,L,E,T,O,Y,H,Z,N=e[1]&&k(e),q=!e[6]&&$(),P=[{class:L="mc-modal "+(e[7]?" mc-modal--overflow":"")},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},{"aria-hidden":E=!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:L},{tabindex:"-1"},{role:"dialog"},{"aria-labelledby":"modalTitle"},1&t&&E!==(E=!e[0])&&{"aria-hidden":E},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:"LeroyMerlin", 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 #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.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:600;color:#000000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:rgba(25, 25, 25, 0.7);-webkit-filter:blur(1px);filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity 0.4s ease, visibility 0ms 0.4s;-o-transition:opacity 0.4s ease, visibility 0ms 0.4s;transition:opacity 0.4s ease, visibility 0ms 0.4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;-webkit-transition:opacity 0.4s ease, visibility 0ms;-o-transition:opacity 0.4s ease, visibility 0ms;transition:opacity 0.4s ease, visibility 0ms;visibility:visible}',this.shadowRoot.appendChild(n),t(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},A,M,s,{title:1,modaltitle:2,isopen:0,closebuttontext:3,hidefooter:9},null),e&&(e.target&&o(e.target,this,e.anchor),e.props&&(this.$set(e.props),a()))}static get observedAttributes(){return["title","modaltitle","isopen","closebuttontext","hidefooter"]}get title(){return this.$$.ctx[1]}set title(e){this.$$set({title:e}),a()}get modaltitle(){return this.$$.ctx[2]}set modaltitle(e){this.$$set({modaltitle:e}),a()}get isopen(){return this.$$.ctx[0]}set isopen(e){this.$$set({isopen:e}),a()}get closebuttontext(){return this.$$.ctx[3]}set closebuttontext(e){this.$$set({closebuttontext:e}),a()}get hidefooter(){return this.$$.ctx[9]}set hidefooter(e){this.$$set({hidefooter:e}),a()}}export{D as default};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as
|
|
1
|
+
import{S as e,i as r,a as s,b as a,f as t,s as i,c as n,e as o,t as c,d as p,n as l,g as d,y as m,h as g,j as u,m as b,o as h,p as v,q as x,k as f}from"../../index-c33b3772.js";function $(e){let r,s,t;return{c(){r=o("div"),s=c(e[0]),t=c("%"),d(r,"class","mc-progressbar__percentage")},m(e,i){a(e,r,i),u(r,s),u(r,t)},p(e,r){1&r&&f(s,e[0])},d(e){e&&h(r)}}}function _(e){let r,s,t,i,v,x=e[3]&&$(e),f=[{class:v=e[4](e[3])+" "+e[5].class},e[6]],_={};for(let e=0;e<f.length;e+=1)_=n(_,f[e]);return{c(){r=o("div"),s=o("div"),t=c(" "),i=p(),x&&x.c(),this.c=l,d(s,"class","mc-progressbar__indicator"),d(s,"role","progressbar"),d(s,"aria-valuenow",e[0]),d(s,"aria-valuemin",e[1]),d(s,"aria-valuemax",e[2]),m(s,"width",e[0]+"%"),g(r,_)},m(e,n){a(e,r,n),u(r,s),u(s,t),u(r,i),x&&x.m(r,null)},p(e,[a]){1&a&&d(s,"aria-valuenow",e[0]),2&a&&d(s,"aria-valuemin",e[1]),4&a&&d(s,"aria-valuemax",e[2]),1&a&&m(s,"width",e[0]+"%"),e[3]?x?x.p(e,a):(x=$(e),x.c(),x.m(r,null)):x&&(x.d(1),x=null),g(r,_=b(f,[40&a&&v!==(v=e[4](e[3])+" "+e[5].class)&&{class:v},64&a&&e[6]]))},i:l,o:l,d(e){e&&h(r),x&&x.d()}}}function w(e,r,s){const a=["value","valuemin","valuemax","displaypercentage","size","branded"];let t=v(r,a),{value:i}=r,{valuemin:o=0}=r,{valuemax:c=100}=r,{displaypercentage:p}=r,{size:l="m"}=r,{branded:d}=r;return e.$$set=e=>{s(5,r=n(n({},r),x(e))),s(6,t=v(r,a)),"value"in e&&s(0,i=e.value),"valuemin"in e&&s(1,o=e.valuemin),"valuemax"in e&&s(2,c=e.valuemax),"displaypercentage"in e&&s(3,p=e.displaypercentage),"size"in e&&s(7,l=e.size),"branded"in e&&s(8,d=e.branded)},r=x(r),[i,o,c,p,function(e){const r=["mc-progressbar"];return e&&r.push("mc-progressbar--percent"),i>=51&&r.push("mc-progressbar--half"),"s"===l?r.push("mc-progressbar--s"):"xs"===l&&r.push("mc-progressbar--xs"),d&&r.push("mc-progressbar--branded"),r.join(" ")},r,t,l,d]}class y extends e{constructor(e){super();const n=document.createElement("style");n.textContent='.mc-progressbar{font-family:"LeroyMerlin", 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:#ff5800;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:600;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 +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-
|
|
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":"o+EA+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,2 +1,2 @@
|
|
|
1
|
-
import{P as e,i as s,s as t,Q as i,K as n,b as a,n as
|
|
1
|
+
import{P as e,i as s,s as t,Q as i,K as n,b as a,n as m,o as l,ab as o,e as c,d as r,t as d,g as b,j as g,l as v,k as p,Z as x}from"../../index-c33b3772.js";import{a as f,s as u,i as z}from"../../sidebar-service-275bf9ef.js";function _(e){i(e,"svelte-12zmtsi",".mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi{cursor:pointer;-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;color:#191919;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:40px}.mc-sidebar-segment__icon.svelte-12zmtsi.svelte-12zmtsi{fill:#191919}.mc-sidebar-segment.svelte-12zmtsi span.svelte-12zmtsi{width:200px;min-width:200px}.mc-sidebar-segment__container.svelte-12zmtsi.svelte-12zmtsi{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:8px 0px}.mc-sidebar-segment__text.svelte-12zmtsi.svelte-12zmtsi{margin-left:10px}.mc-sidebar-segment.is-selected.svelte-12zmtsi.svelte-12zmtsi{background:#ffab80}.mc-sidebar-segment.svelte-12zmtsi .svelte-12zmtsi:last-child{margin-left:10px}.mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi:focus-visible{-webkit-box-shadow:none;box-shadow:none;border:none;outline:none}.mc-sidebar-segment.svelte-12zmtsi:focus-visible .mc-sidebar-segment__container.svelte-12zmtsi{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:6px;outline:1px solid #0b96cc}.mc-sidebar-segment.svelte-12zmtsi.svelte-12zmtsi:hover{background:#ff7933}.mc-sidebar-segment.is-close.svelte-12zmtsi .mc-sidebar-segment__container.svelte-12zmtsi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 20px;width:24px}.mc-sidebar-segment.is-close.svelte-12zmtsi .mc-sidebar-segment__text.svelte-12zmtsi{opacity:0}.mc-sidebar-segment.is-open.svelte-12zmtsi .mc-sidebar-segment__container.svelte-12zmtsi{-o-transition:margin 300ms ease-in-out;-webkit-transition:margin 300ms ease-in-out;transition:margin 300ms ease-in-out;margin:0 32px}.mc-sidebar-segment.is-open.svelte-12zmtsi .mc-sidebar-segment__text.svelte-12zmtsi{opacity:1}")}function h(e){let s,t,i,n,m,o,x,f,u,z,_,h,k=e[0].label+"",y=e[0].icon&&w(e);return{c(){s=c("a"),t=c("div"),y&&y.c(),i=r(),n=c("span"),m=d(k),b(n,"aria-hidden",o=!e[2]),b(n,"class","mc-sidebar-segment__text svelte-12zmtsi"),b(t,"class","mc-sidebar-segment__container mc-sidebar-segment__icon svelte-12zmtsi"),b(s,"aria-label",x=e[0].label),b(s,"class",f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-12zmtsi"),b(s,"href",u=e[0].href??"javascript:void(null)"),b(s,"id",z=e[0].code)},m(l,o){a(l,s,o),g(s,t),y&&y.m(t,null),g(t,i),g(t,n),g(n,m),_||(h=v(s,"click",e[3]),_=!0)},p(e,a){e[0].icon?y?y.p(e,a):(y=w(e),y.c(),y.m(t,i)):y&&(y.d(1),y=null),1&a&&k!==(k=e[0].label+"")&&p(m,k),4&a&&o!==(o=!e[2])&&b(n,"aria-hidden",o),1&a&&x!==(x=e[0].label)&&b(s,"aria-label",x),7&a&&f!==(f="mc-sidebar-segment "+(e[0].code===e[1]?.lv0?.code?"is-selected":"")+" "+(e[2]?"is-open":"is-close")+" svelte-12zmtsi")&&b(s,"class",f),1&a&&u!==(u=e[0].href??"javascript:void(null)")&&b(s,"href",u),1&a&&z!==(z=e[0].code)&&b(s,"id",z)},d(e){e&&l(s),y&&y.d(),_=!1,h()}}}function w(e){let s,t,i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`;return{c(){s=new x(!1),t=n(),s.a=t},m(e,n){s.m(i,e,n),a(e,t,n)},p(e,t){1&t&&i!==(i=`<${$(e[0].icon)} class="mc-sidebar-segment__icon" style="${y}" />`)&&s.p(i)},d(e){e&&l(t),e&&s.d()}}}function k(e){let s,t=e[0]&&h(e);return{c(){t&&t.c(),s=n()},m(e,i){t&&t.m(e,i),a(e,s,i)},p(e,[i]){e[0]?t?t.p(e,i):(t=h(e),t.c(),t.m(s.parentNode,s)):t&&(t.d(1),t=null)},i:m,o:m,d(e){t&&t.d(e),e&&l(s)}}}const y="width: 24px; height: 24px;";function $(e){return`${e} size="2rem"`}function j(e,s,t){let i,n;o(e,u,(e=>t(1,i=e))),o(e,z,(e=>t(2,n=e)));let{data:a}=s;return e.$$set=e=>{"data"in e&&t(0,a=e.data)},[a,i,n,function(){f(a.code)}]}class K extends e{constructor(e){super(),s(this,e,j,k,t,{data:0},_)}}export{K as default};
|
|
2
2
|
//# sourceMappingURL=sidebar-segment.nested.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n const mediumIconStyle
|
|
1
|
+
{"version":3,"file":"sidebar-segment.nested.js","sources":["../../../../src/components/sidebar/sidebar-segment.nested.svelte"],"sourcesContent":["<svelte:options />\n\n<script lang=\"ts\">\n import type { Segment } from './sidebar.types';\n import {\n isSidebarOpen,\n selectedFeature,\n selectFeature,\n } from './sidebar-service';\n\n export let data: Segment;\n\n const mediumIconStyle = 'width: 24px; height: 24px;';\n\n function generateIcon(iconname: string): string {\n return `${iconname} size=\"2rem\"`;\n }\n\n function handleClick() {\n selectFeature(data.code);\n }\n</script>\n\n{#if data}\n <a\n aria-label={data.label}\n class=\"mc-sidebar-segment {data.code === $selectedFeature?.lv0?.code\n ? 'is-selected'\n : ''} {$isSidebarOpen ? 'is-open' : 'is-close'}\"\n href={data.href ?? 'javascript:void(null)'}\n id={data.code}\n on:click={handleClick}\n >\n <div class=\"mc-sidebar-segment__container mc-sidebar-segment__icon\">\n {#if data.icon}\n {@html `<${generateIcon(\n data.icon,\n )} class=\"mc-sidebar-segment__icon\" style=\"${mediumIconStyle}\" />`}\n {/if}\n <span aria-hidden={!$isSidebarOpen} class=\"mc-sidebar-segment__text\">\n {data.label}\n </span>\n </div>\n </a>\n{/if}\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import './sidebar-variables';\n\n .mc-sidebar-segment {\n cursor: pointer;\n flex: 0;\n text-decoration: none;\n color: $color-sidebar-text-color;\n line-height: 22px;\n display: flex;\n overflow: hidden;\n min-height: 40px;\n\n &__icon {\n fill: $color-sidebar-icon;\n }\n\n span {\n width: 200px;\n min-width: 200px;\n }\n\n &__container {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 8px 0px;\n }\n\n svg {\n fill: $color-sidebar-icon;\n }\n\n &__text {\n margin-left: 10px;\n }\n\n &.is-selected {\n background: $color-sidebar-feature-selected-background;\n }\n\n :last-child {\n margin-left: 10px;\n }\n\n &:focus-visible {\n box-shadow: none;\n border: none;\n outline: none;\n\n .mc-sidebar-segment__container {\n box-shadow: none;\n border: none;\n border-radius: 6px;\n outline: 1px solid #0b96cc;\n }\n }\n\n &:hover {\n background: $color-sidebar-feature-hover-background;\n }\n\n &.is-close {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 20px;\n width: 24px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 0;\n }\n }\n\n &.is-open {\n .mc-sidebar-segment__container {\n @include transition(margin 300ms ease-in-out);\n margin: 0 32px;\n }\n\n .mc-sidebar-segment__text {\n opacity: 1;\n }\n }\n }\n</style>\n"],"names":["t1_value","ctx","label","if_block","icon","create_if_block_1","attr","a","a_aria_label_value","a_class_value","code","lv0","href","a_id_value","insert","target","anchor","append","div","span","dirty","set_data","t1","raw_value","generateIcon","mediumIconStyle","html_tag","p","create_if_block","iconname","data","$$props","selectFeature"],"mappings":"ioEAwCSA,EAAAC,KAAKC,MAAK,GANRC,EAAAF,KAAKG,MAAIC,EAAAJ,yFAKMA,EAAc,gJAdxBK,EAAAC,EAAA,aAAAC,EAAAP,KAAKC,OACUI,EAAAC,EAAA,QAAAE,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,gCAC1CA,EAAI,GAACW,MAAQ,yBACfN,EAAAC,EAAA,KAAAM,EAAAZ,KAAKS,cANXI,EAmBGC,EAAAR,EAAAS,GAVDC,EASKV,EAAAW,yBAHHD,EAEMC,EAAAC,4BAVElB,EAAW,kBAGdA,KAAKG,2DAMP,EAAAgB,GAAApB,KAAAA,EAAAC,KAAKC,MAAK,KAAAmB,EAAAC,EAAAtB,gBADOC,EAAc,0BAdxB,EAAAmB,GAAAZ,KAAAA,EAAAP,KAAKC,4BACU,EAAAkB,GAAAX,KAAAA,EAAA,uBAAAR,KAAKS,OAAST,EAAkB,IAAAU,KAAKD,KAC5D,cACA,IAAK,KAAAT,EAAiB,GAAA,UAAY,YAAU,+CAC1CA,EAAI,GAACW,MAAQ,wCACf,EAAAQ,GAAAP,KAAAA,EAAAZ,KAAKS,2EAKMa,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,+EAFlC,EAAAL,GAAAG,KAAAA,EAAA,IAAAC,EACTvB,EAAK,GAAAG,iDACsCqB,UAAeC,EAAAC,EAAAJ,kDAd/DtB,EAAI,IAAA2B,EAAA3B,oEAAJA,EAAI,sGAXD,MAAAwB,EAAkB,6BAEf,SAAAD,EAAaK,YACVA,6FALDC,GAAaC,kEAStBC,EAAcF,EAAKpB"}
|
|
@@ -125,10 +125,10 @@
|
|
|
125
125
|
&::-webkit-scrollbar {
|
|
126
126
|
width: 5px;
|
|
127
127
|
height: 10px;
|
|
128
|
-
background: $color-sidebar-
|
|
128
|
+
background: $color-sidebar-scroll-background;
|
|
129
129
|
|
|
130
130
|
&-thumb {
|
|
131
|
-
background: $color-
|
|
131
|
+
background: $color-sidebar-scroll-color;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
@@ -10,8 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
export let data: Segment;
|
|
12
12
|
|
|
13
|
-
const mediumIconStyle =
|
|
14
|
-
'width: 24px; height: 24px; fill: ${$color-sidebar-icon};';
|
|
13
|
+
const mediumIconStyle = 'width: 24px; height: 24px;';
|
|
15
14
|
|
|
16
15
|
function generateIcon(iconname: string): string {
|
|
17
16
|
return `${iconname} size="2rem"`;
|
|
@@ -32,7 +31,7 @@
|
|
|
32
31
|
id={data.code}
|
|
33
32
|
on:click={handleClick}
|
|
34
33
|
>
|
|
35
|
-
<div class="mc-sidebar-segment__container">
|
|
34
|
+
<div class="mc-sidebar-segment__container mc-sidebar-segment__icon">
|
|
36
35
|
{#if data.icon}
|
|
37
36
|
{@html `<${generateIcon(
|
|
38
37
|
data.icon,
|
|
@@ -59,6 +58,10 @@
|
|
|
59
58
|
overflow: hidden;
|
|
60
59
|
min-height: 40px;
|
|
61
60
|
|
|
61
|
+
&__icon {
|
|
62
|
+
fill: $color-sidebar-icon;
|
|
63
|
+
}
|
|
64
|
+
|
|
62
65
|
span {
|
|
63
66
|
width: 200px;
|
|
64
67
|
min-width: 200px;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as o,i,a as e,b as c,f as a,s as t,c as n,e as r,d,t as s,n as l,g as m,h as g,j as b,l as h,k as w,m as p,o as x,p as M,q as u}from"../../index-c33b3772.js";import{E as I}from"../../EventHandler-02058705.js";function _(o){let i,e=`<${f(o[2],String(o[3]),o[1])} />`;return{c(){i=r("span"),m(i,"class","mc-accordion__icon")},m(o,a){c(o,i,a),i.innerHTML=e},p(o,c){14&c&&e!==(e=`<${f(o[2],String(o[3]),o[1])} />`)&&(i.innerHTML=e)},d(o){o&&x(i)}}}function D(o){let i,e,a,t,M,u,I,D,f,k,A,y,v,C,E,Z,z,L=o[2]&&_(o),j=[{class:E="mc-accordion "+(o[1]?`mc-accordion--${o[1]}`:"")+" "+(o[8]?" is-open":"")+" "+(o[5]?" mc-accordion--no-padding":"")+" "+(o[6]?" mc-accordion--checkable":"")+" "+(o[4]?" is-disabled":"")+" "+o[9]},o[7]],N={};for(let o=0;o<j.length;o+=1)N=n(N,j[o]);return{c(){i=r("div"),e=r("div"),a=r("slot"),t=d(),M=r("h2"),u=r("button"),L&&L.c(),I=d(),D=s(o[0]),f=d(),k=r("slot"),y=d(),v=r("div"),C=r("slot"),this.c=l,m(a,"name","beforeLabel"),m(k,"name","afterLabel"),m(u,"id","m-accordion"),m(u,"class","mc-accordion__trigger"),m(u,"type","button"),m(u,"aria-controls","content"),m(u,"aria-expanded",A=!o[8]),u.disabled=o[4],m(M,"class","mc-accordion__title"),m(e,"class","mc-accordion__header"),m(v,"id","content"),m(v,"class","mc-accordion__content"),m(v,"aria-hidden",o[8]),m(v,"aria-labelledby","m-accordion"),g(i,N)},m(n,r){c(n,i,r),b(i,e),b(e,a),b(e,t),b(e,M),b(M,u),L&&L.m(u,null),b(u,I),b(u,D),b(u,f),b(u,k),b(i,y),b(i,v),b(v,C),Z||(z=h(u,"click",o[10]),Z=!0)},p(o,[e]){o[2]?L?L.p(o,e):(L=_(o),L.c(),L.m(u,I)):L&&(L.d(1),L=null),1&e&&w(D,o[0]),256&e&&A!==(A=!o[8])&&m(u,"aria-expanded",A),16&e&&(u.disabled=o[4]),256&e&&m(v,"aria-hidden",o[8]),g(i,N=p(j,[882&e&&E!==(E="mc-accordion "+(o[1]?`mc-accordion--${o[1]}`:"")+" "+(o[8]?" is-open":"")+" "+(o[5]?" mc-accordion--no-padding":"")+" "+(o[6]?" mc-accordion--checkable":"")+" "+(o[4]?" is-disabled":"")+" "+o[9])&&{class:E},128&e&&o[7]]))},i:l,o:l,d(o){o&&x(i),L&&L.d(),Z=!1,z()}}}function f(o,i,e){return"s"===e?`${o} size="1.5rem"`:`${o} size="2rem" fill="${i}"`}function k(o,i,e){let c,a,t;const r=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"];let d=M(i,r),{label:s}=i,{size:l="m"}=i,{iconname:m}=i,{iconcolor:g}=i,{open:b=!1}=i,{disabled:h=!1}=i,{nopadding:w=!1}=i,{checkable:p=!1}=i,x=new I;return o.$$set=o=>{e(14,i=n(n({},i),u(o))),e(13,d=M(i,r)),"label"in o&&e(0,s=o.label),"size"in o&&e(1,l=o.size),"iconname"in o&&e(2,m=o.iconname),"iconcolor"in o&&e(3,g=o.iconcolor),"open"in o&&e(11,b=o.open),"disabled"in o&&e(4,h=o.disabled),"nopadding"in o&&e(5,w=o.nopadding),"checkable"in o&&e(6,p=o.checkable)},o.$$.update=()=>{2048&o.$$.dirty&&e(8,c=!!b),e(9,a=i.class),e(7,t=Object.assign({},d)),128&o.$$.dirty&&delete t.class},i=u(i),[s,l,m,g,h,w,p,t,c,a,function(){x.dispatch("on-heading-click",c),e(8,c=!c)},b]}class A extends o{constructor(o){super();const n=document.createElement("style");n.textContent='.mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxOTE5MTkiICB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS4wOSwxMWgtNlY1YTEsMSwwLDAsMC0yLDB2NmgtNmExLDEsMCwwLDAsMCwyaDZ2NmExLDEsMCwwLDAsMiwwVjEzaDZhMSwxLDAsMCwwLDAtMloiLz48L3N2Zz4=");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiM2NjY2NjYiICB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS4wOSwxMWgtNlY1YTEsMSwwLDAsMC0yLDB2NmgtNmExLDEsMCwwLDAsMCwyaDZ2NmExLDEsMCwwLDAsMiwwVjEzaDZhMSwxLDAsMCwwLDAtMloiLz48L3N2Zz4=")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LjA5LDEzaC0xMGExLDEsMCwwLDEsMC0yaDEwYTEsMSwwLDAsMSwwLDJaIi8+PC9zdmc+")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LjA5LDEzaC0xMGExLDEsMCwwLDEsMC0yaDEwYTEsMSwwLDAsMSwwLDJaIi8+PC9zdmc+")}.mc-accordion__label{font-weight:600;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative}.mc-accordion__label::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;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::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;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDdIOVYzYTEgMSAwIDAwLTIgMHY0SDNhMSAxIDAgMDAwIDJoNHY0YTEgMSAwIDAwMiAwVjloNGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDdIOVYzYTEgMSAwIDAwLTIgMHY0SDNhMSAxIDAgMDAwIDJoNHY0YTEgMSAwIDAwMiAwVjloNGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}:host{display:block}',this.shadowRoot.appendChild(n),i(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},k,D,t,{label:0,size:1,iconname:2,iconcolor:3,open:11,disabled:4,nopadding:5,checkable:6},null),o&&(o.target&&c(o.target,this,o.anchor),o.props&&(this.$set(o.props),a()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"]}get label(){return this.$$.ctx[0]}set label(o){this.$$set({label:o}),a()}get size(){return this.$$.ctx[1]}set size(o){this.$$set({size:o}),a()}get iconname(){return this.$$.ctx[2]}set iconname(o){this.$$set({iconname:o}),a()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(o){this.$$set({iconcolor:o}),a()}get open(){return this.$$.ctx[11]}set open(o){this.$$set({open:o}),a()}get disabled(){return this.$$.ctx[4]}set disabled(o){this.$$set({disabled:o}),a()}get nopadding(){return this.$$.ctx[5]}set nopadding(o){this.$$set({nopadding:o}),a()}get checkable(){return this.$$.ctx[6]}set checkable(o){this.$$set({checkable:o}),a()}}export{A as default};
|
|
1
|
+
import{S as o,i as e,a as i,b as c,f as a,s as t,c as n,e as r,d,t as s,n as l,g as m,h as g,j as b,l as h,k as w,m as p,o as x,p as M,q as u}from"../../index-c33b3772.js";import{E as I}from"../../EventHandler-02058705.js";function _(o){let e,i=`<${f(o[2],String(o[3]),o[1])} />`;return{c(){e=r("span"),m(e,"class","mc-accordion__icon")},m(o,a){c(o,e,a),e.innerHTML=i},p(o,c){14&c&&i!==(i=`<${f(o[2],String(o[3]),o[1])} />`)&&(e.innerHTML=i)},d(o){o&&x(e)}}}function D(o){let e,i,a,t,M,u,I,D,f,k,A,y,v,C,E,Z,z,L=o[2]&&_(o),j=[{class:E="mc-accordion "+(o[1]?`mc-accordion--${o[1]}`:"")+" "+(o[8]?" is-open":"")+" "+(o[5]?" mc-accordion--no-padding":"")+" "+(o[6]?" mc-accordion--checkable":"")+" "+(o[4]?" is-disabled":"")+" "+o[9]},o[7]],N={};for(let o=0;o<j.length;o+=1)N=n(N,j[o]);return{c(){e=r("div"),i=r("div"),a=r("slot"),t=d(),M=r("h2"),u=r("button"),L&&L.c(),I=d(),D=s(o[0]),f=d(),k=r("slot"),y=d(),v=r("div"),C=r("slot"),this.c=l,m(a,"name","beforeLabel"),m(k,"name","afterLabel"),m(u,"id","m-accordion"),m(u,"class","mc-accordion__trigger"),m(u,"type","button"),m(u,"aria-controls","content"),m(u,"aria-expanded",A=!o[8]),u.disabled=o[4],m(M,"class","mc-accordion__title"),m(i,"class","mc-accordion__header"),m(v,"id","content"),m(v,"class","mc-accordion__content"),m(v,"aria-hidden",o[8]),m(v,"aria-labelledby","m-accordion"),g(e,N)},m(n,r){c(n,e,r),b(e,i),b(i,a),b(i,t),b(i,M),b(M,u),L&&L.m(u,null),b(u,I),b(u,D),b(u,f),b(u,k),b(e,y),b(e,v),b(v,C),Z||(z=h(u,"click",o[10]),Z=!0)},p(o,[i]){o[2]?L?L.p(o,i):(L=_(o),L.c(),L.m(u,I)):L&&(L.d(1),L=null),1&i&&w(D,o[0]),256&i&&A!==(A=!o[8])&&m(u,"aria-expanded",A),16&i&&(u.disabled=o[4]),256&i&&m(v,"aria-hidden",o[8]),g(e,N=p(j,[882&i&&E!==(E="mc-accordion "+(o[1]?`mc-accordion--${o[1]}`:"")+" "+(o[8]?" is-open":"")+" "+(o[5]?" mc-accordion--no-padding":"")+" "+(o[6]?" mc-accordion--checkable":"")+" "+(o[4]?" is-disabled":"")+" "+o[9])&&{class:E},128&i&&o[7]]))},i:l,o:l,d(o){o&&x(e),L&&L.d(),Z=!1,z()}}}function f(o,e,i){return"s"===i?`${o} size="1.5rem"`:`${o} size="2rem" fill="${e}"`}function k(o,e,i){let c,a,t;const r=["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"];let d=M(e,r),{label:s}=e,{size:l="m"}=e,{iconname:m}=e,{iconcolor:g}=e,{open:b=!1}=e,{disabled:h=!1}=e,{nopadding:w=!1}=e,{checkable:p=!1}=e,x=new I;return o.$$set=o=>{i(14,e=n(n({},e),u(o))),i(13,d=M(e,r)),"label"in o&&i(0,s=o.label),"size"in o&&i(1,l=o.size),"iconname"in o&&i(2,m=o.iconname),"iconcolor"in o&&i(3,g=o.iconcolor),"open"in o&&i(11,b=o.open),"disabled"in o&&i(4,h=o.disabled),"nopadding"in o&&i(5,w=o.nopadding),"checkable"in o&&i(6,p=o.checkable)},o.$$.update=()=>{2048&o.$$.dirty&&i(8,c=!!b),i(9,a=e.class),i(7,t=Object.assign({},d)),128&o.$$.dirty&&delete t.class},e=u(e),[s,l,m,g,h,w,p,t,c,a,function(){x.dispatch("on-heading-click",c),i(8,c=!c)},b]}class A extends o{constructor(o){super();const n=document.createElement("style");n.textContent='.mc-accordion{background-color:#ffffff;border-bottom:1px solid #666666;font-family:"LeroyMerlin", sans-serif;font-weight:400}.mc-accordion .mc-accordion__icon{height:2rem;width:2rem}.mc-accordion .mc-accordion__title{font-size:1.125rem;line-height:1.3333333333}.mc-accordion button.mc-accordion__trigger{padding-top:1.25rem;padding-right:3rem;padding-bottom:1.25rem}.mc-accordion button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.75rem);right:0.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxOTE5MTkiICB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS4wOSwxMWgtNlY1YTEsMSwwLDAsMC0yLDB2NmgtNmExLDEsMCwwLDAsMCwyaDZ2NmExLDEsMCwwLDAsMiwwVjEzaDZhMSwxLDAsMCwwLDAtMloiLz48L3N2Zz4=");background-size:1.5rem;width:1.5rem;height:1.5rem}.mc-accordion button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiM2NjY2NjYiICB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xOS4wOSwxMWgtNlY1YTEsMSwwLDAsMC0yLDB2NmgtNmExLDEsMCwwLDAsMCwyaDZ2NmExLDEsMCwwLDAsMiwwVjEzaDZhMSwxLDAsMCwwLDAtMloiLz48L3N2Zz4=")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LjA5LDEzaC0xMGExLDEsMCwwLDEsMC0yaDEwYTEsMSwwLDAsMSwwLDJaIi8+PC9zdmc+")}.mc-accordion.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMnJlbSIgd2lkdGg9IjJyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3LjA5LDEzaC0xMGExLDEsMCwwLDEsMC0yaDEwYTEsMSwwLDAsMSwwLDJaIi8+PC9zdmc+")}.mc-accordion__label{font-weight:600;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;color:#191919;cursor:pointer;display:block;padding-left:0.5rem;position:relative;pointer-events:none}.mc-accordion__label::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;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion__label:hover{background-color:#e6e6e6}.mc-accordion__label--no-padding{padding-left:0}.mc-accordion__label--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.mc-accordion__icon{fill:#808080}.mc-accordion__content{font-size:1rem;line-height:1.375;color:#333333;height:auto;max-height:0;overflow:hidden;padding-left:0.5rem;-webkit-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;visibility:hidden}.mc-accordion__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mc-accordion__header:hover{background-color:#e6e6e6}.mc-accordion__title{font-weight:600;color:#191919;width:100%;margin-top:0;margin-bottom:0}.mc-accordion button.mc-accordion__trigger{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;position:relative;background-position:right 0.5rem center;background-repeat:no-repeat;background-color:transparent;color:currentColor;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding-left:0.5rem;text-align:left;width:100%}.mc-accordion button.mc-accordion__trigger::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;top:-0.125rem;right:-0.125rem;bottom:-3px;left:-0.125rem}.mc-accordion button.mc-accordion__trigger:focus::after{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc;-webkit-box-shadow:0 0 0 0.125rem #0b96cc;box-shadow:0 0 0 0.125rem #0b96cc}.mc-accordion button.mc-accordion__trigger:disabled{background-color:#e6e6e6;color:#666666;cursor:not-allowed}.mc-accordion.is-open>.mc-accordion__content{max-height:10000vh;padding-top:0.5rem;padding-bottom:calc(1.5rem - 1px);visibility:visible}.mc-accordion.is-disabled>.mc-accordion__content{color:#666666;cursor:not-allowed}.mc-accordion--checkable .mc-accordion__header{padding-left:0.5rem;position:relative}.mc-accordion--checkable .mc-accordion__trigger{position:static}.mc-accordion--no-padding .mc-accordion__header,.mc-accordion--no-padding .mc-accordion__trigger{padding-left:0}.mc-accordion--s .mc-accordion__icon{height:1.5rem;width:1.5rem}.mc-accordion--s .mc-accordion__title{font-size:1rem;line-height:1.375}.mc-accordion--s button.mc-accordion__trigger{padding-top:1rem;padding-right:2.5rem;padding-bottom:1rem}.mc-accordion--s button.mc-accordion__trigger::before{content:"";position:absolute;top:calc(50% - 0.5rem);right:0.5rem;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDdIOVYzYTEgMSAwIDAwLTIgMHY0SDNhMSAxIDAgMDAwIDJoNHY0YTEgMSAwIDAwMiAwVjloNGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=");background-size:1rem;width:1rem;height:1rem}.mc-accordion--s button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDdIOVYzYTEgMSAwIDAwLTIgMHY0SDNhMSAxIDAgMDAwIDJoNHY0YTEgMSAwIDAwMiAwVjloNGExIDEgMCAwMDAtMnoiLz48L3N2Zz4=")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiMxOTE5MTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-accordion--s.is-open>.mc-accordion__header button.mc-accordion__trigger:disabled::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM2NjY2NjYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}:host{display:block}',this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:i(this.attributes),customElement:!0},k,D,t,{label:0,size:1,iconname:2,iconcolor:3,open:11,disabled:4,nopadding:5,checkable:6},null),o&&(o.target&&c(o.target,this,o.anchor),o.props&&(this.$set(o.props),a()))}static get observedAttributes(){return["label","size","iconname","iconcolor","open","disabled","nopadding","checkable"]}get label(){return this.$$.ctx[0]}set label(o){this.$$set({label:o}),a()}get size(){return this.$$.ctx[1]}set size(o){this.$$set({size:o}),a()}get iconname(){return this.$$.ctx[2]}set iconname(o){this.$$set({iconname:o}),a()}get iconcolor(){return this.$$.ctx[3]}set iconcolor(o){this.$$set({iconcolor:o}),a()}get open(){return this.$$.ctx[11]}set open(o){this.$$set({open:o}),a()}get disabled(){return this.$$.ctx[4]}set disabled(o){this.$$set({disabled:o}),a()}get nopadding(){return this.$$.ctx[5]}set nopadding(o){this.$$set({nopadding:o}),a()}get checkable(){return this.$$.ctx[6]}set checkable(o){this.$$set({checkable:o}),a()}}export{A as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { AccordionSize } from './accordion.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let label: string;\n export let size: AccordionSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconcolor: string | undefined = undefined;\n export let open = false;\n export let disabled = false;\n export let nopadding = false;\n export let checkable = false;\n let eventHandler = new EventHandler();\n $: isOpen = open ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(\n iconname: string,\n iconcolor: string,\n iconsize: string,\n ): string {\n return iconsize === 's'\n ? `${iconname} size=\"1.5rem\"`\n : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n }\n\n function handleState(): void {\n eventHandler.dispatch('on-heading-click', isOpen);\n isOpen = !isOpen;\n }\n</script>\n\n<div\n class=\"mc-accordion {size ? `mc-accordion--${size}` : ''}\n {isOpen ? ' is-open' : ''}\n {nopadding ? ' mc-accordion--no-padding' : ''}\n {checkable ? ' mc-accordion--checkable' : ''}\n {disabled ? ' is-disabled' : ''} \n {userClass}\"\n {...attributes}\n>\n <div class=\"mc-accordion__header\">\n <slot name=\"beforeLabel\" />\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"m-accordion\"\n class=\"mc-accordion__trigger\"\n type=\"button\"\n aria-controls=\"content\"\n aria-expanded={!isOpen}\n {disabled}\n on:click={handleState}\n >\n {#if iconname}\n <span class=\"mc-accordion__icon\">\n {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n </span>\n {/if}\n {label}\n <slot name=\"afterLabel\" />\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n aria-hidden={isOpen}\n aria-labelledby=\"m-accordion\"\n >\n <slot />\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.accordion';\n\n :host {\n display: block;\n }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block","div2","append","div0","slot0","h2","button","slot1","div1","slot2","class","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","eventHandler","EventHandler","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import type { AccordionSize } from './accordion.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n export let label: string;\n export let size: AccordionSize = 'm';\n export let iconname: string | undefined = undefined;\n export let iconcolor: string | undefined = undefined;\n export let open = false;\n export let disabled = false;\n export let nopadding = false;\n export let checkable = false;\n let eventHandler = new EventHandler();\n $: isOpen = open ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function generateIconName(\n iconname: string,\n iconcolor: string,\n iconsize: string,\n ): string {\n return iconsize === 's'\n ? `${iconname} size=\"1.5rem\"`\n : `${iconname} size=\"2rem\" fill=\"${iconcolor}\"`;\n }\n\n function handleState(): void {\n eventHandler.dispatch('on-heading-click', isOpen);\n isOpen = !isOpen;\n }\n</script>\n\n<div\n class=\"mc-accordion {size ? `mc-accordion--${size}` : ''}\n {isOpen ? ' is-open' : ''}\n {nopadding ? ' mc-accordion--no-padding' : ''}\n {checkable ? ' mc-accordion--checkable' : ''}\n {disabled ? ' is-disabled' : ''} \n {userClass}\"\n {...attributes}\n>\n <div class=\"mc-accordion__header\">\n <slot name=\"beforeLabel\" />\n <h2 class=\"mc-accordion__title\">\n <button\n id=\"m-accordion\"\n class=\"mc-accordion__trigger\"\n type=\"button\"\n aria-controls=\"content\"\n aria-expanded={!isOpen}\n {disabled}\n on:click={handleState}\n >\n {#if iconname}\n <span class=\"mc-accordion__icon\">\n {@html `<${generateIconName(iconname, String(iconcolor), size)} />`}\n </span>\n {/if}\n {label}\n <slot name=\"afterLabel\" />\n </button>\n </h2>\n </div>\n <div\n id=\"content\"\n class=\"mc-accordion__content\"\n aria-hidden={isOpen}\n aria-labelledby=\"m-accordion\"\n >\n <slot />\n </div>\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.accordion';\n\n :host {\n display: block;\n }\n</style>\n"],"names":["raw_value","generateIconName","ctx","String","insert","target","span","anchor","dirty","innerHTML","create_if_block","div2","append","div0","slot0","h2","button","slot1","div1","slot2","class","div2_class_value","iconname","iconcolor","iconsize","label","$$props","size","open","disabled","nopadding","checkable","eventHandler","EventHandler","isOpen","$$invalidate","userClass","attributes","Object","assign","$$restProps","dispatch"],"mappings":"mPA2DuBA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,0EAD/DE,EAEMC,EAAAC,EAAAC,yBADO,GAAAC,GAAAR,KAAAA,EAAA,IAAAC,EAAiBC,EAAQ,GAAEC,OAAOD,MAAYA,EAAI,YAAAI,EAAAG,UAAAT,yEAF5DE,EAAQ,IAAAQ,EAAAR,gCApBEA,EAAI,oBAAoBA,EAAI,KAAK,IAAE,KACrDA,EAAM,GAAG,WAAa,IACtB,KAAAA,EAAY,GAAA,4BAA8B,SAC1CA,EAAS,GAAG,2BAA6B,IAAE,KAC3CA,EAAQ,GAAG,eAAiB,IAAE,IAChCA,EAAS,IACNA,EAAU,+IAmBPA,EAAK,uPATUA,EAAM,sKAiBbA,EAAM,wDAlCvBE,EAuCKC,EAAAM,EAAAJ,GA9BHK,EAqBKD,EAAAE,GApBHD,EAA0BC,EAAAC,UAC1BF,EAkBIC,EAAAE,GAjBFH,EAgBQG,EAAAC,uCADNJ,EAAyBI,EAAAC,UAI/BL,EAOKD,EAAAO,GADHN,EAAOM,EAAAC,qBAlBOjB,EAAW,qBAEhBA,EAAQ,kEAKZA,EAAK,mBATUA,EAAM,6EAiBbA,EAAM,8CAjCAA,EAAI,oBAAoBA,EAAI,KAAK,IAAE,KACrDA,EAAM,GAAG,WAAa,IACtB,KAAAA,EAAY,GAAA,4BAA8B,SAC1CA,EAAS,GAAG,2BAA6B,IAAE,KAC3CA,EAAQ,GAAG,eAAiB,IAAE,IAChCA,EAAS,KAAA,CAAAkB,MAAAC,UACNnB,EAAU,gDAvBL,SAAAD,EACPqB,EACAC,EACAC,GAEO,MAAa,MAAbA,KACAF,kBACA,GAAAA,uBAA8BC,+IArB5BE,GAAaC,GACbC,KAAAA,EAAsB,KAAGD,GACzBJ,SAAAA,GAAwCI,GACxCH,UAAAA,GAAyCG,GACzCE,KAAAA,GAAO,GAAKF,GACZG,SAAAA,GAAW,GAAKH,GAChBI,UAAAA,GAAY,GAAKJ,GACjBK,UAAAA,GAAY,GAAKL,EACxBM,MAAmBC,oWACpBC,IAASN,GACTO,EAAA,EAAAC,EAAYV,EAAQN,WACpBiB,EAALC,OAAAC,UAAuBC,2BACXH,EAAWjB,8CAanBY,EAAaS,SAAS,mBAAoBP,GAC1CC,EAAA,EAAAD,GAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as t,i as e,a as n,b as r,f as o,s as i,e as a,d as u,T as s,n as c,g as l,y as f,o as g,J as h,a1 as d,t as m,j as p,k as y,v as T}from"../../index-c33b3772.js";import{s as x}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{b,t as C,i as w,c as U,a as M,l as D}from"../../linear-f46d7e9e.js";import{S as k,s as F,a as Y,b as $,l as S}from"../../symbol-b05a6e2b.js";import{a as H,b as A}from"../../axis-fbc0f7b5.js";import"../../array-5b770a93.js";import"../../path-1b5da959.js";function L(t,e){let n,r;if(void 0===e)for(const e of t)null!=e&&(void 0===n?e>=e&&(n=r=e):(n>e&&(n=e),r<e&&(r=e)));else{let o=-1;for(let i of t)null!=(i=e(i,++o,t))&&(void 0===n?i>=i&&(n=r=i):(n>i&&(n=i),r<i&&(r=i)))}return[n,r]}const j=new Date,_=new Date;function Z(t,e,n,r){function o(e){return t(e=0===arguments.length?new Date:new Date(+e)),e}return o.floor=e=>(t(e=new Date(+e)),e),o.ceil=n=>(t(n=new Date(n-1)),e(n,1),t(n),n),o.round=t=>{const e=o(t),n=o.ceil(t);return t-e<n-t?e:n},o.offset=(t,n)=>(e(t=new Date(+t),null==n?1:Math.floor(n)),t),o.range=(n,r,i)=>{const a=[];if(n=o.ceil(n),i=null==i?1:Math.floor(i),!(n<r&&i>0))return a;let u;do{a.push(u=new Date(+n)),e(n,i),t(n)}while(u<n&&n<r);return a},o.filter=n=>Z((e=>{if(e>=e)for(;t(e),!n(e);)e.setTime(e-1)}),((t,r)=>{if(t>=t)if(r<0)for(;++r<=0;)for(;e(t,-1),!n(t););else for(;--r>=0;)for(;e(t,1),!n(t););})),n&&(o.count=(e,r)=>(j.setTime(+e),_.setTime(+r),t(j),t(_),Math.floor(n(j,_))),o.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?o.filter(r?e=>r(e)%t==0:e=>o.count(0,e)%t==0):o:null)),o}const E=Z((()=>{}),((t,e)=>{t.setTime(+t+e)}),((t,e)=>e-t));E.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?Z((e=>{e.setTime(Math.floor(e/t)*t)}),((e,n)=>{e.setTime(+e+n*t)}),((e,n)=>(n-e)/t)):E:null),E.range;const W=1e3,z=6e4,O=60*z,P=24*O,V=7*P,I=30*P,J=365*P,q=Z((t=>{t.setTime(t-t.getMilliseconds())}),((t,e)=>{t.setTime(+t+e*W)}),((t,e)=>(e-t)/W),(t=>t.getUTCSeconds()));q.range;const Q=Z((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*W)}),((t,e)=>{t.setTime(+t+e*z)}),((t,e)=>(e-t)/z),(t=>t.getMinutes()));Q.range;const X=Z((t=>{t.setUTCSeconds(0,0)}),((t,e)=>{t.setTime(+t+e*z)}),((t,e)=>(e-t)/z),(t=>t.getUTCMinutes()));X.range;const B=Z((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*W-t.getMinutes()*z)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getHours()));B.range;const N=Z((t=>{t.setUTCMinutes(0,0,0)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getUTCHours()));N.range;const R=Z((t=>t.setHours(0,0,0,0)),((t,e)=>t.setDate(t.getDate()+e)),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*z)/P),(t=>t.getDate()-1));R.range;const G=Z((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/P),(t=>t.getUTCDate()-1));G.range;const K=Z((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/P),(t=>Math.floor(t/P)));function tt(t){return Z((e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)}),((t,e)=>{t.setDate(t.getDate()+7*e)}),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*z)/V))}K.range;const et=tt(0),nt=tt(1),rt=tt(2),ot=tt(3),it=tt(4),at=tt(5),ut=tt(6);function st(t){return Z((e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+7*e)}),((t,e)=>(e-t)/V))}et.range,nt.range,rt.range,ot.range,it.range,at.range,ut.range;const ct=st(0),lt=st(1),ft=st(2),gt=st(3),ht=st(4),dt=st(5),mt=st(6);ct.range,lt.range,ft.range,gt.range,ht.range,dt.range,mt.range;const pt=Z((t=>{t.setDate(1),t.setHours(0,0,0,0)}),((t,e)=>{t.setMonth(t.getMonth()+e)}),((t,e)=>e.getMonth()-t.getMonth()+12*(e.getFullYear()-t.getFullYear())),(t=>t.getMonth()));pt.range;const yt=Z((t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)}),((t,e)=>e.getUTCMonth()-t.getUTCMonth()+12*(e.getUTCFullYear()-t.getUTCFullYear())),(t=>t.getUTCMonth()));yt.range;const Tt=Z((t=>{t.setMonth(0,1),t.setHours(0,0,0,0)}),((t,e)=>{t.setFullYear(t.getFullYear()+e)}),((t,e)=>e.getFullYear()-t.getFullYear()),(t=>t.getFullYear()));Tt.every=t=>isFinite(t=Math.floor(t))&&t>0?Z((e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)}),((e,n)=>{e.setFullYear(e.getFullYear()+n*t)})):null,Tt.range;const xt=Z((t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)}),((t,e)=>e.getUTCFullYear()-t.getUTCFullYear()),(t=>t.getUTCFullYear()));xt.every=t=>isFinite(t=Math.floor(t))&&t>0?Z((e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCFullYear(e.getUTCFullYear()+n*t)})):null,xt.range;const[vt,bt]=function(t,e,n,r,o,i){const a=[[q,1,W],[q,5,5e3],[q,15,15e3],[q,30,3e4],[i,1,z],[i,5,5*z],[i,15,15*z],[i,30,30*z],[o,1,O],[o,3,3*O],[o,6,6*O],[o,12,12*O],[r,1,P],[r,2,2*P],[n,1,V],[e,1,I],[e,3,3*I],[t,1,J]];function u(e,n,r){const o=Math.abs(n-e)/r,i=b((([,,t])=>t)).right(a,o);if(i===a.length)return t.every(C(e/J,n/J,r));if(0===i)return E.every(Math.max(C(e,n,r),1));const[u,s]=a[o/a[i-1][2]<a[i][2]/o?i-1:i];return u.every(s)}return[function(t,e,n){const r=e<t;r&&([t,e]=[e,t]);const o=n&&"function"==typeof n.range?n:u(t,e,n),i=o?o.range(t,+e+1):[];return r?i.reverse():i},u]}(Tt,pt,et,R,B,Q);function Ct(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function wt(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function Ut(t,e,n){return{y:t,m:e,d:n,H:0,M:0,S:0,L:0}}var Mt,Dt,kt,Ft={"-":"",_:" ",0:"0"},Yt=/^\s*\d+/,$t=/^%/,St=/[\\^$*+?|[\]().{}]/g;function Ht(t,e,n){var r=t<0?"-":"",o=(r?-t:t)+"",i=o.length;return r+(i<n?new Array(n-i+1).join(e)+o:o)}function At(t){return t.replace(St,"\\$&")}function Lt(t){return new RegExp("^(?:"+t.map(At).join("|")+")","i")}function jt(t){return new Map(t.map(((t,e)=>[t.toLowerCase(),e])))}function _t(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.w=+r[0],n+r[0].length):-1}function Zt(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.u=+r[0],n+r[0].length):-1}function Et(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.U=+r[0],n+r[0].length):-1}function Wt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.V=+r[0],n+r[0].length):-1}function zt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.W=+r[0],n+r[0].length):-1}function Ot(t,e,n){var r=Yt.exec(e.slice(n,n+4));return r?(t.y=+r[0],n+r[0].length):-1}function Pt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.y=+r[0]+(+r[0]>68?1900:2e3),n+r[0].length):-1}function Vt(t,e,n){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(n,n+6));return r?(t.Z=r[1]?0:-(r[2]+(r[3]||"00")),n+r[0].length):-1}function It(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.q=3*r[0]-3,n+r[0].length):-1}function Jt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.m=r[0]-1,n+r[0].length):-1}function qt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.d=+r[0],n+r[0].length):-1}function Qt(t,e,n){var r=Yt.exec(e.slice(n,n+3));return r?(t.m=0,t.d=+r[0],n+r[0].length):-1}function Xt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.H=+r[0],n+r[0].length):-1}function Bt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.M=+r[0],n+r[0].length):-1}function Nt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.S=+r[0],n+r[0].length):-1}function Rt(t,e,n){var r=Yt.exec(e.slice(n,n+3));return r?(t.L=+r[0],n+r[0].length):-1}function Gt(t,e,n){var r=Yt.exec(e.slice(n,n+6));return r?(t.L=Math.floor(r[0]/1e3),n+r[0].length):-1}function Kt(t,e,n){var r=$t.exec(e.slice(n,n+1));return r?n+r[0].length:-1}function te(t,e,n){var r=Yt.exec(e.slice(n));return r?(t.Q=+r[0],n+r[0].length):-1}function ee(t,e,n){var r=Yt.exec(e.slice(n));return r?(t.s=+r[0],n+r[0].length):-1}function ne(t,e){return Ht(t.getDate(),e,2)}function re(t,e){return Ht(t.getHours(),e,2)}function oe(t,e){return Ht(t.getHours()%12||12,e,2)}function ie(t,e){return Ht(1+R.count(Tt(t),t),e,3)}function ae(t,e){return Ht(t.getMilliseconds(),e,3)}function ue(t,e){return ae(t,e)+"000"}function se(t,e){return Ht(t.getMonth()+1,e,2)}function ce(t,e){return Ht(t.getMinutes(),e,2)}function le(t,e){return Ht(t.getSeconds(),e,2)}function fe(t){var e=t.getDay();return 0===e?7:e}function ge(t,e){return Ht(et.count(Tt(t)-1,t),e,2)}function he(t){var e=t.getDay();return e>=4||0===e?it(t):it.ceil(t)}function de(t,e){return t=he(t),Ht(it.count(Tt(t),t)+(4===Tt(t).getDay()),e,2)}function me(t){return t.getDay()}function pe(t,e){return Ht(nt.count(Tt(t)-1,t),e,2)}function ye(t,e){return Ht(t.getFullYear()%100,e,2)}function Te(t,e){return Ht((t=he(t)).getFullYear()%100,e,2)}function xe(t,e){return Ht(t.getFullYear()%1e4,e,4)}function ve(t,e){var n=t.getDay();return Ht((t=n>=4||0===n?it(t):it.ceil(t)).getFullYear()%1e4,e,4)}function be(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+Ht(e/60|0,"0",2)+Ht(e%60,"0",2)}function Ce(t,e){return Ht(t.getUTCDate(),e,2)}function we(t,e){return Ht(t.getUTCHours(),e,2)}function Ue(t,e){return Ht(t.getUTCHours()%12||12,e,2)}function Me(t,e){return Ht(1+G.count(xt(t),t),e,3)}function De(t,e){return Ht(t.getUTCMilliseconds(),e,3)}function ke(t,e){return De(t,e)+"000"}function Fe(t,e){return Ht(t.getUTCMonth()+1,e,2)}function Ye(t,e){return Ht(t.getUTCMinutes(),e,2)}function $e(t,e){return Ht(t.getUTCSeconds(),e,2)}function Se(t){var e=t.getUTCDay();return 0===e?7:e}function He(t,e){return Ht(ct.count(xt(t)-1,t),e,2)}function Ae(t){var e=t.getUTCDay();return e>=4||0===e?ht(t):ht.ceil(t)}function Le(t,e){return t=Ae(t),Ht(ht.count(xt(t),t)+(4===xt(t).getUTCDay()),e,2)}function je(t){return t.getUTCDay()}function _e(t,e){return Ht(lt.count(xt(t)-1,t),e,2)}function Ze(t,e){return Ht(t.getUTCFullYear()%100,e,2)}function Ee(t,e){return Ht((t=Ae(t)).getUTCFullYear()%100,e,2)}function We(t,e){return Ht(t.getUTCFullYear()%1e4,e,4)}function ze(t,e){var n=t.getUTCDay();return Ht((t=n>=4||0===n?ht(t):ht.ceil(t)).getUTCFullYear()%1e4,e,4)}function Oe(){return"+0000"}function Pe(){return"%"}function Ve(t){return+t}function Ie(t){return Math.floor(+t/1e3)}function Je(t){return new Date(t)}function qe(t){return t instanceof Date?+t:+new Date(+t)}function Qe(t,e,n,r,o,i,a,u,s,c){var l=U(),f=l.invert,g=l.domain,h=c(".%L"),d=c(":%S"),m=c("%I:%M"),p=c("%I %p"),y=c("%a %d"),T=c("%b %d"),x=c("%B"),v=c("%Y");function b(t){return(s(t)<t?h:u(t)<t?d:a(t)<t?m:i(t)<t?p:r(t)<t?o(t)<t?y:T:n(t)<t?x:v)(t)}return l.invert=function(t){return new Date(f(t))},l.domain=function(t){return arguments.length?g(Array.from(t,qe)):g().map(Je)},l.ticks=function(e){var n=g();return t(n[0],n[n.length-1],null==e?10:e)},l.tickFormat=function(t,e){return null==e?b:c(e)},l.nice=function(t){var n=g();return t&&"function"==typeof t.range||(t=e(n[0],n[n.length-1],null==t?10:t)),t?g(function(t,e){var n,r=0,o=(t=t.slice()).length-1,i=t[r],a=t[o];return a<i&&(n=r,r=o,o=n,n=i,i=a,a=n),t[r]=e.floor(i),t[o]=e.ceil(a),t}(n,t)):l},l.copy=function(){return M(l,Qe(t,e,n,r,o,i,a,u,s,c))},l}function Xe(){return w.apply(Qe(vt,bt,Tt,pt,et,R,B,Q,q,Dt).domain([new Date(2e3,0,1),new Date(2e3,0,2)]),arguments)}function Be(t,e,n){const r=t.slice();return r[27]=e[n],r}function Ne(t){let e;function n(t,e){return t[3].customtooltip?Ge:Re}let o=n(t),i=o(t);return{c(){e=a("div"),i.c(),l(e,"class","tooltip"),l(e,"style",`right: ${t[4].right}px; top: ${t[4].top}px;`)},m(t,n){r(t,e,n),i.m(e,null)},p(t,r){o===(o=n(t))&&i?i.p(t,r):(i.d(1),i=o(t),i&&(i.c(),i.m(e,null)))},d(t){t&&g(e),i.d()}}}function Re(t){let e,n,o,i,u=t[3].date+"",s=t[3].value+"";return{c(){e=m(u),n=m(": "),o=a("b"),i=m(s)},m(t,a){r(t,e,a),r(t,n,a),r(t,o,a),p(o,i)},p(t,n){8&n&&u!==(u=t[3].date+"")&&y(e,u),8&n&&s!==(s=t[3].value+"")&&y(i,s)},d(t){t&&g(e),t&&g(n),t&&g(o)}}}function Ge(t){let e,n=t[3].customtooltip+"";return{c(){e=m(n)},m(t,n){r(t,e,n)},p(t,r){8&r&&n!==(n=t[3].customtooltip+"")&&y(e,n)},d(t){t&&g(e)}}}function Ke(t){let e,n,o,i,c,f,h,d,T=t[27].title+"";return{c(){e=a("div"),n=s("svg"),o=s("rect"),c=u(),f=a("span"),h=m(T),d=u(),l(o,"x","0"),l(o,"y","0"),l(o,"width","24"),l(o,"height","16"),l(o,"fill",i=t[27].color),l(n,"class","legend__box"),l(f,"class","legend__title"),l(e,"class","legend__item")},m(t,i){r(t,e,i),p(e,n),p(n,o),p(e,c),p(e,f),p(f,h),p(e,d)},p(t,e){2&e&&i!==(i=t[27].color)&&l(o,"fill",i),2&e&&T!==(T=t[27].title+"")&&y(h,T)},d(t){t&&g(e)}}}function tn(t){let e,n,o,i,d,m=t[3].show&&Ne(t),p=t[1],y=[];for(let e=0;e<p.length;e+=1)y[e]=Ke(Be(t,p,e));return{c(){e=a("div"),m&&m.c(),n=u(),o=a("div");for(let t=0;t<y.length;t+=1)y[t].c();i=u(),d=s("text"),this.c=c,l(e,"class","chart"),f(e,"background-color",t[0]),l(o,"class","legend"),f(d,"display","none")},m(a,u){r(a,e,u),m&&m.m(e,null),t[10](e),r(a,n,u),r(a,o,u);for(let t=0;t<y.length;t+=1)y[t]&&y[t].m(o,null);r(a,i,u),r(a,d,u)},p(t,[n]){if(t[3].show?m?m.p(t,n):(m=Ne(t),m.c(),m.m(e,null)):m&&(m.d(1),m=null),1&n&&f(e,"background-color",t[0]),2&n){let e;for(p=t[1],e=0;e<p.length;e+=1){const r=Be(t,p,e);y[e]?y[e].p(r,n):(y[e]=Ke(r),y[e].c(),y[e].m(o,null))}for(;e<y.length;e+=1)y[e].d(1);y.length=p.length}},i:c,o:c,d(r){r&&g(e),m&&m.d(),t[10](null),r&&g(n),r&&g(o),h(y,r),r&&g(i),r&&g(d)}}}function en(t,e,n){let{data:r=""}=e,{backgroundcolor:o="#fff"}=e,{height:i=300}=e,{ticknumbers:a=5}=e;const u=kt("%d-%m-%Y");let s,c,l,f,g,h,m,p,y=!1,b=new v,C=[];const w={top:20,right:40,bottom:40,left:60,yAxisPadding:20};let U={date:"",value:0,show:!1,customtooltip:""};function M(){let t=x(l).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function j(t,e){const r=new Date(e.time).toDateString(),o=e.value;n(3,U={date:r,value:parseInt(o),show:!0,customtooltip:e.customtooltip})}function _(t){const e=M(),n=t.flatMap((t=>t.points)),[r=0,o=0]=L(n,(t=>Number(t.value))),a=L(n,(t=>u(t.time)));g.domain(a),f.selectAll(".x-axis").attr("transform",`translate(${w.yAxisPadding},${i+w.bottom/2})`).call(m).attr("stroke-width","0"),h.domain([r,o]),f.selectAll(".y-axis").call(p).select(".domain").attr("stroke-width","0"),f.selectAll(".y-axis .tick line").attr("x1",w.yAxisPadding/2).attr("x2",e-w.left).attr("stroke","#EEEDEA").attr("stroke-width","1.4px")}function Z(t){const e=M();g=Xe().range([0,e-w.left-w.right]),m=H(g).tickSize(0).ticks(R).ticks(a).tickPadding(5),h=D().range([i,0]),p=A(h).ticks(a),t||(f=x(l).append("svg").attr("width",e).attr("height",i+w.top+w.bottom).attr("id","svg-chart").append("g").attr("transform",`translate(${w.left/2+w.right/2},${w.top})`),f.append("g").attr("transform","translate(0,"+String(i)+")").attr("class","x-axis"),f.append("g").attr("class","y-axis")),_(c),c.forEach(((e,n)=>{t||C.push(f.append("g").append("path")),E(e,n)}))}function E(t,e){const r=t.points.map((t=>({time:u(t.time)||"",value:t.value,customtooltip:t.customtooltip})));!function(t,e,n,r){t.datum(e).attr("d",S().x((t=>g(+t.time))).y((t=>h(+t.value)))).attr("stroke",n).style("stroke-width",2.5).style("fill","none").attr("transform",`translate(${w.yAxisPadding},0)`).attr("stroke-dasharray",r||0)}(C[e],r,t.color,t.strokeDasharray),f.selectAll(`.chart__symbol-line-${e}`).remove(),function(t,e,r,o){let i=k(F);switch(r){case"circle":i=k($);break;case"triangle":i=k(Y)}f.selectAll().data(t).join("path").attr("d",i.size(50)).attr("opacity",1).attr("transform",(t=>`translate(${g(+t.time)+w.yAxisPadding},${h(+t.value)})`)).attr("class",`chart__symbol-line-${o}`).style("fill",e).style("cursor","pointer").on("mouseover",j).on("mouseout",(()=>n(3,U.show=!1,U))).on("click",((t,e)=>{b.dispatch("point-clicked",e)}))}(r,t.color,t.symbol,e)}function W(){var t;if(s&&y){const e=M();null===(t=l.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`),Z(!0)}}return d((()=>{new ResizeObserver(W).observe(l),n(9,y=!0)})),t.$$set=t=>{"data"in t&&n(5,r=t.data),"backgroundcolor"in t&&n(0,o=t.backgroundcolor),"height"in t&&n(6,i=t.height),"ticknumbers"in t&&n(7,a=t.ticknumbers)},t.$$.update=()=>{32&t.$$.dirty&&n(1,c=r?JSON.parse(r):[]),802&t.$$.dirty&&r.length>0&&y&&(s?r!==s&&(_(c),c.forEach(((t,e)=>E(t,e))),n(8,s=r)):(Z(),n(8,s=r)))},[o,c,l,U,w,r,i,a,s,y,function(t){T[t?"unshift":"push"]((()=>{l=t,n(2,l)}))}]}Mt=function(t){var e=t.dateTime,n=t.date,r=t.time,o=t.periods,i=t.days,a=t.shortDays,u=t.months,s=t.shortMonths,c=Lt(o),l=jt(o),f=Lt(i),g=jt(i),h=Lt(a),d=jt(a),m=Lt(u),p=jt(u),y=Lt(s),T=jt(s),x={a:function(t){return a[t.getDay()]},A:function(t){return i[t.getDay()]},b:function(t){return s[t.getMonth()]},B:function(t){return u[t.getMonth()]},c:null,d:ne,e:ne,f:ue,g:Te,G:ve,H:re,I:oe,j:ie,L:ae,m:se,M:ce,p:function(t){return o[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:Ve,s:Ie,S:le,u:fe,U:ge,V:de,w:me,W:pe,x:null,X:null,y:ye,Y:xe,Z:be,"%":Pe},v={a:function(t){return a[t.getUTCDay()]},A:function(t){return i[t.getUTCDay()]},b:function(t){return s[t.getUTCMonth()]},B:function(t){return u[t.getUTCMonth()]},c:null,d:Ce,e:Ce,f:ke,g:Ee,G:ze,H:we,I:Ue,j:Me,L:De,m:Fe,M:Ye,p:function(t){return o[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:Ve,s:Ie,S:$e,u:Se,U:He,V:Le,w:je,W:_e,x:null,X:null,y:Ze,Y:We,Z:Oe,"%":Pe},b={a:function(t,e,n){var r=h.exec(e.slice(n));return r?(t.w=d.get(r[0].toLowerCase()),n+r[0].length):-1},A:function(t,e,n){var r=f.exec(e.slice(n));return r?(t.w=g.get(r[0].toLowerCase()),n+r[0].length):-1},b:function(t,e,n){var r=y.exec(e.slice(n));return r?(t.m=T.get(r[0].toLowerCase()),n+r[0].length):-1},B:function(t,e,n){var r=m.exec(e.slice(n));return r?(t.m=p.get(r[0].toLowerCase()),n+r[0].length):-1},c:function(t,n,r){return U(t,e,n,r)},d:qt,e:qt,f:Gt,g:Pt,G:Ot,H:Xt,I:Xt,j:Qt,L:Rt,m:Jt,M:Bt,p:function(t,e,n){var r=c.exec(e.slice(n));return r?(t.p=l.get(r[0].toLowerCase()),n+r[0].length):-1},q:It,Q:te,s:ee,S:Nt,u:Zt,U:Et,V:Wt,w:_t,W:zt,x:function(t,e,r){return U(t,n,e,r)},X:function(t,e,n){return U(t,r,e,n)},y:Pt,Y:Ot,Z:Vt,"%":Kt};function C(t,e){return function(n){var r,o,i,a=[],u=-1,s=0,c=t.length;for(n instanceof Date||(n=new Date(+n));++u<c;)37===t.charCodeAt(u)&&(a.push(t.slice(s,u)),null!=(o=Ft[r=t.charAt(++u)])?r=t.charAt(++u):o="e"===r?" ":"0",(i=e[r])&&(r=i(n,o)),a.push(r),s=u+1);return a.push(t.slice(s,u)),a.join("")}}function w(t,e){return function(n){var r,o,i=Ut(1900,void 0,1);if(U(i,t,n+="",0)!=n.length)return null;if("Q"in i)return new Date(i.Q);if("s"in i)return new Date(1e3*i.s+("L"in i?i.L:0));if(e&&!("Z"in i)&&(i.Z=0),"p"in i&&(i.H=i.H%12+12*i.p),void 0===i.m&&(i.m="q"in i?i.q:0),"V"in i){if(i.V<1||i.V>53)return null;"w"in i||(i.w=1),"Z"in i?(o=(r=wt(Ut(i.y,0,1))).getUTCDay(),r=o>4||0===o?lt.ceil(r):lt(r),r=G.offset(r,7*(i.V-1)),i.y=r.getUTCFullYear(),i.m=r.getUTCMonth(),i.d=r.getUTCDate()+(i.w+6)%7):(o=(r=Ct(Ut(i.y,0,1))).getDay(),r=o>4||0===o?nt.ceil(r):nt(r),r=R.offset(r,7*(i.V-1)),i.y=r.getFullYear(),i.m=r.getMonth(),i.d=r.getDate()+(i.w+6)%7)}else("W"in i||"U"in i)&&("w"in i||(i.w="u"in i?i.u%7:"W"in i?1:0),o="Z"in i?wt(Ut(i.y,0,1)).getUTCDay():Ct(Ut(i.y,0,1)).getDay(),i.m=0,i.d="W"in i?(i.w+6)%7+7*i.W-(o+5)%7:i.w+7*i.U-(o+6)%7);return"Z"in i?(i.H+=i.Z/100|0,i.M+=i.Z%100,wt(i)):Ct(i)}}function U(t,e,n,r){for(var o,i,a=0,u=e.length,s=n.length;a<u;){if(r>=s)return-1;if(37===(o=e.charCodeAt(a++))){if(o=e.charAt(a++),!(i=b[o in Ft?e.charAt(a++):o])||(r=i(t,n,r))<0)return-1}else if(o!=n.charCodeAt(r++))return-1}return r}return x.x=C(n,x),x.X=C(r,x),x.c=C(e,x),v.x=C(n,v),v.X=C(r,v),v.c=C(e,v),{format:function(t){var e=C(t+="",x);return e.toString=function(){return t},e},parse:function(t){var e=w(t+="",!1);return e.toString=function(){return t},e},utcFormat:function(t){var e=C(t+="",v);return e.toString=function(){return t},e},utcParse:function(t){var e=w(t+="",!0);return e.toString=function(){return t},e}}}({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}),Dt=Mt.format,kt=Mt.parse,Mt.utcFormat,Mt.utcParse;class nn extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}text{font-family:"LeroyMerlin", sans-serif;font-size:14px;color:#555550}.tooltip{background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;top:0;position:absolute}',this.shadowRoot.appendChild(a),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},en,tn,i,{data:5,backgroundcolor:0,height:6,ticknumbers:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),o()))}static get observedAttributes(){return["data","backgroundcolor","height","ticknumbers"]}get data(){return this.$$.ctx[5]}set data(t){this.$$set({data:t}),o()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),o()}get height(){return this.$$.ctx[6]}set height(t){this.$$set({height:t}),o()}get ticknumbers(){return this.$$.ctx[7]}set ticknumbers(t){this.$$set({ticknumbers:t}),o()}}export{nn as default};
|
|
1
|
+
import{S as t,i as e,a as n,b as r,f as o,s as i,e as a,d as u,T as s,n as c,g as l,y as f,o as g,J as h,a1 as d,t as m,j as p,k as y,v as T}from"../../index-c33b3772.js";import{s as x}from"../../transform-15d69d5d.js";import{E as v}from"../../EventHandler-02058705.js";import{b,t as C,i as w,c as U,a as M,l as D}from"../../linear-f46d7e9e.js";import{S as k,s as F,a as Y,b as $,l as S}from"../../symbol-b05a6e2b.js";import{a as H,b as A}from"../../axis-fbc0f7b5.js";import"../../array-5b770a93.js";import"../../path-1b5da959.js";function L(t,e){let n,r;if(void 0===e)for(const e of t)null!=e&&(void 0===n?e>=e&&(n=r=e):(n>e&&(n=e),r<e&&(r=e)));else{let o=-1;for(let i of t)null!=(i=e(i,++o,t))&&(void 0===n?i>=i&&(n=r=i):(n>i&&(n=i),r<i&&(r=i)))}return[n,r]}const j=new Date,_=new Date;function Z(t,e,n,r){function o(e){return t(e=0===arguments.length?new Date:new Date(+e)),e}return o.floor=e=>(t(e=new Date(+e)),e),o.ceil=n=>(t(n=new Date(n-1)),e(n,1),t(n),n),o.round=t=>{const e=o(t),n=o.ceil(t);return t-e<n-t?e:n},o.offset=(t,n)=>(e(t=new Date(+t),null==n?1:Math.floor(n)),t),o.range=(n,r,i)=>{const a=[];if(n=o.ceil(n),i=null==i?1:Math.floor(i),!(n<r&&i>0))return a;let u;do{a.push(u=new Date(+n)),e(n,i),t(n)}while(u<n&&n<r);return a},o.filter=n=>Z((e=>{if(e>=e)for(;t(e),!n(e);)e.setTime(e-1)}),((t,r)=>{if(t>=t)if(r<0)for(;++r<=0;)for(;e(t,-1),!n(t););else for(;--r>=0;)for(;e(t,1),!n(t););})),n&&(o.count=(e,r)=>(j.setTime(+e),_.setTime(+r),t(j),t(_),Math.floor(n(j,_))),o.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?o.filter(r?e=>r(e)%t==0:e=>o.count(0,e)%t==0):o:null)),o}const E=Z((()=>{}),((t,e)=>{t.setTime(+t+e)}),((t,e)=>e-t));E.every=t=>(t=Math.floor(t),isFinite(t)&&t>0?t>1?Z((e=>{e.setTime(Math.floor(e/t)*t)}),((e,n)=>{e.setTime(+e+n*t)}),((e,n)=>(n-e)/t)):E:null),E.range;const W=1e3,z=6e4,O=36e5,P=864e5,V=6048e5,I=2592e6,J=31536e6,q=Z((t=>{t.setTime(t-t.getMilliseconds())}),((t,e)=>{t.setTime(+t+e*W)}),((t,e)=>(e-t)/W),(t=>t.getUTCSeconds()));q.range;const Q=Z((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*W)}),((t,e)=>{t.setTime(+t+e*z)}),((t,e)=>(e-t)/z),(t=>t.getMinutes()));Q.range;const X=Z((t=>{t.setUTCSeconds(0,0)}),((t,e)=>{t.setTime(+t+e*z)}),((t,e)=>(e-t)/z),(t=>t.getUTCMinutes()));X.range;const B=Z((t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*W-t.getMinutes()*z)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getHours()));B.range;const N=Z((t=>{t.setUTCMinutes(0,0,0)}),((t,e)=>{t.setTime(+t+e*O)}),((t,e)=>(e-t)/O),(t=>t.getUTCHours()));N.range;const R=Z((t=>t.setHours(0,0,0,0)),((t,e)=>t.setDate(t.getDate()+e)),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*z)/P),(t=>t.getDate()-1));R.range;const G=Z((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/P),(t=>t.getUTCDate()-1));G.range;const K=Z((t=>{t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+e)}),((t,e)=>(e-t)/P),(t=>Math.floor(t/P)));function tt(t){return Z((e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)}),((t,e)=>{t.setDate(t.getDate()+7*e)}),((t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*z)/V))}K.range;const et=tt(0),nt=tt(1),rt=tt(2),ot=tt(3),it=tt(4),at=tt(5),ut=tt(6);function st(t){return Z((e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCDate(t.getUTCDate()+7*e)}),((t,e)=>(e-t)/V))}et.range,nt.range,rt.range,ot.range,it.range,at.range,ut.range;const ct=st(0),lt=st(1),ft=st(2),gt=st(3),ht=st(4),dt=st(5),mt=st(6);ct.range,lt.range,ft.range,gt.range,ht.range,dt.range,mt.range;const pt=Z((t=>{t.setDate(1),t.setHours(0,0,0,0)}),((t,e)=>{t.setMonth(t.getMonth()+e)}),((t,e)=>e.getMonth()-t.getMonth()+12*(e.getFullYear()-t.getFullYear())),(t=>t.getMonth()));pt.range;const yt=Z((t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)}),((t,e)=>e.getUTCMonth()-t.getUTCMonth()+12*(e.getUTCFullYear()-t.getUTCFullYear())),(t=>t.getUTCMonth()));yt.range;const Tt=Z((t=>{t.setMonth(0,1),t.setHours(0,0,0,0)}),((t,e)=>{t.setFullYear(t.getFullYear()+e)}),((t,e)=>e.getFullYear()-t.getFullYear()),(t=>t.getFullYear()));Tt.every=t=>isFinite(t=Math.floor(t))&&t>0?Z((e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)}),((e,n)=>{e.setFullYear(e.getFullYear()+n*t)})):null,Tt.range;const xt=Z((t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)}),((t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)}),((t,e)=>e.getUTCFullYear()-t.getUTCFullYear()),(t=>t.getUTCFullYear()));xt.every=t=>isFinite(t=Math.floor(t))&&t>0?Z((e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)}),((e,n)=>{e.setUTCFullYear(e.getUTCFullYear()+n*t)})):null,xt.range;const[vt,bt]=function(t,e,n,r,o,i){const a=[[q,1,W],[q,5,5e3],[q,15,15e3],[q,30,3e4],[i,1,z],[i,5,3e5],[i,15,9e5],[i,30,18e5],[o,1,O],[o,3,108e5],[o,6,216e5],[o,12,432e5],[r,1,P],[r,2,1728e5],[n,1,V],[e,1,I],[e,3,7776e6],[t,1,J]];function u(e,n,r){const o=Math.abs(n-e)/r,i=b((([,,t])=>t)).right(a,o);if(i===a.length)return t.every(C(e/J,n/J,r));if(0===i)return E.every(Math.max(C(e,n,r),1));const[u,s]=a[o/a[i-1][2]<a[i][2]/o?i-1:i];return u.every(s)}return[function(t,e,n){const r=e<t;r&&([t,e]=[e,t]);const o=n&&"function"==typeof n.range?n:u(t,e,n),i=o?o.range(t,+e+1):[];return r?i.reverse():i},u]}(Tt,pt,et,R,B,Q);function Ct(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function wt(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function Ut(t,e,n){return{y:t,m:e,d:n,H:0,M:0,S:0,L:0}}var Mt,Dt,kt,Ft={"-":"",_:" ",0:"0"},Yt=/^\s*\d+/,$t=/^%/,St=/[\\^$*+?|[\]().{}]/g;function Ht(t,e,n){var r=t<0?"-":"",o=(r?-t:t)+"",i=o.length;return r+(i<n?new Array(n-i+1).join(e)+o:o)}function At(t){return t.replace(St,"\\$&")}function Lt(t){return new RegExp("^(?:"+t.map(At).join("|")+")","i")}function jt(t){return new Map(t.map(((t,e)=>[t.toLowerCase(),e])))}function _t(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.w=+r[0],n+r[0].length):-1}function Zt(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.u=+r[0],n+r[0].length):-1}function Et(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.U=+r[0],n+r[0].length):-1}function Wt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.V=+r[0],n+r[0].length):-1}function zt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.W=+r[0],n+r[0].length):-1}function Ot(t,e,n){var r=Yt.exec(e.slice(n,n+4));return r?(t.y=+r[0],n+r[0].length):-1}function Pt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.y=+r[0]+(+r[0]>68?1900:2e3),n+r[0].length):-1}function Vt(t,e,n){var r=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(n,n+6));return r?(t.Z=r[1]?0:-(r[2]+(r[3]||"00")),n+r[0].length):-1}function It(t,e,n){var r=Yt.exec(e.slice(n,n+1));return r?(t.q=3*r[0]-3,n+r[0].length):-1}function Jt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.m=r[0]-1,n+r[0].length):-1}function qt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.d=+r[0],n+r[0].length):-1}function Qt(t,e,n){var r=Yt.exec(e.slice(n,n+3));return r?(t.m=0,t.d=+r[0],n+r[0].length):-1}function Xt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.H=+r[0],n+r[0].length):-1}function Bt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.M=+r[0],n+r[0].length):-1}function Nt(t,e,n){var r=Yt.exec(e.slice(n,n+2));return r?(t.S=+r[0],n+r[0].length):-1}function Rt(t,e,n){var r=Yt.exec(e.slice(n,n+3));return r?(t.L=+r[0],n+r[0].length):-1}function Gt(t,e,n){var r=Yt.exec(e.slice(n,n+6));return r?(t.L=Math.floor(r[0]/1e3),n+r[0].length):-1}function Kt(t,e,n){var r=$t.exec(e.slice(n,n+1));return r?n+r[0].length:-1}function te(t,e,n){var r=Yt.exec(e.slice(n));return r?(t.Q=+r[0],n+r[0].length):-1}function ee(t,e,n){var r=Yt.exec(e.slice(n));return r?(t.s=+r[0],n+r[0].length):-1}function ne(t,e){return Ht(t.getDate(),e,2)}function re(t,e){return Ht(t.getHours(),e,2)}function oe(t,e){return Ht(t.getHours()%12||12,e,2)}function ie(t,e){return Ht(1+R.count(Tt(t),t),e,3)}function ae(t,e){return Ht(t.getMilliseconds(),e,3)}function ue(t,e){return ae(t,e)+"000"}function se(t,e){return Ht(t.getMonth()+1,e,2)}function ce(t,e){return Ht(t.getMinutes(),e,2)}function le(t,e){return Ht(t.getSeconds(),e,2)}function fe(t){var e=t.getDay();return 0===e?7:e}function ge(t,e){return Ht(et.count(Tt(t)-1,t),e,2)}function he(t){var e=t.getDay();return e>=4||0===e?it(t):it.ceil(t)}function de(t,e){return t=he(t),Ht(it.count(Tt(t),t)+(4===Tt(t).getDay()),e,2)}function me(t){return t.getDay()}function pe(t,e){return Ht(nt.count(Tt(t)-1,t),e,2)}function ye(t,e){return Ht(t.getFullYear()%100,e,2)}function Te(t,e){return Ht((t=he(t)).getFullYear()%100,e,2)}function xe(t,e){return Ht(t.getFullYear()%1e4,e,4)}function ve(t,e){var n=t.getDay();return Ht((t=n>=4||0===n?it(t):it.ceil(t)).getFullYear()%1e4,e,4)}function be(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+Ht(e/60|0,"0",2)+Ht(e%60,"0",2)}function Ce(t,e){return Ht(t.getUTCDate(),e,2)}function we(t,e){return Ht(t.getUTCHours(),e,2)}function Ue(t,e){return Ht(t.getUTCHours()%12||12,e,2)}function Me(t,e){return Ht(1+G.count(xt(t),t),e,3)}function De(t,e){return Ht(t.getUTCMilliseconds(),e,3)}function ke(t,e){return De(t,e)+"000"}function Fe(t,e){return Ht(t.getUTCMonth()+1,e,2)}function Ye(t,e){return Ht(t.getUTCMinutes(),e,2)}function $e(t,e){return Ht(t.getUTCSeconds(),e,2)}function Se(t){var e=t.getUTCDay();return 0===e?7:e}function He(t,e){return Ht(ct.count(xt(t)-1,t),e,2)}function Ae(t){var e=t.getUTCDay();return e>=4||0===e?ht(t):ht.ceil(t)}function Le(t,e){return t=Ae(t),Ht(ht.count(xt(t),t)+(4===xt(t).getUTCDay()),e,2)}function je(t){return t.getUTCDay()}function _e(t,e){return Ht(lt.count(xt(t)-1,t),e,2)}function Ze(t,e){return Ht(t.getUTCFullYear()%100,e,2)}function Ee(t,e){return Ht((t=Ae(t)).getUTCFullYear()%100,e,2)}function We(t,e){return Ht(t.getUTCFullYear()%1e4,e,4)}function ze(t,e){var n=t.getUTCDay();return Ht((t=n>=4||0===n?ht(t):ht.ceil(t)).getUTCFullYear()%1e4,e,4)}function Oe(){return"+0000"}function Pe(){return"%"}function Ve(t){return+t}function Ie(t){return Math.floor(+t/1e3)}function Je(t){return new Date(t)}function qe(t){return t instanceof Date?+t:+new Date(+t)}function Qe(t,e,n,r,o,i,a,u,s,c){var l=U(),f=l.invert,g=l.domain,h=c(".%L"),d=c(":%S"),m=c("%I:%M"),p=c("%I %p"),y=c("%a %d"),T=c("%b %d"),x=c("%B"),v=c("%Y");function b(t){return(s(t)<t?h:u(t)<t?d:a(t)<t?m:i(t)<t?p:r(t)<t?o(t)<t?y:T:n(t)<t?x:v)(t)}return l.invert=function(t){return new Date(f(t))},l.domain=function(t){return arguments.length?g(Array.from(t,qe)):g().map(Je)},l.ticks=function(e){var n=g();return t(n[0],n[n.length-1],null==e?10:e)},l.tickFormat=function(t,e){return null==e?b:c(e)},l.nice=function(t){var n=g();return t&&"function"==typeof t.range||(t=e(n[0],n[n.length-1],null==t?10:t)),t?g(function(t,e){var n,r=0,o=(t=t.slice()).length-1,i=t[r],a=t[o];return a<i&&(n=r,r=o,o=n,n=i,i=a,a=n),t[r]=e.floor(i),t[o]=e.ceil(a),t}(n,t)):l},l.copy=function(){return M(l,Qe(t,e,n,r,o,i,a,u,s,c))},l}function Xe(){return w.apply(Qe(vt,bt,Tt,pt,et,R,B,Q,q,Dt).domain([new Date(2e3,0,1),new Date(2e3,0,2)]),arguments)}function Be(t,e,n){const r=t.slice();return r[27]=e[n],r}function Ne(t){let e;function n(t,e){return t[3].customtooltip?Ge:Re}let o=n(t),i=o(t);return{c(){e=a("div"),i.c(),l(e,"class","tooltip"),l(e,"style",`right: ${t[4].right}px; top: ${t[4].top}px;`)},m(t,n){r(t,e,n),i.m(e,null)},p(t,r){o===(o=n(t))&&i?i.p(t,r):(i.d(1),i=o(t),i&&(i.c(),i.m(e,null)))},d(t){t&&g(e),i.d()}}}function Re(t){let e,n,o,i,u=t[3].date+"",s=t[3].value+"";return{c(){e=m(u),n=m(": "),o=a("b"),i=m(s)},m(t,a){r(t,e,a),r(t,n,a),r(t,o,a),p(o,i)},p(t,n){8&n&&u!==(u=t[3].date+"")&&y(e,u),8&n&&s!==(s=t[3].value+"")&&y(i,s)},d(t){t&&g(e),t&&g(n),t&&g(o)}}}function Ge(t){let e,n=t[3].customtooltip+"";return{c(){e=m(n)},m(t,n){r(t,e,n)},p(t,r){8&r&&n!==(n=t[3].customtooltip+"")&&y(e,n)},d(t){t&&g(e)}}}function Ke(t){let e,n,o,i,c,f,h,d,T=t[27].title+"";return{c(){e=a("div"),n=s("svg"),o=s("rect"),c=u(),f=a("span"),h=m(T),d=u(),l(o,"x","0"),l(o,"y","0"),l(o,"width","24"),l(o,"height","16"),l(o,"fill",i=t[27].color),l(n,"class","legend__box"),l(f,"class","legend__title"),l(e,"class","legend__item")},m(t,i){r(t,e,i),p(e,n),p(n,o),p(e,c),p(e,f),p(f,h),p(e,d)},p(t,e){2&e&&i!==(i=t[27].color)&&l(o,"fill",i),2&e&&T!==(T=t[27].title+"")&&y(h,T)},d(t){t&&g(e)}}}function tn(t){let e,n,o,i,d,m=t[3].show&&Ne(t),p=t[1],y=[];for(let e=0;e<p.length;e+=1)y[e]=Ke(Be(t,p,e));return{c(){e=a("div"),m&&m.c(),n=u(),o=a("div");for(let t=0;t<y.length;t+=1)y[t].c();i=u(),d=s("text"),this.c=c,l(e,"class","chart"),f(e,"background-color",t[0]),l(o,"class","legend"),f(d,"display","none")},m(a,u){r(a,e,u),m&&m.m(e,null),t[10](e),r(a,n,u),r(a,o,u);for(let t=0;t<y.length;t+=1)y[t]&&y[t].m(o,null);r(a,i,u),r(a,d,u)},p(t,[n]){if(t[3].show?m?m.p(t,n):(m=Ne(t),m.c(),m.m(e,null)):m&&(m.d(1),m=null),1&n&&f(e,"background-color",t[0]),2&n){let e;for(p=t[1],e=0;e<p.length;e+=1){const r=Be(t,p,e);y[e]?y[e].p(r,n):(y[e]=Ke(r),y[e].c(),y[e].m(o,null))}for(;e<y.length;e+=1)y[e].d(1);y.length=p.length}},i:c,o:c,d(r){r&&g(e),m&&m.d(),t[10](null),r&&g(n),r&&g(o),h(y,r),r&&g(i),r&&g(d)}}}function en(t,e,n){let{data:r=""}=e,{backgroundcolor:o="#fff"}=e,{height:i=300}=e,{ticknumbers:a=5}=e;const u=kt("%d-%m-%Y");let s,c,l,f,g,h,m,p,y=!1,b=new v,C=[];const w={top:20,right:40,bottom:40,left:60,yAxisPadding:20};let U={date:"",value:0,show:!1,customtooltip:""};function M(){let t=x(l).style("width");return""!==t&&t||(t=""+window.innerWidth/2),parseInt(t)}function j(t,e){const r=new Date(e.time).toDateString(),o=e.value;n(3,U={date:r,value:parseInt(o),show:!0,customtooltip:e.customtooltip})}function _(t){const e=M(),n=t.flatMap((t=>t.points)),[r=0,o=0]=L(n,(t=>Number(t.value))),a=L(n,(t=>u(t.time)));g.domain(a),f.selectAll(".x-axis").attr("transform",`translate(${w.yAxisPadding},${i+w.bottom/2})`).call(m).attr("stroke-width","0"),h.domain([r,o]),f.selectAll(".y-axis").call(p).select(".domain").attr("stroke-width","0"),f.selectAll(".y-axis .tick line").attr("x1",w.yAxisPadding/2).attr("x2",e-w.left).attr("stroke","#EEEDEA").attr("stroke-width","1.4px")}function Z(t){const e=M();g=Xe().range([0,e-w.left-w.right]),m=H(g).tickSize(0).ticks(R).ticks(a).tickPadding(5),h=D().range([i,0]),p=A(h).ticks(a),t||(f=x(l).append("svg").attr("width",e).attr("height",i+w.top+w.bottom).attr("id","svg-chart").append("g").attr("transform",`translate(${w.left/2+w.right/2},${w.top})`),f.append("g").attr("transform","translate(0,"+String(i)+")").attr("class","x-axis"),f.append("g").attr("class","y-axis")),_(c),c.forEach(((e,n)=>{t||C.push(f.append("g").append("path")),E(e,n)}))}function E(t,e){const r=t.points.map((t=>({time:u(t.time)||"",value:t.value,customtooltip:t.customtooltip})));!function(t,e,n,r){t.datum(e).attr("d",S().x((t=>g(+t.time))).y((t=>h(+t.value)))).attr("stroke",n).style("stroke-width",2.5).style("fill","none").attr("transform",`translate(${w.yAxisPadding},0)`).attr("stroke-dasharray",r||0)}(C[e],r,t.color,t.strokeDasharray),f.selectAll(`.chart__symbol-line-${e}`).remove(),function(t,e,r,o){let i=k(F);switch(r){case"circle":i=k($);break;case"triangle":i=k(Y)}f.selectAll().data(t).join("path").attr("d",i.size(50)).attr("opacity",1).attr("transform",(t=>`translate(${g(+t.time)+w.yAxisPadding},${h(+t.value)})`)).attr("class",`chart__symbol-line-${o}`).style("fill",e).style("cursor","pointer").on("mouseover",j).on("mouseout",(()=>n(3,U.show=!1,U))).on("click",((t,e)=>{b.dispatch("point-clicked",e)}))}(r,t.color,t.symbol,e)}function W(){var t;if(s&&y){const e=M();null===(t=l.querySelector("#svg-chart"))||void 0===t||t.setAttribute("width",`${e}px`),Z(!0)}}return d((()=>{new ResizeObserver(W).observe(l),n(9,y=!0)})),t.$$set=t=>{"data"in t&&n(5,r=t.data),"backgroundcolor"in t&&n(0,o=t.backgroundcolor),"height"in t&&n(6,i=t.height),"ticknumbers"in t&&n(7,a=t.ticknumbers)},t.$$.update=()=>{32&t.$$.dirty&&n(1,c=r?JSON.parse(r):[]),802&t.$$.dirty&&r.length>0&&y&&(s?r!==s&&(_(c),c.forEach(((t,e)=>E(t,e))),n(8,s=r)):(Z(),n(8,s=r)))},[o,c,l,U,w,r,i,a,s,y,function(t){T[t?"unshift":"push"]((()=>{l=t,n(2,l)}))}]}Mt=function(t){var e=t.dateTime,n=t.date,r=t.time,o=t.periods,i=t.days,a=t.shortDays,u=t.months,s=t.shortMonths,c=Lt(o),l=jt(o),f=Lt(i),g=jt(i),h=Lt(a),d=jt(a),m=Lt(u),p=jt(u),y=Lt(s),T=jt(s),x={a:function(t){return a[t.getDay()]},A:function(t){return i[t.getDay()]},b:function(t){return s[t.getMonth()]},B:function(t){return u[t.getMonth()]},c:null,d:ne,e:ne,f:ue,g:Te,G:ve,H:re,I:oe,j:ie,L:ae,m:se,M:ce,p:function(t){return o[+(t.getHours()>=12)]},q:function(t){return 1+~~(t.getMonth()/3)},Q:Ve,s:Ie,S:le,u:fe,U:ge,V:de,w:me,W:pe,x:null,X:null,y:ye,Y:xe,Z:be,"%":Pe},v={a:function(t){return a[t.getUTCDay()]},A:function(t){return i[t.getUTCDay()]},b:function(t){return s[t.getUTCMonth()]},B:function(t){return u[t.getUTCMonth()]},c:null,d:Ce,e:Ce,f:ke,g:Ee,G:ze,H:we,I:Ue,j:Me,L:De,m:Fe,M:Ye,p:function(t){return o[+(t.getUTCHours()>=12)]},q:function(t){return 1+~~(t.getUTCMonth()/3)},Q:Ve,s:Ie,S:$e,u:Se,U:He,V:Le,w:je,W:_e,x:null,X:null,y:Ze,Y:We,Z:Oe,"%":Pe},b={a:function(t,e,n){var r=h.exec(e.slice(n));return r?(t.w=d.get(r[0].toLowerCase()),n+r[0].length):-1},A:function(t,e,n){var r=f.exec(e.slice(n));return r?(t.w=g.get(r[0].toLowerCase()),n+r[0].length):-1},b:function(t,e,n){var r=y.exec(e.slice(n));return r?(t.m=T.get(r[0].toLowerCase()),n+r[0].length):-1},B:function(t,e,n){var r=m.exec(e.slice(n));return r?(t.m=p.get(r[0].toLowerCase()),n+r[0].length):-1},c:function(t,n,r){return U(t,e,n,r)},d:qt,e:qt,f:Gt,g:Pt,G:Ot,H:Xt,I:Xt,j:Qt,L:Rt,m:Jt,M:Bt,p:function(t,e,n){var r=c.exec(e.slice(n));return r?(t.p=l.get(r[0].toLowerCase()),n+r[0].length):-1},q:It,Q:te,s:ee,S:Nt,u:Zt,U:Et,V:Wt,w:_t,W:zt,x:function(t,e,r){return U(t,n,e,r)},X:function(t,e,n){return U(t,r,e,n)},y:Pt,Y:Ot,Z:Vt,"%":Kt};function C(t,e){return function(n){var r,o,i,a=[],u=-1,s=0,c=t.length;for(n instanceof Date||(n=new Date(+n));++u<c;)37===t.charCodeAt(u)&&(a.push(t.slice(s,u)),null!=(o=Ft[r=t.charAt(++u)])?r=t.charAt(++u):o="e"===r?" ":"0",(i=e[r])&&(r=i(n,o)),a.push(r),s=u+1);return a.push(t.slice(s,u)),a.join("")}}function w(t,e){return function(n){var r,o,i=Ut(1900,void 0,1);if(U(i,t,n+="",0)!=n.length)return null;if("Q"in i)return new Date(i.Q);if("s"in i)return new Date(1e3*i.s+("L"in i?i.L:0));if(e&&!("Z"in i)&&(i.Z=0),"p"in i&&(i.H=i.H%12+12*i.p),void 0===i.m&&(i.m="q"in i?i.q:0),"V"in i){if(i.V<1||i.V>53)return null;"w"in i||(i.w=1),"Z"in i?(o=(r=wt(Ut(i.y,0,1))).getUTCDay(),r=o>4||0===o?lt.ceil(r):lt(r),r=G.offset(r,7*(i.V-1)),i.y=r.getUTCFullYear(),i.m=r.getUTCMonth(),i.d=r.getUTCDate()+(i.w+6)%7):(o=(r=Ct(Ut(i.y,0,1))).getDay(),r=o>4||0===o?nt.ceil(r):nt(r),r=R.offset(r,7*(i.V-1)),i.y=r.getFullYear(),i.m=r.getMonth(),i.d=r.getDate()+(i.w+6)%7)}else("W"in i||"U"in i)&&("w"in i||(i.w="u"in i?i.u%7:"W"in i?1:0),o="Z"in i?wt(Ut(i.y,0,1)).getUTCDay():Ct(Ut(i.y,0,1)).getDay(),i.m=0,i.d="W"in i?(i.w+6)%7+7*i.W-(o+5)%7:i.w+7*i.U-(o+6)%7);return"Z"in i?(i.H+=i.Z/100|0,i.M+=i.Z%100,wt(i)):Ct(i)}}function U(t,e,n,r){for(var o,i,a=0,u=e.length,s=n.length;a<u;){if(r>=s)return-1;if(37===(o=e.charCodeAt(a++))){if(o=e.charAt(a++),!(i=b[o in Ft?e.charAt(a++):o])||(r=i(t,n,r))<0)return-1}else if(o!=n.charCodeAt(r++))return-1}return r}return x.x=C(n,x),x.X=C(r,x),x.c=C(e,x),v.x=C(n,v),v.X=C(r,v),v.c=C(e,v),{format:function(t){var e=C(t+="",x);return e.toString=function(){return t},e},parse:function(t){var e=w(t+="",!1);return e.toString=function(){return t},e},utcFormat:function(t){var e=C(t+="",v);return e.toString=function(){return t},e},utcParse:function(t){var e=w(t+="",!0);return e.toString=function(){return t},e}}}({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}),Dt=Mt.format,kt=Mt.parse,Mt.utcFormat,Mt.utcParse;class nn extends t{constructor(t){super();const a=document.createElement("style");a.textContent='.legend{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem;height:100%;color:#000000;gap:1rem}.legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.legend__title{white-space:nowrap;margin:0}.legend__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:0.25rem;height:16px;width:24px}text{font-family:"LeroyMerlin", sans-serif;font-size:14px;color:#555550}.tooltip{background-color:#4d4d4d;border-radius:4px;color:#ffffff;text-align:center;padding:0.5rem 1rem;top:0;position:absolute}',this.shadowRoot.appendChild(a),e(this,{target:this.shadowRoot,props:n(this.attributes),customElement:!0},en,tn,i,{data:5,backgroundcolor:0,height:6,ticknumbers:7},null),t&&(t.target&&r(t.target,this,t.anchor),t.props&&(this.$set(t.props),o()))}static get observedAttributes(){return["data","backgroundcolor","height","ticknumbers"]}get data(){return this.$$.ctx[5]}set data(t){this.$$set({data:t}),o()}get backgroundcolor(){return this.$$.ctx[0]}set backgroundcolor(t){this.$$set({backgroundcolor:t}),o()}get height(){return this.$$.ctx[6]}set height(t){this.$$set({height:t}),o()}get ticknumbers(){return this.$$.ctx[7]}set ticknumbers(t){this.$$set({ticknumbers:t}),o()}}export{nn as default};
|
|
2
2
|
//# sourceMappingURL=LineChart.js.map
|