@mattilsynet/design 3.3.9 → 3.4.1
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/mtds/_virtual/_rolldown/runtime.js +17 -0
- package/mtds/ai/card.stories.tsx +54 -77
- package/mtds/ai/layout.mdx +37 -1
- package/mtds/ai/layout.stories.tsx +126 -1
- package/mtds/ai/print.mdx +1 -1
- package/mtds/ai/print.stories.tsx +1 -2
- package/mtds/alert/alert.js +16 -11
- package/mtds/alert/alert.js.map +1 -1
- package/mtds/analytics/analytics.js +118 -118
- package/mtds/analytics/analytics.js.map +1 -1
- package/mtds/app/app-observer.js +31 -36
- package/mtds/app/app-observer.js.map +1 -1
- package/mtds/app/app-toggle.js +12 -26
- package/mtds/app/app-toggle.js.map +1 -1
- package/mtds/app/app-toggle2.js +6 -11
- package/mtds/app/app-toggle2.js.map +1 -1
- package/mtds/app/app.js +66 -60
- package/mtds/app/app.js.map +1 -1
- package/mtds/atlas/atlas-element.js +83 -93
- package/mtds/atlas/atlas-element.js.map +1 -1
- package/mtds/atlas/atlas-marker.js +63 -52
- package/mtds/atlas/atlas-marker.js.map +1 -1
- package/mtds/atlas/atlas-matgeo.js +67 -61
- package/mtds/atlas/atlas-matgeo.js.map +1 -1
- package/mtds/atlas/atlas-wms.js +33 -28
- package/mtds/atlas/atlas-wms.js.map +1 -1
- package/mtds/atlas/atlas.js +6 -38
- package/mtds/atlas/atlas.js.map +1 -1
- package/mtds/atlas/atlas2.js +39 -0
- package/mtds/atlas/atlas2.js.map +1 -0
- package/mtds/atlas/cluster.js +759 -1149
- package/mtds/atlas/cluster.js.map +1 -1
- package/mtds/atlas.iife.js +3 -4
- package/mtds/atlas.js +6 -14
- package/mtds/avatar/avatar.js +14 -10
- package/mtds/avatar/avatar.js.map +1 -1
- package/mtds/badge/badge.js +15 -10
- package/mtds/badge/badge.js.map +1 -1
- package/mtds/breadcrumbs/breadcrumbs.js +15 -19
- package/mtds/breadcrumbs/breadcrumbs.js.map +1 -1
- package/mtds/button/button.js +18 -20
- package/mtds/button/button.js.map +1 -1
- package/mtds/card/card.js +22 -15
- package/mtds/card/card.js.map +1 -1
- package/mtds/chart/chart-axis.js +33 -21
- package/mtds/chart/chart-axis.js.map +1 -1
- package/mtds/chart/chart-bars.js +23 -21
- package/mtds/chart/chart-bars.js.map +1 -1
- package/mtds/chart/chart-element.js +94 -88
- package/mtds/chart/chart-element.js.map +1 -1
- package/mtds/chart/chart-lines.js +35 -37
- package/mtds/chart/chart-lines.js.map +1 -1
- package/mtds/chart/chart-pies.js +17 -17
- package/mtds/chart/chart-pies.js.map +1 -1
- package/mtds/chart/chart.js +6 -52
- package/mtds/chart/chart.js.map +1 -1
- package/mtds/chart/chart2.js +21 -0
- package/mtds/chart/chart2.js.map +1 -0
- package/mtds/chip/chip.js +15 -11
- package/mtds/chip/chip.js.map +1 -1
- package/mtds/deprecations.js +76 -158
- package/mtds/deprecations.js.map +1 -1
- package/mtds/details/details.js +21 -24
- package/mtds/details/details.js.map +1 -1
- package/mtds/dialog/dialog.js +17 -21
- package/mtds/dialog/dialog.js.map +1 -1
- package/mtds/divider/divider.js +15 -20
- package/mtds/divider/divider.js.map +1 -1
- package/mtds/errorsummary/errorsummary.js +14 -16
- package/mtds/errorsummary/errorsummary.js.map +1 -1
- package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js +22 -25
- package/mtds/external/@turf/boolean-point-in-polygon/dist/esm/index.js.map +1 -1
- package/mtds/external/@turf/helpers/dist/esm/index.js +21 -24
- package/mtds/external/@turf/helpers/dist/esm/index.js.map +1 -1
- package/mtds/external/@turf/invariant/dist/esm/index.js +15 -19
- package/mtds/external/@turf/invariant/dist/esm/index.js.map +1 -1
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js +270 -297
- package/mtds/external/@u-elements/u-combobox/dist/u-combobox.js.map +1 -1
- package/mtds/external/@u-elements/u-details/dist/u-details.js +75 -101
- package/mtds/external/@u-elements/u-details/dist/u-details.js.map +1 -1
- package/mtds/external/leaflet/dist/leaflet-src.js +4257 -6151
- package/mtds/external/leaflet/dist/leaflet-src.js.map +1 -1
- package/mtds/external/leaflet/dist/leaflet.css.js +5 -606
- package/mtds/external/leaflet/dist/leaflet.css.js.map +1 -1
- package/mtds/external/point-in-polygon-hao/dist/esm/index.js +24 -25
- package/mtds/external/point-in-polygon-hao/dist/esm/index.js.map +1 -1
- package/mtds/external/robust-predicates/esm/incircle.js +5 -0
- package/mtds/external/robust-predicates/esm/incircle.js.map +1 -0
- package/mtds/external/robust-predicates/esm/insphere.js +5 -0
- package/mtds/external/robust-predicates/esm/insphere.js.map +1 -0
- package/mtds/external/robust-predicates/esm/orient2d.js +20 -22
- package/mtds/external/robust-predicates/esm/orient2d.js.map +1 -1
- package/mtds/external/robust-predicates/esm/orient3d.js +5 -0
- package/mtds/external/robust-predicates/esm/orient3d.js.map +1 -0
- package/mtds/external/robust-predicates/esm/util.js +20 -28
- package/mtds/external/robust-predicates/esm/util.js.map +1 -1
- package/mtds/external/robust-predicates/index.js +5 -0
- package/mtds/field/field.js +167 -214
- package/mtds/field/field.js.map +1 -1
- package/mtds/fieldset/fieldset.js +32 -30
- package/mtds/fieldset/fieldset.js.map +1 -1
- package/mtds/fileupload/fileupload.js +16 -13
- package/mtds/fileupload/fileupload.js.map +1 -1
- package/mtds/helptext/helptext.js +25 -27
- package/mtds/helptext/helptext.js.map +1 -1
- package/mtds/identitet/illustrasjons-generator/illustrasjons-generator.d.ts +1 -0
- package/mtds/identitet/illustrasjons-generator/index-old-1.d.ts +1 -0
- package/mtds/identitet/infografikk-generator/infografikk-generator.d.ts +1 -0
- package/mtds/illustrations/index.json +1 -1
- package/mtds/index.iife.js +21 -21
- package/mtds/index.js +38 -31
- package/mtds/index.js.map +1 -1
- package/mtds/input/input.js +33 -47
- package/mtds/input/input.js.map +1 -1
- package/mtds/law/law-helper.js +106 -95
- package/mtds/law/law-helper.js.map +1 -1
- package/mtds/law/law.js +15 -10
- package/mtds/law/law.js.map +1 -1
- package/mtds/layout/layout.js +21 -13
- package/mtds/layout/layout.js.map +1 -1
- package/mtds/layout/layout.stories.d.ts +1 -0
- package/mtds/link/link.js +15 -10
- package/mtds/link/link.js.map +1 -1
- package/mtds/logo/logo-observer.js +18 -18
- package/mtds/logo/logo-observer.js.map +1 -1
- package/mtds/logo/logo.js +18 -18
- package/mtds/logo/logo.js.map +1 -1
- package/mtds/package.js +6 -0
- package/mtds/package.js.map +1 -0
- package/mtds/package.json.d.ts +112 -0
- package/mtds/pagination/pagination.js +46 -60
- package/mtds/pagination/pagination.js.map +1 -1
- package/mtds/popover/popover-observer.js +15 -15
- package/mtds/popover/popover-observer.js.map +1 -1
- package/mtds/popover/popover.js +18 -20
- package/mtds/popover/popover.js.map +1 -1
- package/mtds/print/print.js +15 -10
- package/mtds/print/print.js.map +1 -1
- package/mtds/print/print.stories.d.ts +0 -1
- package/mtds/profilering/epost.d.ts +1 -0
- package/mtds/progress/progress.js +15 -13
- package/mtds/progress/progress.js.map +1 -1
- package/mtds/react-atlas.js +7 -16
- package/mtds/react.js +36 -84
- package/mtds/skeleton/skeleton.js +15 -11
- package/mtds/skeleton/skeleton.js.map +1 -1
- package/mtds/spinner/spinner.js +16 -13
- package/mtds/spinner/spinner.js.map +1 -1
- package/mtds/steps/steps.js +15 -10
- package/mtds/steps/steps.js.map +1 -1
- package/mtds/styles.css +2 -1
- package/mtds/styles.module.js +122 -0
- package/mtds/styles.module.js.map +1 -0
- package/mtds/table/table-observer.js +23 -28
- package/mtds/table/table-observer.js.map +1 -1
- package/mtds/table/table.js +88 -60
- package/mtds/table/table.js.map +1 -1
- package/mtds/tabs/tabs.js +32 -27
- package/mtds/tabs/tabs.js.map +1 -1
- package/mtds/tag/tag.js +16 -19
- package/mtds/tag/tag.js.map +1 -1
- package/mtds/tailwind.css +0 -4
- package/mtds/toast/toast-helper.js +45 -25
- package/mtds/toast/toast-helper.js.map +1 -1
- package/mtds/toast/toast-observer.js +18 -18
- package/mtds/toast/toast-observer.js.map +1 -1
- package/mtds/toast/toast.js +67 -54
- package/mtds/toast/toast.js.map +1 -1
- package/mtds/togglegroup/togglegroup.js +31 -40
- package/mtds/togglegroup/togglegroup.js.map +1 -1
- package/mtds/tooltip/tooltip-element.js +12 -25
- package/mtds/tooltip/tooltip-element.js.map +1 -1
- package/mtds/typography/typography.js +38 -21
- package/mtds/typography/typography.js.map +1 -1
- package/mtds/utils.js +53 -70
- package/mtds/utils.js.map +1 -1
- package/mtds/validation/validation-observer.js +40 -47
- package/mtds/validation/validation-observer.js.map +1 -1
- package/mtds/validation/validation.js +17 -21
- package/mtds/validation/validation.js.map +1 -1
- package/package.json +9 -9
- package/mtds/atlas/atlas.css.js +0 -138
- package/mtds/atlas/atlas.css.js.map +0 -1
- package/mtds/atlas.js.map +0 -1
- package/mtds/chart/chart.css.js +0 -187
- package/mtds/chart/chart.css.js.map +0 -1
- package/mtds/package.json.js +0 -5
- package/mtds/package.json.js.map +0 -1
- package/mtds/react-atlas.js.map +0 -1
- package/mtds/react.js.map +0 -1
- package/mtds/styles.module.css.js +0 -118
- package/mtds/styles.module.css.js.map +0 -1
package/mtds/chart/chart.css.js
DELETED
|
@@ -1,187 +0,0 @@
|
|
|
1
|
-
const t = `/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */
|
|
2
|
-
:host(:not([hidden])) { display: grid; gap: var(--mtds-6) }
|
|
3
|
-
[data-event] { cursor: pointer } /* Used to forward clicks from Chart ShaowDOM to relevant cell in child table */
|
|
4
|
-
|
|
5
|
-
.pie { overflow: visible; aspect-ratio: var(--mtdsc-chart-aspect) }
|
|
6
|
-
.pie > path {
|
|
7
|
-
fill: var(--color);
|
|
8
|
-
outline: none;
|
|
9
|
-
stroke-width: var(--mtdsc-chart-border-width);
|
|
10
|
-
stroke: var(--mtdsc-chart-border-color);
|
|
11
|
-
transform-origin: center;
|
|
12
|
-
transition: scale 0.2s;
|
|
13
|
-
vector-effect: non-scaling-stroke;
|
|
14
|
-
}
|
|
15
|
-
.pie > path:focus-visible,
|
|
16
|
-
.pie > path:hover { scale: 1.05 }
|
|
17
|
-
:host([data-steps="false"]) .axisStep::before,
|
|
18
|
-
:host([data-variant="doughnut"]) .axis,
|
|
19
|
-
:host([data-variant="pie"]) .axis { display: none }
|
|
20
|
-
:host([data-labels="false"]) .axisGroup::before { position: absolute; pointer-events: none; opacity: 0 } /* Keep available for screen readers */
|
|
21
|
-
:host([data-labels="false"]) .lineContainer > div::before,
|
|
22
|
-
:host([data-labels="false"]) .lineContainer > div::after { display: none }
|
|
23
|
-
|
|
24
|
-
.axis {
|
|
25
|
-
display: grid;
|
|
26
|
-
font-size: var(--mtds-body-sm-font-size);
|
|
27
|
-
gap: var(--mtdsc-chart-axis-gap);
|
|
28
|
-
grid-template-columns: fit-content(7em) 1fr;
|
|
29
|
-
grid-template-rows: 1fr auto;
|
|
30
|
-
grid-template-areas:
|
|
31
|
-
"y-axis chart"
|
|
32
|
-
"y-axis x-axis";
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.axis::before {
|
|
36
|
-
border-bottom-left-radius: var(--mtdsc-chart-axis-edge-radius);
|
|
37
|
-
border-color: var(--mtdsc-chart-axis-edge-color);
|
|
38
|
-
border-style: solid;
|
|
39
|
-
border-width: 0 0 var(--mtdsc-chart-axis-edge-width) var(--mtdsc-chart-axis-edge-width);
|
|
40
|
-
content: "";
|
|
41
|
-
grid-area: chart;
|
|
42
|
-
pointer-events: none;
|
|
43
|
-
z-index: 2;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.axisSteps,
|
|
47
|
-
.axisStep,
|
|
48
|
-
.axisGroups,
|
|
49
|
-
.axisGroup { box-sizing: border-box; display: grid; position: relative } /* Help .lineContainer positioning */
|
|
50
|
-
.axisGroups {
|
|
51
|
-
--gap: max(1px, clamp(.5%, calc(10% / var(--bars) * var(--groups)), var(--mtdsc-chart-axis-gap)));
|
|
52
|
-
gap: var(--mtdsc-chart-axis-gap) var(--gap);
|
|
53
|
-
grid-area: chart / chart / x-axis / chart;
|
|
54
|
-
grid-auto-columns: 1fr;
|
|
55
|
-
grid-template-rows: subgrid;
|
|
56
|
-
padding: 0 var(--mtdsc-chart-axis-gap);
|
|
57
|
-
text-align: center;
|
|
58
|
-
}
|
|
59
|
-
.axisGroup { grid-row: inherit; grid-template: inherit }
|
|
60
|
-
.axisGroup::before { order: 1; content: attr(data-label); direction: ltr; min-width: 0 } /* Allow word-wrapping */
|
|
61
|
-
:host(:not([data-variant|="bar"])) { .axisGroup::before { justify-self: center; text-align: start; writing-mode: vertical-rl } }
|
|
62
|
-
|
|
63
|
-
.axisSteps { align-items: end; aspect-ratio: var(--mtdsc-chart-aspect); grid-area: chart / y-axis / chart / chart; grid-auto-rows: 1fr; grid-template: 1px / subgrid }
|
|
64
|
-
.axisStep { align-items: start; grid-column: inherit; grid-template-columns: inherit; height: 1px; text-align: right }
|
|
65
|
-
.axisStep::after { border-bottom: var(--mtdsc-chart-axis-border); content: "" }
|
|
66
|
-
.axisStep::before { content: attr(data-label) / ""; translate: 0 -50% } /* Hide form screen readers */
|
|
67
|
-
.axisStep[data-label="0"]::after { opacity: 0 } /* Hide 0 line as it overlapps with .axis::before */
|
|
68
|
-
|
|
69
|
-
/* Reduce amount of steps if small space */
|
|
70
|
-
:host(:not([data-variant|="bar"])) .axisStepsYHalf .axisStep:nth-last-child(even) { display: none }
|
|
71
|
-
:host(:not([data-variant|="bar"])) .axisStepsYHalf .axisSteps:has(.axisStep:nth-last-child(even):first-child) { grid-template-rows: 0.5fr }
|
|
72
|
-
:host([data-variant|="bar"]) .axisStepsXHalf .axisStep:nth-last-child(even) { display: none }
|
|
73
|
-
:host([data-variant|="bar"]) .axisStepsXHalf .axisSteps:has(.axisStep:nth-last-child(even):first-child) { grid-template-columns: 0.5fr }
|
|
74
|
-
|
|
75
|
-
:host([data-variant|="bar"]) .axisSteps,
|
|
76
|
-
:host([data-variant|="bar"]) .axisGroup { direction: rtl }
|
|
77
|
-
:host([data-variant|="bar"]) .axisSteps > *,
|
|
78
|
-
:host([data-variant|="bar"]) .axisGroup > * { direction: ltr }
|
|
79
|
-
:host([data-variant|="bar"]) .axisGroups {
|
|
80
|
-
aspect-ratio: var(--mtdsc-chart-aspect);
|
|
81
|
-
gap: 1% var(--mtdsc-chart-axis-gap);
|
|
82
|
-
grid-area: chart / y-axis / chart / chart;
|
|
83
|
-
grid-template: none / subgrid;
|
|
84
|
-
padding: var(--mtdsc-chart-axis-gap) 0;
|
|
85
|
-
row-gap: var(--mtdsc-chart-axis-gap);
|
|
86
|
-
text-align: right;
|
|
87
|
-
}
|
|
88
|
-
:host([data-variant|="bar"]) .axisGroup::before { align-self: center }
|
|
89
|
-
:host([data-variant|="bar"]) .axisGroup { grid-column: inherit; grid-row: auto }
|
|
90
|
-
:host([data-variant|="bar"]) .axisSteps { align-items: stretch; aspect-ratio: auto; grid-area: chart / chart / x-axis / chart; grid-auto-columns: 1fr; grid-template: subgrid / 1px }
|
|
91
|
-
:host([data-variant|="bar"]) .axisStep { align-items: stretch; grid-row: inherit; grid-column: auto; grid-template-rows: inherit; grid-template-columns: none; text-align: center }
|
|
92
|
-
:host([data-variant|="bar"]) .axisStep::after { order: -1; border-left: var(--mtdsc-chart-axis-border); border-bottom: 0 }
|
|
93
|
-
:host([data-variant|="bar"]) .axisStep::before { translate: -50% 0 }
|
|
94
|
-
|
|
95
|
-
.axisGroupContent { display: flex }
|
|
96
|
-
:host([data-variant="column-stacked"]) .axisGroupContent { flex-direction: column-reverse }
|
|
97
|
-
:host([data-variant="bar"]) .axisGroupContent { flex-direction: column }
|
|
98
|
-
:host([data-variant="bar-stacked"]) .axisGroupContent { flex-direction: row }
|
|
99
|
-
|
|
100
|
-
.bar {
|
|
101
|
-
--size: calc(var(--value) / var(--total, 1) * 100%);
|
|
102
|
-
align-self: end;
|
|
103
|
-
background: var(--color);
|
|
104
|
-
border: var(--mtdsc-chart-border-color) solid var(--mtdsc-chart-border-width);
|
|
105
|
-
border-radius: var(--mtds-border-radius-sm) var(--mtds-border-radius-sm) 0 0;
|
|
106
|
-
box-sizing: border-box;
|
|
107
|
-
height: var(--size);
|
|
108
|
-
width: 100%;
|
|
109
|
-
}
|
|
110
|
-
.bar:focus-visible,
|
|
111
|
-
.linePoint:focus-visible { box-shadow: var(--mtdsc-focus-boxShadow); outline: var(--mtdsc-focus-outline); outline-offset: var(--mtds-border-width-focus); z-index: 2 }
|
|
112
|
-
:host([data-variant|="bar"]) .bar { border-radius: 0 var(--mtds-border-radius-sm) var(--mtds-border-radius-sm) 0; width: var(--size); height: 100%; align-self: start }
|
|
113
|
-
|
|
114
|
-
/* Prevent double border - using margin to see border around bars */
|
|
115
|
-
/* Prevent double border - using border to avoid affecting size */
|
|
116
|
-
:host(:not([data-variant])) .bar + .bar,
|
|
117
|
-
:host([data-variant="column"]) .bar + .bar { margin-left: -1px }
|
|
118
|
-
:host([data-variant="column-stacked"]) .bar:not(:last-child) { border-radius: 0 }
|
|
119
|
-
:host([data-variant="column-stacked"]) .bar + .bar { border-bottom: none }
|
|
120
|
-
:host([data-variant="bar"]) .bar + .bar { margin-top: -1px }
|
|
121
|
-
:host([data-variant="bar-stacked"]) .bar:not(:last-child) { border-radius: 0 }
|
|
122
|
-
:host([data-variant="bar-stacked"]) .bar + .bar { border-left: none }
|
|
123
|
-
|
|
124
|
-
.lineContainer { align-items: flex-start; display: flex; justify-content: space-between; pointer-events: none; grid-row: chart }
|
|
125
|
-
.lineContainer > svg, .lineContainer { position: absolute; width: 100%; height: 100% }
|
|
126
|
-
.lineContainer > svg { overflow: clip visible }
|
|
127
|
-
.lineContainer > div { position: relative; height: 100% }
|
|
128
|
-
.lineContainer > div + div::before {
|
|
129
|
-
border-left: var(--mtdsc-chart-axis-border);
|
|
130
|
-
content: '';
|
|
131
|
-
inset: 0 auto 0 0;
|
|
132
|
-
position: absolute;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.lineContainer > div::after {
|
|
136
|
-
content: attr(data-label) / '';
|
|
137
|
-
position: absolute;
|
|
138
|
-
top: 100%;
|
|
139
|
-
translate: -50%;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
:host([data-variant|="line"]) .axisGroups,
|
|
143
|
-
:host([data-variant|="area"]) .axisGroups { padding: 0 }
|
|
144
|
-
.lineShade, .line { fill: none; stroke: var(--color); stroke-linejoin: round; stroke-linecap: round; stroke-width: 1.5; vector-effect: non-scaling-stroke }
|
|
145
|
-
.lineShade { stroke: none; fill: var(--color); opacity: 0.3; mask: linear-gradient(to bottom, black, transparent) }
|
|
146
|
-
|
|
147
|
-
.linePoint, .line, :host:has(.linePoint) .legend::before { filter: var(--_mtdsc-chart-line-filter) } /* Ensure more contrast for line colors */
|
|
148
|
-
.linePoint {
|
|
149
|
-
--size: var(--mtds-2);
|
|
150
|
-
background: var(--color);
|
|
151
|
-
border-radius: var(--mtds-border-radius-full);
|
|
152
|
-
border: var(--mtdsc-chart-border-width) solid var(--mtdsc-chart-border-color);
|
|
153
|
-
box-sizing: border-box;
|
|
154
|
-
height: var(--size);
|
|
155
|
-
margin: calc(var(--size) / -2);
|
|
156
|
-
padding: 0;
|
|
157
|
-
pointer-events: all;
|
|
158
|
-
position: relative;
|
|
159
|
-
top: calc(100% - var(--value) / var(--total, 1) * 100%);
|
|
160
|
-
transition: scale 0.2s;
|
|
161
|
-
width: var(--size);
|
|
162
|
-
z-index: 2;
|
|
163
|
-
}
|
|
164
|
-
.linePoint:focus-visible,
|
|
165
|
-
.linePoint:hover { scale: 1.3 }
|
|
166
|
-
.linePoint::before { content: ""; position: absolute; inset: calc(var(--mtds-3) * -1); /* Increase click surface */ }
|
|
167
|
-
:host([data-dots="false"]) .linePoint { background: none; border: none }
|
|
168
|
-
|
|
169
|
-
:host([data-legend="false"]) .legends { display: none }
|
|
170
|
-
.legends { align-items: center; display: flex; flex-wrap: wrap; gap: var(--mtds-2) var(--mtds-5); justify-content: center }
|
|
171
|
-
.legend { display: flex; align-items: center; gap: var(--mtds-2) }
|
|
172
|
-
.legend::before {
|
|
173
|
-
background: var(--color);
|
|
174
|
-
border-radius: var(--mtds-border-radius-full);
|
|
175
|
-
border: var(--mtdsc-chart-border-color) solid var(--mtdsc-chart-border-width);
|
|
176
|
-
box-sizing: border-box;
|
|
177
|
-
content: "";
|
|
178
|
-
display: inline-block;
|
|
179
|
-
height: var(--mtds-5);
|
|
180
|
-
vertical-align: middle;
|
|
181
|
-
width: var(--mtds-5);
|
|
182
|
-
}
|
|
183
|
-
`;
|
|
184
|
-
export {
|
|
185
|
-
t as default
|
|
186
|
-
};
|
|
187
|
-
//# sourceMappingURL=chart.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chart.css.js","sources":["../../designsystem/chart/chart.css?raw"],"sourcesContent":["export default \"/* NOTE: Using --mtds- not --mtds- since we're inside shadow dom */\\n:host(:not([hidden])) { display: grid; gap: var(--mtds-6) }\\n[data-event] { cursor: pointer } /* Used to forward clicks from Chart ShaowDOM to relevant cell in child table */\\n\\n.pie { overflow: visible; aspect-ratio: var(--mtdsc-chart-aspect) }\\n.pie > path {\\n\\tfill: var(--color);\\n\\toutline: none;\\n\\tstroke-width: var(--mtdsc-chart-border-width);\\n\\tstroke: var(--mtdsc-chart-border-color);\\n\\ttransform-origin: center;\\n\\ttransition: scale 0.2s;\\n\\tvector-effect: non-scaling-stroke;\\n}\\n.pie > path:focus-visible,\\n.pie > path:hover { scale: 1.05 }\\n:host([data-steps=\\\"false\\\"]) .axisStep::before,\\n:host([data-variant=\\\"doughnut\\\"]) .axis,\\n:host([data-variant=\\\"pie\\\"]) .axis { display: none }\\n:host([data-labels=\\\"false\\\"]) .axisGroup::before { position: absolute; pointer-events: none; opacity: 0 } /* Keep available for screen readers */\\n:host([data-labels=\\\"false\\\"]) .lineContainer > div::before,\\n:host([data-labels=\\\"false\\\"]) .lineContainer > div::after { display: none }\\n\\n.axis {\\n\\tdisplay: grid;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tgap: var(--mtdsc-chart-axis-gap);\\n\\tgrid-template-columns: fit-content(7em) 1fr;\\n\\tgrid-template-rows: 1fr auto;\\n\\tgrid-template-areas:\\n\\t\\t\\\"y-axis chart\\\"\\n\\t\\t\\\"y-axis x-axis\\\";\\n}\\n\\n.axis::before {\\n\\tborder-bottom-left-radius: var(--mtdsc-chart-axis-edge-radius);\\n\\tborder-color: var(--mtdsc-chart-axis-edge-color);\\n\\tborder-style: solid;\\n\\tborder-width: 0 0 var(--mtdsc-chart-axis-edge-width) var(--mtdsc-chart-axis-edge-width);\\n\\tcontent: \\\"\\\";\\n\\tgrid-area: chart;\\n\\tpointer-events: none;\\n\\tz-index: 2;\\n}\\n\\n.axisSteps,\\n.axisStep,\\n.axisGroups,\\n.axisGroup { box-sizing: border-box; display: grid; position: relative } /* Help .lineContainer positioning */\\n.axisGroups {\\n\\t--gap: max(1px, clamp(.5%, calc(10% / var(--bars) * var(--groups)), var(--mtdsc-chart-axis-gap)));\\n\\tgap: var(--mtdsc-chart-axis-gap) var(--gap);\\n\\tgrid-area: chart / chart / x-axis / chart;\\n\\tgrid-auto-columns: 1fr;\\n\\tgrid-template-rows: subgrid;\\n\\tpadding: 0 var(--mtdsc-chart-axis-gap);\\n\\ttext-align: center;\\n}\\n.axisGroup { grid-row: inherit; grid-template: inherit }\\n.axisGroup::before { order: 1; content: attr(data-label); direction: ltr; min-width: 0 } /* Allow word-wrapping */\\n:host(:not([data-variant|=\\\"bar\\\"])) { .axisGroup::before { justify-self: center; text-align: start; writing-mode: vertical-rl } }\\n\\n.axisSteps { align-items: end; aspect-ratio: var(--mtdsc-chart-aspect); grid-area: chart / y-axis / chart / chart; grid-auto-rows: 1fr; grid-template: 1px / subgrid }\\n.axisStep { align-items: start; grid-column: inherit; grid-template-columns: inherit; height: 1px; text-align: right }\\n.axisStep::after { border-bottom: var(--mtdsc-chart-axis-border); content: \\\"\\\" }\\n.axisStep::before { content: attr(data-label) / \\\"\\\"; translate: 0 -50% } /* Hide form screen readers */\\n.axisStep[data-label=\\\"0\\\"]::after { opacity: 0 } /* Hide 0 line as it overlapps with .axis::before */\\n\\n/* Reduce amount of steps if small space */\\n:host(:not([data-variant|=\\\"bar\\\"])) .axisStepsYHalf .axisStep:nth-last-child(even) { display: none }\\n:host(:not([data-variant|=\\\"bar\\\"])) .axisStepsYHalf .axisSteps:has(.axisStep:nth-last-child(even):first-child) { grid-template-rows: 0.5fr }\\n:host([data-variant|=\\\"bar\\\"]) .axisStepsXHalf .axisStep:nth-last-child(even) { display: none }\\n:host([data-variant|=\\\"bar\\\"]) .axisStepsXHalf .axisSteps:has(.axisStep:nth-last-child(even):first-child) { grid-template-columns: 0.5fr }\\n\\n:host([data-variant|=\\\"bar\\\"]) .axisSteps,\\n:host([data-variant|=\\\"bar\\\"]) .axisGroup { direction: rtl }\\n:host([data-variant|=\\\"bar\\\"]) .axisSteps > *,\\n:host([data-variant|=\\\"bar\\\"]) .axisGroup > * { direction: ltr }\\n:host([data-variant|=\\\"bar\\\"]) .axisGroups {\\n\\taspect-ratio: var(--mtdsc-chart-aspect);\\n\\tgap: 1% var(--mtdsc-chart-axis-gap);\\n\\tgrid-area: chart / y-axis / chart / chart;\\n\\tgrid-template: none / subgrid;\\n\\tpadding: var(--mtdsc-chart-axis-gap) 0;\\n\\trow-gap: var(--mtdsc-chart-axis-gap);\\n\\ttext-align: right;\\n}\\n:host([data-variant|=\\\"bar\\\"]) .axisGroup::before { align-self: center }\\n:host([data-variant|=\\\"bar\\\"]) .axisGroup { grid-column: inherit; grid-row: auto }\\n:host([data-variant|=\\\"bar\\\"]) .axisSteps { align-items: stretch; aspect-ratio: auto; grid-area: chart / chart / x-axis / chart; grid-auto-columns: 1fr; grid-template: subgrid / 1px }\\n:host([data-variant|=\\\"bar\\\"]) .axisStep { align-items: stretch; grid-row: inherit; grid-column: auto; grid-template-rows: inherit; grid-template-columns: none; text-align: center }\\n:host([data-variant|=\\\"bar\\\"]) .axisStep::after { order: -1; border-left: var(--mtdsc-chart-axis-border); border-bottom: 0 }\\n:host([data-variant|=\\\"bar\\\"]) .axisStep::before { translate: -50% 0 }\\n\\n.axisGroupContent { display: flex }\\n:host([data-variant=\\\"column-stacked\\\"]) .axisGroupContent { flex-direction: column-reverse }\\n:host([data-variant=\\\"bar\\\"]) .axisGroupContent { flex-direction: column }\\n:host([data-variant=\\\"bar-stacked\\\"]) .axisGroupContent { flex-direction: row }\\n\\n.bar {\\n\\t--size: calc(var(--value) / var(--total, 1) * 100%);\\n\\talign-self: end;\\n\\tbackground: var(--color);\\n\\tborder: var(--mtdsc-chart-border-color) solid var(--mtdsc-chart-border-width);\\n\\tborder-radius: var(--mtds-border-radius-sm) var(--mtds-border-radius-sm) 0 0;\\n\\tbox-sizing: border-box;\\n\\theight: var(--size);\\n\\twidth: 100%;\\n}\\n.bar:focus-visible,\\n.linePoint:focus-visible { box-shadow: var(--mtdsc-focus-boxShadow); outline: var(--mtdsc-focus-outline); outline-offset: var(--mtds-border-width-focus); z-index: 2 }\\n:host([data-variant|=\\\"bar\\\"]) .bar { border-radius: 0 var(--mtds-border-radius-sm) var(--mtds-border-radius-sm) 0; width: var(--size); height: 100%; align-self: start }\\n\\n/* Prevent double border - using margin to see border around bars */\\n/* Prevent double border - using border to avoid affecting size */\\n:host(:not([data-variant])) .bar + .bar,\\n:host([data-variant=\\\"column\\\"]) .bar + .bar { margin-left: -1px }\\n:host([data-variant=\\\"column-stacked\\\"]) .bar:not(:last-child) { border-radius: 0 }\\n:host([data-variant=\\\"column-stacked\\\"]) .bar + .bar { border-bottom: none }\\n:host([data-variant=\\\"bar\\\"]) .bar + .bar { margin-top: -1px }\\n:host([data-variant=\\\"bar-stacked\\\"]) .bar:not(:last-child) { border-radius: 0 }\\n:host([data-variant=\\\"bar-stacked\\\"]) .bar + .bar { border-left: none }\\n\\n.lineContainer { align-items: flex-start; display: flex; justify-content: space-between; pointer-events: none; grid-row: chart }\\n.lineContainer > svg, .lineContainer { position: absolute; width: 100%; height: 100% }\\n.lineContainer > svg { overflow: clip visible }\\n.lineContainer > div { position: relative; height: 100% }\\n.lineContainer > div + div::before {\\n\\tborder-left: var(--mtdsc-chart-axis-border);\\n\\tcontent: '';\\n\\tinset: 0 auto 0 0;\\n\\tposition: absolute;\\n}\\n\\n.lineContainer > div::after {\\n\\tcontent: attr(data-label) / '';\\n\\tposition: absolute;\\n\\ttop: 100%;\\n\\ttranslate: -50%;\\n}\\n\\n:host([data-variant|=\\\"line\\\"]) .axisGroups,\\n:host([data-variant|=\\\"area\\\"]) .axisGroups { padding: 0 }\\n.lineShade, .line { fill: none; stroke: var(--color); stroke-linejoin: round; stroke-linecap: round; stroke-width: 1.5; vector-effect: non-scaling-stroke }\\n.lineShade { stroke: none; fill: var(--color); opacity: 0.3; mask: linear-gradient(to bottom, black, transparent) }\\n\\n.linePoint, .line, :host:has(.linePoint) .legend::before { filter: var(--_mtdsc-chart-line-filter) } /* Ensure more contrast for line colors */\\n.linePoint {\\n\\t--size: var(--mtds-2);\\n\\tbackground: var(--color);\\n\\tborder-radius: var(--mtds-border-radius-full);\\n\\tborder: var(--mtdsc-chart-border-width) solid var(--mtdsc-chart-border-color);\\n\\tbox-sizing: border-box;\\n\\theight: var(--size);\\n\\tmargin: calc(var(--size) / -2);\\n\\tpadding: 0;\\n\\tpointer-events: all;\\n\\tposition: relative;\\n\\ttop: calc(100% - var(--value) / var(--total, 1) * 100%);\\n\\ttransition: scale 0.2s;\\n\\twidth: var(--size);\\n\\tz-index: 2;\\n}\\n.linePoint:focus-visible,\\n.linePoint:hover { scale: 1.3 }\\n.linePoint::before { content: \\\"\\\"; position: absolute; inset: calc(var(--mtds-3) * -1); /* Increase click surface */ }\\n:host([data-dots=\\\"false\\\"]) .linePoint { background: none; border: none }\\n\\n:host([data-legend=\\\"false\\\"]) .legends { display: none }\\n.legends { align-items: center; display: flex; flex-wrap: wrap; gap: var(--mtds-2) var(--mtds-5); justify-content: center }\\n.legend { display: flex; align-items: center; gap: var(--mtds-2) }\\n.legend::before {\\n\\tbackground: var(--color);\\n\\tborder-radius: var(--mtds-border-radius-full);\\n\\tborder: var(--mtdsc-chart-border-color) solid var(--mtdsc-chart-border-width);\\n\\tbox-sizing: border-box;\\n\\tcontent: \\\"\\\";\\n\\tdisplay: inline-block;\\n\\theight: var(--mtds-5);\\n\\tvertical-align: middle;\\n\\twidth: var(--mtds-5);\\n}\\n\""],"names":["css"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
|
package/mtds/package.json.js
DELETED
package/mtds/package.json.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/mtds/react-atlas.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-atlas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/mtds/react.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
const _ = "_alert_14zqc_1 _ds-alert_1s2lo_1", s = "_app_14zqc_1", o = "_sticky_14zqc_1", t = "_avatar_14zqc_1 _ds-avatar_1s2lo_1", c = "_badge_14zqc_1", e = "_breadcrumbs_14zqc_1 _ds-breadcrumbs_1s2lo_3", n = "_button_14zqc_1 _ds-button_1s2lo_1", a = "_card_14zqc_1", l = "_group_14zqc_1", i = "_chip_14zqc_1 _ds-chip_1s2lo_3", d = "_details_14zqc_1 _ds-details_1s2lo_1", r = "_dialog_14zqc_1 _ds-dialog_1s2lo_3", p = "__drawer_14zqc_1", g = "_divider_14zqc_1", q = "_errorsummary_14zqc_1 _ds-error-summary_1s2lo_3", z = "_field_14zqc_1 _ds-field_1s2lo_1", u = "_suggestion_14zqc_1 _ds-suggestion_1s2lo_3", f = "_affixes_14zqc_1 _ds-field-affixes_1s2lo_1", b = "_fieldset_14zqc_1 _ds-fieldset_1s2lo_1", m = "_fileupload_14zqc_1", k = "_helptext_14zqc_1 _ds-focus_1s2lo_1", h = "_input_14zqc_1 _ds-input_1s2lo_1", v = "_law_14zqc_1", x = "_grid_14zqc_1", y = "_flex_14zqc_1", w = "_link_14zqc_1", C = "_logo_14zqc_1", M = "__logo_14zqc_1", O = "_pagination_14zqc_1 _ds-pagination_1s2lo_3", S = "_popover_14zqc_1 _ds-popover_1s2lo_1", T = "_print_14zqc_1", j = "_progress_14zqc_1", A = "__indeterminate_14zqc_1", B = "_skeleton_14zqc_1 _ds-skeleton_1s2lo_3", D = "__skeleton_14zqc_1", E = "_spinner_14zqc_1", F = "_steps_14zqc_1", G = "_table_14zqc_1 _ds-table_1s2lo_3", H = "__scrollShadow_14zqc_1", I = "_tabs_14zqc_1 _ds-tabs_1s2lo_3", J = "__scrollMask_14zqc_1", K = "_tag_14zqc_1 _ds-tag_1s2lo_3", L = "_toast_14zqc_1", N = "__toastClose_14zqc_1", P = "__toastOpen_14zqc_1", Q = "__toastTimeout_14zqc_1", R = "_togglegroup_14zqc_1 _ds-toggle-group_1s2lo_3", U = "__tooltip_14zqc_1 _ds-tooltip_1s2lo_3", V = "_heading_14zqc_1 _ds-heading_1s2lo_1", W = "_ingress_14zqc_1", X = "_muted_14zqc_1", Y = "_info_14zqc_1", Z = "_prose_14zqc_1", $ = "_validation_14zqc_1 _ds-validation-message_1s2lo_1", __ = "_body_14zqc_162", s_ = "__checked_14zqc_1", o_ = {
|
|
2
|
-
alert: _,
|
|
3
|
-
app: s,
|
|
4
|
-
sticky: o,
|
|
5
|
-
avatar: t,
|
|
6
|
-
badge: c,
|
|
7
|
-
breadcrumbs: e,
|
|
8
|
-
button: n,
|
|
9
|
-
card: a,
|
|
10
|
-
group: l,
|
|
11
|
-
chip: i,
|
|
12
|
-
details: d,
|
|
13
|
-
dialog: r,
|
|
14
|
-
_drawer: p,
|
|
15
|
-
divider: g,
|
|
16
|
-
errorsummary: q,
|
|
17
|
-
field: z,
|
|
18
|
-
suggestion: u,
|
|
19
|
-
affixes: f,
|
|
20
|
-
fieldset: b,
|
|
21
|
-
fileupload: m,
|
|
22
|
-
helptext: k,
|
|
23
|
-
input: h,
|
|
24
|
-
law: v,
|
|
25
|
-
grid: x,
|
|
26
|
-
flex: y,
|
|
27
|
-
link: w,
|
|
28
|
-
logo: C,
|
|
29
|
-
_logo: M,
|
|
30
|
-
pagination: O,
|
|
31
|
-
popover: S,
|
|
32
|
-
print: T,
|
|
33
|
-
progress: j,
|
|
34
|
-
_indeterminate: A,
|
|
35
|
-
skeleton: B,
|
|
36
|
-
_skeleton: D,
|
|
37
|
-
spinner: E,
|
|
38
|
-
steps: F,
|
|
39
|
-
table: G,
|
|
40
|
-
_scrollShadow: H,
|
|
41
|
-
tabs: I,
|
|
42
|
-
_scrollMask: J,
|
|
43
|
-
tag: K,
|
|
44
|
-
toast: L,
|
|
45
|
-
_toastClose: N,
|
|
46
|
-
_toastOpen: P,
|
|
47
|
-
_toastTimeout: Q,
|
|
48
|
-
togglegroup: R,
|
|
49
|
-
_tooltip: U,
|
|
50
|
-
heading: V,
|
|
51
|
-
ingress: W,
|
|
52
|
-
muted: X,
|
|
53
|
-
info: Y,
|
|
54
|
-
prose: Z,
|
|
55
|
-
validation: $,
|
|
56
|
-
body: __,
|
|
57
|
-
_checked: s_
|
|
58
|
-
};
|
|
59
|
-
export {
|
|
60
|
-
s_ as _checked,
|
|
61
|
-
p as _drawer,
|
|
62
|
-
A as _indeterminate,
|
|
63
|
-
M as _logo,
|
|
64
|
-
J as _scrollMask,
|
|
65
|
-
H as _scrollShadow,
|
|
66
|
-
D as _skeleton,
|
|
67
|
-
N as _toastClose,
|
|
68
|
-
P as _toastOpen,
|
|
69
|
-
Q as _toastTimeout,
|
|
70
|
-
U as _tooltip,
|
|
71
|
-
f as affixes,
|
|
72
|
-
_ as alert,
|
|
73
|
-
s as app,
|
|
74
|
-
t as avatar,
|
|
75
|
-
c as badge,
|
|
76
|
-
__ as body,
|
|
77
|
-
e as breadcrumbs,
|
|
78
|
-
n as button,
|
|
79
|
-
a as card,
|
|
80
|
-
i as chip,
|
|
81
|
-
o_ as default,
|
|
82
|
-
d as details,
|
|
83
|
-
r as dialog,
|
|
84
|
-
g as divider,
|
|
85
|
-
q as errorsummary,
|
|
86
|
-
z as field,
|
|
87
|
-
b as fieldset,
|
|
88
|
-
m as fileupload,
|
|
89
|
-
y as flex,
|
|
90
|
-
x as grid,
|
|
91
|
-
l as group,
|
|
92
|
-
V as heading,
|
|
93
|
-
k as helptext,
|
|
94
|
-
Y as info,
|
|
95
|
-
W as ingress,
|
|
96
|
-
h as input,
|
|
97
|
-
v as law,
|
|
98
|
-
w as link,
|
|
99
|
-
C as logo,
|
|
100
|
-
X as muted,
|
|
101
|
-
O as pagination,
|
|
102
|
-
S as popover,
|
|
103
|
-
T as print,
|
|
104
|
-
j as progress,
|
|
105
|
-
Z as prose,
|
|
106
|
-
B as skeleton,
|
|
107
|
-
E as spinner,
|
|
108
|
-
F as steps,
|
|
109
|
-
o as sticky,
|
|
110
|
-
u as suggestion,
|
|
111
|
-
G as table,
|
|
112
|
-
I as tabs,
|
|
113
|
-
K as tag,
|
|
114
|
-
L as toast,
|
|
115
|
-
R as togglegroup,
|
|
116
|
-
$ as validation
|
|
117
|
-
};
|
|
118
|
-
//# sourceMappingURL=styles.module.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|