@mattilsynet/design 2.2.24 → 2.2.25

package/mtds/atlas.js

@@ -1,7 +1,11 @@
-import { MTDSAtlasElement as o } from "./atlas/atlas-element.js";
-import { default as a } from "./external/leaflet/dist/leaflet-src.js";
+import { MTDSAtlasElement } from "./atlas/atlas-element.js";
+import { MTDSAtlasMarkerElement } from "./atlas/atlas-marker.js";
+import { MTDSAtlasMatgeoElement } from "./atlas/atlas-matgeo.js";
+import { default as default2 } from "./external/leaflet/dist/leaflet-src.js";
 export {
-  a as L,
-  o as MTDSAtlasElement
+  default2 as L,
+  MTDSAtlasElement,
+  MTDSAtlasMarkerElement,
+  MTDSAtlasMatgeoElement
 };
 //# sourceMappingURL=atlas.js.map

package/mtds/atlas.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"atlas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/mtds/avatar/avatar.js

@@ -1,12 +1,12 @@
-import { jsx as f } from "react/jsx-runtime";
-import s 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 } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Avatar = forwardRef(function Avatar2({ as, className, ...rest }, ref) {
+  const Tag = as || (rest.href ? "a" : "span");
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.avatar, className), ref, ...rest });
 });
 export {
-  x as Avatar
+  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","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"],"mappings":";;;;AAwBO,MAAM,SAA0B,WAAiB,SAASA,QAG/D,EAAE,IAAI,WAAW,GAAG,KAAA,GAA+B,KAA0B;AAC9E,QAAM,MAAM,OAAO,KAAK,OAAO,MAAM;AAErC,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC5E,CAAC;"}

package/mtds/badge/badge.d.ts

@@ -1,6 +1,6 @@
 export type BadgeProps = React.ComponentPropsWithoutRef<"span"> & {
     "data-badge"?: string | number | boolean;
 };
-export declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+export declare const Badge: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     "data-badge"?: string | number | boolean;
-} & React.RefAttributes<HTMLSpanElement>>;
+} & import('react').RefAttributes<HTMLSpanElement>>;

package/mtds/badge/badge.js

