@mattilsynet/design 3.3.10 → 3.4.1

package/mtds/atlas.js

@@ -1,14 +1,6 @@
-import { MATGEO_URL as r, MTDSAtlasElement as o } from "./atlas/atlas-element.js";
-import { default as m } from "./external/leaflet/dist/leaflet-src.js";
-import { MTDSAtlasMarkerElement as M } from "./atlas/atlas-marker.js";
-import { MTDSAtlasMatgeoElement as p } from "./atlas/atlas-matgeo.js";
-import { MTDSAtlasWMSElement as x } from "./atlas/atlas-wms.js";
-export {
-  m as L,
-  r as MATGEO_URL,
-  o as MTDSAtlasElement,
-  M as MTDSAtlasMarkerElement,
-  p as MTDSAtlasMatgeoElement,
-  x as MTDSAtlasWMSElement
-};
-//# sourceMappingURL=atlas.js.map
+import e from "./external/leaflet/dist/leaflet-src.js";
+import { MTDSAtlasMarkerElement as t } from "./atlas/atlas-marker.js";
+import { MTDSAtlasMatgeoElement as n } from "./atlas/atlas-matgeo.js";
+import { MTDSAtlasWMSElement as r } from "./atlas/atlas-wms.js";
+import { MATGEO_URL as i, MTDSAtlasElement as a } from "./atlas/atlas-element.js";
+export { e as L, i as MATGEO_URL, a as MTDSAtlasElement, t as MTDSAtlasMarkerElement, n as MTDSAtlasMatgeoElement, r as MTDSAtlasWMSElement };

package/mtds/avatar/avatar.js

@@ -1,12 +1,16 @@
-import { jsx as f } from "react/jsx-runtime";
-import s from "clsx";
+import e from "../styles.module.js";
+import t from "clsx";
 import { forwardRef as n } from "react";
-import p from "../styles.module.css.js";
-const x = n(function({ as: a, className: o, ...r }, t) {
-  const m = a || (r.href ? "a" : "span");
-  return /* @__PURE__ */ f(m, { className: s(p.avatar, o), ref: t, ...r });
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/avatar/avatar.tsx
+var i = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || (a.href ? "a" : "span"), {
+		className: t(e.avatar, i),
+		ref: o,
+		...a
+	});
 });
-export {
-  x as Avatar
-};
-//# sourceMappingURL=avatar.js.map
+//#endregion
+export { i as Avatar };
+
+//# sourceMappingURL=avatar.js.map

package/mtds/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../designsystem/avatar/avatar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype AvatarBaseProps<Href> = {\n\thref?: Href;\n};\n\nexport type AvatarProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, AvatarBaseProps<Href>>;\n\ntype AvatarComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: AvatarProps<Href, As>,\n) => JSX.Element;\n\nexport const Avatar: AvatarComponent = forwardRef<null>(function Avatar<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: AvatarProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.avatar, className)} ref={ref} {...rest} />;\n}) as AvatarComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Avatar","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAwBO,MAAMA,IAA0BC,EAAiB,SAGtD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA+BC,GAA0B;AAC9E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAErC,SAAO,gBAAAG,EAACD,GAAA,EAAI,WAAWE,EAAKC,EAAO,QAAQN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC5E,CAAC;"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../designsystem/avatar/avatar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype AvatarBaseProps<Href> = {\n\thref?: Href;\n};\n\nexport type AvatarProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, AvatarBaseProps<Href>>;\n\ntype AvatarComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: AvatarProps<Href, As>,\n) => JSX.Element;\n\nexport const Avatar: AvatarComponent = forwardRef<null>(function Avatar<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: AvatarProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.avatar, className)} ref={ref} {...rest} />;\n}) as AvatarComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAwBA,IAAa,IAA0B,EAAiB,SAGtD,EAAE,OAAI,cAAW,GAAG,KAA+B,GAA0B;CAG9E,OAAO,kBAFK,MAAO,EAAK,OAAO,MAAM,SAE9B;EAAK,WAAW,EAAK,EAAO,QAAQ,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC7E,CAAC"}

package/mtds/badge/badge.js

@@ -1,11 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import e from "clsx";
-import { forwardRef as s } from "react";
-import a from "../styles.module.css.js";
-const d = s(function({ className: r, ...o }, m) {
-  return /* @__PURE__ */ t("span", { className: e(a.badge, r), ref: m, ...o });
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/badge/badge.tsx
+var i = n(function({ className: n, ...i }, a) {
+	return /* @__PURE__ */ r("span", {
+		className: t(e.badge, n),
+		ref: a,
+		...i
+	});
 });
-export {
-  d as Badge
-};
-//# sourceMappingURL=badge.js.map
+//#endregion
+export { i as Badge };
+
+//# sourceMappingURL=badge.js.map

package/mtds/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../designsystem/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type BadgeProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-badge\"?: string | number | boolean;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <span className={clsx(styles.badge, className)} ref={ref} {...rest} />;\n});\n"],"names":["Badge","forwardRef","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAQO,MAAMA,IAAQC,EAAwC,SAC5D,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,GACC;AACD,SAAO,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC5E,CAAC;"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../designsystem/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport styles from \"../styles.module.css\";\n\nexport type BadgeProps = React.ComponentPropsWithoutRef<\"span\"> & {\n\t\"data-badge\"?: string | number | boolean;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n\t{ className, ...rest },\n\tref,\n) {\n\treturn <span className={clsx(styles.badge, className)} ref={ref} {...rest} />;\n});\n"],"mappings":";;;;;AAQA,IAAa,IAAQ,EAAwC,SAC5D,EAAE,cAAW,GAAG,KAChB,GACC;CACD,OAAO,kBAAC,QAAD;EAAM,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC7E,CAAC"}

package/mtds/breadcrumbs/breadcrumbs.js

