@mattilsynet/design 3.2.8 → 3.3.0

package/mtds/index.js

@@ -1,13 +1,12 @@
-import { UHTMLComboboxElement as M, UHTMLComboboxShadowRoot as U, UHTMLComboboxStyle as x } from "./external/@u-elements/u-combobox/dist/u-combobox.js";
-import { UHTMLTabElement as n, UHTMLTabListElement as w, UHTMLTabListShadowRoot as f, UHTMLTabListStyle as S, UHTMLTabPanelElement as h, UHTMLTabPanelShadowRoot as y, UHTMLTabPanelStyle as C, UHTMLTabShadowRoot as E, UHTMLTabStyle as g, UHTMLTabsElement as R, UHTMLTabsShadowRoot as c, UHTMLTabsStyle as k } from "./external/@u-elements/u-tabs/dist/u-tabs.js";
-import "./external/@u-elements/u-details/dist/u-details.js";
+import "@u-elements/u-progress";
 export * from "@digdir/designsystemet-web";
-import { version as v } from "./package.json.js";
-import { analytics as I } from "./analytics/analytics.js";
-import { toggleAppExpanded as j } from "./app/app-observer.js";
-import { fixLawHtml as z, getLawChecked as B, parseLawIds as D, parseLawMeta as F, setLawChecked as G, toggleLawChecked as J } from "./law/law-helper.js";
-import * as t from "./styles.module.css.js";
-import { toast as N } from "./toast/toast-helper.js";
+import { UHTMLComboboxElement as C, UHTMLComboboxShadowRoot as h, UHTMLComboboxStyle as y } from "./external/@u-elements/u-combobox/dist/u-combobox.js";
+import { version as M } from "./package.json.js";
+import { analytics as k } from "./analytics/analytics.js";
+import { toggleAppExpanded as E } from "./app/app-observer.js";
+import { fixLawHtml as B, getLawChecked as I, parseLawIds as R, parseLawMeta as v, setLawChecked as A, toggleLawChecked as D } from "./law/law-helper.js";
+import * as p from "./styles.module.css.js";
+import { toast as _ } from "./toast/toast-helper.js";
 import "./chart/chart-element.js";
 import "./deprecations.js";
 import "./logo/logo-observer.js";
@@ -16,34 +15,30 @@ import "./table/table-observer.js";
 import "./toast/toast-observer.js";
 import "./tooltip/tooltip-element.js";
 import "./validation/validation-observer.js";
-import "./external/@u-elements/u-datalist/dist/u-datalist.js";
-import "@u-elements/u-progress";
+import { isBrowser as t, onHotReload as e, onMutation as r } from "./utils.js";
+const m = t() ? document.getElementsByTagName("u-datalist") : [], s = () => {
+  for (const o of m) o.closest("ds-suggestion")?.connectedCallback();
+};
+e("deprecations", () => [
+  r(document, s, {
+    childList: !0,
+    subtree: !0
+  })
+]);
 export {
-  M as UHTMLComboboxElement,
-  U as UHTMLComboboxShadowRoot,
-  x as UHTMLComboboxStyle,
-  n as UHTMLTabElement,
-  w as UHTMLTabListElement,
-  f as UHTMLTabListShadowRoot,
-  S as UHTMLTabListStyle,
-  h as UHTMLTabPanelElement,
-  y as UHTMLTabPanelShadowRoot,
-  C as UHTMLTabPanelStyle,
-  E as UHTMLTabShadowRoot,
-  g as UHTMLTabStyle,
-  R as UHTMLTabsElement,
-  c as UHTMLTabsShadowRoot,
-  k as UHTMLTabsStyle,
-  I as analytics,
-  z as fixLawHtml,
-  B as getLawChecked,
-  D as parseLawIds,
-  F as parseLawMeta,
-  G as setLawChecked,
-  t as styles,
-  N as toast,
-  j as toggleAppExpanded,
-  J as toggleLawChecked,
-  v as version
+  C as UHTMLComboboxElement,
+  h as UHTMLComboboxShadowRoot,
+  y as UHTMLComboboxStyle,
+  k as analytics,
+  B as fixLawHtml,
+  I as getLawChecked,
+  R as parseLawIds,
+  v as parseLawMeta,
+  A as setLawChecked,
+  p as styles,
+  _ as toast,
+  E as toggleAppExpanded,
+  D as toggleLawChecked,
+  M as version
 };
 //# sourceMappingURL=index.js.map

