@mozaic-ds/web-components 0.7.0 → 0.9.0-beta
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 +1 -1
- package/public/ClickOutside-63071e7a.js +15 -1
- package/public/ClickOutside-63071e7a.js.map +1 -1
- package/public/DataTableDefaultAction.nested-c37a5d51.js +762 -0
- package/public/DataTableDefaultAction.nested-c37a5d51.js.map +1 -0
- package/public/DataTableUtilities-313a448d.js +386 -0
- package/public/DataTableUtilities-313a448d.js.map +1 -0
- package/public/EventForward-8492ff62.js +109 -1
- package/public/EventForward-8492ff62.js.map +1 -1
- package/public/EventHandler-02058705.js +15 -1
- package/public/EventHandler-02058705.js.map +1 -1
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js → DataTableDefaultAction.nested-ac2e3dbe.js} +2 -2
- package/public/adeo/{DataTableDefaultAction.nested-90536fe3.js.map → DataTableDefaultAction.nested-ac2e3dbe.js.map} +1 -1
- package/public/adeo/DataTableUtilities-313a448d.js +2 -0
- package/public/adeo/DataTableUtilities-313a448d.js.map +1 -0
- package/public/adeo/bundle.js +5 -0
- package/public/adeo/components/barchart/BarChart.svelte +3 -4
- package/public/adeo/components/chart/BarChart.js +1 -1
- package/public/adeo/components/chart/BarChart.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 +12 -0
- package/public/adeo/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/adeo/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/adeo/components/datatable/data.d.ts.map +1 -1
- package/public/adeo/components/datatable/datatable.types.d.ts +9 -2
- package/public/adeo/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +2 -2
- package/public/adeo/components/kpi/Kpi.js +2 -0
- package/public/adeo/components/kpi/Kpi.js.map +1 -0
- package/public/adeo/components/kpi/Kpi.svelte +232 -0
- package/public/adeo/components/sidebar/Sidebar.js +1 -1
- package/public/adeo/components/sidebar/Sidebar.js.map +1 -1
- package/public/adeo/components/sidebar/Sidebar.svelte +1 -1
- package/public/adeo/icons-storybook.js +16 -0
- package/public/adeo/main.d.ts +1 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +22 -2
- package/public/array-5b770a93.js +13 -1
- package/public/array-5b770a93.js.map +1 -1
- package/public/axis-fbc0f7b5.js +174 -1
- package/public/axis-fbc0f7b5.js.map +1 -1
- package/public/band-d7a07d2c.js +186 -1
- package/public/band-d7a07d2c.js.map +1 -1
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js → DataTableDefaultAction.nested-bcc599d1.js} +2 -2
- package/public/bricoman/{DataTableDefaultAction.nested-928e5e2d.js.map → DataTableDefaultAction.nested-bcc599d1.js.map} +1 -1
- package/public/bricoman/DataTableUtilities-313a448d.js +2 -0
- package/public/bricoman/DataTableUtilities-313a448d.js.map +1 -0
- package/public/bricoman/bundle.js +5 -0
- package/public/bricoman/components/barchart/BarChart.svelte +3 -4
- package/public/bricoman/components/chart/BarChart.js +1 -1
- package/public/bricoman/components/chart/BarChart.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 +12 -0
- package/public/bricoman/components/datatable/DataTableDefaultAction.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultEdtion.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableDefaultFilterTags.nested.js +1 -1
- package/public/bricoman/components/datatable/DataTableFooter.nested.js +1 -1
- package/public/bricoman/components/datatable/data.d.ts.map +1 -1
- package/public/bricoman/components/datatable/datatable.types.d.ts +9 -2
- package/public/bricoman/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +2 -2
- package/public/bricoman/components/kpi/Kpi.js +2 -0
- package/public/bricoman/components/kpi/Kpi.js.map +1 -0
- package/public/bricoman/components/kpi/Kpi.svelte +232 -0
- package/public/bricoman/components/sidebar/Sidebar.js +1 -1
- package/public/bricoman/components/sidebar/Sidebar.js.map +1 -1
- package/public/bricoman/components/sidebar/Sidebar.svelte +1 -1
- package/public/bricoman/icons-storybook.js +16 -0
- package/public/bricoman/main.d.ts +1 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +22 -2
- package/public/bundle.js +5 -0
- package/public/components/accordion/Accordion.js +365 -1
- package/public/components/accordion/Accordion.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.js +1515 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/badge/Badge.js +155 -1
- package/public/components/badge/Badge.js.map +1 -1
- package/public/components/badge/Badge.nested.js +101 -1
- package/public/components/badge/Badge.nested.js.map +1 -1
- package/public/components/barchart/BarChart.svelte +3 -4
- package/public/components/breadcrumb/Breadcrumb.js +372 -1
- package/public/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js +319 -1
- package/public/components/breadcrumb/Breadcrumb.nested.js.map +1 -1
- package/public/components/button/Button.js +1138 -1
- package/public/components/button/Button.js.map +1 -1
- package/public/components/card/Card.js +369 -1
- package/public/components/card/Card.js.map +1 -1
- package/public/components/chart/BarChart.js +583 -1
- package/public/components/chart/BarChart.js.map +1 -1
- package/public/components/chart/Donut.js +1189 -1
- package/public/components/chart/Donut.js.map +1 -1
- package/public/components/chart/GroupedBarChart.js +750 -1
- package/public/components/chart/GroupedBarChart.js.map +1 -1
- package/public/components/chart/LineChart.js +1731 -1
- package/public/components/chart/LineChart.js.map +1 -1
- package/public/components/chart/Radar.js +729 -1
- package/public/components/chart/Radar.js.map +1 -1
- package/public/components/chart/StackedBarChart.js +745 -1
- package/public/components/chart/StackedBarChart.js.map +1 -1
- package/public/components/checkbox/Checkbox.js +307 -1
- package/public/components/checkbox/Checkbox.js.map +1 -1
- package/public/components/checkboxgroup/checkboxGroup.js +404 -1
- package/public/components/checkboxgroup/checkboxGroup.js.map +1 -1
- package/public/components/datatable/DataTable.js +3098 -1
- package/public/components/datatable/DataTable.js.map +1 -1
- package/public/components/datatable/DataTable.svelte +12 -0
- package/public/components/datatable/DataTableDefaultAction.nested.js +4 -1
- package/public/components/datatable/DataTableDefaultAction.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js +164 -1
- package/public/components/datatable/DataTableDefaultEdtion.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js +380 -1
- package/public/components/datatable/DataTableDefaultFilterTags.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js +424 -1
- package/public/components/datatable/DataTableDefaultSelection.nested.js.map +1 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js +263 -1
- package/public/components/datatable/DataTableDefaultSelectionLabel.nested.js.map +1 -1
- package/public/components/datatable/DataTableFooter.nested.js +637 -1
- package/public/components/datatable/DataTableFooter.nested.js.map +1 -1
- package/public/components/datatable/data.d.ts.map +1 -1
- package/public/components/datatable/datatable.types.d.ts +9 -2
- package/public/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/components/dropdown/Dropdown.js +1426 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/field/Field.js +375 -1
- package/public/components/field/Field.js.map +1 -1
- package/public/components/fileuploader/FileUploader.js +603 -1
- package/public/components/fileuploader/FileUploader.js.map +1 -1
- package/public/components/fileuploader/ResultFile.nested.js +344 -1
- package/public/components/fileuploader/ResultFile.nested.js.map +1 -1
- package/public/components/flag/Flag.js +174 -1
- package/public/components/flag/Flag.js.map +1 -1
- package/public/components/header/Header.js +918 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +2 -2
- package/public/components/hero/Hero.js +271 -1
- package/public/components/hero/Hero.js.map +1 -1
- package/public/components/kpi/Kpi.js +405 -0
- package/public/components/kpi/Kpi.js.map +1 -0
- package/public/components/kpi/Kpi.svelte +232 -0
- package/public/components/layer/Layer.js +471 -1
- package/public/components/layer/Layer.js.map +1 -1
- package/public/components/link/Link.js +380 -1
- package/public/components/link/Link.js.map +1 -1
- package/public/components/listbox/Listbox.js +595 -1
- package/public/components/listbox/Listbox.js.map +1 -1
- package/public/components/listbox/Listbox.nested.js +629 -1
- package/public/components/listbox/Listbox.nested.js.map +1 -1
- package/public/components/loader/Loader.js +246 -1
- package/public/components/loader/Loader.js.map +1 -1
- package/public/components/loader/Loader.nested.js +176 -1
- package/public/components/loader/Loader.nested.js.map +1 -1
- package/public/components/modal/Modal.js +395 -1
- package/public/components/modal/Modal.js.map +1 -1
- package/public/components/notification/Notification.js +458 -1
- package/public/components/notification/Notification.js.map +1 -1
- package/public/components/optionbutton/OptionButton.js +316 -1
- package/public/components/optionbutton/OptionButton.js.map +1 -1
- package/public/components/overlay/Overlay.js +104 -1
- package/public/components/overlay/Overlay.js.map +1 -1
- package/public/components/overlay/OverlayLoader.js +151 -1
- package/public/components/overlay/OverlayLoader.js.map +1 -1
- package/public/components/pagination/Pagination.js +613 -1
- package/public/components/pagination/Pagination.js.map +1 -1
- package/public/components/passwordinput/PasswordInput.js +291 -1
- package/public/components/passwordinput/PasswordInput.js.map +1 -1
- package/public/components/phonenumber/PhoneNumber.js +6894 -1
- package/public/components/phonenumber/PhoneNumber.js.map +1 -1
- package/public/components/price/Price.js +768 -1
- package/public/components/price/Price.js.map +1 -1
- package/public/components/progressbar/ProgressBar.js +278 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/quantityselector/QuantitySelector.js +397 -1
- package/public/components/quantityselector/QuantitySelector.js.map +1 -1
- package/public/components/radio/Radio.js +273 -1
- package/public/components/radio/Radio.js.map +1 -1
- package/public/components/radiogroup/RadioGroup.js +414 -1
- package/public/components/radiogroup/RadioGroup.js.map +1 -1
- package/public/components/ratings/StarsInput.js +292 -1
- package/public/components/ratings/StarsInput.js.map +1 -1
- package/public/components/ratings/StarsResult.js +246 -1
- package/public/components/ratings/StarsResult.js.map +1 -1
- package/public/components/select/Select.js +451 -1
- package/public/components/select/Select.js.map +1 -1
- package/public/components/sidebar/Sidebar.js +784 -1
- package/public/components/sidebar/Sidebar.js.map +1 -1
- package/public/components/sidebar/Sidebar.svelte +1 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js +594 -1
- package/public/components/sidebar/sidebar-feature-group.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-feature.nested.js +402 -1
- package/public/components/sidebar/sidebar-feature.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-section.nested.js +394 -1
- package/public/components/sidebar/sidebar-section.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-segment.nested.js +200 -1
- package/public/components/sidebar/sidebar-segment.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-separator.nested.js +49 -1
- package/public/components/sidebar/sidebar-separator.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js +312 -1
- package/public/components/sidebar/sidebar-sub-features.nested.js.map +1 -1
- package/public/components/sidebar/sidebar-user.nested.js +733 -1
- package/public/components/sidebar/sidebar-user.nested.js.map +1 -1
- package/public/components/stepper/Stepper.js +371 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/tabs/Tabs.js +615 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +472 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tag/Tag.js +665 -1
- package/public/components/tag/Tag.js.map +1 -1
- package/public/components/tag/Tag.nested.js +554 -1
- package/public/components/tag/Tag.nested.js.map +1 -1
- package/public/components/taglist/TagList.js +475 -1
- package/public/components/taglist/TagList.js.map +1 -1
- package/public/components/textarea/Textarea.js +303 -1
- package/public/components/textarea/Textarea.js.map +1 -1
- package/public/components/textinput/Textinput.js +497 -1
- package/public/components/textinput/Textinput.js.map +1 -1
- package/public/components/textinput/Textinput.nested.js +320 -1
- package/public/components/textinput/Textinput.nested.js.map +1 -1
- package/public/components/toggle/Toggle.js +278 -1
- package/public/components/toggle/Toggle.js.map +1 -1
- package/public/components/tooltip/Tooltip.js +173 -1
- package/public/components/tooltip/Tooltip.js.map +1 -1
- package/public/icons-storybook.js +16 -0
- package/public/index-c33b3772.js +873 -1
- package/public/index-c33b3772.js.map +1 -1
- package/public/linear-f46d7e9e.js +700 -1
- package/public/linear-f46d7e9e.js.map +1 -1
- package/public/main.d.ts +1 -0
- package/public/main.d.ts.map +1 -1
- package/public/path-1b5da959.js +186 -1
- package/public/path-1b5da959.js.map +1 -1
- package/public/sidebar-service-275bf9ef.js +129 -1
- package/public/sidebar-service-275bf9ef.js.map +1 -1
- package/public/symbol-b05a6e2b.js +169 -1
- package/public/symbol-b05a6e2b.js.map +1 -1
- package/public/transform-15d69d5d.js +2743 -1
- package/public/transform-15d69d5d.js.map +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +22 -2
- package/public/utilities/EventForward.js +136 -1
- package/public/utilities/EventForward.js.map +1 -1
- package/public/utilities/EventHandler.js +36 -1
- package/public/utilities/EventHandler.js.map +1 -1
- package/public/utilities/components/datatable/data.d.ts.map +1 -1
- package/public/utilities/components/datatable/datatable.types.d.ts +9 -2
- package/public/utilities/components/datatable/datatable.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +1 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/datatable/DataTable.stories.d.ts.map +1 -1
- package/public/utilities/stories/header/Header.stories.d.ts.map +1 -1
- package/public/utilities/stories/kpi/kpi.stories.d.ts +7 -0
- package/public/utilities/stories/kpi/kpi.stories.d.ts.map +1 -0
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableDefaultAction.nested-483f8bb0.js +0 -2
- package/public/DataTableDefaultAction.nested-483f8bb0.js.map +0 -1
- package/public/DataTableUtilities-60220c78.js +0 -2
- package/public/DataTableUtilities-60220c78.js.map +0 -1
- package/public/adeo/DataTableUtilities-60220c78.js +0 -2
- package/public/adeo/DataTableUtilities-60220c78.js.map +0 -1
- package/public/bricoman/DataTableUtilities-60220c78.js +0 -2
- package/public/bricoman/DataTableUtilities-60220c78.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBarChart.js","sources":["../../../node_modules/d3-shape/src/offset/none.js","../../../node_modules/d3-shape/src/order/none.js","../../../node_modules/d3-shape/src/stack.js","../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n if (!((n = series.length) > 1)) return;\n for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n s0 = s1, s1 = series[order[i]];\n for (j = 0; j < m; ++j) {\n s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n }\n }\n}\n","export default function(series) {\n var n = series.length, o = new Array(n);\n while (--n >= 0) o[n] = n;\n return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n return d[key];\n}\n\nfunction stackSeries(key) {\n const series = [];\n series.key = key;\n return series;\n}\n\nexport default function() {\n var keys = constant([]),\n order = orderNone,\n offset = offsetNone,\n value = stackValue;\n\n function stack(data) {\n var sz = Array.from(keys.apply(this, arguments), stackSeries),\n i, n = sz.length, j = -1,\n oz;\n\n for (const d of data) {\n for (i = 0, ++j; i < n; ++i) {\n (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n }\n }\n\n for (i = 0, oz = array(order(sz)); i < n; ++i) {\n sz[oz[i]].index = i;\n }\n\n offset(sz, oz);\n return sz;\n }\n\n stack.keys = function(_) {\n return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n };\n\n stack.value = function(_) {\n return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n };\n\n stack.order = function(_) {\n return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n };\n\n stack.offset = function(_) {\n return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n };\n\n return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n NumberValue,\n stack,\n Series,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { StackedBarData, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n type StackedData = Series<\n {\n [key: string]: number;\n },\n string\n >;\n\n export let data = '';\n $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n $: groups = parsedData.map((d: StackedBarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let scalemax = 50;\n export let ticknumbers = 4;\n export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n\n export let margins: string;\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let colors: string;\n let parsedColor: Record<string, string>;\n $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getAxes(width: number) {\n const x = scaleBand()\n .domain(groups)\n .range([\n 0,\n width -\n (getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2),\n ])\n .padding(0.2);\n const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n return { x, y };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n const stackedData = stack().keys(subgroups)(parsedData);\n\n svg\n .append('g')\n .selectAll('g')\n .data(stackedData)\n .enter()\n .append('g')\n .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => d)\n .enter()\n .append('rect')\n .attr('x', (d) => x(d.data.group.toString())!)\n .attr('y', (d) => y(d[1]))\n .attr('width', x.bandwidth())\n .attr('height', (d) => y(d[0]) - y(d[1]))\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).getBoundingClientRect();\n tooltipData = {\n show: true,\n text: chartEvent.data.customtooltip\n ? chartEvent.data.customtooltip\n : `${chartEvent[1] - chartEvent[0]}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n const width = getChartWidth();\n svg\n .selectAll('.y-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', width);\n }\n\n function render() {\n const width = getChartWidth();\n const { x, y } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, y);\n }\n\n function resize() {\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y } = getAxes(width);\n updateAxes(x, y);\n\n const stackedData = stack().keys(subgroups)(parsedData);\n svg\n .selectAll('.bar')\n .data(stackedData)\n .selectAll('rect')\n .data((d) => d)\n .attr('x', (d) => x(d.data.group.toString())!)\n .attr('y', (d) => y(d[1]))\n .attr('width', x.bandwidth())\n .attr('height', (d) => y(d[0]) - y(d[1]));\n }\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n\n<div class=\"legend\">\n {#each subgroups as subgroup}\n <div class=\"legend__item\">\n <svg class=\"legend__box\">\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n </svg>\n <span class=\"legend__title\">{subgroup}</span>\n </div>\n {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .legend {\n margin-top: magic-unit-rem(1);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 magic-unit-rem(1.5);\n height: 100%;\n color: $color-grey-999;\n gap: magic-unit-rem(1);\n &__item {\n display: flex;\n justify-content: center;\n font-size: $size-font-04;\n align-items: center;\n }\n &__title {\n white-space: nowrap;\n margin: 0;\n }\n &__box {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: magic-unit-rem(0.25);\n height: 16px;\n width: 24px;\n }\n }\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: magic-unit-rem(0.5) 0;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: relative;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["none$1","series","order","n","length","j","s0","i","s1","m","isNaN","none","o","Array","stackValue","d","key","stackSeries","stack","keys","constant","orderNone","offset","offsetNone","value","data","oz","sz","from","apply","this","arguments","array","index","_","t_value","ctx","text","top","left","width","insert","target","div","anchor","dirty","set_data","t","attr","rect","rect_fill_value","append","svg_1","span","t1","t1_value","html_tag","p","raw_value","if_block","show","create_if_block","div0","div1","div2","text_1","getParsedMargins","margins","JSON","parse","right","bottom","xAxis","parsedColor","_data","chart","svg","$$props","chartheight","backgroundcolor","scalemax","ticknumbers","tickleftformat","Number","tickbottomformat","svgs","colors","hasMounted","tooltipData","eventHandler","EventHandler","getChartWidth","chartWidth","select","style","window","innerWidth","parseInt","getAxes","x","scaleBand","domain","groups","range","padding","y","scaleLinear","height","addRectandles","stackedData","subgroups","parsedData","selectAll","enter","group","toString","bandwidth","on","_e","chartEvent","filter","arc","e","getBoundingClientRect","customtooltip","dispatch","updateAxes","call","axisBottom","tickFormat","axisLeft","ticks","resize","_a","querySelector","setAttribute","onMount","ResizeObserver","observe","$$invalidate","map","Object","parsedSvgs","remove","update","render","$$value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"StackedBarChart.js","sources":["../../../node_modules/d3-shape/src/offset/none.js","../../../node_modules/d3-shape/src/order/none.js","../../../node_modules/d3-shape/src/stack.js","../../../src/components/chart/StackedBarChart.svelte"],"sourcesContent":["export default function(series, order) {\n if (!((n = series.length) > 1)) return;\n for (var i = 1, j, s0, s1 = series[order[0]], n, m = s1.length; i < n; ++i) {\n s0 = s1, s1 = series[order[i]];\n for (j = 0; j < m; ++j) {\n s1[j][1] += s1[j][0] = isNaN(s0[j][1]) ? s0[j][0] : s0[j][1];\n }\n }\n}\n","export default function(series) {\n var n = series.length, o = new Array(n);\n while (--n >= 0) o[n] = n;\n return o;\n}\n","import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport offsetNone from \"./offset/none.js\";\nimport orderNone from \"./order/none.js\";\n\nfunction stackValue(d, key) {\n return d[key];\n}\n\nfunction stackSeries(key) {\n const series = [];\n series.key = key;\n return series;\n}\n\nexport default function() {\n var keys = constant([]),\n order = orderNone,\n offset = offsetNone,\n value = stackValue;\n\n function stack(data) {\n var sz = Array.from(keys.apply(this, arguments), stackSeries),\n i, n = sz.length, j = -1,\n oz;\n\n for (const d of data) {\n for (i = 0, ++j; i < n; ++i) {\n (sz[i][j] = [0, +value(d, sz[i].key, j, data)]).data = d;\n }\n }\n\n for (i = 0, oz = array(order(sz)); i < n; ++i) {\n sz[oz[i]].index = i;\n }\n\n offset(sz, oz);\n return sz;\n }\n\n stack.keys = function(_) {\n return arguments.length ? (keys = typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : keys;\n };\n\n stack.value = function(_) {\n return arguments.length ? (value = typeof _ === \"function\" ? _ : constant(+_), stack) : value;\n };\n\n stack.order = function(_) {\n return arguments.length ? (order = _ == null ? orderNone : typeof _ === \"function\" ? _ : constant(Array.from(_)), stack) : order;\n };\n\n stack.offset = function(_) {\n return arguments.length ? (offset = _ == null ? offsetNone : _, stack) : offset;\n };\n\n return stack;\n}\n","<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import {\n select,\n scaleBand,\n scaleLinear,\n axisBottom,\n axisLeft,\n Selection,\n ScaleBand,\n ScaleLinear,\n NumberValue,\n stack,\n Series,\n } from 'd3';\n import { onMount } from 'svelte';\n import type { StackedBarData, BarMargin } from './bar-chart.types';\n import { EventHandler } from '../../utilities/EventHandler';\n\n type StackedData = Series<\n {\n [key: string]: number;\n },\n string\n >;\n\n export let data = '';\n $: parsedData = data ? (JSON.parse(data) as StackedBarData[]) : [];\n $: groups = parsedData.map((d: StackedBarData) => d.group);\n $: subgroups = parsedData[0]\n ? Object.keys(parsedData[0]).filter((d: string) => d !== 'group')\n : [];\n\n export let chartheight = '300';\n $: height = parseInt(chartheight, 10);\n\n export let backgroundcolor = '#fff';\n export let scalemax = 50;\n export let ticknumbers = 4;\n export let tickleftformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n export let tickbottomformat: (d: NumberValue, i: number) => string = (d) =>\n `${Number(d)}`;\n\n export let margins: string;\n export let svgs: string;\n $: parsedSvgs = svgs ? (JSON.parse(svgs) as SVGElement[]) : [];\n\n export let colors: string;\n let parsedColor: Record<string, string>;\n $: parsedColor = colors ? (JSON.parse(colors) as Record<string, string>) : {};\n\n let _data: string;\n let chart: HTMLDivElement;\n let svg: Selection<SVGGElement, any, any, any>;\n let hasMounted = false;\n let tooltipData = { show: false, text: '', top: 0, left: 0, width: 0 };\n let eventHandler = new EventHandler();\n\n $: if (data.length > 0 && hasMounted) {\n if (!_data) {\n render();\n _data = data;\n } else if (data !== _data) {\n update();\n _data = data;\n }\n }\n\n function getParsedMargins(margins: string): BarMargin {\n if (margins) return JSON.parse(margins) as BarMargin;\n else\n return {\n top: 10,\n right: 40,\n bottom: 20,\n left: 60,\n xAxis: 20,\n } as BarMargin;\n }\n\n function getChartWidth() {\n let chartWidth = select(chart).style('width');\n if (chartWidth === '' || !chartWidth) {\n chartWidth = `${window.innerWidth / 2}`;\n }\n return parseInt(chartWidth);\n }\n\n function getAxes(width: number) {\n const x = scaleBand()\n .domain(groups)\n .range([\n 0,\n width -\n (getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2),\n ])\n .padding(0.2);\n const y = scaleLinear().domain([0, scalemax]).range([height, 0]);\n return { x, y };\n }\n\n function addRectandles(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n const stackedData = stack().keys(subgroups)(parsedData);\n\n svg\n .append('g')\n .selectAll('g')\n .data(stackedData)\n .enter()\n .append('g')\n .attr('fill', (d: StackedData) => parsedColor[d.key] || 'black')\n .attr('class', 'bar')\n .selectAll('rect')\n .data((d) => d)\n .enter()\n .append('rect')\n .attr('x', (d) => x(d.data.group.toString())!)\n .attr('y', (d) => y(d[1]))\n .attr('width', x.bandwidth())\n .attr('height', (d) => y(d[0]) - y(d[1]))\n .style('cursor', 'pointer')\n .on('mouseout', (_e: MouseEvent, chartEvent) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 1);\n tooltipData.show = false;\n })\n .on('mouseover', (e: MouseEvent, chartEvent: any) => {\n const others = svg.selectAll('rect').filter(function (arc) {\n return arc != chartEvent;\n });\n others.style('opacity', 0.7);\n const { left, top, width } = (\n e.target as HTMLElement\n ).getBoundingClientRect();\n tooltipData = {\n show: true,\n text: chartEvent.data.customtooltip\n ? chartEvent.data.customtooltip\n : `${chartEvent[1] - chartEvent[0]}`,\n left: left,\n top: top - 50,\n width,\n };\n })\n .on('click', (_e: MouseEvent, chartEvent) => {\n eventHandler.dispatch('bar-clicked', chartEvent);\n });\n }\n\n function updateAxes(\n x: ScaleBand<string>,\n y: ScaleLinear<number, number, never>,\n ) {\n svg\n .select('.x-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisBottom(x) as any).tickFormat(tickbottomformat));\n svg\n .select('.y-axis')\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call\n .call((axisLeft(y) as any).ticks(ticknumbers).tickFormat(tickleftformat));\n\n const width = getChartWidth();\n svg\n .selectAll('.y-axis .tick line')\n .attr('stroke', '#EEEDEA')\n .attr('stroke-width', '1px')\n .attr('x2', width);\n }\n\n function render() {\n const width = getChartWidth();\n const { x, y } = getAxes(width);\n\n svg = select<HTMLElement, any>(chart)\n .append('svg')\n .attr('width', width)\n .attr(\n 'height',\n Number(height) +\n Number(getParsedMargins(margins).top) +\n Number(getParsedMargins(margins).bottom) +\n Number(getParsedMargins(margins).xAxis),\n )\n .attr('id', 'svg-chart')\n .append('g')\n .attr(\n 'transform',\n `translate(${\n getParsedMargins(margins).left / 2 +\n getParsedMargins(margins).right / 2\n },${getParsedMargins(margins).top})`,\n );\n\n svg\n .append('g')\n .attr(\n 'transform',\n `translate(0, ${\n Number(height) + Number(getParsedMargins(margins).xAxis)\n })`,\n )\n .call(axisBottom(x))\n .attr('class', 'x-axis')\n .attr('stroke-width', '0');\n\n svg\n .append('g')\n .call(axisLeft(y).ticks(ticknumbers).tickFormat(tickleftformat))\n .attr('class', 'y-axis')\n .attr('stroke-width', '0');\n\n addRectandles(x, y);\n }\n\n function update() {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y } = getAxes(width);\n updateAxes(x, y);\n svg.selectAll('.bar').remove();\n addRectandles(x, y);\n }\n\n function resize() {\n if (_data) {\n const width = getChartWidth();\n chart.querySelector('#svg-chart')?.setAttribute('width', `${width}px`);\n\n const { x, y } = getAxes(width);\n updateAxes(x, y);\n\n const stackedData = stack().keys(subgroups)(parsedData);\n svg\n .selectAll('.bar')\n .data(stackedData)\n .selectAll('rect')\n .data((d) => d)\n .attr('x', (d) => x(d.data.group.toString())!)\n .attr('y', (d) => y(d[1]))\n .attr('width', x.bandwidth())\n .attr('height', (d) => y(d[0]) - y(d[1]));\n }\n }\n\n onMount(() => {\n const resizeObserver = new ResizeObserver(resize);\n resizeObserver.observe(chart);\n hasMounted = true;\n });\n</script>\n\n<div bind:this={chart} style=\"background-color: {backgroundcolor};\" />\n\n{#if tooltipData.show}\n <div\n class=\"tooltip\"\n style={`top: ${tooltipData.top}px; left: ${tooltipData.left}px; width: ${tooltipData.width}px;`}\n >\n {tooltipData.text}\n </div>\n{/if}\n\n<div class=\"legend\">\n {#each subgroups as subgroup}\n <div class=\"legend__item\">\n <svg class=\"legend__box\">\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"16\" fill={parsedColor[subgroup]} />\n </svg>\n <span class=\"legend__title\">{subgroup}</span>\n </div>\n {/each}\n</div>\n\n<div style=\"height: 0; width: 0;\" class=\"pattern\">\n {#each parsedSvgs as svg}\n {@html svg}\n {/each}\n</div>\n<text />\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n\n .legend {\n margin-top: magic-unit-rem(1);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 magic-unit-rem(1.5);\n height: 100%;\n color: $color-grey-999;\n gap: magic-unit-rem(1);\n &__item {\n display: flex;\n justify-content: center;\n font-size: $size-font-04;\n align-items: center;\n }\n &__title {\n white-space: nowrap;\n margin: 0;\n }\n &__box {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: magic-unit-rem(0.25);\n height: 16px;\n width: 24px;\n }\n }\n\n .tooltip {\n height: auto;\n background-color: $color-grey-700;\n border-radius: 4px;\n color: $color-grey-000;\n text-align: center;\n padding: magic-unit-rem(0.5) 0;\n position: absolute;\n }\n\n .pattern {\n z-index: -1;\n position: relative;\n }\n\n text {\n font-family: 'LeroyMerlin', sans-serif;\n font-size: $size-font-04;\n color: $color-grey-700;\n }\n</style>\n"],"names":["orderNone","offsetNone","scaleBand","scaleLinear"],"mappings":"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"}
|
|
@@ -1,2 +1,308 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import { S as SvelteElement, i as init, a as attribute_to_object, b as insert, f as flush, s as safe_not_equal, c as assign, e as element, d as space, n as noop, g as attr, h as set_attributes, j as append, B as action_destroyer, l as listen, I as stop_propagation, m as get_spread_update, o as detach, H as run_all, p as compute_rest_props, r as get_current_component, q as exclude_internal_props, t as text, k as set_data } from '../../index-c33b3772.js';
|
|
2
|
+
import { E as EventHandler } from '../../EventHandler-02058705.js';
|
|
3
|
+
import { c as createEventForwarder } from '../../EventForward-8492ff62.js';
|
|
4
|
+
|
|
5
|
+
/* src/components/checkbox/Checkbox.svelte generated by Svelte v3.58.0 */
|
|
6
|
+
|
|
7
|
+
function create_if_block(ctx) {
|
|
8
|
+
let label_1;
|
|
9
|
+
let t;
|
|
10
|
+
|
|
11
|
+
return {
|
|
12
|
+
c() {
|
|
13
|
+
label_1 = element("label");
|
|
14
|
+
t = text(/*label*/ ctx[5]);
|
|
15
|
+
attr(label_1, "for", /*name*/ ctx[0]);
|
|
16
|
+
attr(label_1, "class", "mc-checkbox__label");
|
|
17
|
+
},
|
|
18
|
+
m(target, anchor) {
|
|
19
|
+
insert(target, label_1, anchor);
|
|
20
|
+
append(label_1, t);
|
|
21
|
+
},
|
|
22
|
+
p(ctx, dirty) {
|
|
23
|
+
if (dirty & /*label*/ 32) set_data(t, /*label*/ ctx[5]);
|
|
24
|
+
|
|
25
|
+
if (dirty & /*name*/ 1) {
|
|
26
|
+
attr(label_1, "for", /*name*/ ctx[0]);
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
d(detaching) {
|
|
30
|
+
if (detaching) detach(label_1);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function create_fragment(ctx) {
|
|
36
|
+
let div;
|
|
37
|
+
let input;
|
|
38
|
+
let input_class_value;
|
|
39
|
+
let t;
|
|
40
|
+
let div_class_value;
|
|
41
|
+
let mounted;
|
|
42
|
+
let dispose;
|
|
43
|
+
let if_block = /*label*/ ctx[5] && create_if_block(ctx);
|
|
44
|
+
|
|
45
|
+
let div_levels = [
|
|
46
|
+
{
|
|
47
|
+
class: div_class_value = "mc-checkbox " + /*userClass*/ ctx[7]
|
|
48
|
+
},
|
|
49
|
+
/*attributes*/ ctx[6]
|
|
50
|
+
];
|
|
51
|
+
|
|
52
|
+
let div_data = {};
|
|
53
|
+
|
|
54
|
+
for (let i = 0; i < div_levels.length; i += 1) {
|
|
55
|
+
div_data = assign(div_data, div_levels[i]);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return {
|
|
59
|
+
c() {
|
|
60
|
+
div = element("div");
|
|
61
|
+
input = element("input");
|
|
62
|
+
t = space();
|
|
63
|
+
if (if_block) if_block.c();
|
|
64
|
+
this.c = noop;
|
|
65
|
+
attr(input, "id", /*name*/ ctx[0]);
|
|
66
|
+
attr(input, "type", "checkbox");
|
|
67
|
+
attr(input, "class", input_class_value = "mc-checkbox__input " + (/*isinvalid*/ ctx[4] ? ' is-invalid' : ''));
|
|
68
|
+
attr(input, "aria-invalid", /*isinvalid*/ ctx[4]);
|
|
69
|
+
attr(input, "name", /*name*/ ctx[0]);
|
|
70
|
+
input.checked = /*checked*/ ctx[1];
|
|
71
|
+
input.disabled = /*disabled*/ ctx[3];
|
|
72
|
+
input.indeterminate = /*indeterminate*/ ctx[2];
|
|
73
|
+
set_attributes(div, div_data);
|
|
74
|
+
},
|
|
75
|
+
m(target, anchor) {
|
|
76
|
+
insert(target, div, anchor);
|
|
77
|
+
append(div, input);
|
|
78
|
+
append(div, t);
|
|
79
|
+
if (if_block) if_block.m(div, null);
|
|
80
|
+
|
|
81
|
+
if (!mounted) {
|
|
82
|
+
dispose = [
|
|
83
|
+
action_destroyer(/*forwardEvents*/ ctx[8].call(null, input)),
|
|
84
|
+
listen(input, "change", stop_propagation(/*handleChange*/ ctx[9]))
|
|
85
|
+
];
|
|
86
|
+
|
|
87
|
+
mounted = true;
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
p(ctx, [dirty]) {
|
|
91
|
+
if (dirty & /*name*/ 1) {
|
|
92
|
+
attr(input, "id", /*name*/ ctx[0]);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
if (dirty & /*isinvalid*/ 16 && input_class_value !== (input_class_value = "mc-checkbox__input " + (/*isinvalid*/ ctx[4] ? ' is-invalid' : ''))) {
|
|
96
|
+
attr(input, "class", input_class_value);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
if (dirty & /*isinvalid*/ 16) {
|
|
100
|
+
attr(input, "aria-invalid", /*isinvalid*/ ctx[4]);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
if (dirty & /*name*/ 1) {
|
|
104
|
+
attr(input, "name", /*name*/ ctx[0]);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
if (dirty & /*checked*/ 2) {
|
|
108
|
+
input.checked = /*checked*/ ctx[1];
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
if (dirty & /*disabled*/ 8) {
|
|
112
|
+
input.disabled = /*disabled*/ ctx[3];
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
if (dirty & /*indeterminate*/ 4) {
|
|
116
|
+
input.indeterminate = /*indeterminate*/ ctx[2];
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
if (/*label*/ ctx[5]) {
|
|
120
|
+
if (if_block) {
|
|
121
|
+
if_block.p(ctx, dirty);
|
|
122
|
+
} else {
|
|
123
|
+
if_block = create_if_block(ctx);
|
|
124
|
+
if_block.c();
|
|
125
|
+
if_block.m(div, null);
|
|
126
|
+
}
|
|
127
|
+
} else if (if_block) {
|
|
128
|
+
if_block.d(1);
|
|
129
|
+
if_block = null;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
set_attributes(div, div_data = get_spread_update(div_levels, [
|
|
133
|
+
dirty & /*userClass*/ 128 && div_class_value !== (div_class_value = "mc-checkbox " + /*userClass*/ ctx[7]) && { class: div_class_value },
|
|
134
|
+
dirty & /*attributes*/ 64 && /*attributes*/ ctx[6]
|
|
135
|
+
]));
|
|
136
|
+
},
|
|
137
|
+
i: noop,
|
|
138
|
+
o: noop,
|
|
139
|
+
d(detaching) {
|
|
140
|
+
if (detaching) detach(div);
|
|
141
|
+
if (if_block) if_block.d();
|
|
142
|
+
mounted = false;
|
|
143
|
+
run_all(dispose);
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
function instance($$self, $$props, $$invalidate) {
|
|
149
|
+
let isChecked;
|
|
150
|
+
let userClass;
|
|
151
|
+
let attributes;
|
|
152
|
+
const omit_props_names = ["name","checked","indeterminate","disabled","isinvalid","label"];
|
|
153
|
+
let $$restProps = compute_rest_props($$props, omit_props_names);
|
|
154
|
+
let { name } = $$props;
|
|
155
|
+
let { checked } = $$props;
|
|
156
|
+
let { indeterminate } = $$props;
|
|
157
|
+
let { disabled = false } = $$props;
|
|
158
|
+
let { isinvalid = false } = $$props;
|
|
159
|
+
let { label } = $$props;
|
|
160
|
+
const forwardEvents = createEventForwarder(get_current_component());
|
|
161
|
+
let eventHandler = new EventHandler();
|
|
162
|
+
|
|
163
|
+
function handleChange() {
|
|
164
|
+
isChecked = !isChecked;
|
|
165
|
+
eventHandler.dispatch('change', isChecked);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
$$self.$$set = $$new_props => {
|
|
169
|
+
$$invalidate(13, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
|
|
170
|
+
$$invalidate(12, $$restProps = compute_rest_props($$props, omit_props_names));
|
|
171
|
+
if ('name' in $$new_props) $$invalidate(0, name = $$new_props.name);
|
|
172
|
+
if ('checked' in $$new_props) $$invalidate(1, checked = $$new_props.checked);
|
|
173
|
+
if ('indeterminate' in $$new_props) $$invalidate(2, indeterminate = $$new_props.indeterminate);
|
|
174
|
+
if ('disabled' in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
|
|
175
|
+
if ('isinvalid' in $$new_props) $$invalidate(4, isinvalid = $$new_props.isinvalid);
|
|
176
|
+
if ('label' in $$new_props) $$invalidate(5, label = $$new_props.label);
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
$$self.$$.update = () => {
|
|
180
|
+
if ($$self.$$.dirty & /*checked*/ 2) {
|
|
181
|
+
isChecked = checked ? true : false;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
$$invalidate(7, userClass = $$props.class);
|
|
185
|
+
$$invalidate(6, attributes = Object.assign({}, $$restProps));
|
|
186
|
+
|
|
187
|
+
if ($$self.$$.dirty & /*attributes*/ 64) {
|
|
188
|
+
delete attributes.class;
|
|
189
|
+
}
|
|
190
|
+
};
|
|
191
|
+
|
|
192
|
+
$$props = exclude_internal_props($$props);
|
|
193
|
+
|
|
194
|
+
return [
|
|
195
|
+
name,
|
|
196
|
+
checked,
|
|
197
|
+
indeterminate,
|
|
198
|
+
disabled,
|
|
199
|
+
isinvalid,
|
|
200
|
+
label,
|
|
201
|
+
attributes,
|
|
202
|
+
userClass,
|
|
203
|
+
forwardEvents,
|
|
204
|
+
handleChange
|
|
205
|
+
];
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
class Checkbox extends SvelteElement {
|
|
209
|
+
constructor(options) {
|
|
210
|
+
super();
|
|
211
|
+
const style = document.createElement('style');
|
|
212
|
+
style.textContent = `@charset "UTF-8";.mc-checkbox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:0.5rem;color:#000000}.mc-checkbox__input{font-family:"LeroyMerlin", sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;-webkit-box-shadow:none;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#ffffff;position:relative;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#ffffff;border:2px solid #666666;border-radius:4px;color:#ffffff}.mc-checkbox__input.is-hover,.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input.is-hover::-ms-check,.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input.is-focus,.mc-checkbox__input:focus{-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-checkbox__input.is-focus::-ms-check,.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuNjMgMTEuMjFhMSAxIDAgMCAxLTEuMzggMGwtMi45Mi0yLjZhMSAxIDAgMSAxIDEuMzQtMS40OGwyLjIyIDIgNC40MS00LjM0YTEgMSAwIDEgMSAxLjQgMS40MnoiLz48L3N2Zz4=")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMXJlbSIgd2lkdGg9IjFyZW0iIGZpbGw9IiM5OTk5OTkiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyIDlINGExIDEgMCAwMTAtMmg4YTEgMSAwIDAxMCAyeiIvPjwvc3ZnPg==")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:#808080}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid.is-hover,.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid.is-hover::-ms-check,.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-field__label,.mc-field__legend{font-size:0.875rem;line-height:1.2857142857;font-weight:400;color:#333333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__requirement,.mc-field__help{font-size:0.75rem;line-height:1.3333333333;font-weight:400;color:#666666}.mc-field__requirement::before{content:" - "}.mc-field__help{display:block;margin-top:0.125rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 769px){}@media screen and (min-width: 1024px){}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}`;
|
|
213
|
+
this.shadowRoot.appendChild(style);
|
|
214
|
+
|
|
215
|
+
init(
|
|
216
|
+
this,
|
|
217
|
+
{
|
|
218
|
+
target: this.shadowRoot,
|
|
219
|
+
props: attribute_to_object(this.attributes),
|
|
220
|
+
customElement: true
|
|
221
|
+
},
|
|
222
|
+
instance,
|
|
223
|
+
create_fragment,
|
|
224
|
+
safe_not_equal,
|
|
225
|
+
{
|
|
226
|
+
name: 0,
|
|
227
|
+
checked: 1,
|
|
228
|
+
indeterminate: 2,
|
|
229
|
+
disabled: 3,
|
|
230
|
+
isinvalid: 4,
|
|
231
|
+
label: 5
|
|
232
|
+
},
|
|
233
|
+
null
|
|
234
|
+
);
|
|
235
|
+
|
|
236
|
+
if (options) {
|
|
237
|
+
if (options.target) {
|
|
238
|
+
insert(options.target, this, options.anchor);
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
if (options.props) {
|
|
242
|
+
this.$set(options.props);
|
|
243
|
+
flush();
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
static get observedAttributes() {
|
|
249
|
+
return ["name", "checked", "indeterminate", "disabled", "isinvalid", "label"];
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
get name() {
|
|
253
|
+
return this.$$.ctx[0];
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
set name(name) {
|
|
257
|
+
this.$$set({ name });
|
|
258
|
+
flush();
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
get checked() {
|
|
262
|
+
return this.$$.ctx[1];
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
set checked(checked) {
|
|
266
|
+
this.$$set({ checked });
|
|
267
|
+
flush();
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
get indeterminate() {
|
|
271
|
+
return this.$$.ctx[2];
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
set indeterminate(indeterminate) {
|
|
275
|
+
this.$$set({ indeterminate });
|
|
276
|
+
flush();
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
get disabled() {
|
|
280
|
+
return this.$$.ctx[3];
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
set disabled(disabled) {
|
|
284
|
+
this.$$set({ disabled });
|
|
285
|
+
flush();
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
get isinvalid() {
|
|
289
|
+
return this.$$.ctx[4];
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
set isinvalid(isinvalid) {
|
|
293
|
+
this.$$set({ isinvalid });
|
|
294
|
+
flush();
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
get label() {
|
|
298
|
+
return this.$$.ctx[5];
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
set label(label) {
|
|
302
|
+
this.$$set({ label });
|
|
303
|
+
flush();
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
export { Checkbox as default };
|
|
2
308
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\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.checkbox';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { createEventForwarder } from '../../utilities/EventForward';\n export let name: string;\n export let checked: boolean;\n export let indeterminate: boolean;\n export let disabled = false;\n export let isinvalid = false;\n export let label: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: isChecked = checked ? true : false;\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n let eventHandler = new EventHandler();\n\n function handleChange(): void {\n isChecked = !isChecked;\n eventHandler.dispatch('change', isChecked);\n }\n</script>\n\n<div class=\"mc-checkbox {userClass}\" {...attributes}>\n <input\n use:forwardEvents\n id={name}\n type=\"checkbox\"\n class=\"mc-checkbox__input {isinvalid ? ' is-invalid' : ''}\"\n aria-invalid={isinvalid}\n {name}\n {checked}\n {disabled}\n {indeterminate}\n on:change|stopPropagation={handleChange}\n />\n {#if label}\n <label for={name} class=\"mc-checkbox__label\">{label}</label>\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.checkbox';\n @import '@mozaic-ds/styles/components/c.fields';\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;sBAyCkD,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;iCAAvC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;GAAhB,MAA2D,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,CAAA,CAAA;;;;mDAAb,GAAK,CAAA,CAAA,CAAA,CAAA,CAAA;;;kCAAvC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;0BADb,GAAK,CAAA,CAAA,CAAA,IAAA,eAAA,CAAA,GAAA,CAAA,CAAA;;;;2DAba,GAAS,CAAA,CAAA,CAAA;;iBAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;8BAG3C,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;mFAEmB,GAAS,CAAA,CAAA,CAAA,GAAG,aAAa,GAAG,EAAE,CAAA,CAAA,CAAA;6CAC3C,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;GAN3B,MAgBK,CAAA,MAAA,EAAA,GAAA,EAAA,MAAA,CAAA,CAAA;GAfH,MAWC,CAAA,GAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;+DAD4B,GAAY,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;+BARnC,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;;;qHAEmB,GAAS,CAAA,CAAA,CAAA,GAAG,aAAa,GAAG,EAAE,CAAA,CAAA,EAAA;;;;;8CAC3C,GAAS,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;iBAOpB,GAAK,CAAA,CAAA,CAAA,EAAA;;;;;;;;;;;;;;uGAba,GAAS,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA;gDAAO,GAAU,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;OArBtC,IAAY,EAAA,GAAA,OAAA,CAAA;OACZ,OAAgB,EAAA,GAAA,OAAA,CAAA;OAChB,aAAsB,EAAA,GAAA,OAAA,CAAA;AACtB,CAAA,IAAA,EAAA,QAAQ,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;AAChB,CAAA,IAAA,EAAA,SAAS,GAAG,KAAK,EAAA,GAAA,OAAA,CAAA;OACjB,KAAa,EAAA,GAAA,OAAA,CAAA;OAElB,aAAa,GAAG,oBAAoB,CAAC,qBAAqB,EAAA,CAAA,CAAA;AAM5D,CAAA,IAAA,YAAY,OAAO,YAAY,EAAA,CAAA;;UAE1B,YAAY,GAAA;AACnB,EAAA,SAAS,IAAI,SAAS,CAAA;AACtB,EAAA,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA,CAAA;;;;;;;;;;;;;;;;AAR3C,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAA;;;AACrC,EAAG,YAAA,CAAA,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,KAAK,CAAA,CAAA;AAC5B,kBAAG,UAAU,GAAf,MAAA,CAAA,MAAA,KAAuB,WAAW,CAAA,CAAA,CAAA;;;GAC/B,OAAS,UAAU,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|