@@ -1,19 +1,15 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import s from "../styles.module.css.js";
-import { toCustomElementProps as e } from "../utils.js";
-const p = t(
-  function(r, o) {
-    return /* @__PURE__ */ m(
-      "ds-breadcrumbs",
-      {
-        ref: o,
-        ...e(r, s.breadcrumbs)
-      }
-    );
-  }
-);
-export {
-  p as Breadcrumbs
-};
-//# sourceMappingURL=breadcrumbs.js.map
+import e from "../styles.module.js";
+import { toCustomElementProps as t } from "../utils.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/breadcrumbs/breadcrumbs.tsx
+var i = n(function(n, i) {
+	return /* @__PURE__ */ r("ds-breadcrumbs", {
+		ref: i,
+		...t(n, e.breadcrumbs)
+	});
+});
+//#endregion
+export { i as Breadcrumbs };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/mtds/breadcrumbs/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../designsystem/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { DSBreadcrumbsElement } from \"..\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type BreadcrumbsProps = CustomReactElementProps<DSBreadcrumbsElement> & {\n\t/**\n\t * @deprecated `as` prop is no longer supported.\n\t */\n\tas?: never; // Remove `as` prop support\n};\n\nexport const Breadcrumbs = forwardRef<DSBreadcrumbsElement, BreadcrumbsProps>(\n\tfunction Breadcrumbs(rest, ref) {\n\t\treturn (\n\t\t\t<ds-breadcrumbs\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.breadcrumbs)}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"names":["Breadcrumbs","forwardRef","rest","ref","jsx","toCustomElementProps","styles"],"mappings":";;;;AAaO,MAAMA,IAAcC;AAAA,EAC1B,SAAqBC,GAAMC,GAAK;AAC/B,WACC,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAD;AAAA,QACC,GAAGE,EAAqBH,GAAMI,EAAO,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAGpD;AACD;"}
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../designsystem/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { DSBreadcrumbsElement } from \"..\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type BreadcrumbsProps = CustomReactElementProps<DSBreadcrumbsElement> & {\n\t/**\n\t * @deprecated `as` prop is no longer supported.\n\t */\n\tas?: never; // Remove `as` prop support\n};\n\nexport const Breadcrumbs = forwardRef<DSBreadcrumbsElement, BreadcrumbsProps>(\n\tfunction Breadcrumbs(rest, ref) {\n\t\treturn (\n\t\t\t<ds-breadcrumbs\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.breadcrumbs)}\n\t\t\t/>\n\t\t);\n\t},\n);\n"],"mappings":";;;;;AAaA,IAAa,IAAc,EAC1B,SAAqB,GAAM,GAAK;CAC/B,OACC,kBAAC,kBAAD;EACM;EACL,GAAI,EAAqB,GAAM,EAAO,WAAW;CACjD,CAAA;AAEH,CACD"}

package/mtds/button/button.js