package/mtds/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../designsystem/index.ts"],"sourcesContent":["// Expose u-progress, which is not used in @digdir/designsystemet-web, but is used by Mattilsynet\nimport \"@u-elements/u-progress\";\n\n// Expose API\nexport * from \"@digdir/designsystemet-web\"; // Import and expose Digdir web functionality\nexport * from \"@u-elements/u-combobox\"; // Kept for backward compatibility\nexport { version } from \"../package.json\"; // Expose version to make it easier to debug\nexport * from \"./analytics/analytics\";\nexport * from \"./app/app-observer\";\nexport * from \"./law/law-helper\";\nexport * as styles from \"./styles.module.css\";\nexport * from \"./toast/toast-helper\";\n\n// Load behaviors\nimport \"./chart/chart-element\";\nimport \"./deprecations\";\nimport \"./logo/logo-observer\";\nimport \"./popover/popover-observer\";\nimport \"./table/table-observer\";\nimport \"./toast/toast-observer\";\nimport \"./tooltip/tooltip-element\";\nimport \"./validation/validation-observer\";\nimport { isBrowser, onHotReload, onMutation } from \"./utils\";\n\n// Expose types\nexport type Size = \"sm\" | \"md\" | \"lg\";\nexport type HeadingSize = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\n// Fix ds-suggestion while waiting for https://github.com/digdir/designsystemet/pull/4933\nconst LISTS = isBrowser() ? document.getElementsByTagName(\"u-datalist\") : [];\nconst handleDatalistConnect = () => {\n\tfor (const list of LISTS) list.closest(\"ds-suggestion\")?.connectedCallback();\n};\n\nonHotReload(\"deprecations\", () => [\n\tonMutation(document, handleDatalistConnect, {\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["LISTS","isBrowser","handleDatalistConnect","list","onHotReload","onMutation"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,MAAMA,IAAQC,EAAA,IAAc,SAAS,qBAAqB,YAAY,IAAI,CAAA,GACpEC,IAAwB,MAAM;AACnC,aAAWC,KAAQH,EAAO,CAAAG,EAAK,QAAQ,eAAe,GAAG,kBAAA;AAC1D;AAEAC,EAAY,gBAAgB,MAAM;AAAA,EACjCC,EAAW,UAAUH,GAAuB;AAAA,IAC3C,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.2.8";
+const o = "3.3.0";
 export {
   o as version
 };