@@ -1,11 +1,11 @@
-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 { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Badge = forwardRef(function Badge2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("span", { className: clsx(styles.badge, className), ref, ...rest });
 });
 export {
-  d as Badge
+  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","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"],"mappings":";;;;AAQO,MAAM,QAAQ,WAAwC,SAASA,OACrE,EAAE,WAAW,GAAG,KAAA,GAChB,KACC;AACD,SAAO,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC5E,CAAC;"}

package/mtds/breadcrumbs/breadcrumbs-observer.js

@@ -1,12 +1,13 @@
-import n from "../styles.module.css.js";
-import { IS_BROWSER as s, onLoaded as c, onMutation as l, attr as m } from "../utils.js";
-const u = n.breadcrumbs.split(" ")[0], t = s ? document.getElementsByClassName(u) : [];
-function i() {
-  if (t)
-    for (const o of t)
-      o.querySelectorAll("a").forEach((r, a, { length: e }) => {
-        m(r, "aria-current", a === e - 1 ? "page" : null);
+import styles from "../styles.module.css.js";
+import { isBrowser, onLoaded, onMutation, attr } from "../utils.js";
+const CSS_BREADCRUMBS = styles.breadcrumbs.split(" ")[0];
+const BREADCRUMBS = isBrowser() ? document.getElementsByClassName(CSS_BREADCRUMBS) : [];
+function handleBreadcrumbsMutation() {
+  if (BREADCRUMBS)
+    for (const breadcumbs of BREADCRUMBS)
+      breadcumbs.querySelectorAll("a").forEach((crumb, index, { length }) => {
+        attr(crumb, "aria-current", index === length - 1 ? "page" : null);
       });
 }
-c(() => [l(i, "class")]);
+onLoaded(() => [onMutation(handleBreadcrumbsMutation, "class")]);
 //# sourceMappingURL=breadcrumbs-observer.js.map

package/mtds/breadcrumbs/breadcrumbs-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs-observer.js","sources":["../../designsystem/breadcrumbs/breadcrumbs-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, IS_BROWSER, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_BREADCRUMBS = styles.breadcrumbs.split(\" \")[0];\nconst BREADCRUMBS = IS_BROWSER\n\t? document.getElementsByClassName(CSS_BREADCRUMBS)\n\t: [];\n\nfunction handleBreadcrumbsMutation() {\n\tif (BREADCRUMBS)\n\t\tfor (const breadcumbs of BREADCRUMBS)\n\t\t\tbreadcumbs.querySelectorAll(\"a\").forEach((crumb, index, { length }) => {\n\t\t\t\tattr(crumb, \"aria-current\", index === length - 1 ? \"page\" : null);\n\t\t\t});\n}\n\nonLoaded(() => [onMutation(handleBreadcrumbsMutation, \"class\")]);\n"],"names":["CSS_BREADCRUMBS","styles","BREADCRUMBS","IS_BROWSER","handleBreadcrumbsMutation","breadcumbs","crumb","index","length","attr","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAO,YAAY,MAAM,GAAG,EAAE,CAAC,GACjDC,IAAcC,IACjB,SAAS,uBAAuBH,CAAe,IAC/C,CAAA;AAEH,SAASI,IAA4B;AACpC,MAAIF;AACH,eAAWG,KAAcH;AACxB,MAAAG,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACC,GAAOC,GAAO,EAAE,QAAAC,QAAa;AACtE,QAAAC,EAAKH,GAAO,gBAAgBC,MAAUC,IAAS,IAAI,SAAS,IAAI;AAAA,MACjE,CAAC;AACJ;AAEAE,EAAS,MAAM,CAACC,EAAWP,GAA2B,OAAO,CAAC,CAAC;"}
+{"version":3,"file":"breadcrumbs-observer.js","sources":["../../designsystem/breadcrumbs/breadcrumbs-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, isBrowser, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_BREADCRUMBS = styles.breadcrumbs.split(\" \")[0];\nconst BREADCRUMBS = isBrowser()\n\t? document.getElementsByClassName(CSS_BREADCRUMBS)\n\t: [];\n\nfunction handleBreadcrumbsMutation() {\n\tif (BREADCRUMBS)\n\t\tfor (const breadcumbs of BREADCRUMBS)\n\t\t\tbreadcumbs.querySelectorAll(\"a\").forEach((crumb, index, { length }) => {\n\t\t\t\tattr(crumb, \"aria-current\", index === length - 1 ? \"page\" : null);\n\t\t\t});\n}\n\nonLoaded(() => [onMutation(handleBreadcrumbsMutation, \"class\")]);\n"],"names":[],"mappings":";;AAGA,MAAM,kBAAkB,OAAO,YAAY,MAAM,GAAG,EAAE,CAAC;AACvD,MAAM,cAAc,UAAA,IACjB,SAAS,uBAAuB,eAAe,IAC/C,CAAA;AAEH,SAAS,4BAA4B;AACpC,MAAI;AACH,eAAW,cAAc;AACxB,iBAAW,iBAAiB,GAAG,EAAE,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa;AACtE,aAAK,OAAO,gBAAgB,UAAU,SAAS,IAAI,SAAS,IAAI;AAAA,MACjE,CAAC;AACJ;AAEA,SAAS,MAAM,CAAC,WAAW,2BAA2B,OAAO,CAAC,CAAC;"}

package/mtds/breadcrumbs/breadcrumbs.js

@@ -1,21 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-import s from "clsx";
-import { forwardRef as t } from "react";
-import c from "../styles.module.css.js";
-const p = t(
-  function({ as: a, className: o, ...r }, m) {
-    return /* @__PURE__ */ e(
-      a || "nav",
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Breadcrumbs = forwardRef(
+  function Breadcrumbs2({ as, className, ...rest }, ref) {
+    const Tag = as || "nav";
+    return /* @__PURE__ */ jsx(
+      Tag,
       {
-        "aria-label": r["aria-label"] || "Du er her:",
-        className: s(c.breadcrumbs, o),
-        ref: m,
-        ...r
+        "aria-label": rest["aria-label"] || "Du er her:",
+        className: clsx(styles.breadcrumbs, className),
+        ref,
+        ...rest
       }
     );
   }
 );
 export {
-  p as Breadcrumbs
+  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 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\nexport type BreadcrumbsProps<As extends React.ElementType = \"nav\"> =\n\tPolymorphicComponentPropWithRef<As, { \"aria-label\"?: string }>;\n\ntype BreadcrumbsComponent = <As extends React.ElementType = \"nav\">(\n\tprops: BreadcrumbsProps<As>,\n) => JSX.Element;\n\nexport const Breadcrumbs: BreadcrumbsComponent = forwardRef<null>(\n\tfunction Breadcrumbs<As extends React.ElementType = \"nav\">(\n\t\t{ as, className, ...rest }: BreadcrumbsProps<As>,\n\t\tref?: PolymorphicRef<As>,\n\t) {\n\t\tconst Tag = as || \"nav\";\n\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Du er her:\"}\n\t\t\t\tclassName={clsx(styles.breadcrumbs, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n) as BreadcrumbsComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Breadcrumbs","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAeO,MAAMA,IAAoCC;AAAA,EAChD,SACC,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GACpBC,GACC;AAGD,WACC,gBAAAC;AAAA,MAHWJ,KAAM;AAAA,MAGhB;AAAA,QACA,cAAYE,EAAK,YAAY,KAAK;AAAA,QAClC,WAAWG,EAAKC,EAAO,aAAaL,CAAS;AAAA,QAC7C,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../designsystem/breadcrumbs/breadcrumbs.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\nexport type BreadcrumbsProps<As extends React.ElementType = \"nav\"> =\n\tPolymorphicComponentPropWithRef<As, { \"aria-label\"?: string }>;\n\ntype BreadcrumbsComponent = <As extends React.ElementType = \"nav\">(\n\tprops: BreadcrumbsProps<As>,\n) => JSX.Element;\n\nexport const Breadcrumbs: BreadcrumbsComponent = forwardRef<null>(\n\tfunction Breadcrumbs<As extends React.ElementType = \"nav\">(\n\t\t{ as, className, ...rest }: BreadcrumbsProps<As>,\n\t\tref?: PolymorphicRef<As>,\n\t) {\n\t\tconst Tag = as || \"nav\";\n\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\taria-label={rest[\"aria-label\"] || \"Du er her:\"}\n\t\t\t\tclassName={clsx(styles.breadcrumbs, className)}\n\t\t\t\tref={ref}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t);\n\t},\n) as BreadcrumbsComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Breadcrumbs"],"mappings":";;;;AAeO,MAAM,cAAoC;AAAA,EAChD,SAASA,aACR,EAAE,IAAI,WAAW,GAAG,KAAA,GACpB,KACC;AACD,UAAM,MAAM,MAAM;AAElB,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,cAAY,KAAK,YAAY,KAAK;AAAA,QAClC,WAAW,KAAK,OAAO,aAAa,SAAS;AAAA,QAC7C;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACD;"}

package/mtds/button/button.js

@@ -1,21 +1,23 @@
-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,
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Button = forwardRef(function Button2({ as, className, type, ...rest }, ref) {
+  const Tag = as || (rest.href ? "a" : "button");
+  if (Tag === "button" && rest["aria-busy"])
+    rest.disabled = true;
+  return /* @__PURE__ */ jsx(
+    Tag,
     {
-      suppressHydrationWarning: !0,
-      className: s(m.button, n),
-      type: u ?? (o === "button" ? o : void 0),
-      ref: i,
-      ...t
+      suppressHydrationWarning: true,
+      className: clsx(styles.button, className),
+      type: type ?? (Tag === "button" ? Tag : void 0),
+      ref,
+      ...rest
     }
   );
 });
 export {
-  l as Button
+  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 {\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-command\"?: 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":";;;;AAgCO,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","sources":["../../designsystem/button/button.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 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-command\"?: 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"],"mappings":";;;;AAgCO,MAAM,SAA0B,WAAiB,SAASA,QAIhE,EAAE,IAAI,WAAW,MAAM,GAAG,KAAA,GAC1B,KACC;AACD,QAAM,MAAM,OAAO,KAAK,OAAO,MAAM;AAErC,MAAI,QAAQ,YAAa,KAAuB,WAAW;AACzD,SAAuB,WAAW;AAEpC,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,0BAAwB;AAAA,MACxB,WAAW,KAAK,OAAO,QAAQ,SAAS;AAAA,MACxC,MAAM,SAAS,QAAQ,WAAW,MAAM;AAAA,MACxC;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/card/card.js

@@ -1,16 +1,18 @@
-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 { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styles from "../styles.module.css.js";
+const Card = forwardRef(function Card2({ as, className, ...rest }, ref) {
+  const Tag = as || (rest.href ? "a" : "div");
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.card, className), ref, ...rest });
+});
+const Group = forwardRef(function Group2({ as, className, ...rest }, ref) {
+  const Tag = as || "div";
+  if (Tag === "button" && !rest.type) Object.assign(rest, { type: "button" });
+  return /* @__PURE__ */ jsx(Tag, { className: clsx(styles.group, className), ref, ...rest });
 });
 export {
-  g as Card,
-  l as Group
+  Card,
+  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\ntype CardBaseProps<Href> = {\n\t\"data-pad\"?: Sizes;\n\thref?: Href;\n};\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, CardBaseProps<Href>>;\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<As, { \"data-pad\"?: Sizes }>;\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":";;;;AA0BO,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,GASYM,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","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\ntype CardBaseProps<Href> = {\n\t\"data-pad\"?: Sizes;\n\thref?: Href;\n};\n\nexport type CardProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"div\",\n> = PolymorphicComponentPropWithRef<As, CardBaseProps<Href>>;\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<As, { \"data-pad\"?: Sizes }>;\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","Group"],"mappings":";;;;AA0BO,MAAM,OAAsB,WAAiB,SAASA,MAG3D,EAAE,IAAI,WAAW,GAAG,KAAA,GAA6B,KAA0B;AAC5E,QAAM,MAAM,OAAO,KAAK,OAAO,MAAM;AAErC,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC1E,CAAC;AASM,MAAM,QAAwB,WAAiB,SAASC,OAE7D,EAAE,IAAI,WAAW,GAAG,KAAA,GAAwB,KAA0B;AACvE,QAAM,MAAM,MAAM;AAClB,MAAI,QAAQ,YAAY,CAAC,KAAK,KAAM,QAAO,OAAO,MAAM,EAAE,MAAM,SAAA,CAAU;AAC1E,SAAO,oBAAC,KAAA,EAAI,WAAW,KAAK,OAAO,OAAO,SAAS,GAAG,KAAW,GAAG,KAAA,CAAM;AAC3E,CAAC;"}

package/mtds/chart/chart-axis.js

@@ -1,21 +1,33 @@
-import { tag as n } from "../utils.js";
-const $ = [0.1, 0.2, 0.25, 0.5, 1];
-function y(s, { aspect: i, type: d }) {
-  const g = d === "stacked", l = s[0].reduce((t, u, f) => {
-    const m = s.map((o) => o[f].number), v = m.reduce((o, S) => o + S, 0);
-    return Math.max(t, ...g ? [v] : m);
-  }, 0), r = l / 10, p = 10 ** `${Math.round(r)}`.length, h = r / p, e = ($.find((t) => t > h) || 1) * p, a = Math.ceil(l / e) * e, c = n("div", {
-    "aria-label": s[0][0].value || null,
+import { tag } from "../utils.js";
+const STEPS = [0.1, 0.2, 0.25, 0.5, 1];
+function toAxis(data, { aspect, type }) {
+  const totalTicks = 10;
+  const isStacked = type === "stacked";
+  const max = data[0].reduce((acc, _, index) => {
+    const all = data.map((row) => row[index].number);
+    const sum = all.reduce((acc2, num) => acc2 + num, 0);
+    return Math.max(acc, ...isStacked ? [sum] : all);
+  }, 0);
+  const tickRange = max / totalTicks;
+  const tickDigits = 10 ** `${Math.round(tickRange)}`.length;
+  const tickSize = tickRange / tickDigits;
+  const step = (STEPS.find((current) => current > tickSize) || 1) * tickDigits;
+  const total = Math.ceil(max / step) * step;
+  const axis = tag("div", {
+    "aria-label": data[0][0].value || null,
     class: "axis",
     role: "figure",
-    style: `${i ? `--mtdsc-chart-aspect: ${i};` : ""} --bars: ${s[0]?.length - 1}; --groups: ${s.length - 1}; --total: ${a}`
-  }), x = c.appendChild(n("div", { class: "axisSteps" })), k = c.appendChild(n("div", { class: "axisGroups" }));
-  return Array.from({ length: a / e + 1 }, (t, u) => b(e * u)).reverse().map(
-    (t) => x.append(n("div", { class: "axisStep", "data-label": t }))
-  ), { total: a, groups: k, axis: c };
+    style: `${aspect ? `--mtdsc-chart-aspect: ${aspect};` : ""} --bars: ${data[0]?.length - 1}; --groups: ${data.length - 1}; --total: ${total}`
+  });
+  const steps = axis.appendChild(tag("div", { class: "axisSteps" }));
+  const groups = axis.appendChild(tag("div", { class: "axisGroups" }));
+  Array.from({ length: total / step + 1 }, (_, i) => getNum(step * i)).reverse().map(
+    (num) => steps.append(tag("div", { class: "axisStep", "data-label": num }))
+  );
+  return { total, groups, axis };
 }
-const b = new Intl.NumberFormat().format;
+const getNum = new Intl.NumberFormat().format;
 export {
-  y as toAxis
+  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\tstyle: `${aspect ? `--mtdsc-chart-aspect: ${aspect};` : \"\"} --bars: ${data[0]?.length - 1}; --groups: ${data.length - 1}; --total: ${total}`,\n\t});\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,IACN,OAAO,GAAGC,IAAS,yBAAyBA,CAAM,MAAM,EAAE,YAAYD,EAAK,CAAC,GAAG,SAAS,CAAC,eAAeA,EAAK,SAAS,CAAC,cAAciB,CAAK;AAAA,EAAA,CAC1I,GACKG,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","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\tstyle: `${aspect ? `--mtdsc-chart-aspect: ${aspect};` : \"\"} --bars: ${data[0]?.length - 1}; --groups: ${data.length - 1}; --total: ${total}`,\n\t});\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":["acc"],"mappings":";AAKA,MAAM,QAAQ,CAAC,KAAK,KAAK,MAAM,KAAK,CAAC;AAE9B,SAAS,OAAO,MAAiB,EAAE,QAAQ,QAAgB;AACjE,QAAM,aAAa;AACnB,QAAM,YAAY,SAAS;AAC3B,QAAM,MAAM,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,GAAG,UAAU;AAC7C,UAAM,MAAM,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,MAAM;AAC/C,UAAM,MAAM,IAAI,OAAO,CAACA,MAAK,QAAQA,OAAM,KAAK,CAAC;AACjD,WAAO,KAAK,IAAI,KAAK,GAAI,YAAY,CAAC,GAAG,IAAI,GAAI;AAAA,EAClD,GAAG,CAAC;AAEJ,QAAM,YAAY,MAAM;AACxB,QAAM,aAAa,MAAM,GAAG,KAAK,MAAM,SAAS,CAAC,GAAG;AACpD,QAAM,WAAW,YAAY;AAC7B,QAAM,QAAQ,MAAM,KAAK,CAAC,YAAY,UAAU,QAAQ,KAAK,KAAK;AAClE,QAAM,QAAQ,KAAK,KAAK,MAAM,IAAI,IAAI;AACtC,QAAM,OAAO,IAAI,OAAO;AAAA,IACvB,cAAc,KAAK,CAAC,EAAE,CAAC,EAAE,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO,GAAG,SAAS,yBAAyB,MAAM,MAAM,EAAE,YAAY,KAAK,CAAC,GAAG,SAAS,CAAC,eAAe,KAAK,SAAS,CAAC,cAAc,KAAK;AAAA,EAAA,CAC1I;AACD,QAAM,QAAQ,KAAK,YAAY,IAAI,OAAO,EAAE,OAAO,YAAA,CAAa,CAAC;AACjE,QAAM,SAAS,KAAK,YAAY,IAAI,OAAO,EAAE,OAAO,aAAA,CAAc,CAAC;AAEnE,QAAM,KAAK,EAAE,QAAQ,QAAQ,OAAO,KAAK,CAAC,GAAG,MAAM,OAAO,OAAO,CAAC,CAAC,EACjE,UACA;AAAA,IAAI,CAAC,QACL,MAAM,OAAO,IAAI,OAAO,EAAE,OAAO,YAAY,cAAc,KAAK,CAAC;AAAA,EAAA;AAGnE,SAAO,EAAE,OAAO,QAAQ,KAAA;AACzB;AAEA,MAAM,SAAS,IAAI,KAAK,aAAA,EAAe;"}

package/mtds/chart/chart-bars.js

@@ -1,24 +1,26 @@
-import { tag as e } from "../utils.js";
-function d(t) {
-  return t[0].slice(1).map(({ value: l, event: n }, r) => {
-    const i = e("div", { class: "axisGroup", "data-label": l }), s = i.appendChild(
-      e("div", { class: "axisGroupContent" })
+import { tag } from "../utils.js";
+function toBars(data) {
+  return data[0].slice(1).map(({ value, event }, index) => {
+    const group = tag("div", { class: "axisGroup", "data-label": value });
+    const content = group.appendChild(
+      tag("div", { class: "axisGroupContent" })
     );
-    return t.slice(1).map((a) => a[r + 1]).map(
-      ({ tooltip: a, style: o, number: p }) => s.appendChild(
-        e("div", {
-          "aria-label": a,
-          "data-event": n,
+    data.slice(1).map((values) => values[index + 1]).map(
+      ({ tooltip, style, number }) => content.appendChild(
+        tag("div", {
+          "aria-label": tooltip,
+          "data-event": event,
           class: "bar",
           role: "img",
-          style: `${o}; --value: ${p}`,
+          style: `${style}; --value: ${number}`,
           tabindex: "0"
         })
       )
-    ), i;
+    );
+    return group;
   });
 }
 export {
-  d as toBars
+  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, style, number }) =>\n\t\t\t\tcontent.appendChild(\n\t\t\t\t\ttag(\"div\", {\n\t\t\t\t\t\t\"aria-label\": tooltip,\n\t\t\t\t\t\t\"data-event\": event,\n\t\t\t\t\t\tclass: \"bar\",\n\t\t\t\t\t\trole: \"img\",\n\t\t\t\t\t\tstyle: `${style}; --value: ${number}`,\n\t\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t);\n\t\treturn group;\n\t});\n}\n"],"names":["toBars","data","value","event","index","group","tag","content","values","tooltip","style","number"],"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;AAAA,MAAI,CAAC,EAAE,SAAAK,GAAS,OAAAC,GAAO,QAAAC,EAAA,MACvBJ,EAAQ;AAAA,QACPD,EAAI,OAAO;AAAA,UACV,cAAcG;AAAA,UACd,cAAcN;AAAA,UACd,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO,GAAGO,CAAK,cAAcC,CAAM;AAAA,UACnC,UAAU;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IACF,GAEKN;AAAA,EACR,CAAC;AACF;"}
+{"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, style, number }) =>\n\t\t\t\tcontent.appendChild(\n\t\t\t\t\ttag(\"div\", {\n\t\t\t\t\t\t\"aria-label\": tooltip,\n\t\t\t\t\t\t\"data-event\": event,\n\t\t\t\t\t\tclass: \"bar\",\n\t\t\t\t\t\trole: \"img\",\n\t\t\t\t\t\tstyle: `${style}; --value: ${number}`,\n\t\t\t\t\t\ttabindex: \"0\",\n\t\t\t\t\t}),\n\t\t\t\t),\n\t\t\t);\n\t\treturn group;\n\t});\n}\n"],"names":[],"mappings":";AAGO,SAAS,OAAO,MAAiB;AACvC,SAAO,KAAK,CAAC,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,MAAA,GAAS,UAAU;AACxD,UAAM,QAAQ,IAAI,OAAO,EAAE,OAAO,aAAa,cAAc,OAAO;AACpE,UAAM,UAAU,MAAM;AAAA,MACrB,IAAI,OAAO,EAAE,OAAO,oBAAoB;AAAA,IAAA;AAGzC,SACE,MAAM,CAAC,EACP,IAAI,CAAC,WAAW,OAAO,QAAQ,CAAC,CAAC,EACjC;AAAA,MAAI,CAAC,EAAE,SAAS,OAAO,OAAA,MACvB,QAAQ;AAAA,QACP,IAAI,OAAO;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO,GAAG,KAAK,cAAc,MAAM;AAAA,UACnC,UAAU;AAAA,QAAA,CACV;AAAA,MAAA;AAAA,IACF;AAEF,WAAO;AAAA,EACR,CAAC;AACF;"}

package/mtds/chart/chart-element.d.ts

@@ -1,5 +1,10 @@
 import { MTDSElement } from '../utils';
 export type ChartData = ReturnType<typeof toData>;
+declare global {
+    interface HTMLElementTagNameMap {
+        "mtds-chart": MTDSChartElement;
+    }
+}
 export declare class MTDSChartElement extends MTDSElement {
     #private;
     static get observedAttributes(): string[];

package/mtds/chart/chart-element.js

@@ -1,84 +1,119 @@
-import C from "../styles.module.css.js";
-import { IS_BROWSER as g, tag as c, MTDSElement as v, onResize as k, onMutation as w, on as S, off as T, attr as d } from "../utils.js";
-import R from "./chart.css.js";
-import { toAxis as $ } from "./chart-axis.js";
-import { toBars as x } from "./chart-bars.js";
-import { toLines as O } from "./chart-lines.js";
-import { toPies as A } from "./chart-pies.js";
-const u = "click,keydown,mousemove,mouseout", f = "mtds-chart-tooltip", i = g ? document.getElementById(f) || c("div", {
+import styles from "../styles.module.css.js";
+import { isBrowser, tag, defineElement, MTDSElement, onResize, onMutation, on, off, attr } from "../utils.js";
+import css from "./chart.css.js";
+import { toAxis } from "./chart-axis.js";
+import { toBars } from "./chart-bars.js";
+import { toLines } from "./chart-lines.js";
+import { toPies } from "./chart-pies.js";
+const EVENTS = "click,keydown,mousemove,mouseout";
+const TOOLTIP_ID = "mtds-chart-tooltip";
+const TOOLTIP = isBrowser() ? document.getElementById(TOOLTIP_ID) || tag("div", {
   "aria-hidden": "true",
-  class: C._tooltip,
+  class: styles._tooltip,
   hidden: "",
-  id: f
+  id: TOOLTIP_ID
 }) : null;
-class L extends v {
-  #t;
-  #e;
+class MTDSChartElement extends MTDSElement {
+  #unmutate;
+  #unresize;
   static get observedAttributes() {
     return ["data-variant", "data-aspect"];
   }
   constructor() {
-    super(), this.attachShadow({ mode: "open" });
+    super();
+    this.attachShadow({ mode: "open" });
   }
   connectedCallback() {
-    this.#e = k(() => this.handleResize(), this), this.#t = w(() => this.attributeChangedCallback(), {
+    this.#unresize = onResize(() => this.handleResize(), this);
+    this.#unmutate = onMutation(() => this.attributeChangedCallback(), {
       attr: "data-tooltip",
       root: this
-    }), this.attributeChangedCallback(), S(this, u, this);
+    });
+    this.attributeChangedCallback();
+    on(this, EVENTS, this);
   }
   disconnectedCallback() {
-    i && (i.hidden = !0), T(this, u, this), this.#e?.(), this.#t?.(), this.#t = this.#e = void 0;
+    if (TOOLTIP) TOOLTIP.hidden = true;
+    off(this, EVENTS, this);
+    this.#unresize?.();
+    this.#unmutate?.();
+    this.#unmutate = this.#unresize = void 0;
   }
   attributeChangedCallback() {
-    Array.from(this.shadowRoot?.children || []).map((p) => p.remove());
-    const [t, e] = (d(this, "data-variant") || "column").split("-"), a = d(this, "data-aspect") || void 0, s = q(this.querySelector("table")), n = c("style", {}, R), r = c("div", {
+    Array.from(this.shadowRoot?.children || []).map((el) => el.remove());
+    const [variant, type] = (attr(this, "data-variant") || "column").split("-");
+    const aspect = attr(this, "data-aspect") || void 0;
+    const data = toData(this.querySelector("table"));
+    const style = tag("style", {}, css);
+    const legend = tag("div", {
       "aria-hidden": "hidden",
       class: "legends",
       role: "group"
     });
-    s.slice(1).forEach(([{ value: p, style: E }]) => {
-      r.appendChild(c("div", { class: "legend", style: E }, p));
+    data.slice(1).forEach(([{ value, style: style2 }]) => {
+      legend.appendChild(tag("div", { class: "legend", style: style2 }, value));
     });
-    const { axis: h, groups: m, total: y } = $(s, { aspect: a, type: e });
-    (t === "column" || t === "bar") && m.append(...x(s)), (t === "line" || t === "area") && m.append(O(s, { total: y, variant: t, type: e })), (t === "doughnut" || t === "pie") && this.shadowRoot?.append(A(s, { aspect: a, variant: t })), this.shadowRoot?.append(h, r, n);
+    const { axis, groups, total } = toAxis(data, { aspect, type });
+    if (variant === "column" || variant === "bar")
+      groups.append(...toBars(data));
+    if (variant === "line" || variant === "area")
+      groups.append(toLines(data, { total, variant, type }));
+    if (variant === "doughnut" || variant === "pie")
+      this.shadowRoot?.append(toPies(data, { aspect, variant }));
+    this.shadowRoot?.append(axis, legend, style);
   }
-  handleEvent(t) {
-    t.type === "click" || t.type === "keydown" ? P(t, this) : H(t);
+  handleEvent(e) {
+    if (e.type === "click" || e.type === "keydown") onClick(e, this);
+    else onMoveTooltip(e);
   }
   handleResize() {
-    const t = this.shadowRoot?.firstElementChild, e = t?.firstElementChild;
-    t?.classList.toggle("axisStepsYHalf", (e?.offsetHeight || 0) < 400), t?.classList.toggle("axisStepsXHalf", (e?.offsetWidth || 0) < 500);
+    const axis = this.shadowRoot?.firstElementChild;
+    const steps = axis?.firstElementChild;
+    axis?.classList.toggle("axisStepsYHalf", (steps?.offsetHeight || 0) < 400);
+    axis?.classList.toggle("axisStepsXHalf", (steps?.offsetWidth || 0) < 500);
   }
 }
-function P(o, t) {
-  if (o instanceof KeyboardEvent && o.key !== "Enter") return;
-  const e = o.composedPath()[0], a = t.querySelector("table"), [s, n] = e instanceof Element && d(e, "data-event")?.split("-").map(Number) || [];
-  a?.rows[s]?.cells[n]?.querySelector("a,button")?.click?.();
+function onClick(event, self) {
+  if (event instanceof KeyboardEvent && event.key !== "Enter") return;
+  const el = event.composedPath()[0];
+  const table = self.querySelector("table");
+  const [tr, td] = el instanceof Element && attr(el, "data-event")?.split("-").map(Number) || [];
+  table?.rows[tr]?.cells[td]?.querySelector("a,button")?.click?.();
 }
-let b = "";
-function H(o) {
-  if (!i) return;
-  i?.isConnected || document.body.append(i);
-  const t = o.composedPath()[0], e = t instanceof Element && t.getAttribute("aria-label") || "";
-  e && (i.style.transform = `translate(${o.pageX}px, ${o.pageY}px)`), e !== b && (e && (i.textContent = e), b = e, i.hidden = !e);
+let TOOLTIP_TEXT = "";
+function onMoveTooltip(event) {
+  if (!TOOLTIP) return;
+  if (!TOOLTIP?.isConnected) document.body.append(TOOLTIP);
+  const el = event.composedPath()[0];
+  const tip = el instanceof Element && el.getAttribute("aria-label") || "";
+  if (tip)
+    TOOLTIP.style.transform = `translate(${event.pageX}px, ${event.pageY}px)`;
+  if (tip !== TOOLTIP_TEXT) {
+    if (tip) TOOLTIP.textContent = tip;
+    TOOLTIP_TEXT = tip;
+    TOOLTIP.hidden = !tip;
+  }
 }
-const l = (o) => o?.textContent?.trim() || "", q = (o) => Array.from(
-  o?.rows || [],
-  (t, e) => Array.from(t.cells, (a, s) => {
-    const n = l(t.cells[0]), r = l(o?.rows[0].cells[s]), h = `${n}: ${l(a)}${r ? ` (${r})` : ""}`;
+const text = (el) => el?.textContent?.trim() || "";
+const toData = (table) => Array.from(
+  table?.rows || [],
+  (row, rowIndex) => Array.from(row.cells, (cell, cellIndex) => {
+    const rowHeading = text(row.cells[0]);
+    const colHeading = text(table?.rows[0].cells[cellIndex]);
+    const tooltip = `${rowHeading}: ${text(cell)}${colHeading ? ` (${colHeading})` : ""}`;
     return {
-      number: s && e && Number.parseFloat(l(a)) || 0,
+      number: cellIndex && rowIndex && Number.parseFloat(text(cell)) || 0,
       // First row and column is not a number
-      event: a.querySelector("a,button") && `${e}-${s}`,
+      event: cell.querySelector("a,button") && `${rowIndex}-${cellIndex}`,
       // Reference to proxy events
-      style: `--color: var(--mtdsc-chart-color-${e}, var(--mtdsc-chart-color-base))`,
-      value: l(a),
-      tooltip: d(a, "data-tooltip") || h
+      style: `--color: var(--mtdsc-chart-color-${rowIndex}, var(--mtdsc-chart-color-base))`,
+      value: text(cell),
+      tooltip: attr(cell, "data-tooltip") || tooltip
     };
   })
 );
-g && !window.customElements.get("mtds-chart") && window.customElements.define("mtds-chart", L);
+defineElement("mtds-chart", MTDSChartElement);
 export {
-  L as MTDSChartElement
+  MTDSChartElement
 };
 //# sourceMappingURL=chart-element.js.map