@@ -1,21 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import s from "clsx";
-import { forwardRef as f } from "react";
-import m from "../styles.module.css.js";
-const l = f(function({ as: r, className: n, type: u, ...t }, i) {
-  const o = r || (t.href ? "a" : "button");
-  return o === "button" && t["aria-busy"] && (t.disabled = !0), /* @__PURE__ */ a(
-    o,
-    {
-      suppressHydrationWarning: !0,
-      className: s(m.button, n),
-      type: u ?? (o === "button" ? o : void 0),
-      ref: i,
-      ...t
-    }
-  );
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/button/button.tsx
+var i = n(function({ as: n, className: i, type: a, ...o }, s) {
+	let c = n || (o.href ? "a" : "button");
+	return c === "button" && o["aria-busy"] && (o.disabled = !0), /* @__PURE__ */ r(c, {
+		suppressHydrationWarning: !0,
+		className: t(e.button, i),
+		type: a ?? (c === "button" ? c : void 0),
+		ref: s,
+		...o
+	});
 });
-export {
-  l as Button
-};
-//# sourceMappingURL=button.js.map
+//#endregion
+export { i as Button };
+
+//# sourceMappingURL=button.js.map

package/mtds/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../designsystem/button/button.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type { FlexProps } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype ButtonBaseProps<Href> = {\n\t\"data-arrow\"?: \"left\" | \"right\" | true;\n\t\"data-justify\"?: \"start\" | \"center\" | \"end\" | \"right\" | \"left\";\n\t\"data-nowrap\"?: boolean;\n\t\"data-variant\"?: \"primary\" | \"secondary\" | \"tertiary\";\n\t\"data-self\"?: FlexProps[\"data-items\"];\n\t/**\n\t * @deprecated Use 'command' and 'commandfor' instead\n\t */\n\t\"data-command\"?: string;\n\tcommand?: string;\n\tcommandfor?: string;\n\thref?: Href;\n\tpopovertarget?: string;\n\tpopovertargetaction?: string;\n};\n\nexport type ButtonProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n> = PolymorphicComponentPropWithRef<As, ButtonBaseProps<Href>>;\n\ntype ButtonElement = ButtonProps<null, \"button\">;\ntype ButtonComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\tprops: ButtonProps<Href, As>,\n) => JSX.Element;\n\nexport const Button: ButtonComponent = forwardRef<null>(function Button<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\t{ as, className, type, ...rest }: ButtonProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"button\");\n\n\tif (Tag === \"button\" && (rest as ButtonElement)[\"aria-busy\"])\n\t\t(rest as ButtonElement).disabled = true; // Automatically disable button if aria-busy is set\n\n\treturn (\n\t\t<Tag\n\t\t\tsuppressHydrationWarning // aria-label might change on client when using data-tooltip\n\t\t\tclassName={clsx(styles.button, className)}\n\t\t\ttype={type ?? (Tag === \"button\" ? Tag : undefined)} // Default to type=\"button\" if not set and tag is button\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as ButtonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Button","forwardRef","as","className","type","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AAuCO,MAAMA,IAA0BC,EAAiB,SAIvD,EAAE,IAAAC,GAAI,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAC1BC,GACC;AACD,QAAMC,IAAML,MAAOG,EAAK,OAAO,MAAM;AAErC,SAAIE,MAAQ,YAAaF,EAAuB,WAAW,MACzDA,EAAuB,WAAW,KAGnC,gBAAAG;AAAA,IAACD;AAAA,IAAA;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAWE,EAAKC,EAAO,QAAQP,CAAS;AAAA,MACxC,MAAMC,MAASG,MAAQ,WAAWA,IAAM;AAAA,MACxC,KAAAD;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"button.js","names":[],"sources":["../../designsystem/button/button.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type { FlexProps } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\ntype ButtonBaseProps<Href> = {\n\t\"data-arrow\"?: \"left\" | \"right\" | true;\n\t\"data-justify\"?: \"start\" | \"center\" | \"end\" | \"right\" | \"left\";\n\t\"data-nowrap\"?: boolean;\n\t\"data-variant\"?: \"primary\" | \"secondary\" | \"tertiary\";\n\t\"data-self\"?: FlexProps[\"data-items\"];\n\t/**\n\t * @deprecated Use 'command' and 'commandfor' instead\n\t */\n\t\"data-command\"?: string;\n\tcommand?: string;\n\tcommandfor?: string;\n\thref?: Href;\n\tpopovertarget?: string;\n\tpopovertargetaction?: string;\n};\n\nexport type ButtonProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n> = PolymorphicComponentPropWithRef<As, ButtonBaseProps<Href>>;\n\ntype ButtonElement = ButtonProps<null, \"button\">;\ntype ButtonComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\tprops: ButtonProps<Href, As>,\n) => JSX.Element;\n\nexport const Button: ButtonComponent = forwardRef<null>(function Button<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"button\",\n>(\n\t{ as, className, type, ...rest }: ButtonProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"button\");\n\n\tif (Tag === \"button\" && (rest as ButtonElement)[\"aria-busy\"])\n\t\t(rest as ButtonElement).disabled = true; // Automatically disable button if aria-busy is set\n\n\treturn (\n\t\t<Tag\n\t\t\tsuppressHydrationWarning // aria-label might change on client when using data-tooltip\n\t\t\tclassName={clsx(styles.button, className)}\n\t\t\ttype={type ?? (Tag === \"button\" ? Tag : undefined)} // Default to type=\"button\" if not set and tag is button\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as ButtonComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AAuCA,IAAa,IAA0B,EAAiB,SAIvD,EAAE,OAAI,cAAW,SAAM,GAAG,KAC1B,GACC;CACD,IAAM,IAAM,MAAO,EAAK,OAAO,MAAM;CAKrC,OAHI,MAAQ,YAAa,EAAuB,iBAC/C,EAAwB,WAAW,KAGnC,kBAAC,GAAD;EACC,0BAAA;EACA,WAAW,EAAK,EAAO,QAAQ,CAAS;EACxC,MAAM,MAAS,MAAQ,WAAW,IAAM,KAAA;EACnC;EACL,GAAI;CACJ,CAAA;AAEH,CAAC"}

package/mtds/card/card.js

@@ -1,16 +1,23 @@
-import { jsx as c } from "react/jsx-runtime";
-import s from "clsx";
-import { forwardRef as f } from "react";
-import i from "../styles.module.css.js";
-const g = f(function({ as: t, className: n, ...o }, a) {
-  const r = t || (o.href ? "a" : "div");
-  return /* @__PURE__ */ c(r, { className: s(i.card, n), ref: a, ...o });
-}), l = f(function({ as: t, className: n, ...o }, a) {
-  const r = t || "div";
-  return r === "button" && !o.type && Object.assign(o, { type: "button" }), /* @__PURE__ */ c(r, { className: s(i.group, n), ref: a, ...o });
+import e from "../styles.module.js";
+import t from "clsx";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region designsystem/card/card.tsx
+var i = n(function({ as: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r(n || (a.href ? "a" : "div"), {
+		className: t(e.card, i),
+		ref: o,
+		...a
+	});
+}), a = n(function({ as: n, className: i, ...a }, o) {
+	let s = n || "div";
+	return s === "button" && !a.type && Object.assign(a, { type: "button" }), /* @__PURE__ */ r(s, {
+		className: t(e.group, i),
+		ref: o,
+		...a
+	});
 });
-export {
-  g as Card,
-  l as Group
-};
-//# sourceMappingURL=card.js.map
+//#endregion
+export { i as Card, a as Group };
+
+//# sourceMappingURL=card.js.map

package/mtds/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../designsystem/card/card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{\n\t\t\"data-pad\"?: Sizes | `${Sizes}-${Sizes}`;\n\t\t\"data-radius\"?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n\t\t\"data-clickdelegatefor\"?: string;\n\t\thref?: Href;\n\t}\n>;\n\ntype CardComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>(\n\tprops: CardProps<Href, As>,\n) => JSX.Element;\n\nexport const Card: CardComponent = forwardRef<null>(function Card<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>({ as, className, ...rest }: CardProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"div\");\n\n\treturn <Tag className={clsx(styles.card, className)} ref={ref} {...rest} />;\n}) as CardComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type GroupProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-pad\"?: Sizes | `${Sizes}-${Sizes}`;\n\t\t\t\"data-radius\"?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n\t\t}\n\t>;\n\ntype GroupComponent = <As extends React.ElementType = \"div\">(\n\tprops: GroupProps<As>,\n) => JSX.Element;\n\nexport const Group: GroupComponent = forwardRef<null>(function Group<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GroupProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\tif (Tag === \"button\" && !rest.type) Object.assign(rest, { type: \"button\" }); // Default type for button to avoid accidental submits\n\treturn <Tag className={clsx(styles.group, className)} ref={ref} {...rest} />;\n}) as GroupComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Card","forwardRef","as","className","rest","ref","Tag","jsx","clsx","styles","Group"],"mappings":";;;;AA6BO,MAAMA,IAAsBC,EAAiB,SAGlD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA6BC,GAA0B;AAC5E,QAAMC,IAAMJ,MAAOE,EAAK,OAAO,MAAM;AAErC,SAAO,gBAAAG,EAACD,GAAA,EAAI,WAAWE,EAAKC,EAAO,MAAMN,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC,GAeYM,IAAwBT,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AACvE,QAAMC,IAAMJ,KAAM;AAClB,SAAII,MAAQ,YAAY,CAACF,EAAK,QAAM,OAAO,OAAOA,GAAM,EAAE,MAAM,SAAA,CAAU,GACnE,gBAAAG,EAACD,GAAA,EAAI,WAAWE,EAAKC,EAAO,OAAON,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC;"}
+{"version":3,"file":"card.js","names":[],"sources":["../../designsystem/card/card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n\tSizes,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{\n\t\t\"data-pad\"?: Sizes | `${Sizes}-${Sizes}`;\n\t\t\"data-radius\"?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n\t\t\"data-clickdelegatefor\"?: string;\n\t\thref?: Href;\n\t}\n>;\n\ntype CardComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>(\n\tprops: CardProps<Href, As>,\n) => JSX.Element;\n\nexport const Card: CardComponent = forwardRef<null>(function Card<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n>({ as, className, ...rest }: CardProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"div\");\n\n\treturn <Tag className={clsx(styles.card, className)} ref={ref} {...rest} />;\n}) as CardComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type GroupProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-pad\"?: Sizes | `${Sizes}-${Sizes}`;\n\t\t\t\"data-radius\"?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n\t\t}\n\t>;\n\ntype GroupComponent = <As extends React.ElementType = \"div\">(\n\tprops: GroupProps<As>,\n) => JSX.Element;\n\nexport const Group: GroupComponent = forwardRef<null>(function Group<\n\tAs extends React.ElementType = \"div\",\n>({ as, className, ...rest }: GroupProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"div\";\n\tif (Tag === \"button\" && !rest.type) Object.assign(rest, { type: \"button\" }); // Default type for button to avoid accidental submits\n\treturn <Tag className={clsx(styles.group, className)} ref={ref} {...rest} />;\n}) as GroupComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"mappings":";;;;;AA6BA,IAAa,IAAsB,EAAiB,SAGlD,EAAE,OAAI,cAAW,GAAG,KAA6B,GAA0B;CAG5E,OAAO,kBAFK,MAAO,EAAK,OAAO,MAAM,QAE9B;EAAK,WAAW,EAAK,EAAO,MAAM,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC3E,CAAC,GAeY,IAAwB,EAAiB,SAEpD,EAAE,OAAI,cAAW,GAAG,KAAwB,GAA0B;CACvE,IAAM,IAAM,KAAM;CAElB,OADI,MAAQ,YAAY,CAAC,EAAK,QAAM,OAAO,OAAO,GAAM,EAAE,MAAM,SAAS,CAAC,GACnE,kBAAC,GAAD;EAAK,WAAW,EAAK,EAAO,OAAO,CAAS;EAAQ;EAAK,GAAI;CAAO,CAAA;AAC5E,CAAC"}

package/mtds/chart/chart-axis.js

@@ -1,22 +1,34 @@
-import { tag as r } from "../utils.js";
-const S = [0.1, 0.2, 0.25, 0.5, 1];
-function M(e, { aspect: c, type: d }) {
-  const g = d === "stacked", l = e[0].reduce((s, u, f) => {
-    const m = e.map((a) => a[f].number), k = m.reduce((a, v) => a + v, 0);
-    return Math.max(s, ...g ? [k] : m);
-  }, 0), i = l / 10, p = 10 ** `${Math.round(i)}`.length, h = i / p, o = (S.find((s) => s > h) || 1) * p, n = Math.ceil(l / o) * o, t = r("div", {
-    "aria-label": e[0][0].value || null,
-    class: "axis",
-    role: "figure"
-  });
-  c && t.style.setProperty("--mtdsc-chart-aspect", c), t.style.setProperty("--bars", `${e[0]?.length - 1}`), t.style.setProperty("--groups", `${e.length - 1}`), t.style.setProperty("--total", `${n}`);
-  const x = t.appendChild(r("div", { class: "axisSteps" })), y = t.appendChild(r("div", { class: "axisGroups" }));
-  return Array.from({ length: n / o + 1 }, (s, u) => b(o * u)).reverse().map(
-    (s) => x.append(r("div", { class: "axisStep", "data-label": s }))
-  ), { total: n, groups: y, axis: t };
+import { tag as e } from "../utils.js";
+//#region designsystem/chart/chart-axis.ts
+var t = [
+	.1,
+	.2,
+	.25,
+	.5,
+	1
+];
+function n(n, { aspect: i, type: a }) {
+	let o = a === "stacked", s = n[0].reduce((e, t, r) => {
+		let i = n.map((e) => e[r].number), a = i.reduce((e, t) => e + t, 0);
+		return Math.max(e, ...o ? [a] : i);
+	}, 0), c = s / 10, l = 10 ** `${Math.round(c)}`.length, u = c / l, d = (t.find((e) => e > u) || 1) * l, f = Math.ceil(s / d) * d, p = e("div", {
+		"aria-label": n[0][0].value || null,
+		class: "axis",
+		role: "figure"
+	});
+	i && p.style.setProperty("--mtdsc-chart-aspect", i), p.style.setProperty("--bars", `${n[0]?.length - 1}`), p.style.setProperty("--groups", `${n.length - 1}`), p.style.setProperty("--total", `${f}`);
+	let m = p.appendChild(e("div", { class: "axisSteps" })), h = p.appendChild(e("div", { class: "axisGroups" }));
+	return Array.from({ length: f / d + 1 }, (e, t) => r(d * t)).reverse().map((t) => m.append(e("div", {
+		class: "axisStep",
+		"data-label": t
+	}))), {
+		total: f,
+		groups: h,
+		axis: p
+	};
 }
-const b = new Intl.NumberFormat().format;
-export {
-  M as toAxis
-};
-//# sourceMappingURL=chart-axis.js.map
+var r = new Intl.NumberFormat().format;
+//#endregion
+export { n as toAxis };
+
+//# sourceMappingURL=chart-axis.js.map

package/mtds/chart/chart-axis.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-axis.js","sources":["../../designsystem/chart/chart-axis.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\ntype Config = { type: string; aspect?: string };\n\nconst STEPS = [0.1, 0.2, 0.25, 0.5, 1];\n\nexport function toAxis(data: ChartData, { aspect, type }: Config) {\n\tconst totalTicks = 10;\n\tconst isStacked = type === \"stacked\";\n\tconst max = data[0].reduce((acc, _, index) => {\n\t\tconst all = data.map((row) => row[index].number);\n\t\tconst sum = all.reduce((acc, num) => acc + num, 0);\n\t\treturn Math.max(acc, ...(isStacked ? [sum] : all));\n\t}, 0);\n\n\tconst tickRange = max / totalTicks;\n\tconst tickDigits = 10 ** `${Math.round(tickRange)}`.length; // Get amount of digits in total number and use as exponent for 10x\n\tconst tickSize = tickRange / tickDigits; // Get amount of digits in total number and use as exponent for 10\n\tconst step = (STEPS.find((current) => current > tickSize) || 1) * tickDigits; // Find closest step larger than tick\n\tconst total = Math.ceil(max / step) * step;\n\tconst axis = tag(\"div\", {\n\t\t\"aria-label\": data[0][0].value || null,\n\t\tclass: \"axis\",\n\t\trole: \"figure\",\n\t});\n\tif (aspect) axis.style.setProperty(\"--mtdsc-chart-aspect\", aspect);\n\taxis.style.setProperty(\"--bars\", `${data[0]?.length - 1}`);\n\taxis.style.setProperty(\"--groups\", `${data.length - 1}`);\n\taxis.style.setProperty(\"--total\", `${total}`);\n\tconst steps = axis.appendChild(tag(\"div\", { class: \"axisSteps\" }));\n\tconst groups = axis.appendChild(tag(\"div\", { class: \"axisGroups\" }));\n\n\tArray.from({ length: total / step + 1 }, (_, i) => getNum(step * i))\n\t\t.reverse()\n\t\t.map((num) =>\n\t\t\tsteps.append(tag(\"div\", { class: \"axisStep\", \"data-label\": num })),\n\t\t);\n\n\treturn { total, groups, axis };\n}\n\nconst getNum = new Intl.NumberFormat().format;\n"],"names":["STEPS","toAxis","data","aspect","type","isStacked","max","acc","_","index","all","row","sum","num","tickRange","tickDigits","tickSize","step","current","total","axis","tag","steps","groups","i","getNum"],"mappings":";AAKA,MAAMA,IAAQ,CAAC,KAAK,KAAK,MAAM,KAAK,CAAC;AAE9B,SAASC,EAAOC,GAAiB,EAAE,QAAAC,GAAQ,MAAAC,KAAgB;AAEjE,QAAMC,IAAYD,MAAS,WACrBE,IAAMJ,EAAK,CAAC,EAAE,OAAO,CAACK,GAAKC,GAAGC,MAAU;AAC7C,UAAMC,IAAMR,EAAK,IAAI,CAACS,MAAQA,EAAIF,CAAK,EAAE,MAAM,GACzCG,IAAMF,EAAI,OAAO,CAACH,GAAKM,MAAQN,IAAMM,GAAK,CAAC;AACjD,WAAO,KAAK,IAAIN,GAAK,GAAIF,IAAY,CAACO,CAAG,IAAIF,CAAI;AAAA,EAClD,GAAG,CAAC,GAEEI,IAAYR,IAAM,IAClBS,IAAa,MAAM,GAAG,KAAK,MAAMD,CAAS,CAAC,GAAG,QAC9CE,IAAWF,IAAYC,GACvBE,KAAQjB,EAAM,KAAK,CAACkB,MAAYA,IAAUF,CAAQ,KAAK,KAAKD,GAC5DI,IAAQ,KAAK,KAAKb,IAAMW,CAAI,IAAIA,GAChCG,IAAOC,EAAI,OAAO;AAAA,IACvB,cAAcnB,EAAK,CAAC,EAAE,CAAC,EAAE,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACN;AACD,EAAIC,KAAQiB,EAAK,MAAM,YAAY,wBAAwBjB,CAAM,GACjEiB,EAAK,MAAM,YAAY,UAAU,GAAGlB,EAAK,CAAC,GAAG,SAAS,CAAC,EAAE,GACzDkB,EAAK,MAAM,YAAY,YAAY,GAAGlB,EAAK,SAAS,CAAC,EAAE,GACvDkB,EAAK,MAAM,YAAY,WAAW,GAAGD,CAAK,EAAE;AAC5C,QAAMG,IAAQF,EAAK,YAAYC,EAAI,OAAO,EAAE,OAAO,YAAA,CAAa,CAAC,GAC3DE,IAASH,EAAK,YAAYC,EAAI,OAAO,EAAE,OAAO,aAAA,CAAc,CAAC;AAEnE,eAAM,KAAK,EAAE,QAAQF,IAAQF,IAAO,KAAK,CAACT,GAAGgB,MAAMC,EAAOR,IAAOO,CAAC,CAAC,EACjE,UACA;AAAA,IAAI,CAACX,MACLS,EAAM,OAAOD,EAAI,OAAO,EAAE,OAAO,YAAY,cAAcR,GAAK,CAAC;AAAA,EAAA,GAG5D,EAAE,OAAAM,GAAO,QAAAI,GAAQ,MAAAH,EAAA;AACzB;AAEA,MAAMK,IAAS,IAAI,KAAK,aAAA,EAAe;"}
+{"version":3,"file":"chart-axis.js","names":[],"sources":["../../designsystem/chart/chart-axis.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\ntype Config = { type: string; aspect?: string };\n\nconst STEPS = [0.1, 0.2, 0.25, 0.5, 1];\n\nexport function toAxis(data: ChartData, { aspect, type }: Config) {\n\tconst totalTicks = 10;\n\tconst isStacked = type === \"stacked\";\n\tconst max = data[0].reduce((acc, _, index) => {\n\t\tconst all = data.map((row) => row[index].number);\n\t\tconst sum = all.reduce((acc, num) => acc + num, 0);\n\t\treturn Math.max(acc, ...(isStacked ? [sum] : all));\n\t}, 0);\n\n\tconst tickRange = max / totalTicks;\n\tconst tickDigits = 10 ** `${Math.round(tickRange)}`.length; // Get amount of digits in total number and use as exponent for 10x\n\tconst tickSize = tickRange / tickDigits; // Get amount of digits in total number and use as exponent for 10\n\tconst step = (STEPS.find((current) => current > tickSize) || 1) * tickDigits; // Find closest step larger than tick\n\tconst total = Math.ceil(max / step) * step;\n\tconst axis = tag(\"div\", {\n\t\t\"aria-label\": data[0][0].value || null,\n\t\tclass: \"axis\",\n\t\trole: \"figure\",\n\t});\n\tif (aspect) axis.style.setProperty(\"--mtdsc-chart-aspect\", aspect);\n\taxis.style.setProperty(\"--bars\", `${data[0]?.length - 1}`);\n\taxis.style.setProperty(\"--groups\", `${data.length - 1}`);\n\taxis.style.setProperty(\"--total\", `${total}`);\n\tconst steps = axis.appendChild(tag(\"div\", { class: \"axisSteps\" }));\n\tconst groups = axis.appendChild(tag(\"div\", { class: \"axisGroups\" }));\n\n\tArray.from({ length: total / step + 1 }, (_, i) => getNum(step * i))\n\t\t.reverse()\n\t\t.map((num) =>\n\t\t\tsteps.append(tag(\"div\", { class: \"axisStep\", \"data-label\": num })),\n\t\t);\n\n\treturn { total, groups, axis };\n}\n\nconst getNum = new Intl.NumberFormat().format;\n"],"mappings":";;AAKA,IAAM,IAAQ;CAAC;CAAK;CAAK;CAAM;CAAK;AAAC;AAErC,SAAgB,EAAO,GAAiB,EAAE,WAAQ,WAAgB;CACjE,IACM,IAAY,MAAS,WACrB,IAAM,EAAK,EAAE,CAAC,QAAQ,GAAK,GAAG,MAAU;EAC7C,IAAM,IAAM,EAAK,KAAK,MAAQ,EAAI,EAAM,CAAC,MAAM,GACzC,IAAM,EAAI,QAAQ,GAAK,MAAQ,IAAM,GAAK,CAAC;EACjD,OAAO,KAAK,IAAI,GAAK,GAAI,IAAY,CAAC,CAAG,IAAI,CAAI;CAClD,GAAG,CAAC,GAEE,IAAY,IAAM,IAClB,IAAa,MAAM,GAAG,KAAK,MAAM,CAAS,IAAI,QAC9C,IAAW,IAAY,GACvB,KAAQ,EAAM,MAAM,MAAY,IAAU,CAAQ,KAAK,KAAK,GAC5D,IAAQ,KAAK,KAAK,IAAM,CAAI,IAAI,GAChC,IAAO,EAAI,OAAO;EACvB,cAAc,EAAK,EAAE,CAAC,EAAE,CAAC,SAAS;EAClC,OAAO;EACP,MAAM;CACP,CAAC;CAID,AAHI,KAAQ,EAAK,MAAM,YAAY,wBAAwB,CAAM,GACjE,EAAK,MAAM,YAAY,UAAU,GAAG,EAAK,EAAE,EAAE,SAAS,GAAG,GACzD,EAAK,MAAM,YAAY,YAAY,GAAG,EAAK,SAAS,GAAG,GACvD,EAAK,MAAM,YAAY,WAAW,GAAG,GAAO;CAC5C,IAAM,IAAQ,EAAK,YAAY,EAAI,OAAO,EAAE,OAAO,YAAY,CAAC,CAAC,GAC3D,IAAS,EAAK,YAAY,EAAI,OAAO,EAAE,OAAO,aAAa,CAAC,CAAC;CAQnE,OANA,MAAM,KAAK,EAAE,QAAQ,IAAQ,IAAO,EAAE,IAAI,GAAG,MAAM,EAAO,IAAO,CAAC,CAAC,CAAC,CAClE,QAAQ,CAAC,CACT,KAAK,MACL,EAAM,OAAO,EAAI,OAAO;EAAE,OAAO;EAAY,cAAc;CAAI,CAAC,CAAC,CAClE,GAEM;EAAE;EAAO;EAAQ;CAAK;AAC9B;AAEA,IAAM,IAAS,IAAI,KAAK,aAAa,CAAC,CAAC"}

package/mtds/chart/chart-bars.js

@@ -1,22 +1,24 @@
-import { tag as a } from "../utils.js";
-function u(r) {
-  return r[0].slice(1).map(({ value: s, event: l }, n) => {
-    const o = a("div", { class: "axisGroup", "data-label": s }), i = o.appendChild(
-      a("div", { class: "axisGroupContent" })
-    );
-    return r.slice(1).map((e) => e[n + 1]).map(({ tooltip: e, color: p, number: c }) => {
-      const t = a("div", {
-        "aria-label": e,
-        "data-event": l,
-        class: "bar",
-        role: "img",
-        tabindex: "0"
-      });
-      return t.style.setProperty("--color", p), t.style.setProperty("--value", `${c}`), i.appendChild(t);
-    }), o;
-  });
+import { tag as e } from "../utils.js";
+//#region designsystem/chart/chart-bars.ts
+function t(t) {
+	return t[0].slice(1).map(({ value: n, event: r }, i) => {
+		let a = e("div", {
+			class: "axisGroup",
+			"data-label": n
+		}), o = a.appendChild(e("div", { class: "axisGroupContent" }));
+		return t.slice(1).map((e) => e[i + 1]).map(({ tooltip: t, color: n, number: i }) => {
+			let a = e("div", {
+				"aria-label": t,
+				"data-event": r,
+				class: "bar",
+				role: "img",
+				tabindex: "0"
+			});
+			return a.style.setProperty("--color", n), a.style.setProperty("--value", `${i}`), o.appendChild(a);
+		}), a;
+	});
 }
-export {
-  u as toBars
-};
-//# sourceMappingURL=chart-bars.js.map
+//#endregion
+export { t as toBars };
+
+//# sourceMappingURL=chart-bars.js.map

package/mtds/chart/chart-bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-bars.js","sources":["../../designsystem/chart/chart-bars.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\nexport function toBars(data: ChartData) {\n\treturn data[0].slice(1).map(({ value, event }, index) => {\n\t\tconst group = tag(\"div\", { class: \"axisGroup\", \"data-label\": value });\n\t\tconst content = group.appendChild(\n\t\t\ttag(\"div\", { class: \"axisGroupContent\" }),\n\t\t);\n\n\t\tdata\n\t\t\t.slice(1)\n\t\t\t.map((values) => values[index + 1])\n\t\t\t.map(({ tooltip, color, number }) => {\n\t\t\t\tconst el = tag(\"div\", {\n\t\t\t\t\t\"aria-label\": tooltip,\n\t\t\t\t\t\"data-event\": event,\n\t\t\t\t\tclass: \"bar\",\n\t\t\t\t\trole: \"img\",\n\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t});\n\t\t\t\tel.style.setProperty(\"--color\", color);\n\t\t\t\tel.style.setProperty(\"--value\", `${number}`);\n\t\t\t\treturn content.appendChild(el);\n\t\t\t});\n\t\treturn group;\n\t});\n}\n"],"names":["toBars","data","value","event","index","group","tag","content","values","tooltip","color","number","el"],"mappings":";AAGO,SAASA,EAAOC,GAAiB;AACvC,SAAOA,EAAK,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,OAAAC,GAAO,OAAAC,EAAA,GAASC,MAAU;AACxD,UAAMC,IAAQC,EAAI,OAAO,EAAE,OAAO,aAAa,cAAcJ,GAAO,GAC9DK,IAAUF,EAAM;AAAA,MACrBC,EAAI,OAAO,EAAE,OAAO,oBAAoB;AAAA,IAAA;AAGzC,WAAAL,EACE,MAAM,CAAC,EACP,IAAI,CAACO,MAAWA,EAAOJ,IAAQ,CAAC,CAAC,EACjC,IAAI,CAAC,EAAE,SAAAK,GAAS,OAAAC,GAAO,QAAAC,QAAa;AACpC,YAAMC,IAAKN,EAAI,OAAO;AAAA,QACrB,cAAcG;AAAA,QACd,cAAcN;AAAA,QACd,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,MAAA,CACV;AACD,aAAAS,EAAG,MAAM,YAAY,WAAWF,CAAK,GACrCE,EAAG,MAAM,YAAY,WAAW,GAAGD,CAAM,EAAE,GACpCJ,EAAQ,YAAYK,CAAE;AAAA,IAC9B,CAAC,GACKP;AAAA,EACR,CAAC;AACF;"}
+{"version":3,"file":"chart-bars.js","names":[],"sources":["../../designsystem/chart/chart-bars.ts"],"sourcesContent":["import { tag } from \"../utils\";\nimport type { ChartData } from \"./chart-element\";\n\nexport function toBars(data: ChartData) {\n\treturn data[0].slice(1).map(({ value, event }, index) => {\n\t\tconst group = tag(\"div\", { class: \"axisGroup\", \"data-label\": value });\n\t\tconst content = group.appendChild(\n\t\t\ttag(\"div\", { class: \"axisGroupContent\" }),\n\t\t);\n\n\t\tdata\n\t\t\t.slice(1)\n\t\t\t.map((values) => values[index + 1])\n\t\t\t.map(({ tooltip, color, number }) => {\n\t\t\t\tconst el = tag(\"div\", {\n\t\t\t\t\t\"aria-label\": tooltip,\n\t\t\t\t\t\"data-event\": event,\n\t\t\t\t\tclass: \"bar\",\n\t\t\t\t\trole: \"img\",\n\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t});\n\t\t\t\tel.style.setProperty(\"--color\", color);\n\t\t\t\tel.style.setProperty(\"--value\", `${number}`);\n\t\t\t\treturn content.appendChild(el);\n\t\t\t});\n\t\treturn group;\n\t});\n}\n"],"mappings":";;AAGA,SAAgB,EAAO,GAAiB;CACvC,OAAO,EAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,UAAO,YAAS,MAAU;EACxD,IAAM,IAAQ,EAAI,OAAO;GAAE,OAAO;GAAa,cAAc;EAAM,CAAC,GAC9D,IAAU,EAAM,YACrB,EAAI,OAAO,EAAE,OAAO,mBAAmB,CAAC,CACzC;EAiBA,OAfA,EACE,MAAM,CAAC,CAAC,CACR,KAAK,MAAW,EAAO,IAAQ,EAAE,CAAC,CAClC,KAAK,EAAE,YAAS,UAAO,gBAAa;GACpC,IAAM,IAAK,EAAI,OAAO;IACrB,cAAc;IACd,cAAc;IACd,OAAO;IACP,MAAM;IACN,UAAU;GACX,CAAC;GAGD,OAFA,EAAG,MAAM,YAAY,WAAW,CAAK,GACrC,EAAG,MAAM,YAAY,WAAW,GAAG,GAAQ,GACpC,EAAQ,YAAY,CAAE;EAC9B,CAAC,GACK;CACR,CAAC;AACF"}

package/mtds/chart/chart-element.js

@@ -1,90 +1,96 @@
-import v from "../styles.module.css.js";
-import { isBrowser as C, tag as p, defineElement as E, MTDSElement as $, onMutation as k, on as T, off as w, attr as d, attachStyle as S, debounce as x } from "../utils.js";
-import A from "./chart.css.js";
-import { toAxis as L } from "./chart-axis.js";
-import { toBars as O } from "./chart-bars.js";
-import { toLines as P } from "./chart-lines.js";
-import { toPies as R } from "./chart-pies.js";
-const u = "click keydown mousemove mouseout", f = "mtds-chart-tooltip", i = C() ? document.getElementById(f) || p("div", {
-  "aria-hidden": "true",
-  class: v._tooltip,
-  hidden: "",
-  id: f
-}) : null;
-class q extends $ {
-  #t;
-  #e;
-  static get observedAttributes() {
-    return ["data-variant", "data-aspect"];
-  }
-  constructor() {
-    super(), this.attachShadow({ mode: "open" });
-  }
-  connectedCallback() {
-    const e = x(() => this.attributeChangedCallback(), 100), t = new ResizeObserver(() => this.handleResize());
-    t.observe(this), this.#e = () => t.disconnect(), this.#t = k(this, e, {
-      attributeFilter: ["data-tooltip"],
-      attributes: !0,
-      characterData: !0,
-      childList: !0,
-      subtree: !0
-    }), requestAnimationFrame(() => this.attributeChangedCallback()), T(this, u, this);
-  }
-  disconnectedCallback() {
-    i && (i.hidden = !0), w(this, u, this), this.#e?.(), this.#t?.(), this.#t = this.#e = void 0;
-  }
-  attributeChangedCallback() {
-    const e = H(this.querySelector("table"));
-    if (!e[0]) return;
-    Array.from(this.shadowRoot?.children || []).map((l) => l.remove());
-    const [t, r] = (d(this, "data-variant") || "column").split("-"), s = d(this, "data-aspect") || void 0, a = p("div", {
-      "aria-hidden": "hidden",
-      class: "legends",
-      role: "group"
-    });
-    e.slice(1).forEach(([{ value: l, color: y }]) => {
-      const g = p("div", { class: "legend" }, l);
-      a.appendChild(g).style.setProperty("--color", y);
-    });
-    const { axis: h, groups: n, total: c } = L(e, { aspect: s, type: r });
-    (t === "column" || t === "bar") && n.append(...O(e)), (t === "line" || t === "area") && n.append(P(e, { total: c, variant: t, type: r })), (t === "doughnut" || t === "pie") && this.shadowRoot?.append(R(e, { aspect: s, variant: t })), this.shadowRoot?.append(h, a), S(this, A);
-  }
-  handleEvent(e) {
-    e.type === "click" || e.type === "keydown" ? z(e, this) : D(e);
-  }
-  handleResize() {
-    const e = this.shadowRoot?.firstElementChild, t = e?.firstElementChild;
-    e?.classList.toggle("axisStepsYHalf", (t?.offsetHeight || 0) < 400), e?.classList.toggle("axisStepsXHalf", (t?.offsetWidth || 0) < 500);
-  }
-}
-function z(o, e) {
-  if (o instanceof KeyboardEvent && o.key !== "Enter") return;
-  const t = o.composedPath()[0], r = e.querySelector("table"), [s, a] = t instanceof Element && d(t, "data-event")?.split("-").map(Number) || [];
-  r?.rows[s]?.cells[a]?.querySelector("a,button")?.click?.();
+import e from "../styles.module.js";
+import { MTDSElement as t, attachStyle as n, attr as r, debounce as i, defineElement as a, isBrowser as o, off as s, on as c, onMutation as l, tag as u } from "../utils.js";
+import d from "./chart.js";
+import { toAxis as f } from "./chart-axis.js";
+import { toBars as p } from "./chart-bars.js";
+import { toLines as m } from "./chart-lines.js";
+import { toPies as h } from "./chart-pies.js";
+//#region designsystem/chart/chart-element.ts
+var g = "click keydown mousemove mouseout", _ = "mtds-chart-tooltip", v = o() ? document.getElementById(_) || u("div", {
+	"aria-hidden": "true",
+	class: e._tooltip,
+	hidden: "",
+	id: _
+}) : null, y = class extends t {
+	#e;
+	#t;
+	static get observedAttributes() {
+		return ["data-variant", "data-aspect"];
+	}
+	constructor() {
+		super(), this.attachShadow({ mode: "open" });
+	}
+	connectedCallback() {
+		let e = i(() => this.attributeChangedCallback(), 100), t = new ResizeObserver(() => this.handleResize());
+		t.observe(this), this.#t = () => t.disconnect(), this.#e = l(this, e, {
+			attributeFilter: ["data-tooltip"],
+			attributes: !0,
+			characterData: !0,
+			childList: !0,
+			subtree: !0
+		}), requestAnimationFrame(() => this.attributeChangedCallback()), c(this, g, this);
+	}
+	disconnectedCallback() {
+		v && (v.hidden = !0), s(this, g, this), this.#t?.(), this.#e?.(), this.#e = this.#t = void 0;
+	}
+	attributeChangedCallback() {
+		let e = w(this.querySelector("table"));
+		if (!e[0]) return;
+		Array.from(this.shadowRoot?.children || []).map((e) => e.remove());
+		let [t, i] = (r(this, "data-variant") || "column").split("-"), a = r(this, "data-aspect") || void 0, o = u("div", {
+			"aria-hidden": "hidden",
+			class: "legends",
+			role: "group"
+		});
+		e.slice(1).forEach(([{ value: e, color: t }]) => {
+			let n = u("div", { class: "legend" }, e);
+			o.appendChild(n).style.setProperty("--color", t);
+		});
+		let { axis: s, groups: c, total: l } = f(e, {
+			aspect: a,
+			type: i
+		});
+		(t === "column" || t === "bar") && c.append(...p(e)), (t === "line" || t === "area") && c.append(m(e, {
+			total: l,
+			variant: t,
+			type: i
+		})), (t === "doughnut" || t === "pie") && this.shadowRoot?.append(h(e, {
+			aspect: a,
+			variant: t
+		})), this.shadowRoot?.append(s, o), n(this, d);
+	}
+	handleEvent(e) {
+		e.type === "click" || e.type === "keydown" ? b(e, this) : S(e);
+	}
+	handleResize() {
+		let e = this.shadowRoot?.firstElementChild, t = e?.firstElementChild;
+		e?.classList.toggle("axisStepsYHalf", (t?.offsetHeight || 0) < 400), e?.classList.toggle("axisStepsXHalf", (t?.offsetWidth || 0) < 500);
+	}
+};
+function b(e, t) {
+	if (e instanceof KeyboardEvent && e.key !== "Enter") return;
+	let n = e.composedPath()[0], i = t.querySelector("table"), [a, o] = n instanceof Element && r(n, "data-event")?.split("-").map(Number) || [];
+	i?.rows[a]?.cells[o]?.querySelector("a,button")?.click?.();
 }
-let b = "";
-function D(o) {
-  if (!i) return;
-  i?.isConnected || document.body.append(i);
-  const e = o.composedPath()[0], t = e instanceof Element && e.getAttribute("aria-label") || "";
-  t && (i.style.transform = `translate(${Math.min(o.clientX, window.innerWidth)}px, ${o.clientY}px)`), t !== b && (t && (i.textContent = t), b = t, i.hidden = !t);
+var x = "";
+function S(e) {
+	if (!v) return;
+	v?.isConnected || document.body.append(v);
+	let t = e.composedPath()[0], n = t instanceof Element && t.getAttribute("aria-label") || "";
+	n && (v.style.transform = `translate(${Math.min(e.clientX, window.innerWidth)}px, ${e.clientY}px)`), n !== x && (n && (v.textContent = n), x = n, v.hidden = !n);
 }
-const m = (o) => o?.textContent?.trim() || "", H = (o) => Array.from(o?.rows || []).map(
-  (e, t, { length: r }) => Array.from(e.cells, (s, a) => {
-    const h = m(e.cells[0]), n = m(o?.rows[0].cells[a]), c = m(s), l = r === 2 ? `${n}: ${c}` : `${h}: ${c}${n ? ` (${n})` : ""}`;
-    return d(s, "tabindex", "-1"), {
-      number: a && t && Number.parseFloat(c) || 0,
-      // First row and column is not a number
-      event: s.querySelector("a,button") && `${t}-${a}`,
-      // Reference to proxy events
-      color: `var(--mtdsc-chart-color-${t}-${a}, var(--mtdsc-chart-color-${t}, var(--mtdsc-chart-color-base)))`,
-      value: c,
-      tooltip: d(s, "data-tooltip") || l
-    };
-  })
-);
-E("mtds-chart", q);
-export {
-  q as MTDSChartElement
-};
-//# sourceMappingURL=chart-element.js.map
+var C = (e) => e?.textContent?.trim() || "", w = (e) => Array.from(e?.rows || []).map((t, n, { length: i }) => Array.from(t.cells, (a, o) => {
+	let s = C(t.cells[0]), c = C(e?.rows[0].cells[o]), l = C(a), u = i === 2 ? `${c}: ${l}` : `${s}: ${l}${c ? ` (${c})` : ""}`;
+	return r(a, "tabindex", "-1"), {
+		number: o && n && Number.parseFloat(l) || 0,
+		event: a.querySelector("a,button") && `${n}-${o}`,
+		color: `var(--mtdsc-chart-color-${n}-${o}, var(--mtdsc-chart-color-${n}, var(--mtdsc-chart-color-base)))`,
+		value: l,
+		tooltip: r(a, "data-tooltip") || u
+	};
+}));
+a("mtds-chart", y);
+//#endregion
+export { y as MTDSChartElement };
+
+//# sourceMappingURL=chart-element.js.map