package/mtds/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { DSPaginationElement } from '@digdir/designsystemet-web';
+import { DSPaginationElement } from '../';
 import { Button } from '../button/button';
 import { CustomReactElementProps } from '../react-types';
 export type PaginationProps = Omit<CustomReactElementProps<DSPaginationElement>, "children"> & {

package/mtds/pagination/pagination.js

@@ -1,17 +1,18 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { pagination as h } from "@digdir/designsystemet-web";
-import { forwardRef as x } from "react";
+import { forwardRef as h } from "react";
+import "../index.js";
 import { Button as n } from "../button/button.js";
-import y from "../styles.module.css.js";
-import { toCustomElementProps as P } from "../utils.js";
-const R = x(
+import x from "../styles.module.css.js";
+import { toCustomElementProps as y } from "../utils.js";
+import { pagination as P } from "@digdir/designsystemet-web";
+const k = h(
   function({ children: a, current: m, total: p, show: l = 7, props: r, ...d }, c) {
-    const { pages: s, next: e, prev: o } = h({ current: m, total: p, show: l });
+    const { pages: s, next: e, prev: o } = P({ current: m, total: p, show: l });
     return /* @__PURE__ */ i(
       "ds-pagination",
       {
         ref: c,
-        ...P(d, y.pagination),
+        ...y(d, x.pagination),
         children: a || /* @__PURE__ */ u("ul", { children: [
           /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
             n,
@@ -41,6 +42,6 @@ const R = x(
   }
 );
 export {
-  R as Pagination
+  k as Pagination
 };
 //# sourceMappingURL=pagination.js.map

package/mtds/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import type { DSPaginationElement } from \"@digdir/designsystemet-web\";\nimport { pagination } from \"@digdir/designsystemet-web\";\nimport { forwardRef } from \"react\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> & {\n\t\"data-variant\"?: \"primary\" | \"secondary\";\n} & (\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","toCustomElementProps","styles","Button","key","page"],"mappings":";;;;;;AAiCO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAChDC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACC,GAAGM,EAAqBP,GAAMQ,EAAO,UAAU;AAAA,QAE/C,UAAAb,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAW,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}
+{"version":3,"file":"pagination.js","sources":["../../designsystem/pagination/pagination.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { pagination } from \"..\";\nimport type { DSPaginationElement } from \"../\";\nimport { Button } from \"../button/button\";\nimport type { CustomReactElementProps } from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\n\nexport type PaginationProps = Omit<\n\tCustomReactElementProps<DSPaginationElement>,\n\t\"children\"\n> & {\n\t\"data-variant\"?: \"primary\" | \"secondary\";\n} & (\n\t\t| {\n\t\t\t\tchildren?: never;\n\t\t\t\tcurrent: number;\n\t\t\t\tshow?: number;\n\t\t\t\ttotal: number;\n\t\t\t\tprops: (props: {\n\t\t\t\t\tpage: number;\n\t\t\t\t\ttype: \"prev\" | \"next\" | \"page\";\n\t\t\t\t}) => Parameters<typeof Button>[0];\n\t\t  }\n\t\t| {\n\t\t\t\tchildren: React.ReactNode;\n\t\t\t\tcurrent?: never;\n\t\t\t\tshow?: never;\n\t\t\t\ttotal?: never;\n\t\t\t\tprops?: never;\n\t\t  }\n\t);\n\nexport const Pagination = forwardRef<DSPaginationElement, PaginationProps>(\n\tfunction Pagination(\n\t\t{ children, current, total, show = 7, props, ...rest },\n\t\tref,\n\t) {\n\t\tconst { pages, next, prev } = pagination({ current, total, show });\n\n\t\treturn (\n\t\t\t<ds-pagination\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest, styles.pagination)}\n\t\t\t>\n\t\t\t\t{children || (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!prev}\n\t\t\t\t\t\t\t\t{...props?.({ page: prev, type: \"prev\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{pages.map(({ key, page, current }) => (\n\t\t\t\t\t\t\t<li key={key}>\n\t\t\t\t\t\t\t\t{!!page && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\taria-current={current}\n\t\t\t\t\t\t\t\t\t\t{...{ children: page }}\n\t\t\t\t\t\t\t\t\t\t{...props?.({ page, type: \"page\" })}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\taria-disabled={!next}\n\t\t\t\t\t\t\t\t{...props?.({ page: next, type: \"next\" })}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</ds-pagination>\n\t\t);\n\t},\n);\n"],"names":["Pagination","forwardRef","children","current","total","show","props","rest","ref","pages","next","prev","pagination","jsx","toCustomElementProps","styles","Button","key","page"],"mappings":";;;;;;;AAiCO,MAAMA,IAAaC;AAAA,EACzB,SACC,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,MAAAC,IAAO,GAAG,OAAAC,GAAO,GAAGC,EAAA,GAChDC,GACC;AACD,UAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,EAAA,IAASC,EAAW,EAAE,SAAAT,GAAS,OAAAC,GAAO,MAAAC,GAAM;AAEjE,WACC,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAAL;AAAA,QACC,GAAGM,EAAqBP,GAAMQ,EAAO,UAAU;AAAA,QAE/C,UAAAb,uBACC,MAAA,EACA,UAAA;AAAA,UAAA,gBAAAW,EAAC,MAAA,EACA,UAAA,gBAAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACL;AAAA,cACf,GAAGL,IAAQ,EAAE,MAAMK,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,GAE1C;AAAA,UACCF,EAAM,IAAI,CAAC,EAAE,KAAAQ,GAAK,MAAAC,GAAM,SAAAf,QACxB,gBAAAU,EAAC,MAAA,EACC,UAAA,CAAC,CAACK,KACF,gBAAAL;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,gBAAcb;AAAAA,cACR,UAAUe;AAAA,cACf,GAAGZ,IAAQ,EAAE,MAAAY,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACnC,GANOD,CAQT,CACA;AAAA,4BACA,MAAA,EACA,UAAA,gBAAAJ;AAAA,YAACG;AAAA,YAAA;AAAA,cACA,iBAAe,CAACN;AAAA,cACf,GAAGJ,IAAQ,EAAE,MAAMI,GAAM,MAAM,QAAQ;AAAA,YAAA;AAAA,UAAA,EACzC,CACD;AAAA,QAAA,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;"}